/* <![CDATA[ */	
// 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#header-image3').fadeIn(500);
			$('div#header-image2').fadeOut(500, function () {
				$('div#header-image2').css('background-image','url('+photos[n].image+')');
				forwardImg(i);
			});				
			
			toggle = 1;
		}
		else {
			$('div#header-image2').fadeIn(500);
			$('div#header-image3').fadeOut(500, function () {
				$('div#header-image3').css('background-image','url('+photos[n].image+')');
				forwardImg(i);
			});
			
			toggle = 0;
		}
	}
	
	function forwardImg(num) {
			str = '<div class="header-caption"><p>'+photos[num].title+'</p></div>';
			
			$('div.header-caption').replaceWith(str);
			
			if ($.browser.mozilla) {
				setTimeout(function()
				{$('div.header-caption').show();}, 350);
			}
			else {$('div.header-caption').fadeIn(300);}	
		}
		

		//slideshow controls
		
		$('a.header-next').click(function(){
			nextImage();
			
			if($('a.header-play').hasClass('header-pause')){
				ssStop();
				ssPlay();
			}		
						
			return false;
		});
		
		$('a.header-previous').click(function(){		
		
			if (i > 0){i--;}
			else {
				i = t;
			}
			
			if (n > 0){n--;}
			else {
				n = t;
			}
			
			if(toggle == 0){$('div#header-image3').css('background-image','url('+photos[i].image+')');}
			else {$('div#header-image2').css('background-image','url('+photos[i].image+')');}
			
			//give previous time to render then change.
			setTimeout(function()
			{changeImage(i,n);}, 800);
						
			if($('a.header-play').hasClass('header-pause')){
				ssStop();
				ssPlay();
			}			
			
			return false;
		});
		
		$('a.header-play').click(function(){if($(this).hasClass('header-pause')){ssStop();}
			else{ssPlay();}
			
			$(this).toggleClass('header-pause');
										
			return false;
		});
/* ]]> */
