var path_img = "images/";
var MENU_ID_PREFIX = "mnu_";
var SUBMENU_ID_PREFIX = "smnu_";
var IMAGE_ID_PREFIX = "mnu_img_";
var ml = new Array();
var current_menu_index = -1;
var active_menu_index = -1;
var resetinterval = 1000;	// msec
var timeoutid;

function Menu(id, label, href, imageoff, imageon)
{
	this.id = id;
	this.label = label;
	this.href = href;
	this.imageoff = imageoff;
	this.imageon = imageon;
	this.submenus = new Array();
	this.addSubmenu = function(id, label, categoryid)
	{
		this.submenus[this.submenus.length] = new Menu(id, label, categoryid, "", "");
	}
}

ml[ml.length] = new Menu("Home", "Home", "index.html", "home.gif", "home.gif", false);

ml[ml.length] = new Menu("Agency", "Agency", "index.html", "Agency.gif", "Agency.gif", false);
ml[ml.length-1].addSubmenu("as1", "CHI SIAMO", "chi_siamo.html");
ml[ml.length-1].addSubmenu("as2", "DOVE SIAMO", "dove_siamo.html");
ml[ml.length-1].addSubmenu("as3", "PARTNERS", "partners.html");

ml[ml.length] = new Menu("Servizi", "Servizi", "index.html", "servizi.gif", "servizi.gif", false);
ml[ml.length-1].addSubmenu("s1", "CREAZIONE E GESTIONE SITI INTERNET", "c_g_siti.html");
ml[ml.length-1].addSubmenu("s2", "CREAZIONE BANNERS PUBBLICITARI", "c_b.html");
ml[ml.length-1].addSubmenu("s3", "CREAZIONE OGGETTI 3D", "ogetti3d.html");
ml[ml.length-1].addSubmenu("s4", "CREAZIONE MARCHI E LOGHI", "c_m_l.html");
ml[ml.length-1].addSubmenu("s5", "CREAZIONE PRESENTAZIONI MULTIMEDIALI E BROCHURES", "c_pm_b.html");
ml[ml.length-1].addSubmenu("s6", "CREAZIONE TESI DI LAUREA E RELAZIONI INTERATTIVE", "c_tl_r_i.html");
ml[ml.length-1].addSubmenu("s7", "CREAZIONE APPLICAZIONI E DATA BASE", "c_a_db_.html		");

ml[ml.length] = new Menu("Faq", "Faq", "faq.html", "faq.gif", "faq.gif", false);
ml[ml.length-1].addSubmenu("f1", "COSTI", "costi.html");

ml[ml.length] = new Menu("Test", "Test", "index.html", "test.gif", "test.gif", false);
ml[ml.length-1].addSubmenu("t1", "ESEMPIO 1", "es_1.html");
ml[ml.length-1].addSubmenu("t2", "ESEMPIO 2", "es_2.html");
ml[ml.length-1].addSubmenu("t3", "ESEMPIO 3", "es_3.html");
ml[ml.length-1].addSubmenu("t4", "ESEMPIO 4", "es_4.html");

ml[ml.length] = new Menu("Contatti", "Contatti", "contatti.html", "contatti.gif", "contatti.gif", false);

ml[ml.length] = new Menu("Area_Clienti", "Area_Clienti", "Area_Clienti.html", "Area_Clienti.gif", "Area_Clienti.gif", false);


function drawMenus()
{
	document.write("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr>" +
					" ");
	for(var i = 0; i < ml.length; i++)
	{
		document.write("<td valign=\"top\"><a href=\"" + ml[i].href + "\" onFocus=\"if(this.blur)this.blur();\" " +
						"onmouseover=\"Menu_select(" + i + ")\" " +
						"onmouseout=\"Menu_leave(" + i + ")\">" +
						"<img alt=\"" + ml[i].label + "\" title=\"" + ml[i].label + "\" src=\"" + ml[i].imageoff + "\" border=\"0\" id=\"" + IMAGE_ID_PREFIX + ml[i].id + "\"></a>" +
						"<div class=\"container\">");
		drawSubmenus(i);
		document.write("</div></td>");
	}
	document.write(" ");
	document.write("</tr></table>");
}

function drawSubmenus(i)
{
	document.write("<div id=\"" + MENU_ID_PREFIX + ml[i].id + "\" class=\"hb\" onmouseover=\"window.clearTimeout(timeoutid);\" onmouseout=\"Menu_leave(" + i + ")\">");
	var submenus = ml[i].submenus;
	document.write("<table width=\"400\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">");
	for (var ii = 0; ii < submenus.length; ii++)
	{
		document.write("<tr>" + 
						"<td width=\"8\" class=\"td_off\"><img src=\"images/vuoto.gif\" width=\"8\" height=\"20\"></td>" + 
						"<td width=\"370\" class=\"td_off\" onmouseover=\"swapTD('td_" + submenus[ii].id + "','td_on',100)\" onmouseout=\"swapTD('td_" + submenus[ii].id + "','td_off',90)\" id=\"td_" + submenus[ii].id + "\">" + 
						"<img src=\"images/vuoto.gif\" width=\"20\" height=\"1\" border=\"0\">" + 
						"<a href=\"" + submenus[ii].href + "\" id=\"" + SUBMENU_ID_PREFIX + submenus[ii].id + "\" onmouseover=\"swapSubmenu('" + ml[i].id + "','" + SUBMENU_ID_PREFIX + submenus[ii].id + "','menu_on')\" onmouseout=\"swapSubmenu('" + ml[i].id + "','" + SUBMENU_ID_PREFIX + submenus[ii].id + "','menu')\" class=\"menu\">" + submenus[ii].label + 
						"</a><br></td>" + 
						"<td width=\"8\" class=\"td_off\"><img src=\"images/vuoto.gif\" width=\"8\" height=\"1\"></td>" + 
						"</tr>"
						);
	}
	document.write("<tr><td colspan=\"3\" class=\"td_off\"><img src=\"images/vuoto.gif\" width=\"8\" height=\"10\"></td></tr>");
	document.write("</table>");
	document.write("</div>");
}

function Menu_leave(index) 
{ 
	if(index != current_menu_index && index != active_menu_index)
		document.images[IMAGE_ID_PREFIX + ml[index].id].src = ml[index].imageoff;
	timeoutid = window.setTimeout("resetMenu()", resetinterval);
}

function resetMenu()
{
	Menu_select(current_menu_index);
}

function Menu_select(index)
{
	window.clearTimeout(timeoutid);
	var newstyle;
	var newimagesrc;

	for(var i = 0; i < ml.length; i++)
	{
		el = document.getElementById(MENU_ID_PREFIX + ml[i].id);
		img = document.getElementById(IMAGE_ID_PREFIX + ml[i].id);
		if(i == index)
		{			
			active_menu_index = index;
			newstyle = "ob";
			newimagesrc = ml[i].imageon;
		}
		else
		{
			newstyle = "hb";
			if(i == current_menu_index)
				newimagesrc = ml[i].imageon;
			else
				newimagesrc = ml[i].imageoff;
		}
		el.className = newstyle;
		img.src = newimagesrc;	
	}
}

function swapImage(id, img)
{
	document.images[id].src = "images/" + img;
}

function swapTD(name,classe, opacity)
{ 
	if(document.all && document.getElementById)
		document.getElementById(name).style.filter="alpha(opacity="+opacity+")";
	if(!document.all && document.getElementById)
		document.getElementById(name).style.MozOpacity=opacity + '%';

	document.getElementById(name).className = classe;
}

function swapSubmenu(id,subId,style)
{
	document.getElementById(subId).className = style;
}

function setCurrentMenu(id)
{
	for(var i = 0; i < ml.length; i++)
	{
		if(ml[i].id + "" == id + "")
		{
			current_menu_index = i;
			document.images[IMAGE_ID_PREFIX + ml[i].id].src = ml[i].imageoff;
			//Menu_select(i);
			break;
		}
	}
}