showTimeOut = 0;
$(function() {
	if(!$(".previewer .list li.item").length)
	{
		$(".previewer").remove();
		return;
	}
	
	$(".previewer .list li.item").each(function() {
		new Image().src = $("img",this).attr("src").replace("_thumb.jpg",".jpg");
	});

	$(".previewer .up,.previewer .down,.previewer .controls,.previewer .image").mouseover(function() {
		$(this).addClass("hover");
	}).mouseout(function() {
		$(this).removeClass("hover");
	});

	$(".previewer .up").click(function() {
		showImage(-1,true);
	});

	$(".previewer .down").click(function() {
		showImage(-2,true);
	});

	$(".previewer .list li.item").each(function(i) {
		$(this).attr("uid",i);
	});

	$(".previewer .list li.item:lt(3)").each(function() {
		var image = $('<li class="thumb"><img width="112px" height="68px" alt="" /></li>');
		image.find("img").attr("src",$("img",this).attr("src"));
		image.attr("uid",$(this).attr("uid"));
		$(".previewer .list").append(image);
	});

	allimages = $(".previewer .list li.item");
	allimages2 = allimages.clone().add(".previewer .list li.item");

	$(".previewer .list li.thumb").mouseover(function() {
		$(this).addClass("hover");
	}).mouseout(function() {
		$(this).removeClass("hover");
	}).click(function() {
		showImage($(this).attr("uid"),true);
	});
	
	showImageInterval = setInterval("showImage(-2);",2000);
	showImage(-2);
});

function showImage(index,restart)
{
	if(!allimages.length || ($(".previewer .hover").length && restart == undefined))
	{
		return;
	}
	if(index < 0)
	{
		uid = $(".previewer .image").attr("uid");
		uid = uid == undefined ? allimages.length - 1 : parseInt(uid);
		
		if(index == -1)
		{
			uid = uid > 0 ? uid - 1 : allimages.length - 1;
		}
		if(index == -2)
		{
			uid = uid < (allimages.length - 1) ? uid + 1 : 0;
		}

		index = uid;
	}
	if(restart != undefined)
	{
		clearInterval(showImageInterval);
		clearTimeout(showTimeOut);
		showTimeOut = setTimeout('showImageInterval = setInterval("showImage(-2);",2000);',5000);
	}
	

	var elem = allimages2.eq(index);

	var image = $("img",elem).attr("src").replace("_thumb.jpg",".jpg");

	$(".previewer .image img").attr("src",image).hide().fadeIn();
	$(".previewer .image").attr("uid",elem.attr("uid"));

	var images = allimages2.slice(index,index + 3);

	var targets = $(".previewer .list li.thumb");
	images.each(function(i) {
		var target = targets.eq(i);
		target.find("img").attr("src",$("img",this).attr("src"));
		target.attr("uid",$(this).attr("uid"));
	});
}