// JavaScript Document

/* PNG trasparente in IE*/

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters)) 
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText 
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }    
}

var fix = 0;
var active = '';

startList = function() {
	var nav = document.getElementById("navMenu");
	for(var i=0; i<nav.childNodes.length; i++) {
		// Ciclo i figli
		var items = nav.childNodes[i];
		if (items.nodeName == "DIV" && items.className == 'items' ) {
			// Item figlio da gestire
			//var itemLink = items.getElementsByTagName("A")[0];
			items.onmouseover = function() {
				showItem(this, true);
			}
			items.onmouseout = function() {
				hideItem(this);
			}
			showItem(items, false);
		} /*else if (items.nodeName == "DIV" && items.className == 'itemsDown' ) {
			// Item figlio da gestire
			//var itemLink = items.getElementsByTagName("A")[0];
			items.onmouseover = function() {
				showItemDown(this, true);
			}
			items.onmouseout = function() {
				hideItem(this);
			}
			showItem(items, false);
		}*/
	} 
	active = '';
	resetMenu("INIT");
}

hideItem = function(elem) {
	var a = elem;
	fix = setInterval(function() {
		a.style.background = 'none';
		var itemContent = a.getElementsByTagName("DIV")[0];
		if(itemContent != undefined) itemContent.style.display = 'none';
		active = '';
		clearInterval(fix);
	}, 100);
}

showItem = function(elem, vis) {
	clearInterval(fix);
	if (elem.getElementsByTagName("DIV").length > 0 ) {
		var itemContent = elem.getElementsByTagName("DIV")[0];
		if(itemContent.style.display != 'block' && active != elem) {
			resetMenu(elem);
			active = elem;
			if(vis) itemContent.style.display = 'block';
			elem.style.background = 'url(/it_IT/Karambola/Static/i/freccia_menu.gif) no-repeat top center';
			
			var subMenuItems = itemContent.getElementsByTagName('A');
			var subMenuItemsWidth = 0;
			for(var i=0; i<subMenuItems.length; i++) {
				if(subMenuItems[i].className != "itemName") {
					subMenuItemsWidth += Number(subMenuItems[i].offsetWidth + 2);
				}
			}
			if (itemContent.getElementsByTagName("br").length > 0) {
				subMenuItemsWidth = subMenuItemsWidth / 2 + (subMenuItemsWidth / 10);
				itemContent.className += " double_row";
				
			}
			itemContent.style.width = subMenuItemsWidth + 30 + 'px';
			itemContent.style.textAlign = 'center';
			itemContent.style.padding = '4px 2px';
			
			var subMenuRelLeft = (elem.offsetWidth - subMenuItemsWidth) / 2;
			var subMenuLeft = elem.parentNode.offsetLeft + elem.offsetLeft + subMenuRelLeft;
			if(subMenuLeft < 0) subMenuRelLeft += -subMenuLeft;
			if((subMenuLeft + subMenuItemsWidth) > 970) subMenuRelLeft -= (subMenuLeft + subMenuItemsWidth) - 970;
			itemContent.style.left = subMenuRelLeft - 10 + "px";
		}
	}
}

showItemDown = function(elem, vis) {
	clearInterval(fix);
	var itemContent = elem.getElementsByTagName("DIV")[0];
	if(itemContent.style.display != 'block' && active != elem) {
		resetMenu(elem);
		active = elem;
		if(vis) itemContent.style.display = 'block';
		itemContent.style.position = 'absolute';
		itemContent.style.top = '21px';
		itemContent.style.left = '0';
		itemContent.style.zIndex = '20';
		elem.style.background = 'url(/it_IT/Karambola/Static/i/freccia_menu_up.gif) no-repeat bottom center';
		//elem.style.background = 'url(i/freccia_menu_up.gif) no-repeat bottom center';
		var subMenuItems = itemContent.getElementsByTagName('A');
		var subMenuItemsWidth = 0;
		for(var i=0; i<subMenuItems.length; i++) {
			if(subMenuItems[i].className != "itemName") {
				subMenuItemsWidth += Number(subMenuItems[i].offsetWidth + 2);
			}
		}
		itemContent.style.width = subMenuItemsWidth + 20 + 'px';
		itemContent.style.textAlign = 'center';
		itemContent.style.padding = '4px 2px';
		
		var subMenuRelLeft = (elem.offsetWidth - subMenuItemsWidth) / 2;
		var subMenuLeft = elem.parentNode.offsetLeft + elem.offsetLeft + subMenuRelLeft;
		if(subMenuLeft < 0) subMenuRelLeft += -subMenuLeft;
		if((subMenuLeft + subMenuItemsWidth) > 970) subMenuRelLeft -= (subMenuLeft + subMenuItemsWidth) - 970;
		itemContent.style.left = subMenuRelLeft - 10 + "px";
	}
}

resetMenu = function(e) {
	var nav = document.getElementById("navMenu");
	for(var i=0; i<nav.childNodes.length; i++) {
		// Ciclo i figli
		var items = nav.childNodes[i];
		if (items.nodeName == "DIV" && items.className == 'items' || items.className == 'itemsDown' && items != e) {
			items.style.background = 'none';
			if (items.getElementsByTagName("DIV").length > 0) {
				var itemContent = items.getElementsByTagName("DIV")[0];
				itemContent.style.display = 'none';
			}
		}
	}
}

function imageOver(){
	var imgs = document.getElementsByTagName('IMG');
	for(var i=0; i<imgs.length; i++) {
		if(imgs[i].className == 'ROLLOVER_IMG' && imgs[i].src.indexOf('_on.') == -1) {
			// Immagini con rollover
			imgs[i].onmouseover = function() {
				if (this.src.indexOf("_act") == -1) {
					var imgName = this.src.split('/')[this.src.split('/').length - 1];
					var newImgName = imgName.split('.')[0] + '_on.' + imgName.split('.')[1];
					var temp = this.src.split(imgName);
					this.src = temp[0] + newImgName;
				}
			}
			imgs[i].onmouseout = function() {
				if (this.src.indexOf("_act") == -1) {
					var imgName = this.src.split('/')[this.src.split('/').length - 1];
					var newImgName = imgName.split('_on')[0] + imgName.split('_on')[1];
					var temp = this.src.split(imgName);
					this.src = temp[0] + newImgName;
				}
			}
		}
	}
}

window.onload = function inizializza(){
	correctPNG();
	startList();
	imageOver();
}