﻿var currentID = 1;
var changeBgTimer = 10000;
var fadeSpeed = 2500;
var totalImage;

function changeBackground() {
	$(".TopPane img.BackgroundImage").fadeOut(fadeSpeed);
	$(".TopPane img.BackgroundImage:eq("+currentID+")").fadeIn(fadeSpeed);
	if (currentID + 1 == totalImage) currentID = 0; else currentID++;
}
$(document).ready(function(){
    
    // fade in is handled in common.js
	$(".TopPane img.BackgroundImage:eq(0)").load(function(){
	    $(".TopPane img.BackgroundImage").not(this).css("display", "none");	    	    
	});
	$(this).everyTime(changeBgTimer, function(){
	    changeBackground();
    });
	totalImage = $(".TopPane img.BackgroundImage").size();
});