var DEFAULT_DELAY = Array();
var PAUSE = Array();
var DEFAULT_WAIT = 29000;
var FADE = 2000;

DEFAULT_DELAY["A1"] = 21000;
DEFAULT_DELAY["A2"] = 5000;
DEFAULT_DELAY["A3"] = 9000;
DEFAULT_DELAY["A4"] = 13000;
DEFAULT_DELAY["A5"] = 17000;
DEFAULT_DELAY["A6"] = 1000;

DEFAULT_DELAY["B1"] = 21000;
DEFAULT_DELAY["B2"] = 1000;
DEFAULT_DELAY["B3"] = 9000;
DEFAULT_DELAY["B4"] = 29000;
DEFAULT_DELAY["B5"] = 25000;
DEFAULT_DELAY["B6"] = 17000;

DEFAULT_DELAY["C1"] = 9000;
DEFAULT_DELAY["C2"] = 13000;
DEFAULT_DELAY["C3"] = 17000;
DEFAULT_DELAY["C4"] = 20000;
DEFAULT_DELAY["C5"] = 18000;
DEFAULT_DELAY["C6"] = 29000;

DEFAULT_DELAY["D1"] = 13000;
DEFAULT_DELAY["D2"] = 1000;
DEFAULT_DELAY["D2"] = 5000;
DEFAULT_DELAY["D3"] = 8000;
DEFAULT_DELAY["D4"] = 25000;
DEFAULT_DELAY["D5"] = 21000;

var raw_images;
var slides = [];

$(document).ready(function()
{
	raw_images = $("#content")
	$("#content-old").html(raw_images.html());
	
	createStucture();
	
	var image = []; // Array for slide preload 
	var stack = []; // Once loaded, each slide is pushed into the stack 
	var totalSlides = raw_images.children().size();
	var slideCount = 0;
	raw_images.children().each(function(index){
		var slide = "";
		slide = $(this).clone();
		slides.push(slide);
	});


	$(".box").each(function(index) {
		
		var id = $(this).attr("id");
		addSlideInitial(id);
		slideCount++;
		
		if(slideCount >=24) {
			$(".box").each(function(index) {
			
			var id = $(this).attr("id");
			setTimeout("addSlide('"+id+"')", DEFAULT_DELAY[id]);
			
			});
			
		}
	});
	
	$(".box").each(function(index) {
		$(this).hover(function(){
			id = $(this).attr("id");
			PAUSE[id] = true;
		
			$(this).find("div.textOver").fadeTo(100, "1");
			$(this).find("div.textOver div span").css("display", "inline");
			$(this).find("img").fadeTo(400, "0.4");
			
		},function(){
			id = $(this).attr("id");
			PAUSE[id] = false;
		
			$(this).find("div.textOver").fadeTo(100, "0");
			$(this).find("div.textOver div span").css("display", "none");
			$(this).find("img").fadeTo(400, "1");
			
		});
	});
	
	

});

function addSlide(id){

	if(slides.length != 0)
	{	
		slides.sort(randOrd);
		
		if($("#"+id).children("a").attr("class") == "link_thumbnail")
		{
			if(PAUSE[id] == false)
			{			
				$("#"+id+" a").fadeOut(FADE, function() {
					var new_slide = slides.pop();
				
					// this there is a slide there already
					if($("#"+id).children("a").attr("class") == "link_thumbnail")
					{
						var slide = "";
						slide = $("#"+id+" a").clone();
						slides.push(slide);	
					}
			
					$("#"+id).html("");
					
					new_slide.css("display", "none");
					new_slide.find("div.textOver").css("opacity", "0");
					new_slide.find("div.textOver div span").css("display", "none");
					new_slide.find("img").css("opacity", "1");
					
					$("#"+id).append(new_slide);
					$("#"+id+" a").fadeIn(FADE);
				});
			}
		}
		else
		{
			PAUSE[id] = false;
		
			var new_slide = slides.pop();
			new_slide.css("display", "none");
			$("#"+id).append(new_slide);
			$("#"+id+" a").fadeIn('slow');
		}
			


			
	}
	setTimeout("addSlide('"+id+"')", DEFAULT_WAIT);
}

function addSlideInitial(id){

	if(slides.length != 0)
	{	
		slides.sort(randOrd);
		
		if($("#"+id).children("a").attr("class") == "link_thumbnail")
		{
			if(PAUSE[id] == false)
			{			
				$("#"+id+" a").fadeOut(FADE, function() {
					var new_slide = slides.pop();
				
					// this there is a slide there already
					if($("#"+id).children("a").attr("class") == "link_thumbnail")
					{
						var slide = "";
						slide = $("#"+id+" a").clone();
						slides.push(slide);	
					}
			
					$("#"+id).html("");
					
					new_slide.css("display", "none");
					new_slide.find("div.textOver").css("opacity", "0");
					new_slide.find("div.textOver div span").css("display", "none");
					new_slide.find("img").css("opacity", "1");
					
					$("#"+id).append(new_slide);
					$("#"+id+" a").fadeIn(FADE);
				});
			}
		}
		else
		{
			PAUSE[id] = false;
		
			var new_slide = slides.pop();
			new_slide.css("display", "none");
			$("#"+id).append(new_slide);
			$("#"+id+" a").fadeIn('slow');
		}
			


			
	}
}

function getRandomImage(){ 

}

function createStucture() {
	$("#container").html('<div id="content-new"><div class="box" id="A1"></div><div class="box" id="A2"></div><div class="box" id="A3"></div><div class="box" id="A4"></div><div class="box" id="A5"></div><div class="box" id="A6"></div><div class="box" id="B1"></div><div class="box" id="B2"></div><div class="box" id="B3"></div><div class="box" id="B4"></div><div class="box" id="B5"></div><div class="box" id="B6"></div><div class="box" id="C1"></div><div class="box" id="C2"></div><div class="box" id="C3"></div><div class="box" id="C4"></div><div class="box" id="C5"></div><div class="box" id="C6"></div><div class="box" id="D1"></div><div class="box" id="D2"></div><div class="box" id="D3"></div><div class="box" id="D4"></div><div class="box" id="D5"></div><div class="box" id="D6"></div></div>');
}

function randOrd(){
	return (Math.round(Math.random())-0.5);
}