var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;

function menu_open(){  
	menu_canceltimer();
	menu_close();
	ddmenuitem = $(this).find('ul').css('visibility', 'visible');
}

function menu_close(){
//  	alert(ddmenuitem)
	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
  }

function menu_timer(){
	closetimer = window.setTimeout(menu_close, timeout);
}

function menu_canceltimer(){
  if(closetimer){
  	  window.clearTimeout(closetimer);
      closetimer = null;}
	}

$(document).ready(function(){
	 $('#menu > li').bind('mouseover', menu_open)
   	$('#menu > li').bind('mouseout',  menu_timer)});

document.onclick = menu_close;


	function onMoveLay(lay,topX){
		var cordX = topX+'px'
		document.getElementById(lay).style.visibility='hidden';
		document.getElementById(lay).style.top= cordX;
		document.getElementById(lay).style.visibility='visible';

		}
		
	function navDivisioni(navOn){
		var i=1;
		for (i=1;i<=11;i++){
			document.getElementById("nav"+i).className="";
		}
		document.getElementById(navOn).className="selected"; 
		}
		
	function navStile(navOn){
		var i=1;
		for (i=1;i<=5;i++){
			document.getElementById("nav"+i).className="";
		}
		document.getElementById(navOn).className="selected"; 
		}		
		
	function navClienti(navOn){
		var i=1;
		for (i=1;i<=8;i++){
			document.getElementById("nav"+i).className="";
		}
		document.getElementById(navOn).className="selected"; 
		}				
		
function theRotator() {
	//Set the opacity of all images to 0
	$('div#rotator ul li').css({opacity: 0.0});
	
	//Get the first image and display it (gets set to full opacity)
	$('div#rotator ul li:first').css({opacity: 1.0});
		
	//Call the rotator function to run the slideshow, 6000 = change to next image after 6 seconds
	setInterval('rotate()',5000);
	
}

function rotate() {	
	//Get the first image
	var current = ($('div#rotator ul li.show')?  $('div#rotator ul li.show') : $('div#rotator ul li:first'));

	//Get next image, when it reaches the end, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));	
	
	//Set the fade in effect for the next image, the show class has higher z-index
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Hide the current image
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
};

$(document).ready(function() {		
	//Load the slideshow
	theRotator();
});