var curPanel = 1;
var labelOn = false;
var mouseOnLabel = false;
var animating = false;
var totalPanels = 5;

var debug = false;
function myd(stringa) {
	if (debug == true) {
		alert(stringa);
	}
}

var interval = 8000;
//var interval = 5000;

var fadeOutTime = 300;
var fadeInTime = 1500;



var obj = {
	bgs: ["","home/01.jpg",
	      "home/02.jpg",
	      "home/03.jpg",
	      "home/04.jpg",
	      "home/05.jpg"],
	      
	 
	      
	
	
	
	controllers: ["controller1.png", "controller2.png", "controller3.png", "controller4.png", "controller5.png"  ]
	          

};

function labelPosition (leftRight, left, top){
	switch(leftRight){
		case "left":
			var newLeft = Number(left) - 378;
			var newTop = Number(top) - 42;
			break;
		case "right":
		default:
			var newLeft =  Number(left) + 12;
			var newTop = Number(top) - 35;
			break;
	
	}
	//alert (" leftright " + leftRight + " oldleft " + left + " oldtop "+ top + " newl " + newLeft + " newt " + newTop);
	//return [0,0];
	return [ newLeft, newTop];
	
}

function switchPanel(i, reset  ){
	if(!animating && !mouseOnLabel &&!labelOn  ){
		animating = true;
		var num = parseInt(i.substr(4))  ; 
		if(curPanel!= num){ 
			if(reset == true){
				stopRotate();
			} 
			$(".label").hide(); 
			$(".hotspot").hide();
			//$("#homecontroller img").hide(0);
			$("#homecontroller").css("background-image", "url(/img/controller"+num+".png)");
			$("#loading").show(0); 
			$("#homemainimg").fadeOut(fadeOutTime, function () { 
				$("#homemainimg img").attr("src", "/img/"+obj.bgs[num]);  
				$("#homemainimg").fadeIn(fadeInTime, function(){	
					$("#loading").hide(0); 
					switch(num){
						case 2:
							var labels = [3,4];
							break;
						case 3:
							var labels = [5,6];
							break;
						case 4:
							var labels = [7,8];
							break;
						case 5:
							var labels = [9,10];
							break;
						case 1:
							var labels = [1,2];
							break;
					}
					for(var h = 0; h<2; h++) {

						$("#hotspot"+labels[h]).show();
					} 
					  
					animating = false; 
					if(reset == true){startRotate(); }
				}); 
			});
			curPanel = num;
			
		}
	}
}

function rotatePanel(){ 
	newPanel = curPanel + 1;
	if (newPanel > totalPanels){
		newPanel = 1;
	}
	switchPanel ("link"+newPanel, false);
	 
}
 

function startRotate(){ 
	$("body").everyTime( interval, "rotate", function(){rotatePanel();});
	
}

function stopRotate() { 
	$("body").stopTime("rotate");
}
 
function doRollover (e, element){ 
	if(labelOn == false){
		var labelNumber = element.id.substring(7);  
		$(element).hide();
	 	$("#label"+labelNumber).show("slow");
	    labelOn = true;	
	} else {
	//	console.log("labelOn true");
	}
	 
}

function hideLabel (number) { 
	labelOn = false;
	$("#label"+number).hide("fast", function () {
		//console.log("showing hospot "+number);
		$("#hotspot"+number).show();
	});
	
}

$(document).ready(function () {
	$(".hotspot").bind( "mouseover", function(e){   
	     doRollover(e, this); 
	})  ;
	$(".label").bind("mouseover", function(){ 
	}).bind("mouseout", function () { 
		var labelNumber = this.id.substring(5);
		hideLabel(labelNumber);
		
	});
 
	$("#hotspot1").show();
	$("#hotspot2").show(); 
	
	for(var i=1; i<=totalPanels; i++){
		$("#link"+i).bind("click", function (){   switchPanel(this.id, true); return false;});
	}	
	startRotate();



	$.preloadImages(obj.controllers);	
	$.preloadImages(obj.bgs); 		 

});