var imgArraySize = 0;
var offset = 0;
var timeInterval = 0;
var mainInterval;
var timeInterval = 5000;

$(document).ready(function(){
	var i;
	
	var fadeSize = $('div#fade_container a.imageLink').size();
	imgArraySize = fadeSize - 1;
	
	var linkSize = $('div#fadeControlContainer a').size();
	
	$('div#fade_container a.imageLink').eq(0).css('display', 'block');
	$('div#fadeControlContainer a').eq(0).addClass('active');
	
	$('div#fadeControlContainer a').eq(0).click(function(){
		overrideInterval();
		$('div#fadeControlContainer a').removeClass('active');
		$(this).addClass('active');
		fadeImgManual(0);
	});
	
	$('div#fadeControlContainer a').eq(1).click(function(){
		overrideInterval();
		$('div#fadeControlContainer a').removeClass('active');
		$(this).addClass('active');
		fadeImgManual(1);
	});
	
	$('div#fadeControlContainer a').eq(2).click(function(){
		overrideInterval();
		$('div#fadeControlContainer a').removeClass('active');
		$(this).addClass('active');
		fadeImgManual(2);
	});
	
	mainCycle();
});

function mainCycle(){
	mainInterval = setInterval('fadeImg();', timeInterval);
}

function fadeImg(){
	$('div#fadeControlContainer a').removeClass('active');
	$('div#fade_container a.imageLink').eq(offset).fadeOut('slow');
	offset = offset + 1;
	
	if(offset > imgArraySize){
		offset = 0;	
	}
	
	$('div#fade_container a.imageLink').eq(offset).fadeIn('slow');
	$('div#fadeControlContainer a').eq(offset).addClass('active');
}

function fadeImgManual(imgIndex){
	$('div#fade_container a.imageLink').eq(offset).fadeOut('slow');
	$('div#fade_container a.imageLink').eq(imgIndex).fadeIn('slow');
	offset = imgIndex;
}

function overrideInterval(){
	clearInterval(mainInterval);
	mainInterval = setInterval('fadeImg();', timeInterval);
}