// JavaScript Document
$(document).ready(function() {
	Main()
});

var idAttivo;
var objAttivo

function Main(){
	UI()
	UISubMenu()
	hideAllSubMenu()
}

function UI(){
	$('#ul_menu>li>a').mouseover(
	function(){
		//console.log($(this).parent().text())
		if(isSubMenu($(this).parent())){
			setIdAttivo($(this).next().attr('id'));
			setSubMenu()
		}else {
			if(objAttivo!=undefined){
				hideSubMenu(objAttivo)
			}
		}
	}).mouseout(function(){
		//console.log('out');
		//hideSubMenu($(this).parent())
	})
}

function UISubMenu(){
	$('#ul_menu ul').mouseleave(function(){
	//console.log('UISubMenuLeave')
	hideSubMenu(objAttivo)
	});	
}





function isSubMenu(obj){
	if($('ul', obj).length > 0){
		return true;
	}
	return false;
}

function hideSubMenu(obj){
	//console.log('hideSubMenu:  '+obj.text())
	$('ul', obj).removeClass('displayBlock')
	$('ul', obj).addClass('displayNone')
	
	$('ul', obj).css('opacity','0');
	//
}

function setSubMenu(){
	//console.log('idAttivo: '+getIdAttivo())
	$('#ul_menu>li').each( function(){
		if(isSubMenu($(this))){
		//console.log($('ul', $(this)).attr('id'))
		hideSubMenu($(this))
		
		if(getIndex($('ul', $(this)).attr('id')) == getIdAttivo()){
			//console.log(getIndex($('ul', $(this)).attr('id')))
			objAttivo=$(this);
			displaySubMenu($(this))
		}
	}})
}

function hideAllSubMenu(){
	$('#ul_menu>li').each( function(){
		if($('ul', this).length > 0){
			hideSubMenu($(this))
			$('ul', this).css('opacity','0')
		}
	})
}

function getIndex(obj){
	return obj.substr(3,4)
}

function setIdAttivo(obj){
	idAttivo=obj.substr(3,4)
}

function getIdAttivo(){
	return idAttivo
}

function displaySubMenu(obj){
	$('ul', obj).removeClass('displayNone')
	$('ul', obj).addClass('displayBlock')
	//
	//console.log('opacity: '+$('ul', obj).css('opacity'))
	//
	$('ul', obj).animate({
	opacity: 1
	},'', function(){
	//console.log('end show');
	});
	//
}

