/*Home page first tab*/

function ToggleTopTabs(tab)
{
    switch(tab)
    {
        case "TopTab1":
          //change active in active CSS
          document.getElementById("TopTabH1").className="greenactivetab";
         // document.getElementById("TopTabH2").className="greendeactivetab";
          document.getElementById("TopTabH3").className="greendeactivetab";
          //document.getElementById("TopTabH4").className="greendeactivetab";
           //respective items
          
          document.getElementById("TopTab1").style.display="block";
          opacity('TopTab1', 0, 100, 500);
          //document.getElementById("TopTab2").style.display="none";
          document.getElementById("TopTab3").style.display="none";
          //document.getElementById("TopTab4").style.display="none";
          break;       
        case "TopTab3":
			    //change active in active CSS
          document.getElementById("TopTabH1").className="greendeactivetab";
         // document.getElementById("TopTabH2").className="greendeactivetab";
          document.getElementById("TopTabH3").className="greenactivetab";
          //document.getElementById("TopTabH4").className="greendeactivetab";
			opacity('TopTab3', 0, 100, 500);
          //respective items
          document.getElementById("TopTab1").style.display="none";
          //document.getElementById("TopTab2").style.display="none";
          document.getElementById("TopTab3").style.display="block";
          //document.getElementById("TopTab4").style.display="none";
          break;
    }
}

function StopToggleTopTabs(tab)
{
    switch(tab)
    {
       case "TopTab1":
		 clearTimeout(t);
	   //change active in active CSS
          document.getElementById("TopTabH1").className="greenactivetab";
          document.getElementById("TopTabH3").className="greendeactivetab";
         //respective items
          document.getElementById("TopTab1").style.display="block";
          opacity('TopTab1', 0, 100, 500);
          document.getElementById("TopTab3").style.display="none";
		 //var t = setTimeout("javascript:ToggleTopTabs('TopTab3');",8000);

		  break;    
        case "TopTab3":
			clearTimeout(t);
             //change active in active CSS
          document.getElementById("TopTabH1").className="greendeactivetab";
          document.getElementById("TopTabH3").className="greenactivetab";
			opacity('TopTab3', 0, 100, 500);
          //respective items
          document.getElementById("TopTab1").style.display="none";
          document.getElementById("TopTab3").style.display="block";
		 //var t = setTimeout("javascript:ToggleTopTabs('TopTab1');",8000);
		//Onclick = clearTimeout(t);
		   break;
       default:
       //do nothing
    }
}


function ToggleTopTabs2(tab)
{
    switch(tab)
    {
   
		case "TopTab1":
            //change active in active CSS
			document.getElementById("TopTabH1").className="greenactivetab";
          document.getElementById("TopTabH2").className="greendeactivetab";
		  document.getElementById("TopTabH3").className="greendeactivetab";
          document.getElementById("TopTabH4").className="greendeactivetab";
          //respective items
		  document.getElementById("TopTab1").style.display="block";
          document.getElementById("TopTab2").style.display="none";
           opacity('TopTab1', 0, 100, 500);
		   document.getElementById("TopTab3").style.display="none";
          document.getElementById("TopTab4").style.display="none";
		   var t = setTimeout("javascript:ToggleTopTabs2('TopTab2');",10000);
          break;

		case "TopTab2":
            //change active in active CSS
		document.getElementById("TopTabH1").className="greendeactivetab";
          document.getElementById("TopTabH2").className="greenactivetab";
		  document.getElementById("TopTabH3").className="greendeactivetab";
          document.getElementById("TopTabH4").className="greendeactivetab";
          //respective items
		  document.getElementById("TopTab1").style.display="none";
          document.getElementById("TopTab2").style.display="block";
           opacity('TopTab2', 0, 100, 500);
		   document.getElementById("TopTab3").style.display="none";
          document.getElementById("TopTab4").style.display="none";
		   var t = setTimeout("javascript:ToggleTopTabs2('TopTab3');",10000);
          break;

		  case "TopTab3":
            //change active in active CSS
		document.getElementById("TopTabH1").className="greendeactivetab";
          document.getElementById("TopTabH2").className="greendeactivetab";
		  document.getElementById("TopTabH3").className="greenactivetab";
          document.getElementById("TopTabH4").className="greendeactivetab";
          //respective items
		  document.getElementById("TopTab1").style.display="none";
          document.getElementById("TopTab2").style.display="none";
		  document.getElementById("TopTab3").style.display="block";
           opacity('TopTab3', 0, 100, 500);
          document.getElementById("TopTab4").style.display="none";
		   var t = setTimeout("javascript:ToggleTopTabs2('TopTab4');",10000);
          break;

        case "TopTab4":
            //change active in active CSS
		document.getElementById("TopTabH1").className="greendeactivetab";
          document.getElementById("TopTabH2").className="greendeactivetab";
		  document.getElementById("TopTabH3").className="greendeactivetab";
          document.getElementById("TopTabH4").className="greenactivetab";
			opacity('TopTab4', 0, 100, 500);
          //respective items
		  document.getElementById("TopTab1").style.display="none";
          document.getElementById("TopTab2").style.display="none";
		  document.getElementById("TopTab3").style.display="none";
          document.getElementById("TopTab4").style.display="block";
		  var t = setTimeout("javascript:ToggleTopTabs2('TopTab1');",10000);
          break;
        default:
       //do nothing
    }
}

function StopToggleTopTabs2(tab)
{
    switch(tab)
    {
		case "TopTab1":
            //change active in active CSS
          document.getElementById("TopTabH1").className="greenactivetab";
          document.getElementById("TopTabH2").className="greendeactivetab";
		  document.getElementById("TopTabH3").className="greendeactivetab";
		  document.getElementById("TopTabH4").className="greendeactivetab";
          //respective items
          document.getElementById("TopTab1").style.display="block";
		  document.getElementById("TopTab2").style.display="none";
		  document.getElementById("TopTab3").style.display="none";
           opacity('TopTab1', 0, 100, 500);
          document.getElementById("TopTab4").style.display="none";
		  // var t = setTimeout("javascript:ToggleTopTabs2('TopTab4');",8000);
          break;

		case "TopTab2":
            //change active in active CSS
          document.getElementById("TopTabH1").className="greendeactivetab";
          document.getElementById("TopTabH2").className="greenactivetab";
		  document.getElementById("TopTabH3").className="greendeactivetab";
		  document.getElementById("TopTabH4").className="greendeactivetab";
          //respective items
          document.getElementById("TopTab1").style.display="none";
		  document.getElementById("TopTab2").style.display="block";
		  document.getElementById("TopTab3").style.display="none";
           opacity('TopTab2', 0, 100, 500);
          document.getElementById("TopTab4").style.display="none";
           // var t = setTimeout("javascript:ToggleTopTabs2('TopTab4');",8000);
          break;

		  case "TopTab3":
                  //change active in active CSS
          document.getElementById("TopTabH1").className="greendeactivetab";
          document.getElementById("TopTabH2").className="greendeactivetab";
		  document.getElementById("TopTabH3").className="greenactivetab";
		  document.getElementById("TopTabH4").className="greendeactivetab";
          //respective items
          document.getElementById("TopTab1").style.display="none";
		  document.getElementById("TopTab2").style.display="none";
		  document.getElementById("TopTab3").style.display="block";
           opacity('TopTab3', 0, 100, 500);
          document.getElementById("TopTab4").style.display="none";
           // var t = setTimeout("javascript:ToggleTopTabs2('TopTab4');",8000);
          break;

        case "TopTab4":
                   //change active in active CSS
          document.getElementById("TopTabH1").className="greendeactivetab";
          document.getElementById("TopTabH2").className="greendeactivetab";
		  document.getElementById("TopTabH3").className="greendeactivetab";
		  document.getElementById("TopTabH4").className="greenactivetab";
          //respective items
          document.getElementById("TopTab1").style.display="none";
		  document.getElementById("TopTab2").style.display="none";
		  document.getElementById("TopTab3").style.display="none";
           opacity('TopTab4', 0, 100, 500);
          document.getElementById("TopTab4").style.display="block";
           // var t = setTimeout("javascript:ToggleTopTabs2('TopTab4');",8000);
          break;
        default:
       //do nothing
    }
}
//Middle readers favo
function ToggleMiddleLeftTabs(tab)
{
    switch(tab)
    {
       case "MiddleTab1-1":
          //change active in active CSS
          document.getElementById("MiddleTabH1-1").className="greenactivetab";
          document.getElementById("MiddleTabH1-2").className="greendeactivetab";
          //respective items
          document.getElementById("MiddleTab1-1").style.display="block";
          opacity('MiddleTab1-1', 0, 100, 500);
          document.getElementById("MiddleTab1-2").style.display="none";
         
          break;    
       case "MiddleTab1-2":
            //change active in active CSS
          document.getElementById("MiddleTabH1-1").className="greendeactivetab";
          document.getElementById("MiddleTabH1-2").className="greenactivetab";
          //respective items
          document.getElementById("MiddleTab1-1").style.display="none";
          document.getElementById("MiddleTab1-2").style.display="block";
          opacity('MiddleTab1-2', 0, 100, 500);
          break;
        case "MiddleTab2-1":
          //change active in active CSS
          document.getElementById("MiddleTabH2-1").className="greenactivetab";
          document.getElementById("MiddleTabH2-2").className="greendeactivetab";
          //respective items
          document.getElementById("MiddleTab2-1").style.display="block";
          opacity('MiddleTab2-1', 0, 100, 500);
          document.getElementById("MiddleTab2-2").style.display="none";
         
          break;    
       case "MiddleTab2-2":
            //change active in active CSS
          document.getElementById("MiddleTabH2-1").className="greendeactivetab";
          document.getElementById("MiddleTabH2-2").className="greenactivetab";
          //respective items
          document.getElementById("MiddleTab2-1").style.display="none";
          document.getElementById("MiddleTab2-2").style.display="block";
           opacity('MiddleTab2-2', 0, 100, 500);
          break;
       
        default:
       //do nothing
    }
}


//Bottom tabs
function ToggleBotTabs(tab)
{
    switch(tab)
    {
       case "BotTab1":
          //change active in active CSS
          document.getElementById("BotTabH1").className="greenactivetab";
         // document.getElementById("BotTabH2").className="greendeactivetab";
          document.getElementById("BotTabH3").className="greendeactivetab";
          document.getElementById("BotTabH5").className="greendeactivetab";
           //respective items
          document.getElementById("BotTab1").style.display="block";
          opacity('BotTab1', 0, 100, 500);
          //document.getElementById("BotTab2").style.display="none";
          document.getElementById("BotTab3").style.display="none";
          document.getElementById("BotTab5").style.display="none";
		  var t = setTimeout("javascript:ToggleBotTabs('BotTab3');",10000);
          break;    
       //case "BotTab2":
            //change active in active CSS
         // document.getElementById("BotTabH1").className="greendeactivetab";
          //document.getElementById("BotTabH2").className="greenactivetab";
          //document.getElementById("BotTabH3").className="greendeactivetab";
          //document.getElementById("BotTabH4").className="greendeactivetab";
          //respective items
          //document.getElementById("BotTab1").style.display="none";
          //document.getElementById("BotTab2").style.display="block";
          //opacity('BotTab2', 0, 100, 500);
          //document.getElementById("BotTab3").style.display="none";
          //document.getElementById("BotTab4").style.display="none";
		  //var t = setTimeout("javascript:ToggleBotTabs('BotTab3');",8000);
         // break;
       case "BotTab3":
             //change active in active CSS
          document.getElementById("BotTabH1").className="greendeactivetab";
         // document.getElementById("BotTabH2").className="greendeactivetab";
          document.getElementById("BotTabH3").className="greenactivetab";
          document.getElementById("BotTabH5").className="greendeactivetab";
          //respective items
          document.getElementById("BotTab1").style.display="none";
         // document.getElementById("BotTab2").style.display="none";
          document.getElementById("BotTab3").style.display="block";
          opacity('BotTab3', 0, 100, 500);
          document.getElementById("BotTab5").style.display="none";
		  var t = setTimeout("javascript:ToggleBotTabs('BotTab5');",10000);
          break;
       case "BotTab5":
            //change active in active CSS
          document.getElementById("BotTabH1").className="greendeactivetab";
          //document.getElementById("BotTabH2").className="greendeactivetab";
          document.getElementById("BotTabH3").className="greendeactivetab";
          document.getElementById("BotTabH5").className="greenactivetab";
          //respective items
          document.getElementById("BotTab1").style.display="none";
          //document.getElementById("BotTab2").style.display="none";
          document.getElementById("BotTab3").style.display="none";
          document.getElementById("BotTab5").style.display="block";
          opacity('BotTab4', 0, 100, 500);
		  var t = setTimeout("javascript:ToggleBotTabs('BotTab1');",8000);
          break;
        default:
       //do nothing
    }
}

function StopToggleBotTabs(tab)
{
    switch(tab)
    {
       case "BotTab1":
          //change active in active CSS
          document.getElementById("BotTabH1").className="greenactivetab";
         // document.getElementById("BotTabH2").className="greendeactivetab";
          document.getElementById("BotTabH3").className="greendeactivetab";
          document.getElementById("BotTabH5").className="greendeactivetab";
           //respective items
          document.getElementById("BotTab1").style.display="block";
          opacity('BotTab1', 0, 100, 500);
          //document.getElementById("BotTab2").style.display="none";
          document.getElementById("BotTab3").style.display="none";
          document.getElementById("BotTab5").style.display="none";
		  //var t = setTimeout("javascript:ToggleBotTabs('BotTab2');",8000);
          break;    
      // case "BotTab2":
            //change active in active CSS
         // document.getElementById("BotTabH1").className="greendeactivetab";
         // document.getElementById("BotTabH2").className="greenactivetab";
         // document.getElementById("BotTabH3").className="greendeactivetab";
         // document.getElementById("BotTabH4").className="greendeactivetab";
          //respective items
         // document.getElementById("BotTab1").style.display="none";
        //  document.getElementById("BotTab2").style.display="block";
          //opacity('BotTab2', 0, 100, 500);
         // document.getElementById("BotTab3").style.display="none";
         // document.getElementById("BotTab4").style.display="none";
		 // var t = setTimeout("javascript:ToggleBotTabs('BotTab3');",8000);
         // break;
       case "BotTab3":
             //change active in active CSS
          document.getElementById("BotTabH1").className="greendeactivetab";
         // document.getElementById("BotTabH2").className="greendeactivetab";
          document.getElementById("BotTabH3").className="greenactivetab";
          document.getElementById("BotTabH5").className="greendeactivetab";
          //respective items
          document.getElementById("BotTab1").style.display="none";
          //document.getElementById("BotTab2").style.display="none";
          document.getElementById("BotTab3").style.display="block";
          opacity('BotTab3', 0, 100, 500);
          document.getElementById("BotTab5").style.display="none";
		  //var t = setTimeout("javascript:ToggleBotTabs('BotTab4');",8000);
          break;
       case "BotTab5":
            //change active in active CSS
          document.getElementById("BotTabH1").className="greendeactivetab";
         // document.getElementById("BotTabH2").className="greendeactivetab";
          document.getElementById("BotTabH3").className="greendeactivetab";
          document.getElementById("BotTabH5").className="greenactivetab";
          //respective items
          document.getElementById("BotTab1").style.display="none";
         // document.getElementById("BotTab2").style.display="none";
          document.getElementById("BotTab3").style.display="none";
          document.getElementById("BotTab5").style.display="block";
          opacity('BotTab5', 0, 100, 500);
		  //var t = setTimeout("javascript:ToggleBotTabs('BotTab1');",8000);
         // break;
        default:
       //do nothing
    }
}


/*Animation part thanks to http://brainerror.net/scripts/javascript/blendtrans/*/
function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}
//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}