// JavaScript Document

// JavaScript Document

var entry_count=0, active_entry=0, $slides, $placeholders, t = null, t2 = null, $slideshow_nav, $slideshow_links, $banner, i = 0, j = 1, goto;

$(document).ready(function(){
	
	$slideshow_nav = $('#slideshow .slideshow_nav');
	$slides = $('#slideshow .slide');
	$slideshow_nav.after('<div class="placeholder slide" id="placeholder2"></div>');
	$slideshow_nav.after('<div class="placeholder slide" id="placeholder1"></div>');
	$banner = $('#slideshow');
	
	// SLIDESHOW
	
	// Collects all the photos in the main slideshow
	$placeholders = $("#slideshow .placeholder");
	$slides.hide();
	$slides.each(function(){
		
		$slideshow_nav.append('<a href="#" class="btn' + j + '" rel="' + i + '">' + j + '</a>');
		i++;
		j++;
		
	});
	
	var slideshow_nav_width = $slideshow_nav.width();
	var slideshow_nav_offset = 24 + ((218 - slideshow_nav_width) / 2);
	$slideshow_nav.css("right",slideshow_nav_offset);
//	console.log(slideshow_nav_offset);
	
	$slideshow_links = $('#slideshow .slideshow_nav a');
	$slideshow_links.eq(0).addClass('current').addClass('first');
	
	// Initialize placeholders
	$placeholders.eq(0).html($slides.eq(0).html());
	$placeholders.eq(1).html($slides.eq(1).html());
	
	// The number of images in the slideshow
	entry_count = $slides.length;
	
	$slideshow_links.click(function(e){
									
		clearInterval(t);
		goto = $(this).attr('rel');
		
		$slideshow_links.removeClass('current');
		$placeholders.eq(0).html($slides.eq(goto).html());
		$slideshow_links.eq(goto).addClass('current');
									
	});
	
	// Automatically advances the main slideshow after an arbitrary period of time
	function advance_slideshow(){
		
		next_entry=active_entry<(entry_count-1)?active_entry+1:0;
		
		$placeholders.eq(0).fadeOut(500,function(){
			
			$slideshow_links.removeClass('current');
			$placeholders.eq(0).html($slides.eq(next_entry).html());
			$slideshow_links.eq(next_entry).addClass('current');
			third_entry=next_entry<(entry_count-1)?next_entry+1:0;
			$placeholders.eq(1).html($slides.eq(third_entry).html());
			active_entry = next_entry;
			$placeholders.eq(0).show();
			
		});
		
		return false;
		
	}
	
	$(window).blur(function(){
						 
		clearInterval(t);		 
						 
	});
	
	$(window).focus(function(){
						 
		t = setInterval(advance_slideshow, 5000);			 
						 
	});
	
	t = setInterval(advance_slideshow, 8000);
	
});