var myImages=new Array(null);
var counter = 0;
var changeBGactive = 0;
var bgChange;
var timeoutFade = 300;
var timeoutImg = 5000;

function setBG(counter) {
	if((counter < myImages.length) &&(counter > 0)) {
		$("#body").css("background-image", "url(" + myImages[counter]+ ")");
		$("#immagini img").css("background-image", "url(images/trasp.gif)");
		$("#thumb"+ counter).css("background-image", "url(images/scelta_img2.png)");
	}
}

function changeBG(counter) {

	if((counter < myImages.length) &&(counter > 0)) {

		$("#bgAll").stop().animate({
			opacity: 1
		}, timeoutFade, function() {
			// Animation complete.
			setBG(counter);

			$("#bgAll").animate({
				opacity: 0
			}, timeoutFade, function() {
			// Animation complete.
			});
			if(changeBGactive) {
				counter++;
				if((counter >= myImages.length) ||(counter <= 0))  { counter = 1; }
				bgChange = setTimeout("changeBG(" + counter + ", \"" + myImages + "\")", timeoutImg);
			}
		});
	}

}

$(document).ready( function() {

	$('#immaginiTD div').css('display', 'block');
	$('#testoImmagini span').css('display', 'block');

	$('body').append('<div id="bgImages" style="display:none;"></div>');
	
	/* Array url, alt, title */
	var myPreloadImages=new Array(null);
	myPreloadImages[myPreloadImages.length]= new Array("images/foto_08.jpg", myPreloadImages.length, "Villa Durazzo");
	myPreloadImages[myPreloadImages.length]= new Array("images/foto_07.jpg", myPreloadImages.length, "Villa Durazzo");
	/*myPreloadImages[myPreloadImages.length]= new Array("images/home_2.jpg", myPreloadImages.length, "Villa Durazzo");
	myPreloadImages[myPreloadImages.length]= new Array("images/foto_05.jpg", myPreloadImages.length, "Villa Durazzo");*/
	myPreloadImages[myPreloadImages.length]= new Array("images/home_3.jpg", myPreloadImages.length, "Villa Durazzo");
	myPreloadImages[myPreloadImages.length]= new Array("images/home_02.jpg", myPreloadImages.length, "Villa Durazzo");
	/*myPreloadImages[myPreloadImages.length]= new Array("images/home_4.jpg", myPreloadImages.length, "Villa Durazzo");
	myPreloadImages[myPreloadImages.length]= new Array("images/home_5.jpg", myPreloadImages.length, "Villa Durazzo");*/

	for(i=1;i<myPreloadImages.length;i++) {
		var bgImage = $('<img name="' + i + '" title="' + myPreloadImages[i][2] + '" alt="' + myPreloadImages[i][1] + '" />').attr('src', myPreloadImages[i][0]);
		$('#bgImages').append(bgImage);
	}

	$("#bgImages img").each(function() {
		 // cached images don't fire load sometimes, so we reset src.
		 if (this.complete || this.complete === undefined){
			var src = this.src;
			// webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f
			this.src = '#';
			this.src = src;
		 }
		var thumbImage = $('<img id="thumb' + $(this).attr('name') + '" name="' + $(this).attr('name') + '" title="' + $(this).attr('title') + '" alt="scelta_img" />').load(function(){
			$(this).bind('click', function() {
				changeBGactive = 0;
				if(bgChange) { clearTimeout(bgChange); }
				changeBG($(this).attr('name'));
			});
		}).attr('src', 'images/scelta_img.png');
		$('#immagini').append(thumbImage);
		myImages[myImages.length] = this.src;
		if(myImages.length == myPreloadImages.length) {
			changeBGactive = 1;
			setBG(1);
			bgChange = setTimeout("changeBG(2)", timeoutImg);
		}
	});

// per rimozione link su logo
	$("#logo").html($("#logo a").html());

// posizione logo Villa Durazzo diversa da pagine interne
	$("#logovilla").css("margin-top", 0);

});