function changetujian(type){
    switch(type){
        case 1:
            //
            document.getElementById("dangao_btn").className="protj_dh_green_01";
            document.getElementById("flowers_btn").className="protj_dh_gray_02";
            document.getElementById("gift_btn").className="protj_dh_gray_03";
            document.getElementById("friut_btn").className="protj_dh_gray_04";
            //
            document.getElementById("dangao_span").className="font_14_b_white";
            document.getElementById("flowers_span").className="font_12_666";
            document.getElementById("gift_span").className="font_12_666";
            document.getElementById("friut_span").className="font_12_666";
            //
//            if(document.getElementById("dangao_panel").style.display == "inline"){
//                $("#dangao_panel").hide("slow");
//            } else if(document.getElementById("flowers_panel").style.display == "inline"){
//                $("#flowers_panel").hide("slow");
//            } else if(document.getElementById("gift_panel").style.display == "inline"){
//                $("#gift_panel").hide("slow");
//            } else {
//                $("#friut_panel").hide("slow");
//            }
            document.getElementById("dangao_panel").style.display="inline";
            document.getElementById("flowers_panel").style.display="none";
            document.getElementById("gift_panel").style.display="none";
            document.getElementById("friut_panel").style.display="none";
            break;
        case 2:
            //
            document.getElementById("dangao_btn").className="protj_dh_gray_01";
            document.getElementById("flowers_btn").className="protj_dh_green_02";
            document.getElementById("gift_btn").className="protj_dh_gray_03";
            document.getElementById("friut_btn").className="protj_dh_gray_04";
            //
            document.getElementById("dangao_span").className="font_12_666";
            document.getElementById("flowers_span").className="font_14_b_white";
            document.getElementById("gift_span").className="font_12_666";
            document.getElementById("friut_span").className="font_12_666";
            //
//            if(document.getElementById("dangao_panel").style.display == "inline"){
//                $("#dangao_panel").hide("slow");
//            } else if(document.getElementById("flowers_panel").style.display == "inline"){
//                $("#flowers_panel").hide("slow");
//            } else if(document.getElementById("gift_panel").style.display == "inline"){
//                $("#gift_panel").hide("slow");
//            } else {
//                $("#friut_panel").hide("slow");
//            }
            document.getElementById("dangao_panel").style.display="none";
            document.getElementById("flowers_panel").style.display="inline";
            document.getElementById("gift_panel").style.display="none";
            document.getElementById("friut_panel").style.display="none";
            break;
        case 3:
            //
            document.getElementById("dangao_btn").className="protj_dh_gray_01";
            document.getElementById("flowers_btn").className="protj_dh_gray_02";
            document.getElementById("gift_btn").className="protj_dh_green_03";
            document.getElementById("friut_btn").className="protj_dh_gray_04";
            //
            document.getElementById("dangao_span").className="font_12_666";
            document.getElementById("flowers_span").className="font_12_666";
            document.getElementById("gift_span").className="font_14_b_white";
            document.getElementById("friut_span").className="font_12_666";
            //
//            if(document.getElementById("dangao_panel").style.display == "inline"){
//                $("#dangao_panel").hide("slow");
//            } else if(document.getElementById("flowers_panel").style.display == "inline"){
//                $("#flowers_panel").hide("slow");
//            } else if(document.getElementById("gift_panel").style.display == "inline"){
//                $("#gift_panel").hide("slow");
//            } else {
//                $("#friut_panel").hide("slow");
//            }
            document.getElementById("dangao_panel").style.display="none";
            document.getElementById("flowers_panel").style.display="none";
            document.getElementById("gift_panel").style.display="inline";
            document.getElementById("friut_panel").style.display="none";
            break;
        case 4:
            //
            document.getElementById("dangao_btn").className="protj_dh_gray_01";
            document.getElementById("flowers_btn").className="protj_dh_gray_02";
            document.getElementById("gift_btn").className="protj_dh_gray_03";
            document.getElementById("friut_btn").className="protj_dh_green_04";
            //
            document.getElementById("dangao_span").className="font_12_666";
            document.getElementById("flowers_span").className="font_12_666";
            document.getElementById("gift_span").className="font_12_666";
            document.getElementById("friut_span").className="font_14_b_white";
            //
//            if(document.getElementById("dangao_panel").style.display == "inline"){
//                $("#dangao_panel").hide("slow");
//            } else if(document.getElementById("flowers_panel").style.display == "inline"){
//                $("#flowers_panel").hide("slow");
//            } else if(document.getElementById("gift_panel").style.display == "inline"){
//                $("#gift_panel").hide("slow");
//            } else {
//                $("#friut_panel").hide("slow");
//            }
            document.getElementById("dangao_panel").style.display="none";
            document.getElementById("flowers_panel").style.display="none";
            document.getElementById("gift_panel").style.display="none";
            document.getElementById("friut_panel").style.display="inline";
            break;
    }
}
var ci = 2;
function initIndex(){
    t=window.setInterval("autoChange("+ci+")",2000);
}
function autoChange(){
    if(ci == 5){
        changetujian(1);
        ci++;
    }else if (ci == 6){
      
      changetujian(2);
      ci++;
    }
    else if(ci < 7){
        changetujian(ci);
        ci++;
    } else {
        clearInterval(t);
    }
}