/*
dato un <ul> con l'id vsUL, cerca tutti i <li>,
sostituisce gli <a> contenuti nei <li> con due div con immagini interne
per il rollover
*/
function renderMenu(vsUL)
{
	//if (vsUL=="menu_int_3")
		//alert($$('#'+vsUL+' > li'));
	$$('#'+vsUL+' > li').each(function(item) {
		
		vsElemId = item.identify();
		vsElemId.replace(".","\.");
		vsLink = $$('#' + vsElemId +' > a');

		vsAllLabel = item.innerHTML;
		vnCut = vsAllLabel.indexOf("<ul");
		if (vnCut<0)
			vnCut = vsAllLabel.indexOf("<UL");
		if (vnCut > 0)
		{
			vsLabel = vsAllLabel.substring(0,vnCut);
			vsRest = vsAllLabel.substring(vnCut);
		}
		else
		{
			vsLabel = vsAllLabel;
			vsRest = "";
		}
		//alert(vsAllLabel);
		vsLabel = escape(vsLabel.stripTags());
		
		//se l'elemento e' selezionato imposto solo la versione hover
		if (item.hasClassName("sel"))
			vsElemHTML = "<div id='"+vsElemId+"_on' style='display:inline;'>"+
					 "<a href='"+vsLink+"'/>"+
					 "<img src='index.php?module=gdMenu&method=getImg&type="+
					 vsUL+"&id="+vsElemId+"_img_on&label="+vsLabel+"&ver=on' class='fix_png' /></a></div>";
		else
			vsElemHTML = "<div style='display:inline;' id='"+vsElemId+"_div'>"+
					"<a href='"+vsLink+"' onMouseOver=\"changeImg('"+vsElemId+"_img',"+
					"'index.php?module=gdMenu&method=getImg&type="+vsUL+
					"&id="+vsElemId+"_img_on&label="+vsLabel+"&ver=on')\" "+
					" onMouseOut=\"changeImg('"+vsElemId+"_img',"+
					"'index.php?module=gdMenu&method=getImg&type="+vsUL+
					"&id="+vsElemId+"_img_off&label="+vsLabel+"&ver=off')\" "+
					">"+
					"<img id='"+vsElemId+"_img' src='index.php?module=gdMenu&method=getImg&type="+
					 vsUL+"&id="+vsElemId+"_img_off&label="+vsLabel+"&ver=off' class='fix_png' /></a></div>";
		/*
		+
					 "<div id='"+vsElemId+"_on' style='display:none;'>"+
					 "<a href='"+vsLink+"' onMouseOut='out(\""+vsElemId+"\")' />"+
					 "<img src= class='fix_png' /></a></div>"
		*/
		item.update(vsElemHTML+vsRest);
    });
}

function changeImg(idDiv,vsImg)
{

		voDiv = document.getElementById(idDiv);
		if (voDiv)
		{
			voDiv.src=vsImg;
			//alert(idDiv);
			//correctSingleImg(voDiv,0,false);	
		}
}

//vecchio rollover
var openDivs = new Object;
function over(idDiv)
{
	if (document.getElementById(idDiv+'_off'))
		document.getElementById(idDiv+'_off').style.display="none";
	if (document.getElementById(idDiv+'_on'))	
		document.getElementById(idDiv+'_on').style.display="inline";

	//questa gestione e' necessaria perche', a volte, 
	//il browser non scatena l'evento onmouseout
	for (var Elem in openDivs)
	{
		out(Elem);
		delete openDivs[Elem];
	}	
	openDivs[idDiv]=idDiv;	
}
function out(idDiv)
{
	if (document.getElementById(idDiv+'_on'))
		document.getElementById(idDiv+'_on').style.display="none";
	if (document.getElementById(idDiv+'_off'))
		document.getElementById(idDiv+'_off').style.display="inline";

	//questa gestione e' necessaria perche', a volte, 
	//il browser non scatena l'evento onmouseout
	if (openDivs[idDiv])
		delete openDivs[idDiv];
}
//fine vecchio rollover


function hideTopMenu()
{
	out("topmenu_mondo");
	out("topmenu_vini");
	out("topmenu_territorio");
	out("topmenu_enoteca");
}

//configurare qui i nomi dei menu da sostituire
document.observe("dom:loaded", function() {
	hideTopMenu();
	renderMenu("menu_int_2");
 	renderMenu("menu_int_3");
 	renderMenu("menu_int_0");
});