// --------------------------------
// 首頁主視覺輪播 
// --------------------------------
var crsZoom = $('#carousel').find('.zoom');
var crsThumb = $('#carousel').find('.thumb');
initCrs()

function initCrs()
{
	crsZoom.find('li').each(function(i) {
		$(this).css('z-index',999999-i);
	})
	crsThumb.find('li:first').clone().appendTo(crsThumb).end().end().remove();
	crsThumb.find('li').each(function(i) {
		$(this).css('top', 88*i)
	})
	setTimeout(rotateCrs, 7000)
}

function rotateCrs()
{
	crsZoom.find('li:first').fadeOut(1500, function(){
			var z = $(this).css('z-index')-3;
			$(this).clone().appendTo(crsZoom).css({'z-index':z}).end().fadeIn(0);
			$(this).remove();
			// loop to next
			setTimeout(rotateCrs, 7000)
	})
	crsThumb.find('li').each(function(i) {
		$(this).animate({top:$(this).position().top-88}, 800,function() {
			if(i==0) $(this).css('top',88*2).clone().appendTo(crsThumb).end().end().remove();
		})
	})
}