/* <![CDATA[ */
	
	var photos = [ 		
			{ 
				"image":"images/banner/banner_img1.jpg", 
				"title":"first image"
			},

			{ 
				"image":"images/banner/banner_img2.jpg",
				"title":"second image"				 
			} ,

		    { 
				"image":"images/banner/banner_img3.jpg",
				"title":"third image"				 
			} ,
		{}
	];
	
	$(photos).each(function(i)
	{
		var photo = this;
		setTimeout(function()
		{
			var img = document.createElement('img');
			img.src = photo.image;
		}, i*2000);
	});
	
	// toggle used to alternate between showing headerimages
	var toggle = 0;
	var i = 0;
	// n for next image. Starts at 1 since we load first 2 images to start
	var n = 1;
	// - 2 because we cant use backspace in this instance to fix last comma in array, so we add a blank to make all browsers the same length
	var t = photos.length-2;
	// for auto rotation
	var ssInterval;
	
	function ssPlay(){
		ssInterval = setInterval("nextImage()", 5000);
		
	}
	
	function ssStop(){clearInterval(ssInterval);}
	
	function nextImage(){
		if (i < t){i++;}
		else {
			i = 0;
		}
		
		if (n < t){n++;}
		else {
			n = 0;
		}
		
		changeImage(i,n);
	}
	
	function changeImage(i,n){
		if ($('div.header-caption').size()) {$('div.header-caption').fadeOut(350);}
		
		if(toggle == 0){
			$('div.hero-image2').fadeIn(400);
			$('div.hero-image1').fadeOut(400, function () {
				$('div.hero-image1').css('background-image','url('+photos[n].image+')');
				forwardImg(i);
			});				
			
			toggle = 1;
		}
		else {
			$('div.hero-image1').fadeIn(400);
			$('div.hero-image2').fadeOut(400, function () {
				$('div.hero-image2').css('background-image','url('+photos[n].image+')');
				forwardImg(i);
			});
			
			toggle = 0;
		}
	}
	
	function forwardImg(num) { } 		
	
	
	$(document).ready(function()
	{ssPlay();}); 
	
/* ]]> */