/* modify by:zhaoxiaodong
 * modify date:Apr-20-2009
 * (c)ellechina.com-2009
 */
var carousel = {
	name: null,
	speed: 1000,
	thumbName: null,
	stop: true,
	visible: 3
};
(function($){
	var counter = 0;
	function setCurrentCss(i){
		$("#" + carousel.name + " .current").removeClass("current");
		$("#" + carousel.thumbName + i).addClass("current");
	}
	function auto(){
		counter++;
		if (carousel.stop) {
			doSlide(counter);
		}
		setTimeout(auto, carousel.speed);
	}
	function doSlide(i){
		var items = $("#" + carousel.name + " li");
		var length = items.length;
		if (length > 0) {
			if (i > length) 
				i = 1;
			else 
				if (i < 1) {
					i = length;
				}
			counter = i;
			if (i > carousel.visible) {
				for (var j = 0; j < i - carousel.visible; j++) {
					$(items[j]).hide();
				}
			}
			$(items[i - 1]).show();
			if (i == 1) 
				items.show();
			setCurrentCss(i);
			var url=$(items[i - 1]).find("a").attr("href");
			var title=$(items[i - 1]).find("img").attr("title");
			$("#" + carousel.name).find("#largeImage img").attr("src", jQuery(items[i - 1]).find("img").attr("src"));
			$("#" + carousel.name).find("#largeImage a").attr({title:title,href:url});
			$("#" + carousel.name).find(".word").attr({
				href: url,
				title: title
			}).text(title);
		}
	}
	$(function(){
		carousel.name = "slide";
		carousel.thumbName = "thumb_";
		carousel.speed = "3000";
		//carousel.visible = 6;
		var img = new Image();
		img.onload = function(){
			setTimeout(function(){
				$("#largeImage .loading").fadeOut("fast");
			}, 1000);
		};
		img.src = $("#slideThumbs li img:first").attr("src");
		//hide homepage,fashion,beauty title
		$("#home #slide .word,#fashion #slide .word,#beauty #slide .word").hide();
		auto();
		$("#slideNext").click(function(e){
			e.preventDefault();
			counter++;
			doSlide(counter);
			return false;
		});
		$("#slidePrev").click(function(e){
			e.preventDefault();
			counter--;
			doSlide(counter);
			return false;
		});
		$("#" + carousel.name + " ul a").click(function(e){
			e.preventDefault();
			var i = $(this).find("span").text();
			doSlide(i);
			return false;
		});
		$("#" + carousel.name + " ul a").hover(function(){
			var i = jQuery(this).find("span").text();
			doSlide(i);
			carousel.stop = false;
		}, function(){
			var i = jQuery(this).find("span").text();
			doSlide(i);
			carousel.stop = true;
		});
		var imageNum = 0;
		$("#" + carousel.name).find("#largeImage a").hover(function(){
			imageNum = counter;
			carousel.stop = false;
		}, function(){
			doSlide(imageNum);
			carousel.stop = true;
		});
	});
})(jQuery);