var fadingOn;
fadingOn = true;

function fadeContent() {
	if (fadingOn == true) {
		//debugger;
		var e1 = $(".contentPanel .content:hidden:first .slideAutoWrapper")
		var e2 = $(".contentPanel .content:hidden:first")
		
		e1.fadeIn(600);
		e2.fadeIn(600);
						
		e1.delay(3000);
		e2.delay(3000);
		
		if (fadingOn == true) {
			e1.fadeOut(600);
			e2.fadeOut(600, function() {
				$(this).appendTo($(this).parent());
				fadeContent();
				});
		}
			
		changeSelector();
	}
}

fadeContent();

function selectSlide(slideId) {
	//debugger;
	fadingOn = false;
	
	var e1 = $(".contentPanel .content:visible:first .slideAutoWrapper")
	var e2 = $(".contentPanel .content:visible:first")
	var e3 = $(".contentPanel #" + slideId + " .slideAutoWrapper")
	var e4 = $(".contentPanel #" + slideId)
	
	if (e1 != null) {
		e1.clearQueue();
		e2.clearQueue();
		
		e1.fadeOut(600);
		e2.fadeOut(600);
	}
				
	e3.delay(700).fadeIn(600);
	e4.delay(700).fadeIn(600);
	
	setTimeout("changeSelector()",700);
	document.getElementById("imgPlay").src = "Immagini/Play.png";

}

function toggleSlide() {
	//debugger;
	if (fadingOn == true) {
		fadingOn = false;
		var e1 = $(".contentPanel .content:visible:first .slideAutoWrapper")
		var e2 = $(".contentPanel .content:visible:first")
		
		if (e1 != null) {
			e1.clearQueue();
			e2.clearQueue();
		}

		document.getElementById("imgPlay").src = "Immagini/Play.png";
	}
	else
	{
		fadingOn = true;
		
		var e1 = $(".contentPanel .content:visible:first .slideAutoWrapper")
		var e2 = $(".contentPanel .content:visible:first")
		
		if (e1 != null) {
			e1.clearQueue();
			e2.clearQueue();
			
			e1.fadeOut(600);
			e2.fadeOut(600);
		}
		
		setTimeout("fadeContent()",700);
		
		document.getElementById("imgPlay").src = "Immagini/Pause.png";
	}
}

function changeSelector() {
	//debugger;
	var i = 1;
	var element = document.getElementById("slide" + i);
	while (element != null)
	{
	if (element.style.display == "block")
		{
		document.getElementById("imgSlide" + i).src = "Immagini/PallinoPieno.png";
		}
	else
		{
		document.getElementById("imgSlide" + i).src = "Immagini/PallinoVuoto.png";
		}

	i++;
	element = document.getElementById("slide" + i);
	}
}
