// JavaScript Document

var clicked = 0;
var effect = 0;

function SlideShow() {
	$("#jsSlideshow_thumbs img").each( function(i) { 
		$("#jsSlideshow_images").append("<img src=\"" + $(this).attr("src") + "\" id=\"pic_" + i + "\" />");
		if(i==0) {
			$(this).attr({"class": "selected"});
			$("#pic_" + i).css("z-index", 2);
			$("#jsSlideshow_title").html($(this).attr("alt"));
		} else {
			$(this).fadeTo("fast", 0.5 ); 
			$(this).css("z-index", 1);	
			$("#pic_" + i).css("display", "none");	
			$(this).removeClass("selected");
		}
		$(this).attr("id", i);	
	});
	
	$("#jsSlideshow_thumbs img").mouseover(function() { 
		if(!$(this).hasClass("selected")) $(this).fadeTo(1, 1 ); 
	}).mouseout(function() { 
		if(!$(this).hasClass("selected")) $(this).fadeTo(1, 0.5 );
	});
	
 	$("#jsSlideshow_thumbs img").bind("click", function(e) {
		if($(this).attr("id") != clicked) {
			$("#" + clicked).removeClass("selected");
			$(this).addClass("selected");
			$("#" + clicked).fadeTo(1, 0.5,slide); 
			showPicture($(this).attr("id"));		
			//clicked = $(this).attr("id");		
		}
	});
	
	slide(true);
	$("#jsSlideshow_thumbs").show();
}

function showPicture(index) {
	$("#jsSlideshow_title").fadeOut(0).fadeIn(400);		
	$("#jsSlideshow_title").html($("#"+index).attr("alt"));
	
	$("#jsSlideshow_images img").each(function() { $(this).css("z-index", 1); });
	$("#jsSlideshow_images #pic_"+index).fadeOut(0).fadeIn(400);			
	$("#jsSlideshow_images #pic_"+index).css("z-index", 3);	
	$("#jsSlideshow_images #pic_"+clicked).css("z-index", 2);
	$("#jsSlideshow_images #pic_"+index).css("top", 0);
	clicked = index;
}

function slide(dontanimate) {
	$("#jsSlideshow_thumbs").stop(true,true);
	var duration = 500;
	if(dontanimate) duration = 0;
	var animTo = 210-(clicked*84);
	$("#jsSlideshow_thumbs").animate({left:animTo + "px"}, duration);
}