function hoverTab(tabData){
		tabData.style.backgroundPosition = " 0% -0px";
		tabData.style.lineHeight = "31px";
	}
	
	function outTab(tabData){
		tabData.style.backgroundPosition = " 0% -0px";
	}
	
	function executeTab(tabData){
		tabData.className = "active1";
		tabData.style.backgroundPosition = " 0% -0px";
		tabData.onmouseover=function(){};
		tabData.onmouseout=function(){};
	}
	
	function showTabData(idForDisplay){//orig
  	var tabFeatured = document.getElementById('tab-featured'); 
		var tabToprated = document.getElementById('tab-toprated');
		var tabMostview = document.getElementById('tab-mostview');
		
		var featuretab = document.getElementById('featuretab');
		var topratedtab = document.getElementById('topratedtab');
		var mostviewedtab = document.getElementById('mostviewedtab');
		
		tabFeatured.style.display = "none";
		tabToprated.style.display = "none";
		tabMostview.style.display = "none";
		 
		featuretab.className = "";
		topratedtab.className = "";
		mostviewedtab.className = "";
		
		featuretab.style.backgroundPosition = " 0% -31px";
		topratedtab.style.backgroundPosition = " 0% -31px";
		mostviewedtab.style.backgroundPosition = " 0% -31px";
		
		featuretab.onmouseover=function(){hoverTab(this);}
		topratedtab.onmouseover=function(){hoverTab(this);}
		mostviewedtab.onmouseover=function(){hoverTab(this);}
		
		featuretab.onmouseout=function(){outTab(this);}
		topratedtab.onmouseout=function(){outTab(this);}
		mostviewedtab.onmouseout=function(){outTab(this);}
		
		if (idForDisplay == "featured"){	
			tabFeatured.style.display = "block";
			executeTab(featuretab);
		}			
		else if(idForDisplay == "toprated"){
			tabToprated.style.display = "block";
			executeTab(topratedtab);			
		}
		else if(idForDisplay == "mostview"){
			tabMostview.style.display = "block";
			executeTab(mostviewedtab);
		}
		
 	}
 	
 	
 		function showTabDataft(idForDisplay){
		var tab1 = document.getElementById('tab-tab1'); 
		var tab2 = document.getElementById('tab-tab2');
		var tab3 = document.getElementById('tab-tab3');
		var tab4 = document.getElementById('tab-tab4');

		
		tab1.style.display = "none";
		tab2.style.display = "none";
		tab3.style.display = "none";
		tab4.style.display = "none";


		 
		document.getElementById('tab1').className = "bro_url";
		document.getElementById('tab2').className = "bro_url";
		document.getElementById('tab3').className = "bro_url";
		document.getElementById('tab4').className = "bro_url";

		
		if (idForDisplay == "tab1"){	
			tab1.style.display = "block";
			executeTab("tab1");
		}			
		else if(idForDisplay == "tab2"){
			tab2.style.display = "block";
			executeTab("tab2");			
		}
		else if(idForDisplay == "tab3"){
			tab3.style.display = "block";
			executeTab("tab3");
		}else if(idForDisplay == "tab4"){
			tab4.style.display = "block";
			executeTab("tab4");
		}
		
	}
 	
 	//#####################################
 	
 	
 	function toggleLayer( whichLayer )
{
  var elem, vis;
  if( document.getElementById ) // this is the way the standards work
    elem = document.getElementById( whichLayer );
  else if( document.all ) // this is the way old msie versions work
      elem = document.all[whichLayer];
  else if( document.layers ) // this is the way nn4 works
    elem = document.layers[whichLayer];
  vis = elem.style;
  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&elem.offsetWidth!=undefined&&elem.offsetHeight!=undefined)
    vis.display = (elem.offsetWidth!=0&&elem.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
}

	function executeTab(tabData){
		document.getElementById(tabData).className = "bro_url_blue";
	}
	


function showrightTabData(idForDisplay){
		var tab5 = document.getElementById('tab-tab5');
		var tab6 = document.getElementById('tab-tab6');
        var tab7 = document.getElementById('tab-tab7');

		tab5.style.display = "none";
		tab6.style.display = "none";
        tab7.style.display = "none";

		document.getElementById('tab5').className = "poner_white";
		document.getElementById('tab6').className = "poner_white";
        document.getElementById('tab7').className = "poner_white";

        if(idForDisplay == "tab5"){
			tab5.style.display = "block";
			document.getElementById("tab5").className = "poner_blue";
		}else if(idForDisplay == "tab6"){
			tab6.style.display = "block";
			document.getElementById("tab6").className = "poner_blue";
		}else if(idForDisplay == "tab7"){
			tab7.style.display = "block";
			document.getElementById("tab7").className = "poner_blue";


		}
}

function showprofTabData(idForDisplay){
		var tab1 = document.getElementById('profilecontent1');
		var tab2 = document.getElementById('profilecontent2');
		var tab3 = document.getElementById('profilecontent3');
		var tab4 = document.getElementById('profilecontent4');

		tab1.style.display = "none";
		tab2.style.display = "none";
		tab3.style.display = "none";
		tab4.style.display = "none";

		document.getElementById('tab1').className = "poner_white";
		document.getElementById('tab2').className = "poner_white";
		document.getElementById('tab3').className = "poner_white";
		document.getElementById('tab4').className = "poner_white";

        if(idForDisplay == "tab1"){
			tab1.style.display = "block";
			document.getElementById("tab1").className = "poner_blue";
		}else if(idForDisplay == "tab2"){
			tab2.style.display = "block";
			document.getElementById("tab2").className = "poner_blue";
		}else if(idForDisplay == "tab3"){
			tab3.style.display = "block";
			document.getElementById("tab3").className = "poner_blue";
		}else if(idForDisplay == "tab4"){
			tab4.style.display = "block";
			document.getElementById("tab4").className = "poner_blue";
		}
}