var load_next = true;
var x_target = 0;
var animation_interval = null;
var n=0;
var speed=2;



function click_image()
{		
	
	if (!$(this).hasClass("visible")) return false;
	
	window.clearInterval(animation_interval);
	
	$("#scroll-images .scroll-image div a")
	.addClass("visible");
	
	$("#scroll-images .scroll-image a:not(.invisible)")
		.click(click_image)
		.hover(rollover_image, rollout_image)
		.mousemove(rollover_image)
		.toggleClass("invisible");
	
	$(this)
		.click(



			function()
			{
				return false;
			}
		)
		.unbind("mouseenter")
		.unbind("mouseleave")
		.unbind("mousemove")
		.toggleClass("invisible")
		.removeClass("opacity50");
	
	var id = $(this).attr("id").split("-");
	if (location.hash != id[1]) location.hash = id[1];
	
	if ( parseInt($(this).parent().css("left").replace("px","")) == 0 ) {var x = parseInt($(this).parent().css("left").replace("px",""))}
	else{
	var x = parseInt($(this).parent().css("left").replace("px","")) - 50;
		

}
	x_target = -x;
	

	animation_interval = window.setInterval("animate()",1);
	
n = (location.hash) ? parseInt(location.hash.replace("#","")) : 1;



	
	return false;
}

function animate()
{
var e = document.getElementById("scroll-images");
 var x = parseInt(e.style.left.replace("px",""));

 var x_diff = x_target - x;

 e.style.left = (x + (x_diff/speed)) + "px";

 if (Math.round(x_diff) == 0) {
 window.clearInterval(animation_interval);
 } 

}


function restart(){ $("#js-1").addClass("loaded").trigger("click");}

function last(){	$("#scroll-images :last-child").children().addClass("loaded").trigger("click"); }

function next(){	$("#js-"+n).parent().next().children().addClass("loaded").trigger("click");
}

function prev(){	$("#js-"+n).parent().prev().children().addClass("loaded").trigger("click");}



function load_next_image()
{

	if (load_next)
	{
		if ($("#scroll-images .scroll-image:has(a.loaded):last").next().length > 0)
		{

			$("#scroll-images .scroll-image:has(a.loaded):last")
				.next()
				.children("a")
				.each(
					function(i)
					{		

						var image_url = $(this).attr("href");
						$(this)
							.children("img")
							.load(load_next_image);
						$(this)
							.addClass("loaded");
					}
				);
				
			if ($("#scroll-images .scroll-image:has(a.loaded):first").prevAll().length > 0) load_next = false;

		}
		else
		{
			load_next = false;
			load_next_image();
		}
	}
	else
	{

		$("#scroll-images .scroll-image:has(a.loaded):first")

			.prev()
			.children("a")
			.each(
				function(i)
				{
					var image_url = $(this).attr("href");
					$(this)
						.children("img")
						.load(load_next_image);
					$(this)
						.addClass("loaded");

				}
			);
		
		if ($("#scroll-images .scroll-image:has(a.loaded):last").nextAll().length > 0) load_next = true;
	}

}

function rollover_image()
{
	$(this).addClass("opacity50");
}

function rollout_image()
{
	$(this).removeClass("opacity50");

}



function slideview()
	{
n = (location.hash) ? parseInt(location.hash.replace("#","")) : 1;

 //$("#next").attr("href", "#"+(n+1));
//$("#prev").attr("href", "#"+(n-1));

		$("#scroll-images").fadeIn(500);	
	
			
			 	$("#scroll-images .scroll-image a")
				.click(click_image)
				.hover(rollover_image, rollout_image)
				.mousemove(rollover_image);
				
					
				$("#js-"+n).each(
				function(i)
						{
		
						var image_url = $(this).attr("href");
		
						$(this).children("img").load(load_next_image);
		
						var img = new Image();
						$(this)
							.addClass("loaded")
							.trigger("click");
				
						}
				) //each	
				
		
		

		
	} //init()
	


$(document).ready(function(){
	slideview();
	$("#first").click(restart);
	$("#last").click(last);	
	 $("#next").click(next);	
	 $("#prev").click(prev);	

	
	
	
	}

);