$(document).ready(function() {
	
	
	
	var files = ["1.jpg","3.jpg","4.jpg"];
	var thumb_files = ["1_small.jpg","3_small.jpg","4_small.jpg"];
	var file_links = ["http://www.play.com/Books/Books/4-/17281417/Life-After-Death-Messages-of-Love-from-the-Other-Side/Product.html", "http://www.sallymorgan.tv/merchandise", ""];
	
	var backdrop = $(document.createElement('div'));
	
	backdrop.css('background', '#000');
	
	backdrop.css('height', '314px');
	backdrop.css('width', '715px');
	$('#slideShow').append(backdrop);
	
	$(o).css('position', 'absolute');
	$(o).css('top', '0px');
	$(o).css('left', '0px');
	
	var elements = [];
	var thumbs = [];
	var interval = 0;
	var loaded = 0;
	var current = 0;
	var done = false;
	
	$('#slideShow').css('position', 'relative');
	
	for(var i = 0; i < files.length; i++)
	{
		var o = document.createElement('img');
		
		$(o).attr('alt', i);
		
		if(file_links[i] != "")
		{
			$(o).css('cursor', 'pointer');
			$(o).click(function() {
				window.location.href = file_links[parseInt($(this).attr('alt'))];
			});
		}
		
		var t_o = document.createElement('img');
		elements[i] = $(o);
		thumbs[i] = $(t_o);
		
		function intFunc() {
				
			elements[current].fadeOut(700, function() {
				
				current = (current + 1) % elements.length;
				elements[current].fadeIn(500);
			});							
		}
		
		function imgLoaded() {
			loaded++;
			
			if(!done && loaded >= files.length * 2)
			{
				done = true;
				elements[current].show();
				
				for(var j = 0; j < elements.length; j++)
				{
					$('#slideShow').append(thumbs[j]);
					thumbs[j].click(function() {
						clearInterval(interval);
						
						var t = $(this);
						
						elements[current].fadeOut(700, function() {
						
							current = parseInt(t.attr('alt'));
							elements[current].fadeIn(500, function() {
								interval = setInterval(intFunc, 4000);
							});
						});		
						
						
						
					});
				}
				interval = setInterval(intFunc, 4000);
			}
		}
		
		$(o).load(imgLoaded);
		$(t_o).load(imgLoaded);
		$(t_o).attr('alt', i);			
		$(o).attr('src', dir + files[i]);
		$(t_o).attr('src', dir + thumb_files[i]);
		$(o).css('position', 'absolute');
		$(t_o).css('position', 'absolute');
		$(o).css('top', '0px');
		$(t_o).css('bottom', '15px');
		$(o).css('left', '0px');
		$(t_o).css('right', (15 + 120 * (files.length - 1 - i)) + 'px');
		$(o).hide();
		$(t_o).css('cursor', 'pointer');
		
		$('#slideShow').append($(o));
		
		
		
	}
	
	
	$('#slideShow').show();
	
});