// 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, focusFlag = true;

$(document).ready(function(){
	
	//$slideshow_nav = $('#programs_wrapper #slideshow_nav');
	$slides = $('#programs .slide');
	$banner = $('#programs');
	$banner.prepend('<div class="placeholder slide" id="placeholder2"></div>');
	$banner.prepend('<div class="placeholder slide" id="placeholder1"></div>');
	
	// SLIDESHOW
	
	// Collects all the photos in the main slideshow
	$placeholders = $("#programs .placeholder");
	$slides.hide();
	
	$slideshow_links = $('#programs_wrapper #slideshow_nav a');
	
	// 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_slide(){
		
		clearTimeout(t);
		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(0).show();
			$placeholders.eq(1).html($slides.eq(third_entry).html());
			//t2 = setTimeout(placeholder2, 2000);
			active_entry = next_entry;
			t = setTimeout(advance_slide, 5000);
			
		});
		
		//return false;
		
	}
	
	/*function placeholder2()
	{
		
		clearTimeout(t2);
		$placeholders.eq(1).html($slides.eq(third_entry).html());
		
	}
	
	$(window).blur(function(){
						 
		clearInterval(t);
		focusFlag = false;
						 
	});
	
	$(window).focus(function(){
						 
		if(!focusFlag)
		{
			
			t = setInterval(advance_slide, 5000);
			focusFlag = true;
			
		}
		
	});*/
	
	t = setTimeout(advance_slide, 5000);
	
});
