// JavaScript Document

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

$(document).ready(function(){
	
	$slideshow_nav = $('.banner .slideshow_nav');
	$slides = $('.banner .slide');
	$slideshow_nav.after('<div class="placeholder slide" id="placeholder2"></div>');
	$slideshow_nav.after('<div class="placeholder slide" id="placeholder1"></div>');
	$banner = $('.banner');
	
	// SLIDESHOW
	
	// Collects all the photos in the main slideshow
	$placeholders = $(".banner .placeholder");
	$slides.hide();
	$slides.each(function(){
		
		$slideshow_nav.append('<a href="#" class="btn' + j + '" rel="' + i + '">' + j + '</a>');
		i++;
		j++;
		
	});
	
	$slideshow_links = $('.banner .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){
									
		clearTimeout(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(){
		
		clearTimeout(t);
		next_entry=active_entry<(entry_count-1)?active_entry+1:0;
		
		$placeholders.eq(0).fadeOut(1000,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(0).show();
			$placeholders.eq(1).html($slides.eq(third_entry).html());
			active_entry = next_entry;
			t = setTimeout(advance_slideshow, 5000);
			
		});
		
		//return false;
		
	}
	
	t = setTimeout(advance_slideshow, 5000);
	
});