//========================= Index Function =========================//Made by Kai

//========================= Load Execute =========================//

$(document).ready(function () {
	Slide();                  //轮播图特效
	Carousel();               //旋转木马特效
});

//轮播图特效
function Slide(){
	var $parent = $("#hd");	
	var $bg = $parent.find("div.item-ads");
	var $imgDiv = $parent.find("div.s-showarea");
	var $scrObj = $imgDiv.children("ul:first");
	var $btns = $parent.find("div.s-switchable").children("ol:first").children("li");
	var index = 0;
	var adTimer = 0;
	var inTimer = 5000;//可自己配制的时间，这儿默认填写5000毫秒（这儿是动画与动画之间的休息时间）
	var anTimer = 1000;//可自己配制的时间，这儿默认填写1000毫秒（这儿是执行动画一次所需要时间）
	var scrHeight = $imgDiv.height();
	var len = $scrObj.children("li").length;
	//放图片的框架Div鼠标事件
	$scrObj.hover(function(){
		ClearInterval();
	}, function(){
		NoverStopExeAnimate();
	}).trigger("mouseleave");
	//按钮的鼠标事件
	$btns.hover(function(){
		ClearInterval();
		index = $btns.index(this);
		ExeAnimate($scrObj, index, scrHeight);
	}, function(){
		NoverStopExeAnimate();		
	})
	//清除计时器
	function ClearInterval(){
		clearInterval(adTimer);
	}
	//不间断响应动画滚动方法
	function NoverStopExeAnimate(){
		adTimer = setInterval(function(){
			index ++;
			if(len == index){
				index = 0;
			}
			ExeAnimate($scrObj, index, scrHeight);			
		}, inTimer);
	}
	//执行动画方法
	function ExeAnimate(scrObj, index, scrHeight){		
		$btns.eq(index).addClass("hover").siblings().removeClass("hover");
		scrObj.stop(true, false).animate({top:-index*scrHeight}, anTimer);		
		$bg.removeClass().addClass("hd-item item-ads ads-0" + (index+1));
	}
}

//旋转木马特效
function Carousel() {
    var $parent = $("#Carousel");
    //var $return = $parent.find("#back");
    var $scrollLeft = $parent.find("#btn-l");
    var $scrollRight = $parent.find("#btn-r");
    var $showArea = $parent.find("div.s-carousel-c");
    var $moveUL = $showArea.children("ul:first");
    var $btns = $moveUL.children("li");
    var offset = 0;
	
	var adTimer = 0;
	var inTimer = 5000;//可自己配制的时间，这儿默认填写5000毫秒（这儿是动画与动画之间的休息时间）
	var anTimer = 800;//可自己配制的时间，这儿默认填写800毫秒（这儿是执行动画一次所需要时间）
	
    var showCount = 5; /*图片显示的个数，这里为5个*/
    var imgCount = $btns.length;
    var maxOffset = imgCount / showCount - 1;
	
	//var totalWidth = GetTotalWidth($moveUL);
	//var maxOffset = totalWidth / $showArea.width() - 1;	
	
    var reviseWidth = 0; /*修正宽度，缺省值为0*/
    var offsetWidth = $showArea.width() + reviseWidth;	
    $(function () {
        if (0 >= maxOffset) {
            $scrollRight.addClass("gray-r");
        }
    });	
    $scrollLeft.click(function () {
		ClearInterval();
        if (0 < offset) {
            if (1 < offset) {
                offset--;
            } else {
                offset = 0;
            }
            if (offset < maxOffset && $scrollRight.has("gray-r")) {
                $scrollRight.removeClass("gray-r");
            }
            if (0 == offset) {
                $scrollLeft.addClass("gray-l");
            }
        }
        DoScrollAction($moveUL, offset, offsetWidth);
		NoverStopExeAnimate();
    }).addClass("gray-l");	
    $scrollRight.click(function () {
		ClearInterval();
		if(offset == maxOffset){
			offset = 0;
			$scrollLeft.addClass("gray-l");
		}else if (0 < maxOffset) {
            if (offset < maxOffset - 1) {
                offset++;
            } else {
                offset = maxOffset;
            }
            if (0 < offset && $scrollLeft.has("gray-l")) {
                $scrollLeft.removeClass("gray-l");
            }
            /*if (offset == maxOffset) {
                $scrollRight.addClass("gray-r");
            }*/
        }
        DoScrollAction($moveUL, offset, offsetWidth);
		NoverStopExeAnimate();
    })	
	//返回按钮点击事件
    /*$return.click(function () {
        offset = 0;
        DoScrollAction($moveUL, offset, offsetWidth);
		if (imgCount > showCount && $scrollRight.has("gray-r")) {
		    $scrollRight.removeClass("gray-r");
		}
        $scrollLeft.addClass("gray-l");
    });*/	
    //小图选中状态高亮显示
    /*$btns.click(function () {
        $(this).addClass("selected").siblings().removeClass("selected");
    }).eq(0).trigger("click");*/	
    //小图鼠标划过状态高亮显示
    /*$btns.hover(function(){
    	$(this).addClass("hover");
    }, function(){
    	$(this).removeClass("hover");
    })*/	
	//获取总的宽度
	/*function GetTotalWidth(parent){
		var $lis = parent.children("li");
		var totalWidth = 0;
		$.each($lis, function(){
			totalWidth += $(this).width();
		})
		return totalWidth;
	}*/	
	
	//放图片的框架Div鼠标事件
	$showArea.hover(function(){
		ClearInterval();
	}, function(){
		NoverStopExeAnimate();
	}).trigger("mouseleave");
	//清除计时器
	function ClearInterval(){
		clearInterval(adTimer);
	}
	//不间断响应动画滚动方法
	function NoverStopExeAnimate(){
		adTimer = setInterval(function(){
			$scrollRight.trigger("click");
		}, inTimer);
	}
    //响应小图滚动
    function DoScrollAction(offsetObj, offset, offsetWidth) {
        offsetObj.stop(true, false).animate({ left: -offset * offsetWidth }, anTimer);
    }
}