// setup
var menuTimeout = 0;
var currentSubmenu = 0;

// preload images
var foo = new Array();
foo[0] = new Image();
foo[0].src = "images/menublau_fletxa.gif";
foo[1] = new Image();
foo[1].src = "images/menublau.png";
foo[2] = new Image();
foo[2].src = "images/menublau.gif";

function menuToBlue(el) {
	if (IEwin && version >= 5.5) {
		el.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = "images/menublau.png";
	}
	else if (IEwin) {
		el.style.backgroundImage = 'url(images/menublau.gif)';
	}
	else {
		el.style.backgroundImage = 'url(images/menublau.png)';
	}
	if (!(IEwin && version < 5.5)) el.style.cursor = 'pointer';
	el.style.color = '#ffcc99';
}
function menuToYellow(el) {
	if (IEwin && version >= 5.5) {
		el.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = "images/menugroc.png";
	}
	else if (IEwin) {
		el.style.backgroundImage = 'url(images/menugroc.gif)';
	}
	else {
		el.style.backgroundImage = 'url(images/menugroc.png)';
	}
	if (!(IEwin && version < 5.5)) el.style.cursor = 'pointer';
	el.style.color = '#034ea2';
}

var moveFlash = 0;
function showSubmenu(elId, submenuId) {
	/* desplaça el flash */
	if (document.getElementById('flash')) {
		currentPos = parseInt(document.getElementById('flash').style.marginLeft);
		if (currentPos < 55) {
			document.getElementById('flash').style.marginLeft = (currentPos + 2) + "px";
			clearTimeout(moveFlash);
			moveFlash = setTimeout("showSubmenu('" + elId + "','" + submenuId + "')",1);
			return;
		}
	}
	
	document.getElementById(elId).style.backgroundImage = 'url(images/menublau_fletxa.gif)';
	document.getElementById(elId).style.color = '#ffcc99';
	document.getElementById(elId).style.cursor = 'default';
	
	if (IEwin && version >= 5.5 && submenuId != currentSubmenu) {
		hideNow(currentSubmenu);
		fadeIE("in", submenuId);
		currentSubmenu = submenuId;
	}
	else if (submenuId != currentSubmenu) {
		hideNow(currentSubmenu);
		document.getElementById(submenuId).style.visibility = "visible";
		currentSubmenu = submenuId;
	}
}
function hideSubmenu(elId, submenuId) {
	// no uso elId
	menuTimeout = setTimeout("hideNow('" + submenuId + "')", 1000);
}

function hideExcept(submenuId) {
	var found = false;
	x = document.getElementsByTagName("div");
	for (i=0 ; i < x.length ; i++) {
		if (x.item(i).className == "submenu") {
			if (x.item(i).id != submenuId) {
				x.item(i).style.visibility = "hidden";
					// cutre! Articor only
					document.getElementById('itemFor3').style.backgroundImage = 'url(images/menugroc_fletxa.gif)';
					document.getElementById('itemFor3').style.color = '#034ea2';
			}
			else {
				found = true;
			}
		}
	}
	if (!found) {
		currentSubmenu = 0;
	}
}

function hideNow(submenuId) {
	if (submenuId == 0) {
		return;
	}
	if (IEwin && version >= 5.5) {
		fadeIE("out", submenuId);
	}
	else {
		document.getElementById(submenuId).style.visibility = "hidden";
		// cutre! Articor only
		document.getElementById('itemFor3').style.backgroundImage = 'url(images/menugroc_fletxa.gif)';
		document.getElementById('itemFor3').style.color = '#034ea2';

	}
	currentSubmenu = 0;
	if (document.getElementById('flash')) {
		var currentPos = parseInt(document.getElementById('flash').style.marginLeft);
		if (currentPos > 0) {
			document.getElementById('flash').style.marginLeft = (currentPos - 2) + "px";
			clearTimeout(moveFlash);
			moveFlash = setTimeout("hideNow('" + submenuId + "')",1);
			return;
		}
	}
}

function fadeIE(mode, submenuId) {
	document.getElementById(submenuId).style.filter="progid:DXImageTransform.Microsoft.Fade(duration=0.10)";
	document.getElementById(submenuId).filters.item("DXImageTransform.Microsoft.Fade").apply();
	if (mode == "in")
		document.getElementById(submenuId).style.visibility="visible";
	else {
		document.getElementById(submenuId).style.visibility="hidden";
		// cutre! Articor only
		document.getElementById('itemFor3').style.backgroundImage = 'url(images/menugroc_fletxa.gif)';
		document.getElementById('itemFor3').style.color = '#034ea2';
	}
	document.getElementById(submenuId).filters.item("DXImageTransform.Microsoft.Fade").play();
}