// Mimic li:hover for Internet Explorer
function menuFix() {
	var mainMenu = document.getElementById("menu");
	var listItems = mainMenu.getElementsByTagName("li");

	for (var i=0; i<listItems.length; i++) {
		var hasSubMenu = (listItems[i].childNodes.length > 1);
		if (hasSubMenu) {
			listItems[i].onmouseover = function() {
				this.getElementsByTagName("div")[0].style.display = "block";
			}
			listItems[i].onmouseout = function() {
				this.getElementsByTagName("div")[0].style.display = "none";
			}
		}
	}
}

/*
Render IE filter, then remove .png's source
(not the other way around!)
*/
function pngFix() {
	var allImages = document.getElementsByTagName("img");
	var imageSrc, imageWidth, imageHeight, imageFilter;

	for (var i=0; i<allImages.length; i++) {
		imageSrc = allImages[i].src;
		if (imageSrc.match(/\.png$/i)) {
			imageWidth = allImages[i].width;
			imageHeight = allImages[i].height;
			imageFilter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='";
			imageFilter += imageSrc;
			imageFilter += "', sizingMethod='crop')";
			allImages[i].style.width = imageWidth;
			allImages[i].style.height = imageHeight;
			allImages[i].style.filter = imageFilter;
			/*allImages[i].src = "images/blank.gif";*/
		}
	}
}

window.onload = function() {
	menuFix();
	pngFix();
}