//global masthead secondary bg colors
var masthead = {"home": "#1D232A", "people": "#1D232A", "music": "#f06ebb", "events": "#2a3336", "style": "#e8f5f9"};

var e = {"divProperties": [{"divId": "x", "originalHeight": "x", "currentHeight": "x"}]};

var rating_timer;


//open or closed
var oOc = false; 
Effect.Combo = function(hideshow,element,collapseTo) {
    var tf = false;			
    element = $(element);		
    var h = e.divProperties.length;
    for(var i = 0; i <= h; i++){
        if(e.divProperties[i].divId == element.id){
            //closing element
            if(e.divProperties[i].originalHeight == e.divProperties[i].currentHeight) { 
                
                if(!(collapseTo)) collapseTo = 40;
                new Effect.Morph(e.divProperties[i].divId,{style:'height:'+collapseTo+'px'});				
                e.divProperties[i].currentHeight = collapseTo;
                hideshow.className = hideshow.className + " show";
                hideshow.innerHTML = "show";
                tf = true;
                return;
            }else{
            // opening up element
            new Effect.Morph(e.divProperties[i].divId,{style:'height:'+e.divProperties[i].originalHeight+'px'});
            e.divProperties[i].currentHeight = e.divProperties[i].originalHeight;
            hideshow.className = "hide";
            hideshow.innerHTML = "hide";
            tf = true;
            return;
        }						
    }
    //add new element to hash
    if(!tf){
        e.divProperties.push({"divId": element.id, "originalHeight": element.offsetHeight, "currentHeight": element.offsetHeight});
        continue;
    }
}
};

// function for chart_toppers sidenav
function chart_info(element, collapseTo, expandTo, indexNum){
    var parent = element.parentNode;
    var ul_expand_info = document.getElementsByClassName("expand_info");
    var addItemButton = document.getElementsByClassName("add_item");
    
    //removing "Add Item" option when user selects another interest
    var ni = $("new_item");
    if(ni)ni.remove();
    
    var charts = element.parentNode.parentNode; 
    var chart_artist = charts.getElementsByTagName("li"); 
    var cal = chart_artist.length;
    
    var anchors = document.getElementsByClassName("close_minus");
    var al = anchors.length;
    
    //removing "Add Item" buttons when user selects another interest
    for(var i=0; i<addItemButton.length; i++){
        addItemButton[i].style.display = "none";	
    }
    
    //first changing all bg's to plus sign
    for(var a=0; a<al; a++){
        anchors[a].className = "open_plus";
    }	
    
    for (var i = 0; i < cal; i++) { 
        heightStatus = chart_artist[i].offsetHeight;
        if (heightStatus > collapseTo) { 	
            new Effect.Morph(chart_artist[i], {duration: 0.4, style:'height:'+collapseTo+'px'});
        }
        else if(chart_artist[i] == parent){ 
            add_item(element,indexNum);
            //newItem.style.display = "block";
            
            new Effect.Morph(chart_artist[i],{duration: 0.4, style:'height:'+(parent.offsetHeight + ul_expand_info[indexNum].offsetHeight)+'px'});	
            //changing to minus bg of "this" 
            element.className = "close_minus";
            //addItemButton[indexNum].style.display = "block";
        }
    }	
}


// function for dashboard charts
function dashboard_charts(element, collapseTo, expandTo,getClass){
    if(!collapseTo){
        //default positions
        collapseTo = 28; 
        expandTo = 150;
    }
    if(getClass){
        chart_artist = document.getElementsByClassName(getClass); 
    }else{	
    chart_artist = document.getElementsByClassName("playing_title"); 
} 
var current_artist;
var cal = chart_artist.length;

for (var i = 0; i < cal; i++) { 	
    heightStatus = chart_artist[i].offsetHeight;	
    if (heightStatus > collapseTo) {
        
        new Effect.Morph(chart_artist[i], {duration: 0.4, style:'height:'+collapseTo+'px'});
    }
    else if(chart_artist[i] == element.parentNode){
        
        new Effect.Morph(chart_artist[i],{duration: 0.4, style:'height:'+expandTo+'px'});	
    }		
    
}
}



// function for displaying avatar options
// Profile page
function avatar_options(element,closeOptions,tips,section){
    //Added to fix the online_green button - IE6&7 positioning bug
    var online_status = document.getElementsByClassName("friends_online_container",section);		
    var avatar_status = document.getElementsByClassName("avatar_status",section);	
    var status_options = document.getElementsByClassName("status_options",section);	
    var ocList =  document.getElementsByClassName("overlay_container",section);	
    ocListLength = ocList.length;
    onlineLength = online_status.length;	
    for(var i = 0; i< ocListLength; i++){
        if(i == element){
            ocList[i].style.display = "block";
        }else{
        ocList[i].style.display = "none";	
        if(avatar_status.length > 0){
            if(section == "top_friends"){
                status_options[i].style.display = "none";	
            }
        }
    }
}
//Friends Online -  making visible
for(var i = 0; i < onlineLength; i++){
    online_status[i].style.visibility = "visible";	
}
}


function avp(element,section,closeOptions,tips){	
    var avatar_options = document.getElementsByClassName("avatar_profile",section);
    var avatar_status = document.getElementsByClassName("avatar_status",section);
    
    if(tips){
        avatar_options[element].innerHTML = tips; 
        if(closeOptions){
            avatar_options[element].style.visibility = "hidden";
        }else{
        avatar_options[element].style.visibility = "visible";
    }		
}else{
if(closeOptions){
    avatar_options[element].style.display = "none";
}else{

if(section == "top_friends")avatar_status[element].style.display = "block";
avatar_options[element].style.display = "block";

}
}
}

function status_options(element,section){
    var status_options = document.getElementsByClassName("status_options",section);
    var avatar_status = document.getElementsByClassName("avatar_status",section);
    
    //Added to fix the online_green button - IE6&7 positioning bug
    var online_status = document.getElementsByClassName("friends_online_container",section);
    
    if(section == "top_friends"){
        if(element < 6){
            var foc = +element + 6;
            online_status[foc].style.visibility = "hidden";
        }
    }	
    if(status_options[element].style.display == "block"){	
        status_options[element].style.display = "none";
        if(online_status.length > 0){
            online_status[element].style.visibility = "visible";
        }
    }else{	
    status_options[element].style.display = "block";
}
}

function change_status(element,status){
    var uName = document.getElementsByClassName("status");	
    uName[element].innerHTML = status;
    status_options(element);
}



function rateSubmit(element,rating,imgPath,textSwap) {
    var parentElement = element.parentNode;
    var ratingImages = parentElement.getElementsByTagName('img');
    for(var i = 0; i <= rating; i++){
        ratingImages[i].src = imgPath+"submit.gif";
    }
    if(textSwap){
        var pSwap = parentElement.parentNode.getElementsByTagName('p');
        pSwap[0].innerHTML = "Submitted";
    }
}

function rate_hover(element,rating,imgPath,textSwap) {
    var parentElement = element.parentNode;
    var ratingImages = parentElement.getElementsByTagName('img');
    for(var i=0; i < ratingImages.length; i++) {
        if (i <= rating) {
            ratingImages[i].src = imgPath+"on.gif";
            if(textSwap){
                var pSwap = parentElement.parentNode.getElementsByTagName('p');
                //pSwap[0].innerHTML = "Place "+(rating+1)+" votes";
            }	
        } else {
        ratingImages[i].src = imgPath+"off.gif";
    }
}
var initialText = parentElement.parentNode.getElementsByTagName('p');
}

function add_HoverTag(element, tagInfo){
    if(tagInfo == "remove")tagInfo = "Remove Tag";
    else tagInfo = "Add Tag to Your Profile";
    
    var parentElement = element.parentNode;
    var addDivHover = document.createElement('div');
    addDivHover.setAttribute('id','div_hover');
    
    var addHover = document.createElement('p');
    addHover.setAttribute('class','remove_hover');	
    addHover.innerHTML = tagInfo;	
    
    var elLeft = element.offsetLeft+'px';
    addDivHover.style.left = elLeft;
    
    
    addDivHover.appendChild(addHover);
    parentElement.appendChild(addDivHover);
}

function remove_HoverTag(element,indexNum){
    var	parentElement = element.parentNode;
    var removeHover = $('div_hover');
    if(removeHover){parentElement.removeChild(removeHover);}
}

/* rating reset */
function rating_return(rate, id){
    
    
    clearTimeout(rating_timer);
    
    new Effect.Highlight(id);
    
    var children = $(id).childElements();
    
    for (var i = 0; i < children.length; i++) {
        var item = children[i];
        if(i < rate){
            item.src = "/./images/icons/avatar_stars_on.gif"; 
        }else{
            item.src = "/./images/icons/avatar_stars_off.gif";
        }
    }

}

function do_rating_return(rate, id){
    
    clearTimeout(rating_timer);
    rating_timer = setTimeout("rating_return(" + rate + ", '" + id + "')", 1000);
    
}


/* event rating reset */
function event_rating_return(rate, id){
    
    
    clearTimeout(rating_timer);
    
    new Effect.Highlight(id, {startcolor:'#1A4253', endcolor:'#041019'});
    
    var children = $(id).childElements();
    
    for (var i = 0; i < children.length; i++) {
        var item = children[i];
        if(i < rate){
            item.src = "/./images/icons/event_stars_on.gif"; 
        }else{
            item.src = "/./images/icons/event_stars_off.gif";
        }
    }

}

function do_event_rating_return(rate, id){
    
    clearTimeout(rating_timer);
    rating_timer = setTimeout("event_rating_return(" + rate + ", '" + id + "')", 1000);
    
}




function add_item(element,indexNum){
    
    var parent = element.parentNode;
    var ul_expand_info = document.getElementsByClassName('expand_info');
    var niCheck = $('new_item');
    
    //used to grab the a."plus" to expand chart_info
    var elementOpenPlus =  document.getElementsByClassName('open_plus');
    
    if(!niCheck){ 
        
        var addLi = document.createElement('li');
        addLi.setAttribute('id','new_item');
        addLi.style.visibility = "hidden";
        addLi.style.display = "block";
        
        var addSpan = document.createElement('span');
        
        var addInput = document.createElement('input');
        addInput.setAttribute('id','unique');
        addInput.setAttribute('name','unique');
        
        var addAnchor = document.createElement('a');
        addAnchor.setAttribute('class','cancel');
        addAnchor.innerHTML = "cancel";
        
        addAnchor.onClick = function(){
            var categoryOptions =  $("category_options");
            categoryOptions.style.display = "none";
            var addItemButton = document.getElementsByClassName("add_item");
            addItemButton[indexNum].style.display = "none";
            parent = this.parentNode.parentNode;
            parent.removeChild(this.parentNode);
        }
        
        addInput.onkeydown = function(){
            var offsetElements = $("interests");
            var parent = this.parentNode.parentNode.parentNode;			
            var offsetLeft = offsetElements.offsetLeft;
            var offsetTop =  offsetElements.offsetTop;
            
            if (navigator.userAgent.indexOf('Mac') != -1 && typeof document.body.leftMargin != 'undefined'){
                offsetLeft += document.body.leftMargin;
                offsetTop += document.body.topMargin;
            }
            
            var inputOffSet = parent.parentNode.offsetTop;
            inputOffSet += this.parentNode.offsetTop;
            inputOffSet += parent.offsetTop+8;
            offsetTop = offsetTop+inputOffSet;
            offsetTop = offsetTop+"px";
            
            open_popups(this,"category_options");
            /*
            var categoryOptions =  $("category_options");
            if(document.all){offsetTop = inputOffSet+"px"; }
            categoryOptions.style.top = offsetTop;
            categoryOptions.style.display = "block";		
            */
        }
        
        
        addInput.onblur = function(){
            open_popups(this,"interests_confirm");	
            
            var categoryOptions =  $("category_options");
            categoryOptions.style.display = "none";	
            var addItemButton = document.getElementsByClassName("add_item");
            addItemButton[indexNum].style.display = "none";
            parent = this.parentNode.parentNode;
            parent.removeChild(this.parentNode);
        }
        
        
        addSpan.innerHTML = "New Item";
        addLi.appendChild(addSpan); 
        addLi.appendChild(addInput); 
        addLi.appendChild(addAnchor);
        ul_expand_info[indexNum].appendChild(addLi);
    }
    return;
}

function show_item(element){
    var newItem= $('new_item');
    newItem.style.visibility = "visible";
    newItem.childNodes[1].focus();	
}

function show_category(element,showHide){
    var newCategory = $('new_category');
    var category = $('category');
    if(showHide == true){
        
        newCategory.style.display = "block";		
        category.focus();
        
        category.onkeydown = function(){
            var offsetElements = $("interests");
            var parent = this.parentNode;			
            var offsetLeft = offsetElements.offsetLeft;
            var offsetTop =  offsetElements.offsetTop;
            
            if (navigator.userAgent.indexOf('Mac') != -1 && typeof document.body.leftMargin != 'undefined'){
                offsetLeft += document.body.leftMargin;
                offsetTop += document.body.topMargin;
            }
            
            var inputOffSet = parent.parentNode.offsetTop;
            inputOffSet += this.parentNode.offsetTop;
            inputOffSet += parent.offsetTop+8;
            offsetTop = offsetTop+inputOffSet-15;
            offsetTop = offsetTop+"px";
            
            //alert(this);
            open_popups(this,"category_options");
            /*			
            var categoryOptions =  $("category_options");
            if(document.all){offsetTop = inputOffSet+"px"; }
            categoryOptions.style.top = offsetTop;
            categoryOptions.style.left = offsetLeft+210+"px";
            categoryOptions.style.display = "block";					
            */				
        }	
        
        category.onblur = function(){
            open_popups(this,"place_tagname");	
            
            newCategory.style.display = "none";		
            var categoryOptions =  $("category_options");
            categoryOptions.style.left = "105px";
            categoryOptions.style.display = "none";
            
            
        }
        
    }
    
    else newCategory.style.display = "none";	
}

//profile
function edit_status(element){
    var editStatus = $("edit_status");
    var	personalStatus = $("personal_status");
    editStatus.value = personalStatus.innerHTML;
    editStatus.style.display = "block";
    
    editStatus.onblur = function(){
        personalStatus.innerHTML = editStatus.value;
        editStatus.style.display = "none";
    }
}

function edit_apartment(element){
    var editStatus = $("edit_status");
    var apartStatus = $("apartment_status");
    var	personalStatus = $("personal_status");
    var	e  = $("edit_button");
    var	s  = $("save_button");
    var	c  = $("cancel_button");
    
    editStatus.value = personalStatus.innerHTML;	
    apartStatus.style.display = "block";
    s.style.display = "block";
    c.style.display = "block";
    e.style.display = "none";
    
    s.onclick = function(){
        personalStatus.innerHTML = editStatus.value;
        apartStatus.style.display = "none";
        s.style.display = "none";
        c.style.display = "none";
        e.style.display = "block";
    }
    c.onclick = function(){
        apartStatus.style.display = "none";
        s.style.display = "none";
        c.style.display = "none";			
        e.style.display = "block";	
    }
}


function open_popups(element,popupID, top, left){
    var ec =	$(element).cumulativeOffset();
    $(popupID).style.left = ec[0]+"px";
    if(popupID == "category_options"){$(popupID).style.top = ec[1]+12+"px";}
    else $(popupID).style.top = ec[1]+"px";
    
    if( top ){$(popupID).style.top = ec[1]+top+"px";}
    if( left ){$(popupID).style.left = ec[1]+left+"px";}
    
    $(popupID).style.display = "block";
}

function close_popups(popupID){ $(popupID).style.display = "none"; }


//IE Nav
sfHover = function() {
    var sfEls = $("primary").getElementsByTagName("li");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
    
    sfEls = $("main_help").getElementsByTagName("li");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }	
    
}

if (window.attachEvent) window.attachEvent("onload", sfHover);



//masthead flash
function flash_interaction(element,section,mainNavClasses){
    
    //changing section highlights
    if(mainNavClasses){	
        $("main_nav").className = mainNavClasses;
    }
    //changing bg colors
    $("masthead").style.background = "url(/./images/bg_masthead_"+section+".jpg)";
    $("main_logo").style.background = "url(/./images/logo_vSide_"+section+".gif)";
    $("secondary").style.background = masthead[section];
    
    if(element == true){
        this_flash("masthead_flash").switchToSection(section);
        return false;
    }
    
}

function this_flash(movieName) {
    if (navigator.appName.indexOf("Microsoft") != -1) {
        return window[movieName]
    } else {
    return document[movieName]
}
}

function change_cameraView(element,camLocation){
    var camera = $("camera_location");	
    camera.innerHTML = camLocation;
}

//dashboard masthead welcome
function close_welcome(element, overlay){
    var welcome = $(element);
    if(overlay){
        var overlay = $(overlay);
        var bg = $('dialog_help');
        overlay.style.display = "none";
        bg.style.display = "none";
    }
    welcome.style.display = "none";
}

function vBux_help()
{
    var vbux = $("dialog_help");
    if ($("buying_vbux")) {
        vbuxHelp = $("buying_vbux");
    } else if ($("vbux_help")) {
    vbuxHelp = $("vbux_help");
}
vbux.style.display="block";
vbuxHelp.style.display="block";
}

function vBux_exit()
{
    var vbux = $("dialog_help");
    if ($("buying_vbux")) {
        vbuxHelp = $("buying_vbux");
        
    } else if ($("vbux_help")) {
    vbuxHelp = $("vbux_help");
}

vbux.style.display="none";
vbuxHelp.style.display="none";
}

function center_viewport( ){
    viewportDimensions = document.viewport.getDimensions();
    halfViewHeight = viewportDimensions.height / 2;
    halfViewWidth = viewportDimensions.width / 2;
    
    if($("vbux_help")) {
        grabDialog = $("vbux_help");
    } else if ($("buying_vbux")) {
    grabDialog = $("buying_vbux");
}

dialogDimensions = grabDialog.getDimensions();
halfDialogHeight = dialogDimensions.height / 2;
halfDialogWidth =  dialogDimensions.width / 2;

middleV = Math.round( halfViewHeight - halfDialogHeight );
middleH = Math.round( halfViewWidth - halfDialogWidth );
grabDialog.style.top = middleV +"px";
grabDialog.style.left = middleH +"px";
grabDialog.style.visibility = 'visible';
}

function enableFields()
{
    //if false, disable
    checked_check = document.getElementById('toggle_check').checked;
    
    if ( !checked_check ){
        document.getElementById('input_top_friends').disabled=true;
        document.getElementById('input_all_friends').disabled=true;
    }else{
    //if true, enable
    document.getElementById('input_top_friends').disabled=false;
    document.getElementById('input_all_friends').disabled=false;
}
}

toggle_var = 'down'
function nav_animation(){	
    if( toggle_var == 'down' ){
        $$('#begin_login_button a')[0].innerHTML = "CLOSE";
        new Effect.Move ($('login_username_group'),{ x: 72, y: 0, mode: 'absolute', duration: 0.31}); 
        new Effect.Move ($('login_password_group'),{ x: 297, y: 0, mode: 'absolute', duration: 0.31}); 
        new Effect.Move ($('login_button_group'),{ x: 724, y: 0, mode: 'absolute', duration: 0.31});
        new Effect.Move ($('masked_content'),{ x: 0, y: 40, mode: 'absolute', duration: 0.31});
        toggle_var = 'up';
        return false;
    }
    
    if( toggle_var == 'up'){
        $$('#begin_login_button a')[0].innerHTML = "LOGIN";
        new Effect.Move ($('login_username_group'),{ x: 72, y: -40, mode: 'absolute', duration: 0.31}); 
        new Effect.Move ($('login_password_group'),{ x: 297, y: -40, mode: 'absolute', duration: 0.31}); 
        new Effect.Move ($('login_button_group'),{ x: 724, y: -40, mode: 'absolute', duration: 0.31});
        new Effect.Move ($('masked_content'),{ x: 0, y: 0, mode: 'absolute', duration: 0.31});
        toggle_var = 'down';
        
        return false;
    }
}

// 2_7_0 top friends options
//mouseover show drop down and hide the other 
function top_friends_option(element){
    var status_drop = document.getElementsByClassName("overlay_container");
    var navRoot = document.getElementById('list_1');
    var liNodes = navRoot.childNodes;
    var nrL =	navRoot.childNodes.length;
    
    for(var i=0; i < nrL; i++){
        if(element.parentNode.parentNode == liNodes[i]){	
            status_drop[i].style.display = "block";
        }
        else{
            status_drop[i].style.display = "none";
        }
    }
}

// onclicking drop down
function top_status_options(section){	
    var element = "status_options_" + section;
    
    if (document.getElementById(element).style.display == "block") {
        document.getElementById(element).style.display = "none";
    } else {
    document.getElementById(element).style.display = "block";	
}

}

// Change the status of a friend
function top_friends_change_status(section, category) {
    var container_element = "overlay_container_" + section;
    var options_element = "status_options_" + section;
    var status_element = "status_" + section;
    
    document.getElementById(status_element).innerHTML = category;
    document.getElementById(options_element).style.display = "none";
    document.getElementById(container_element).style.display = "none";
    
}

// 2_7_0 top friends options
//drag & drop additional code
function check_friendslist(element) {
    friendslist = document.getElementById('secondlist');
    if (friendslist.childNodes.length == 21) {
        node = friendslist.childNodes[20];
        node.remove();	
    }
}


function remove_avatar(element) {
    navRoot = document.getElementById('list_1');
    node = navRoot.childNodes;
    for(var i = 0;i < node.length; i++){
        if(element.parentNode.parentNode == node[i]){
            node[i].remove();
            var addLi = document.createElement('li');
            navRoot.appendChild(addLi);
        }
    }
}

function check_topfriends(element) {
    navRoot = document.getElementById('list_1');
    friendslist = document.getElementById('secondlist');
    if (navRoot.childNodes.length > 10) {
        node = navRoot.childNodes[10];
        friendslist.appendChild(node);
    }
    else if(navRoot.childNodes.length == 0){
        var addLi = document.createElement('li');
        navRoot.appendChild(addLi);
    }
    
}


function create_event(element){
    //grabs class name
    var clickedClass = element.className;
    
    //grabs the position from the top left of the window
    var offsetDimensions = $$("."+clickedClass)[0].cumulativeOffset();
    var left = offsetDimensions[0];
    var top = offsetDimensions[1];
    
    //grab vside left pos
    var vsideDimensions = $('vSide').cumulativeOffset();
    var vsideLeft = vsideDimensions[0];
    
    
    $("quick_event_container").setStyle({
        top: top +'px',
        display: 'block'
    });
    
    $("quick_event_creation").setStyle({
        left: ( left - vsideLeft) +'px'
    });
    return false;
}

function close_quick_event(){
    $("quick_event_container").setStyle({
        display: 'none'
    });
    $("event_entry").setStyle({
        top: 0
    });
    $("success_screen").setStyle({
        top: 0
    });
    return false;
}
function quick_event_submit(){	
    new Effect.Move ($('event_entry'),{ x: 0, y: -209, mode: 'relative', duration: 0.5}); 
    new Effect.Move ($('success_screen'),{ x: 0, y: -209, mode: 'relative', duration: 0.5}); 
    
    return false;
}

function manage_friends(element){
    
    $("manage_friend_requests").setStyle({
        display: 'block'
    });
    
    $("top_friends").setStyle({
        height: '460px'
    });
    //grabs class name
    //element.getOffsetParent(); <-- Of course, IE fails catastrophically when used
    var grabParent = element.parentNode; 
    
    //get dimensions
    var parentDimensions = $( grabParent ).getDimensions();
    var parentWidth = parentDimensions.width;
    var parentHeight = parentDimensions.height;
    
    //check right padding
    var parentPaddingRight = $( grabParent ).getStyle('padding-right');
    var parentPadding = $( grabParent ).getStyle('padding');
    
    //check right margin
    var parentMarginRight = $( grabParent ).getStyle('margin-right');
    var parentMargin = $( grabParent ).getStyle('margin');
    
    //get position
    var parentOffset = $( grabParent ).cumulativeOffset();
    var left = parentOffset[0];
    var top = parentOffset[1];
    
    
    
    //grab vside left pos
    var vsideDimensions = $('vSide').cumulativeOffset();
    var vsideLeft = vsideDimensions[0];
    
    
    $("manage_friend_requests_container").setStyle({
        top: top +'px',
        display: 'block'
    });
    
    $("manage_friend_requests").setStyle({
        left: ( left - vsideLeft) +'px',
        width: parentWidth +'px'
    });
    return false;
}
function yes_no_manager( element ){
    var grabClassName = element.className;	
    var newClassName = 'checked_'+grabClassName;
    
    var parentElement = element.parentNode;
    
    if( grabClassName == 'yes'){
        //remove checked_no			
        $( parentElement ).removeClassName( 'checked_no');
        $( parentElement ).getElementsByClassName('input_no')[0].checked=false;
        $( parentElement ).getElementsByClassName('input_yes')[0].checked=true;
    }
    if( grabClassName == 'no'){
        //remove checked_yes
        $( parentElement ).removeClassName( 'checked_yes');
        $( parentElement ).getElementsByClassName('input_yes')[0].checked=false;
        $( parentElement ).getElementsByClassName('input_no')[0].checked=true;
    }
    
    if( !$( parentElement ).hasClassName( newClassName ) ){
        $( parentElement ).addClassName( newClassName);
    }
    
}
function accept_all(){
    var grabAllYesNos = $$('.yes_no_group');
    for( i = 0; i < grabAllYesNos.length; i++){
        grabAllYesNos[ i ].removeClassName( 'checked_no');
        grabAllYesNos[ i ].addClassName( 'checked_yes' );
        grabAllYesNos[ i ].getElementsByClassName('input_no')[0].checked=false;
        grabAllYesNos[ i ].getElementsByClassName('input_yes')[0].checked=true;
    }
}
function decline_all(){
    var grabAllYesNos = $$('.yes_no_group');
    for( i = 0; i < grabAllYesNos.length; i++){
        grabAllYesNos[ i ].removeClassName( 'checked_yes');
        grabAllYesNos[ i ].addClassName( 'checked_no' );
        grabAllYesNos[ i ].getElementsByClassName('input_no')[0].checked=true;
        grabAllYesNos[ i ].getElementsByClassName('input_yes')[0].checked=false;
    }
}
function close_requests(){
    
    $("top_friends").setStyle({
        height: '410px'
    });
    $("manage_friend_requests").setStyle({
        display: 'none'
    });
    $("accept_decline").setStyle({
        display: 'none'
    });
    
    grabAllYesNos = $$('.yes_no_group');
    for( i = 0; i < grabAllYesNos.length; i++){
        grabAllYesNos[ i ].removeClassName( 'checked_yes');
        grabAllYesNos[ i ].removeClassName( 'checked_no' );
        grabAllYesNos[ i ].getElementsByClassName('input_no')[0].checked=false;
        grabAllYesNos[ i ].getElementsByClassName('input_yes')[0].checked=false;
    }
}

function check_stars(){	
    var paragraphText = new Hash();
    
    /*
    array_event = $$('.event_stars');
    array_event.each( function( item ) {
        var idOfElement = item.identify();
        var pText = item.getElementsByTagName( 'p' )[0].innerHTML;
        paragraphText.set( idOfElement, pText );
        item.onmouseout = function(){
            pText = paragraphText.get( item.identify() );
            var targetP = this.getElementsByTagName( 'p' )[0];
            targetP.innerHTML = pText;
            
            
            var ratingImages = item.getElementsByTagName('img');
            for(var i=0; i < ratingImages.length; i++) {
                ratingImages[i].src = "/./images/icons/event_stars_off.gif";
            }
        }
    });	
    
    
    array_event = $$('.my_favorites_events .event_stars');
    array_event.each( function( item ) {
        var idOfElement = item.identify();
        var pText = item.getElementsByTagName( 'p' )[0].innerHTML;
        paragraphText.set( idOfElement, pText );
        item.onmouseout = function(){
            pText = paragraphText.get( item.identify() );
            var targetP = this.getElementsByTagName( 'p' )[0];
            targetP.innerHTML = pText;
            
            
            var ratingImages = item.getElementsByTagName('img');
            for(var i=0; i < ratingImages.length; i++) {
                ratingImages[i].src = "/./images/icons/avatar_stars_off.gif";
            }
        }
    });
    */
    
    array_rating = $$('#apartment_rating .rating_stars');
    array_rating.each( function( item ) {
        var idOfElement = item.identify();
        var pText = item.parentNode.getElementsByTagName( 'p' )[0].innerHTML;
        paragraphText.set( idOfElement, pText );
        item.onmouseout = function(){
            pText = paragraphText.get( item.identify() );
            var targetP = this.parentNode.getElementsByTagName( 'p' )[0];
            targetP.innerHTML = pText;
            
            
            var ratingImages = item.getElementsByTagName('img');
            for(var i=0; i < ratingImages.length; i++) {
                ratingImages[i].src = "/./images/icons/avatar_stars_off.gif";
            }
        }
    });	
    
    array_avatar_rating = $$('#avatar_rating .rating_stars');
    array_avatar_rating.each( function( item ) {
        var idOfElement = item.identify();
        var pText = item.parentNode.getElementsByTagName( 'p' )[0].innerHTML;
        paragraphText.set( idOfElement, pText );
        item.onmouseout = function(){
            pText = paragraphText.get( item.identify() );
            var targetP = this.parentNode.getElementsByTagName( 'p' )[0];
            targetP.innerHTML = pText;
            
            /*
            var ratingImages = item.getElementsByTagName('img');
            for(var i=0; i < ratingImages.length; i++) {
            ratingImages[i].src = "/./images/icons/avatar_stars_off.gif";
            }
            */
        }
    });	
    
    array_avatar_rating = $$('#listening_now .rating_stars');
    array_avatar_rating.each( function( item ) {
        var idOfElement = item.identify();
        var pText = item.parentNode.getElementsByTagName( 'p' )[0].innerHTML;
        paragraphText.set( idOfElement, pText );
        item.onmouseout = function(){
            pText = paragraphText.get( item.identify() );
            var targetP = this.parentNode.getElementsByTagName( 'p' )[0];
            targetP.innerHTML = pText;
            
            
            var ratingImages = item.getElementsByTagName('img');
            for(var i=0; i < ratingImages.length; i++) {
                ratingImages[i].src = "/./images/icons/avatar_stars_off.gif";
            }
        }
    });	
    
    
}

function check_avatar_overlays(){	
    array_event = $$('.overlay_container');
    array_event.each( function( item ){
        item.onmouseout = function(){
            grabOverlay = item.getElementsByClassName('overlay_container')[0];
            
            item.setStyle({
                display: 'none'
            });
        }
    });
}


/*unobtrusive js loader*/
function addEvent(obj, evType, fn){ 
    if (obj.addEventListener){ 
        obj.addEventListener(evType, fn, false); 
        return true; 
    } else if (obj.attachEvent){ 
    var r = obj.attachEvent("on"+evType, fn); 
    return r; 
} else { 
return false; 
} 
}
addEvent(window, 'load', check_stars);
//addEvent(window, 'load', check_avatar_overlays);


//empty functions

function search_site(element){alert(element);}

function edit_aboutme(element){alert(element);}

function edit_interests(element){alert(element);}

function reply_comments(element){alert(element);}

function remove_comments(element){alert(element);}

function remove_feed(element){alert(element);}

function pagination(element,direction){alert(element);}



function tagline_hover(element){}

function confirm_tags(element){alert(element);}


// DG functions
function checkSearch (){
    if(document.searchForm.s.value.length < 2){
        alert('Please enter a longer search value');
        return false;
    }else{
    window.document.searchForm.submit();
    return true;
}
}


function checkSearch2 (){
    if(document.searchForm2.s.value.length < 2){
        alert('Please enter a longer search value');
        return false;
    }else{
    window.document.searchForm2.submit();
    return true;
}
}

// go to basics page after download with delay
function goToBasics(){
    setTimeout('window.location=\'/app/basics/world/\'', 2000);
}