var imageCount;
var currentStart;
var currentInterval;

$(function(){

	imageCount = $("#imageBase").children().length;
	currentStart = 0;
    setImages(currentStart);
    resetInterval();

	$(".footerlogo").hover(stopInterval,resetInterval);
    
});

function stopInterval(){
	clearTimeout(currentInterval);
}

function resetInterval(){
	currentInterval = setInterval("fadeOut();",5000);
}

function doFade(){
	var next;
	next = getNext(currentStart);
	setImages(next);
	fadeIn();
}

function fadeOut(){
	$("#logo1").animate({"opacity":0},500,"linear",function(){
		$("#logo2").animate({"opacity":0},500,"linear",function(){
			$("#logo3").animate({"opacity":0},500,"linear",doFade);
		});
	});
}
function fadeIn(){
	$("#logo1").animate({"opacity":1},500,"linear",function(){
		$("#logo2").animate({"opacity":1},500,"linear",function(){
			$("#logo3").animate({"opacity":1},500,"linear");
		});
	});
}
function getNext(current){
	if(current == imageCount - 1){
		return 0;
	} else {
		return current + 1;
	}
}

function setImages(start){
	var next;
    $("#logo1").css({"backgroundImage":"url('"+$("#imageBase").children()[start].src+"')"});
    next = getNext(start);
    $("#logo2").css({"backgroundImage":"url('"+$("#imageBase").children()[next].src+"')"});
    next = getNext(next);
    $("#logo3").css({"backgroundImage":"url('"+$("#imageBase").children()[next].src+"')"});
    currentStart = next;
    fadeIn();
}