/***********************************************************************************************
* JHF Scripts by Darkstar Design (bryan@darkstardesign.com / scott@darkstardesign.com)
***********************************************************************************************/
var featureObj = new Array();
var currFeature = 0;
var runningFeature = 0;

// make sure some images are loaded before we start animating
var start_slides = false;
var path = '/img/slides/slide';

var img = new Image();
img.onload = nextImage;

var i = 1;
img.src = path + i + '.jpg';

function nextImage() {
	if (i == 4) {
		if (start_slides) {
			startSlides();
		} else {
			start_slides = true;
		}
		return;
	}
	++i;
	img.src = path + i + '.jpg';
}

function startSlides() {
	featureObj[0]['slide'].fadeIn().addClass('active');
	featureObj[0]['indicator'].addClass('active');

	runningFeature = setInterval( 'nextFeature()', 4500 );
}

$(document).ready(function () {
	// build the featureObj
	$('#upper .slide').each( function(index) {
		featureObj[index] = new Array();

		featureObj[index]['slide'] = $(this);
		featureObj[index]['indicator'] = $('<li></li>').appendTo('#upper #indicator');
		featureObj[index]['indicator'].click( function () { 
			clearInterval( runningFeature ); 
			nextFeature(index);
			runningFeature = setInterval( 'nextFeature()', 4500 );
		} );
	});

	// after we've successfully built it, activate things.
	if (featureObj.length) {
		if (start_slides) {
			startSlides();
		} else {
			start_slides = true;
		}
	}
	
});


function nextFeature (nextFeature) {
	if ( document.hasFocus() ) {
		nextFeature = typeof(nextFeature) != 'undefined' ? nextFeature : currFeature + 1;
		if (! featureObj[nextFeature] ) nextFeature = 0;
	
		featureObj[currFeature]['indicator'].removeClass('active');
		featureObj[nextFeature]['indicator'].addClass('active');
	
		featureObj[currFeature]['slide'].fadeOut(500).removeClass('active');
		featureObj[nextFeature]['slide'].fadeIn(500).addClass('active');
	
	/*
		featureObj[currFeature]['slide'].animate({
			top: '-100%',
			opacity: 0,
		}, 500,
		function () {
			$(this).css({top: '100%'});
		}).removeClass('active');
		featureObj[nextFeature]['slide'].animate({
			top: '0%',
			opacity: 1,
		}, 500).addClass('active');
	*/
	
		//next feature
		currFeature = nextFeature;
	}
}