var locplace = 0; // location iterator
var fadeDur = .5; // in seconds
var fading = false;
var prevI = 0, next=0;
var fadeOutAnim = '';
var imgArr = [
	'slideshow1.jpg',
	'slideshow2.jpg',
	'slideshow3.jpg',
	'slideshow4.jpg',
	'slideshow5.jpg',
	'slideshow6.jpg',
	'slideshow7.jpg',
	'slideshow8.jpg',
	'slideshow9.jpg',
	'slideshow10.jpg',
	'slideshow11.jpg'
];

$(function(){
	$('#stuff li:last').show();
	
	buildNav();
	$(imgArr).each( function(i){
		$('#preload').append($("<img src='stills/"+imgArr[i]+"' alt=''/>"));
	});
	
	$('#reel').toggle ( 
		function(){ playMovie('reel.flv'); $('#reel').text('close reel'); },
		function(){ buildNav(); }
	);
});

function buildNav() {
	$('#reel').text('watch my reel');
	$('#fl').remove();
	$('#hold').prepend($("<div id='fl'><div id='navDiv'></div><img id='imgSwap' alt=''/></div>"));
	$(imgArr).each (function(i) {
		link = $("<a href='javascript:fadeOut(" +i+ ")' id='link" +i+ "'>&nbsp;</a>")
		if (i == prevI) { $(link).addClass('highlight'); }
		$('#navDiv').append(link);
	});
	
	autoFadeIn();
}

function playMovie(theMovie){ // triggered on clicking the "play the reel" button
	clearTimeout(fadeOutAnim);
	swfobject.embedSWF("flvPlayer.swf", "fl", "920", "435", "9.0.0", "", { filename: theMovie });
}

function autoFadeIn(){
	clearTimeout(fadeOutAnim);
    $('#imgSwap').attr('src',"stills/"+imgArr[next]);
    $('#imgSwap').fadeIn('fadeDur', function() { fading = false; });
	fadeOutAnim = setTimeout(function() { autoFadeOut(); }, 5000); // time it sits at a still in auto mode
}

function autoFadeOut(){
	if (!fading) {
		fading = true;
		$('#link'+prevI).removeClass('highlight');
		prevI++;
		next++;
		if (next == imgArr.length) { next = '0'; prevI = '0'; }
		$('#link'+next).addClass('highlight');
		$('#imgSwap').fadeOut('fadeDur');
		fadeOutAnim = setTimeout(function(){ autoFadeIn(); }, (fadeDur * 1000 + 150));
	}
}

function fadeIn(num){
	clearTimeout(fadeOutAnim);
	next = num;
	$('#imgSwap').attr('src',"stills/"+imgArr[next]);
	$('#imgSwap').fadeIn('fadeDur', function() { fading = false; });
	fadeOutAnim = setTimeout(function() { autoFadeOut(); }, 10000); // amount of time it waits after clicking a button
}

function fadeOut(arg){
	if (!fading) {
		fading = true;
		clearTimeout(fadeOutAnim);
		$('#link'+prevI).removeClass('highlight');
		prevI = arg;
		$('#link'+arg).addClass('highlight');
		$('#imgSwap').fadeOut('fadeDur');
		fadeOutAnim = setTimeout(function() { fadeIn(arg); }, ((fadeDur*1000)+150));
	}
}