// JavaScript Document
var showingImageNo = 0;
var items = [];
var duration = 10000;
var t;

function getBackgroundList(w, h) {
	setTrans(screenW, screenH);
	$.getJSON('get_background.php?w='+w+'&h='+h, function(data) {
		items = new Array();

		$('#background_holder').css({
			'width':w,
			'height':h,
			'display':'block'
		});
		
		var itemCounter = 0;
		$.each(data, function(key, val) {
			var imgTagString = '<img src="'+key+'" width="'+val['width']+'" height="'+val['height']+'">';
			items.push(imgTagString);
			if(itemCounter == 0) {$('#background_holder').html(imgTagString);}
			itemCounter++;
		});
	});
	nextBackground();
}

function nextBackground(){
	showingImageNo++;

	if(showingImageNo >= items.length){
		showingImageNo = 0;
	}
	
	$('#background_holder').fadeOut('fast', function() {
		$('#background_holder').html(items[showingImageNo]);
		$('#background_holder').fadeIn('slow');
	});
	
	t=setTimeout("nextBackground()",duration);
}

$(document).ready(function() {
	getBackgroundList(screenW, screenH);

	$(window).bind("resize", resizeWindow);
	
	function resizeWindow( e ) {
		clearTimeout(t);
		screenW = $(window).width();
		screenH = $(window).height();
		getBackgroundList(screenW, screenH);
	}
});