function tabs(x)
	  {
		var lis=document.getElementById("tabs").childNodes; //gets all the LI from the UL
	 
		for(i=0;i<lis.length;i++)
		{
		  lis[i].className=""; //removes the classname from all the LI
		}
		x.className="selected"; //the clicked tab gets the classname selected
		var res=document.getElementById("bx-top");  //the resource for the main tabContent
		var tab=x.id;
		switch(tab) //this switch case replaces the tabContent
		{
		  case "tab1":
			res.innerHTML=document.getElementById("bx-top1").innerHTML;
			break;
	 
		  case "tab2":
			res.innerHTML=document.getElementById("bx-top2").innerHTML;
			break;
		
		  case "tab3":
			res.innerHTML=document.getElementById("bx-top3").innerHTML;
			break;
		
		  default:
			res.innerHTML=document.getElementById("bx-top1").innerHTML;
			break;
	 
		}
	  }