﻿var timerID = null;
var timerRunning = false;
var pcount;
var ie;

$(document).ready(function(){
	$(".j-c-b > li").css("display","none").eq(0).css("display","block");
	startclock();
	$(".j-c-s > li").hover(
		function(){
			var pos = $(".j-c-s > li").index($(this));
			stopclock();
			setActive(pos);
		},
		function(){
			$(".j-c-s > li").removeAttr("class");
			$(this).attr("class","is");
			startclock();
		}
	);

	jCarousel();
	
	$("select[name=chooseType]").change(function(){
		var id = $(this).val();
		$(this).parent().find("div").css("display","none");
		$("#"+id).css("display","block");
	});

});

function rotate(){
	var commonSize = $(".j-c-s > li").size();
	var currPosition = parseInt($(".j-c-s > li").index($(".j-c-s > li[class=is]")) + 1);
	if(currPosition>=commonSize){
		currPosition = 0;
	}
	setActive(currPosition);
}

function startclock(){
	stopclock();
	timerID = setInterval("rotate()",4000);
	timerRunning = true;
}

function stopclock(){
	if(timerRunning){
		clearInterval(timerID);
	}
	timerRunning = false;
}

function setActive(pos){
	$(".j-c-b > li, .j-c-s > li").removeAttr("class");
	$(".j-c-s > li").eq(pos).attr("class","is");
	$(".j-c-b > li").css("display","none");
	$(".j-c-b > li").eq(pos).attr("class","is").css("display","block");
}

function jCarousel(){
	$(".b-carousel > h3").append('<span class="j-right" name="j-right" value="1"> </span>').append('<span class="j-left" name="j-left" value="-1"> </span>');
	$(".j-carousel").wrapInner('<div class="j-cut"><div class="j-carousel-627"></div></div>');
	pcount = $(".j-carousel").find("a").size();
	var nowDate = $(".j-carousel-627 > dl").index($(".j-carousel-627 > dl[class=now]:last"));
	var ie = $.browser.msie;	
	$(".j-carousel-627").find("dl").each(function(){
		$(this).find("a:last").css("margin-right","0");
	});
	$(".j-carousel-627").width((!ie ? 92 : 93)*pcount+"px");
	$(".j-right").attr("value",nowDate+1);
	$(".j-left").attr("value",nowDate-1);
	var startPoint = $(".j-carousel-627 > dl:lt("+nowDate+")").find("a").size();
	var currentWidth = parseInt(-(!ie ? 92 : 93) * pcount + 644);
	$(".j-carousel-627").css("margin-left",-startPoint * (!ie ? 92 : 92.4) + "px");
	$(".j-right, .j-left").click(function(){
		var step = parseInt($(this).attr("value"));
		var currentOffset = 7*step*(!ie ? -92 : -92.4);
		animateCarousel(step, currentOffset);
		$(".j-carousel-627").animate({marginLeft: currentOffset > currentWidth ? currentOffset : currentWidth + "px"}, 1000);
	});
};

function animateCarousel(curr, coffset){
	var top = $(".j-carousel-627 > dl:lt("+(parseInt(curr)+1)+")").find("a").size()*(!ie ? -92 : -92.4);
	var nearTop = Math.round(Math.abs(top/644));
	$(".j-right").attr("value", parseInt(92 * pcount + top)>92 ? parseInt(curr) + 1 : nearTop);
	$(".j-left").attr("value", parseInt(92 * pcount + top)>92 ? parseInt(curr) - 1 : nearTop - 2);
	$(".j-left").attr("value")<0 ? $(".j-left").hide("fast") : $(".j-left").show("fast");
	parseInt(92*pcount + coffset) <= 644 ? $(".j-right").hide("fast") : $(".j-right").show("fast");
}