var timerMainMenu; 
      var mainMenuID="first1";
      var NormalMenuID="Normal_btn1";
  function changestyle(id)
  { 
     document.getElementById("first1").src="index/btn1_1.jpg";
     document.getElementById("first2").src="index/btn2_1.jpg";
     document.getElementById("first3").src="index/btn3_1.jpg";
     document.getElementById("first4").src="index/btn4_1.jpg";
     document.getElementById("first5").src="index/btn5_1.jpg";
     
     document.getElementById(mainMenuID).className="";
     switch(id)
     {
       case "first1": document.getElementById(id).src="index/btn1_2.jpg";break;
       case "first2": document.getElementById(id).src="index/btn2_2.jpg";break;
       case "first3": document.getElementById(id).src="index/btn3_2.jpg";break;
       case "first4": document.getElementById(id).src="index/btn4_2.jpg";break;
       case "first5": document.getElementById(id).src="index/btn5_2.jpg";break;
       default :break;
     }
     document.getElementById(mainMenuID+"s").style.display="none";
     
     mainMenuID=id.toString();

     document.getElementById(id.toString()).className="current";
     document.getElementById(id.toString()+"s").style.display="block";
  }
  function changestyle2(id)
  {
     document.getElementById("Normal_btn1").src="index/btn6_1.jpg";
     document.getElementById("Normal_btn2").src="index/btn7_1.jpg";
     document.getElementById("Normal_btn3").src="index/btn8_1.jpg";
     document.getElementById("Normal_btn4").src="index/btn9_1.jpg";
     document.getElementById(NormalMenuID).className="";
     document.getElementById(NormalMenuID+"s").style.display="none";
     
     NormalMenuID=id.toString();

     document.getElementById(id.toString()).className="current2";
     switch(id)
     {
       case "Normal_btn1": document.getElementById(id).src="index/btn6_2.jpg";break;
       case "Normal_btn2": document.getElementById(id).src="index/btn7_2.jpg";break;
       case "Normal_btn3": document.getElementById(id).src="index/btn8_2.jpg";break;
       case "Normal_btn4": document.getElementById(id).src="index/btn9_2.jpg";break; 
       default :break;
     }
     document.getElementById(id.toString()+"s").style.display="block";
  }
  function playTab()
  {
     timerMainMenu=setTimeout("playBegin()",4000);
  }
  function playBegin()
  {
     document.getElementById("first1").src="index/btn1_1.jpg";
     document.getElementById("first2").src="index/btn2_1.jpg";
     document.getElementById("first3").src="index/btn3_1.jpg";
     document.getElementById("first4").src="index/btn4_1.jpg";
     document.getElementById("first5").src="index/btn5_1.jpg";
    clearTimeout(timerMainMenu);
     var mainMenuNowNum= parseInt( mainMenuID.substr(5,1));
     
     if(mainMenuNowNum%5==0)
       mainMenuNowNum=1;
     else                                               
       mainMenuNowNum=mainMenuNowNum+1;
     document.getElementById(mainMenuID).className="";
     document.getElementById(mainMenuID+"s").style.display="none";
     
     mainMenuID=mainMenuID.substr(0,5)+mainMenuNowNum;
     
     document.getElementById(mainMenuID).className="current";
     switch(mainMenuID)
     {
       case "first1": document.getElementById(mainMenuID).src="index/btn1_2.jpg";break;
       case "first2": document.getElementById(mainMenuID).src="index/btn2_2.jpg";break;
       case "first3": document.getElementById(mainMenuID).src="index/btn3_2.jpg";break;
       case "first4": document.getElementById(mainMenuID).src="index/btn4_2.jpg";break;
       case "first5": document.getElementById(mainMenuID).src="index/btn5_2.jpg";break;
       default :break;
     } 
     document.getElementById(mainMenuID+"s").style.display="block";
     
     timerMainMenu=setTimeout("playBegin()",4000)
  }
   function stopPlay()
   {
      clearTimeout(timerMainMenu);
   }