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 showTabData(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 showrightTabData(idForDisplay){
		var tab5 = document.getElementById('tab-tab5');
		var tab6 = document.getElementById('tab-tab6');

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

		document.getElementById('tab5').className = "poner_white";
		document.getElementById('tab6').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";
		}
}

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";
		}
}