$(document).ready(function()
{
	slideshow.init();	
});

var slideshow = 
{
	dir : "/Portals/0/",	
	img : 
	[
		"bg-banner-0.jpg",
		"bg-banner-1.jpg",
		"bg-banner-2.jpg",
		"bg-banner-3.jpg",
		"bg-banner-4.jpg"
	],	
	index : 0,
	timer : null,
	delay : 7500,
	
	// caches all images
	cache: function()
	{
		var imgs = new Array();
		
		for (i in slideshow.img)
		{
			img = new Image();
			img.src = slideshow.dir + slideshow.img[i];			
			imgs[i] = img;
		};
		
	},
	
	createOverlay : function()
	{
		$(".Banner").prepend("<div class=\"Overlay\" style=\"height:" + $(".Banner").height() + "px;\"></div>");
	},
	
	init: function()
	{
		slideshow.index = ($.cookie("slideshow") ? parseInt($.cookie("slideshow")) : 0);		
		slideshow.cache();
		slideshow.loadImage();
		slideshow.createOverlay();
		slideshow.timer = setInterval("slideshow.next();", slideshow.delay);
	},
	
	loadImage : function()
	{
		$(".Banner").css("background", "url('" + slideshow.dir + slideshow.img[slideshow.index] + "') top left no-repeat");		
	},
	
	next: function()
	{
		slideshow.index = (slideshow.index >= (slideshow.img.length-1) ? 0 : slideshow.index + 1);
		
		// save index position
		$.cookie("slideshow", slideshow.index);
		
		// transfer old image to overlay
		$(".Banner .Overlay").css("background", $(".Banner").css("background")).show();
		
		// update banner image behind overlay
		slideshow.loadImage();
		
		// fade out overlay (old image)
		$(".Banner .Overlay").fadeOut(750);
	
	}	
	
};