// JavaScript Document

jQuery(document).ready(function(){
	
	fadeInSlide();
	
});

var direction = 'forward';
var total;
var whichPosition = 3;
var previous = 0;
var timeOut;

function fadeInSlide() {
	
	total = jQuery('div.sliderContent').length;
	
	//add class to first child div
	jQuery('#slider > div').each(function(i){
		jQuery(this).addClass('fade' + (i + 1));
		jQuery(this).css('display', 'none');
	});
	
	jQuery('.fade' + whichPosition).addClass('currentSlide');
	
	//fade in default frame
	jQuery(window).load(function(){
		jQuery('.fade' + whichPosition).fadeIn('slow');
		jQuery('#' + whichPosition).addClass('current');
		timed();
		
	});
	
	//add click anchor link controls
	jQuery('#banner').prepend('<div id="controls"><a href="#">one</a><a href="#">two</a><a href="#">three</a></div>')
	
	// add class to each anchor
	jQuery('#controls > a').each(function(i){
		jQuery(this).addClass('click');
		jQuery(this).attr('id',(i+1))
	});
	
	jQuery('.click').bind('click',function(e){
		e.preventDefault();
		jQuery('#controls > a').removeClass('current');
		jQuery(this).addClass('current');
		whichPosition = (jQuery(this).attr("id"));
		
		jQuery('.currentSlide').fadeOut('slow', function(){
			jQuery('.fade' + whichPosition).fadeIn('slow');	
		});
		
		jQuery('.currentSlide').removeClass('currentSlide');
		jQuery('.fade' + whichPosition).addClass('currentSlide');
		timed();
		return;

	});
	
	jQuery('#banner > a').click(function(e){
		e.preventDefault();
		jQuery('.sliderContent').hide();
	});

}

function timed() {
	clearTimeout(timeOut);
	timeOut = setTimeout('autoSlide()', 7000);	
}
function autoSlide(){

	if(whichPosition==1)
	{ 
		jQuery('#controls > a').removeClass('current');
		whichPosition ++;
		jQuery('#' + whichPosition).click();
		jQuery('.fade' + whichPosition).addClass('currentSlide');
	}
	else if(whichPosition != total)
	{ 
		jQuery('#controls > a').removeClass('current');
		whichPosition ++;
		jQuery('#' + whichPosition).click();
		jQuery('.fade' + whichPosition).addClass('currentSlide');
	}
	else if(whichPosition==total)
	{
		jQuery('#controls > a').removeClass('current');
		whichPosition =1;
		jQuery('#' + whichPosition).click();
		jQuery('.fade' + whichPosition).addClass('currentSlide');
	}

	timed();
}