l = new Image();
l.setAttribute('src','res/images/loading.gif');
var covers_path = 'res/images/covers/';

var covers = new Array();
covers[1] = 'pic1.jpg';
covers[2] = 'pic2.jpg';

var num_covers = 2;
var current_cover = 2; 
var preload_photos = new Array();
preload_photos[0] = covers_path + covers[1];	
preload_photos[1] = covers_path + covers[2];

var timer;
var preloaded = new Array();


function preloadPhotos(photos) {
	for (var i=0;i<photos.length;i++) {
		preloaded[i] = new Image();
		preloaded[i].setAttribute('src', photos[i]);
		var im = preloaded[i];
	}
	timer = setInterval('checkPhotos()', 100);
}

function checkPhotos() {
	var uncompleted = 0;
	for (var i = 0; i < preloaded.length; i++) {
		if (!preloaded[i].complete) {
			uncompleted++;
		}
	}

	if (uncompleted == 0) {
		clearTimeout(timer);				
		$("#carousel").html('<img src="" id="cover0" /><img src="'+preload_photos[0]+'" id="cover" />');
		timer = setInterval('changeCovers()', 5000);
	}
}

function changeCovers() {
	if (current_cover == 1) {
		prev_cover = num_covers;
	}
	else {
		prev_cover = current_cover - 1;
	}

	$("#cover0").attr({src: covers_path + covers[current_cover]});
	$("#cover").fadeTo(3000, 0, 
		function () {
			$("#cover").attr({src: covers_path + covers[current_cover]});					
			$("#cover").fadeTo(1, 1);
			
			current_cover++;
			if (current_cover == num_covers+1) {
				current_cover = 1;
			}
		}
	);
}