/**
 * created by administrator on 2015/12/31.
 */
var width=$(".bannerbox").width();
var i=-1;
var timer=0;
$(document).ready(function () {
    move();
    timer=setinterval("move()",5000);
    $(".bannerbox ul li").hover(function(){
        clearinterval(timer);
    },function(){
        timer=setinterval("move()",5000);
    })
    $('.nav dl dd').click(function(){
        var ddindex=$(this).index()-1;
        i=ddindex;
        move();
    })
})
function move(){
    i++;
    $('.baner-01-a').css({"top":"-100px",opacity:0});
   // $('.banner2-01').css({opacity:0,"top":"-200px"});//图片的初始位置
    $('.banner3-01').css({opacity:0,"left":"35%"});
    $('.banner4-01').css({opacity:0,"left":"-424px"});
   
    if(i>=4){
        i=0;
    }
    if(i<4){
        if(i==0){
            //$('.fst-li').fadein(100).siblings().fadeout(100);
            $('.nav dl dd').eq(i).addclass('bg').siblings().removeclass('bg');
            $('.bannerbox ul li').eq(i).fadein(1000).siblings().fadeout();
            $('.baner-01-a').animate({"top":"0px",opacity:1},3200)//动画后的最终位置
            
        }
		
        if(i==1){
            //$(".sec-li").fadein(100).siblings().fadeout(100);
            $('.nav dl dd').eq(i).addclass('bg').siblings().removeclass('bg');
            $('.bannerbox ul li').eq(i).fadein(1000).siblings().fadeout();
            $('.banner2-01').animate({opacity:1,"top":"225px"},1000)
               
           
        }
        if(i==2){
            $('.nav dl dd').eq(i).addclass('bg').siblings().removeclass('bg');
            $('.bannerbox ul li').eq(i).fadein(1000).siblings().fadeout();
            $('.banner3-01').animate({opacity:1,"left":"35%"},4000)
        }
		 if(i==3){
            $('.nav dl dd').eq(i).addclass('bg').siblings().removeclass('bg');
            $('.bannerbox ul li').eq(i).fadein(1000).siblings().fadeout();
            $('.banner4-01').animate({opacity:1,"left":"50%"},1000)
        }
		
    }
}