﻿
    var CheckButtonIndex;
    
    function CheckOverBtn(index)
    { 
        
        if(CheckButtonIndex != 1)
            document.getElementById("Btn1").className ="div_tuijian_button2";
        if(CheckButtonIndex != 2)
            document.getElementById("Btn2").className="div_tuijian_button2";
        if(CheckButtonIndex != 3)    
            document.getElementById("Btn3").className="div_tuijian_button2";
        if(CheckButtonIndex != 4)    
            document.getElementById("Btn4").className="div_tuijian_button2";
        if(CheckButtonIndex != 5)    
            document.getElementById("Btn5").className="div_tuijian_button2";
        if(CheckButtonIndex != 6)    
            document.getElementById("Btn6").className="div_tuijian_button2";
        if(CheckButtonIndex != 7)    
            document.getElementById("Btn7").className="div_tuijian_button2";
        if(CheckButtonIndex != 8)    
            document.getElementById("Btn8").className="div_tuijian_button2";
        if(CheckButtonIndex != 9)    
            document.getElementById("Btn9").className="div_tuijian_button2";
        if(CheckButtonIndex != 10)    
            document.getElementById("Btn10").className="div_tuijian_button2";
        if(CheckButtonIndex != 11)    
            document.getElementById("Btn11").className="div_tuijian_button2";
        if(CheckButtonIndex != 12)    
            document.getElementById("Btn12").className="div_tuijian_button2";
        if(CheckButtonIndex != 13)    
            document.getElementById("Btn13").className="div_tuijian_button5";
        if(CheckButtonIndex != 14)    
            document.getElementById("Btn14").className="div_tuijian_button5";
        if(CheckButtonIndex != 15)    
            document.getElementById("Btn15").className="div_tuijian_button5";
        if(CheckButtonIndex != 16)    
            document.getElementById("Btn16").className="div_tuijian_button5";
        if(CheckButtonIndex != 17)    
            document.getElementById("Btn17").className="div_tuijian_button5";
        if(CheckButtonIndex != 18)    
            document.getElementById("Btn18").className="div_tuijian_button5";
        if(CheckButtonIndex != 19)    
            document.getElementById("Btn19").className="div_tuijian_button5";
        if(CheckButtonIndex != 20)    
            document.getElementById("Btn20").className="div_tuijian_button5";
        if(CheckButtonIndex != 21)    
            document.getElementById("Btn21").className="div_tuijian_button5";
        if(CheckButtonIndex != 22)    
            document.getElementById("Btn22").className="div_tuijian_button5";
        if(CheckButtonIndex != 23)    
            document.getElementById("Btn23").className="div_tuijian_button5";
        if(CheckButtonIndex != 24)    
            document.getElementById("Btn24").className="div_tuijian_button5";
                  
        else if (index == 1 && CheckButtonIndex != 1)
            document.getElementById("Btn1").className="div_tuijian_button1";
        else if (index == 2 && CheckButtonIndex != 2)
            document.getElementById("Btn2").className="div_tuijian_button1";
        else if (index == 3 && CheckButtonIndex != 3)
            document.getElementById("Btn3").className="div_tuijian_button1";
        else if (index ==4 && CheckButtonIndex != 4)
            document.getElementById("Btn4").className="div_tuijian_button1";
        else if (index ==5 && CheckButtonIndex != 5)
            document.getElementById("Btn5").className="div_tuijian_button1";
        else if (index ==6 && CheckButtonIndex != 6)
            document.getElementById("Btn6").className="div_tuijian_button1";
        else if (index ==7 && CheckButtonIndex != 7)
            document.getElementById("Btn7").className="div_tuijian_button1";
        else if (index ==8 && CheckButtonIndex != 8)
            document.getElementById("Btn8").className="div_tuijian_button1";
        else if (index ==9 && CheckButtonIndex != 9)
            document.getElementById("Btn9").className="div_tuijian_button1";
        else if (index ==10 && CheckButtonIndex != 10)
            document.getElementById("Btn10").className="div_tuijian_button1";
        else if (index ==11 && CheckButtonIndex != 11)
            document.getElementById("Btn11").className="div_tuijian_button1";
        else if (index ==12 && CheckButtonIndex != 12)
            document.getElementById("Btn12").className="div_tuijian_button1";
        else if (index ==13 && CheckButtonIndex != 13)
            document.getElementById("Btn13").className="div_tuijian_button4";
        else if (index ==14 && CheckButtonIndex != 14)
            document.getElementById("Btn14").className="div_tuijian_button4";
        else if (index ==15 && CheckButtonIndex != 15)
            document.getElementById("Btn15").className="div_tuijian_button4";
        else if (index ==16 && CheckButtonIndex != 16)
            document.getElementById("Btn16").className="div_tuijian_button4";
        else if (index ==17 && CheckButtonIndex != 17)
            document.getElementById("Btn17").className="div_tuijian_button4";
        else if (index ==18 && CheckButtonIndex != 18)
            document.getElementById("Btn18").className="div_tuijian_button4";
        else if (index ==19 && CheckButtonIndex != 19)
            document.getElementById("Btn19").className="div_tuijian_button4";
        else if (index ==20 && CheckButtonIndex != 20)
            document.getElementById("Btn12").className="div_tuijian_button4";
        else if (index ==21 && CheckButtonIndex != 21)
            document.getElementById("Btn21").className="div_tuijian_button4";
        else if (index ==22 && CheckButtonIndex != 22)
            document.getElementById("Btn22").className="div_tuijian_button4";
        else if (index ==23 && CheckButtonIndex != 23)
            document.getElementById("Btn23").className="div_tuijian_button4";
        else if (index ==24 && CheckButtonIndex != 24)
            document.getElementById("Btn24").className="div_tuijian_button4";
        
    }
    function CheckOutBtn(index)
    {
        if(index == 1 && CheckButtonIndex != index)
            document.getElementById("Btn1").className = "div_tuijian_button1";
        else if (index == 2 && CheckButtonIndex != index)
            document.getElementById("Btn2").className = "div_tuijian_button1";
        else if (index == 3 && CheckButtonIndex != index)
            document.getElementById("Btn3").className ="div_tuijian_button1";
        else if (index == 4 && CheckButtonIndex != index)
            document.getElementById("Btn4").className = "div_tuijian_button1";
        else if (index == 5 && CheckButtonIndex !=index)
            document.getElementById("Btn5").className ="div_tuijian_button1";
        else if (index == 6 && CheckButtonIndex != index)
            document.getElementById("Btn6").className = "div_tuijian_button1";
        else if (index == 7 && CheckButtonIndex !=index)
            document.getElementById("Btn7").className ="div_tuijian_button1";
        else if (index == 8 && CheckButtonIndex != index)
            document.getElementById("Btn8").className = "div_tuijian_button1";
        else if (index == 9 && CheckButtonIndex !=index)
            document.getElementById("Btn9").className ="div_tuijian_button1";
        else if (index == 10 && CheckButtonIndex != index)
            document.getElementById("Btn10").className = "div_tuijian_button1";
        else if (index == 11 && CheckButtonIndex !=index)
            document.getElementById("Btn11").className ="div_tuijian_button1";
        else if (index == 12 && CheckButtonIndex != index)
            document.getElementById("Btn12").className = "div_tuijian_button1";
            
        else if (index == 13 && CheckButtonIndex !=index)
            document.getElementById("Btn13").className ="div_tuijian_button4";
        else if (index == 14 && CheckButtonIndex != index)
            document.getElementById("Btn14").className = "div_tuijian_button4";
        else if (index == 15 && CheckButtonIndex !=index)
            document.getElementById("Btn15").className ="div_tuijian_button4";
        else if (index == 16 && CheckButtonIndex != index)
            document.getElementById("Btn16").className = "div_tuijian_button4";
        else if (index == 17 && CheckButtonIndex !=index)
            document.getElementById("Btn17").className ="div_tuijian_button4";
        else if (index == 18 && CheckButtonIndex != index)
            document.getElementById("Btn18").className = "div_tuijian_button4";
        else if (index == 19 && CheckButtonIndex !=index)
            document.getElementById("Btn19").className ="div_tuijian_button4";
        else if (index == 20 && CheckButtonIndex != index)
            document.getElementById("Btn20").className = "div_tuijian_button4";
        else if (index == 21 && CheckButtonIndex !=index)
            document.getElementById("Btn21").className ="div_tuijian_button4";
        else if (index == 12 && CheckButtonIndex != index)
            document.getElementById("Btn12").className = "div_tuijian_button4";
        else if (index == 22 && CheckButtonIndex !=index)
            document.getElementById("Btn22").className ="div_tuijian_button4";
        else if (index == 23 && CheckButtonIndex != index)
            document.getElementById("Btn23").className = "div_tuijian_button4";
    }

//    function CheckClickBtn(index)
//    {
//        CheckButtonIndex=index
//        document.getElementById("Btn1").src ="div_tuijian_button1";
//        document.getElementById("Btn2").src ="div_tuijian_button1";
//        document.getElementById("Btn3").src ="div_tuijian_button1";
//        document.getElementById("Btn4").src ="div_tuijian_button1";
//        document.getElementById("Btn5").src ="div_tuijian_button1";
//        document.getElementById("Btn6").src ="div_tuijian_button1";
//        document.getElementById("Btn7").src ="div_tuijian_button1";
//        document.getElementById("Btn8").src ="div_tuijian_button1";
//        document.getElementById("Btn9").src ="div_tuijian_button1";
//        document.getElementById("Btn10").src ="div_tuijian_button1";
//        document.getElementById("Btn11").src ="div_tuijian_button1";
//        document.getElementById("Btn12").src ="div_tuijian_button1";
//        document.getElementById("Btn13").src ="div_tuijian_button5";
//        document.getElementById("Btn14").src ="div_tuijian_button5";
//        document.getElementById("Btn15").src ="div_tuijian_button5";
//        document.getElementById("Btn16").src ="div_tuijian_button5";
//        document.getElementById("Btn17").src ="div_tuijian_button5";
//        document.getElementById("Btn18").src ="div_tuijian_button5";
//        document.getElementById("Btn19").src ="div_tuijian_button5";
//        document.getElementById("Btn20").src ="div_tuijian_button5";
//        document.getElementById("Btn21").src ="div_tuijian_button5";
//        document.getElementById("Btn22").src ="div_tuijian_button5";
//        document.getElementById("Btn23").src ="div_tuijian_button5";
//        document.getElementById("Btn24").src ="div_tuijian_button5";
//       
//        
//        if(index == 1)
//        {        
//            document.getElementById("Btn1").className = "div_tuijian_button3";
//        }
//        else if (index == 2)
//        {
//            document.getElementById("Btn2").className = "div_tuijian_button3";
//        }
//        else if (index == 3)
//        {
//           document.getElementById("Btn3").className = "div_tuijian_button3";
//        }
//        else if(index==4)
//        {
//            document.getElementById("Btn4").className = "div_tuijian_button3";
//        }
//             else if(index==5)
//        {
//            document.getElementById("Btn5").className = "div_tuijian_button3";
//        }
//             else if(index==6)
//        {
//            document.getElementById("Btn6").className = "div_tuijian_button3";
//        }
//             else if(index==7)
//        {
//            document.getElementById("Btn7").className = "div_tuijian_button3";
//        }
//             else if(index==8)
//        {
//            document.getElementById("Btn8").className = "div_tuijian_button3";
//        }
//             else if(index==9)
//        {
//            document.getElementById("Btn9").className = "div_tuijian_button3";
//        }
//             else if(index==10)
//        {
//            document.getElementById("Btn10").className = "div_tuijian_button3";
//        }
//              else if(index==11)
//        {
//            document.getElementById("Btn11").className = "div_tuijian_button3";
//        }
//              else if(index==12)
//        {
//            document.getElementById("Btn12").className = "div_tuijian_button3";
//        }
//        
//         else if(index==13)
//        {
//            document.getElementById("Btn13").className = "div_tuijian_button6";
//        }
//              else if(index==14)
//        {
//            document.getElementById("Btn14").className = "div_tuijian_button6";
//        }
//           else if(index==15)
//        {
//            document.getElementById("Btn15").className = "div_tuijian_button6";
//        }
//              else if(index==16)
//        {
//            document.getElementById("Btn16").className = "div_tuijian_button6";
//        }
//           else if(index==17)
//        {
//            document.getElementById("Btn17").className = "div_tuijian_button6";
//        }
//              else if(index==18)
//        {
//            document.getElementById("Btn18").className = "div_tuijian_button6";
//        }
//           else if(index==19)
//        {
//            document.getElementById("Btn19").className = "div_tuijian_button6";
//        }
//              else if(index==20)
//        {
//            document.getElementById("Btn20").className = "div_tuijian_button6";
//        }
//           else if(index==21)
//        {
//            document.getElementById("Btn21").className = "div_tuijian_button6";
//        }
//              else if(index==22)
//        {
//            document.getElementById("Btn22").className = "div_tuijian_button6";
//        }
//           else if(index==23)
//        {
//            document.getElementById("Btn23").className = "div_tuijian_button6";
//        }
//              else if(index==24)
//        {
//            document.getElementById("Btn24").className = "div_tuijian_button6";
//        }
//        
//    }

