// JavaScript Document
var slides = Array();
var positions = Array("#slide1","#slide2","#slide3","#slide4");
var used = Array();


$(document).ready(function(){
	obj = loadSlideshow();
	//alert(obj.toSource());
	for (var prop in obj) {
		slides[prop] = obj[prop];
	}
	
	//alert(slides[0]);
	initPics();
	initSwaps();
	
});

function loadSlideshow(){
	var test = '';
 	$.ajax({
	   type: "POST",
	   url: "includes/ajax/slideshow_lookup.php",
	   data: "directory=slideshow&width=153&height=145&crop=true",
	   async: false,
	   success: function(msg){
		  // alert(msg);
		   test = unserialize(msg);
	   }
	 });
	 return test;
}

function initPics(){
	
	var l = positions.length;
	for(i = 0; i< l; i++){
		slides.sort(function() {return 0.5 - Math.random()});
		used[positions[i]] = slides.shift();
		$(positions[i]).html("<img src='"+used[positions[i]] +"' height='145' width='153'/>");
	}
	
}

function initSwaps(){
	l = positions.length;
	for(i = 0; i< l; i++){
		setInterval("swapSlide('"+positions[i]+"')",7000+Math.floor(Math.random()*5000));
	}
}

function swapSlide(id){
	
	$(id).animate({ opacity: 0}, 3000, function() { 
		
		var old = used[id];
		
		slides.sort(function() {return 0.5 - Math.random()});
		used[id] = slides.shift();
		
		$(id).html("<img src='"+used[id]+"' height='145' width='153'/>");
		$(id).animate({ opacity: 1}, 3000);
		
		slides.unshift(old);
		
	});
}