/*
	Class:		slideShow
	Author:		elementalblend.com (brandon burkett)
	
	Desc:		Javscript class that will rotate images (fade in/out) similar to a simple slide show
	 			Requires id slideShow (img tag)
*/
var slideShow = 
{
	/* properties */
	img: [],
	time: 2500,
	i: 0,	
	
	/* methods */	
	loadImage: function()
	{
		// determine next image
		slideShow.i = (slideShow.i < (slideShow.img.length-1)) ? (slideShow.i+1) : 0;
		
		// force image to load
		var nextImage = new Image(); 
		nextImage.src = slideShow.img[slideShow.i];
		
		if(nextImage.complete)
		{
			// call animate function if image loaded
			slideShow.animate(nextImage);							
		}
		else
		{
			nextImage.onload = function()
			{
				// call animate function if image loaded
				slideShow.animate(nextImage);
			}								
		}		
	},
	
	animate: function()
	{		
		// fade image out
		$('#slideShow').animate({ opacity: 0}, 1000, function()
		{			
			// fade new image in
			$('#slideShow').attr('src', slideShow.img[slideShow.i]);
			$('#slideShow').animate({ opacity: 1}, 1000);								
		});
		
		// loop again
		setTimeout("slideShow.loadImage()", slideShow.time);	
	},

	// initalizer function
	init: function()
	{
		// force background image
		$('#secondaryHeader').css('background','url(header/headerBack.jpg) no-repeat');
		
		// get current page name
		var page = window.location;
		
		if(page.toString().match('index.php') || page.toString().match('/'))
		{
			// index page header iamges
			slideShow.img[0] = 'header/header01.jpg';
			slideShow.img[1] = 'header/header02.jpg';
			slideShow.img[2] = 'header/header03.jpg';
			slideShow.img[3] = 'header/header04.jpg';
			slideShow.img[4] = 'header/header05.jpg';
			slideShow.img[5] = 'header/header06.jpg';
			slideShow.img[6] = 'header/header07.jpg';
		}
		
		// change image
		setTimeout("slideShow.loadImage()", 1750);
	}
}

$(document).ready( function(){ slideShow.init() });