//image Roll-Over functions
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}



// browser detection
isNS4 = (document.layers) ? true : false;
isIE4 = (document.all && !document.getElementById) ? true : false;
isIE6 = (document.all && document.getElementById) ? true : false;
isNS6 = (!document.all && document.getElementById) ? true : false;

// correctly handle PNG transparency in Win IE 5.5 or higher for rollovers.
function correctPNG(imageId) { 
	if(isIE6) {
		var img = imageId;
		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 
			var imgAttribs = img.attributes;
			for (var j=0; j<imgAttribs.length; j++) {
				var imgAttrib = imgAttribs[j];
				if (imgAttrib.nodeName == "align") {		  
					if (imgAttrib.nodeValue == "left") imgStyle = "float:left;" + imgStyle
					if (imgAttrib.nodeValue == "right") imgStyle = "float:right;" + imgStyle
					break
				}
			}
			var strNewHTML = "<span " + imgID + imgClass + imgTitle
			strNewHTML += " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
			strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
			strNewHTML += "(src='" + img.src + "', sizingMethod='scale');\""
			strNewHTML += " onmouseover=\"PNGswap('" + img.id + "');\" onmouseout=\"PNGswap('" + img.id +"');\""
			strNewHTML += "></span>" 
			img.outerHTML = strNewHTML;
		}
	}
}

function fixPNG(myImage) {// correctly handle PNG transparency in Win IE 5.5 or higher for non-rollovers.
	if (isIE6) {
		var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
		var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
		var imgTitle = (myImage.title) ? "title='" + myImage.title + "' " : "title='" + myImage.alt + "' "
		var imgStyle = "display:inline-block;" + myImage.style.cssText 
		var strNewHTML = "<span " + imgID + imgClass + imgTitle
		strNewHTML += " style=\"" + "width:" + myImage.width + "px; height:" + myImage.height + "px;" + imgStyle + ";"
		strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
		strNewHTML += "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>" 
		myImage.outerHTML = strNewHTML
	}
}

function PNGswap(myID) {
   var strOver  = "_on"
   var strOff = "_off"
   var oSpan = document.getElementById(myID)
   var currentAlphaImg = oSpan.filters(0).src
   if (currentAlphaImg.indexOf(strOver) != -1)
      oSpan.filters(0).src = currentAlphaImg.replace(strOver,strOff)
   else
      oSpan.filters(0).src = currentAlphaImg.replace(strOff,strOver)
}

// preload Nav Images Images & Create Objects
	home_off = new Image();
	home_off.src="skin/toe/nav/nav_home_off.jpg";
	home_on = new Image();
	home_on.src="skin/toe/nav/nav_home_on.jpg";
	home_active = new Image();
	home_active.src="skin/toe/nav/nav_home_active.jpg";
	news_off = new Image();
	news_off.src="skin/toe/nav/nav_news_off.jpg";
	news_on = new Image();
	news_on.src="skin/toe/nav/nav_news_on.jpg";
	news_active = new Image();
	news_active.src="skin/toe/nav/nav_news_active.jpg";
	universe_off = new Image();
	universe_off.src="skin/toe/nav/nav_universe_off.jpg";
	universe_on = new Image();
	universe_on.src="skin/toe/nav/nav_universe_on.jpg";
	universe_active = new Image();
	universe_active.src="skin/toe/nav/nav_universe_active.jpg";
	encyclopedia_off = new Image();
	encyclopedia_off.src="skin/toe/nav/nav_encyclopedia_off.jpg";
	encyclopedia_on = new Image();
	encyclopedia_on.src="skin/toe/nav/nav_encyclopedia_on.jpg";
	encyclopedia_active = new Image();
	encyclopedia_active.src="skin/toe/nav/nav_encyclopedia_active.jpg";
	community_off = new Image();
	community_off.src="skin/toe/nav/nav_community_off.jpg";
	community_on = new Image();
	community_on.src="skin/toe/nav/nav_community_on.jpg";
	community_active = new Image();
	community_active.src="skin/toe/nav/nav_community_active.jpg";
	downloads_off = new Image();
	downloads_off.src="skin/toe/nav/nav_downloads_off.jpg";
	downloads_on = new Image();
	downloads_on.src="skin/toe/nav/nav_downloads_on.jpg";
	downloads_active = new Image();
	downloads_active.src="skin/toe/nav/nav_downloads_active.jpg";
	forums_off = new Image();
	forums_off.src="skin/toe/nav/nav_forums_off.jpg";
	forums_on = new Image();
	forums_on.src="skin/toe/nav/nav_forums_on.jpg";
	forums_active = new Image();
	forums_active.src="skin/toe/nav/nav_forums_active.jpg";
	
	
	current_off = new Image();
	current_off.src="skin/toe/nav/sub_news_off.jpg";
	current_on = new Image();
	current_on.src="skin/toe/nav/sub_news_on.jpg";
	archives_off = new Image();
	archives_off.src="skin/toe/nav/sub_news_archives_off.jpg";
	archives_on = new Image();
	archives_on.src="skin/toe/nav/sub_news_archives_on.jpg";
	buildings_off = new Image();
	buildings_off.src="skin/toe/nav/sub_buildings_off.jpg";
	buildings_on = new Image();
	buildings_on.src="skin/toe/nav/sub_buildings_on.jpg";
	characters_off = new Image();
	characters_off.src="skin/toe/nav/sub_characters_off.jpg";
	characters_on = new Image();
	characters_on.src="skin/toe/nav/sub_characters_on.jpg";
	creatures_off = new Image();
	creatures_off.src="skin/toe/nav/sub_creatures_off.jpg";
	creatures_on = new Image();
	creatures_on.src="skin/toe/nav/sub_creatures_on.jpg";
	items_off = new Image();
	items_off.src="skin/toe/nav/sub_items_off.jpg";
	items_on = new Image();
	items_on.src="skin/toe/nav/sub_items_on.jpg";
	skills_off = new Image();
	skills_off.src="skin/toe/nav/sub_skills_off.jpg";
	skills_on = new Image();
	skills_on.src="skin/toe/nav/sub_skills_on.jpg";
	spells_off = new Image();
	spells_off.src="skin/toe/nav/sub_spells_off.jpg";
	spells_on = new Image();
	spells_on.src="skin/toe/nav/sub_spells_on.jpg";
	heroes_off = new Image();
	heroes_off.src="skin/toe/nav/sub_heroes_off.jpg";
	heroes_on = new Image();
	heroes_on.src="skin/toe/nav/sub_heroes_on.jpg";
	academy_off = new Image();
	academy_off.src="skin/toe/nav/sub_academy_off.jpg";
	academy_on = new Image();
	academy_on.src="skin/toe/nav/sub_academy_on.jpg";
	dungeon_off = new Image();
	dungeon_off.src="skin/toe/nav/sub_dungeon_off.jpg";
	dungeon_on = new Image();
	dungeon_on.src="skin/toe/nav/sub_dungeon_on.jpg";
	haven_off = new Image();
	haven_off.src="skin/toe/nav/sub_haven_off.jpg";
	haven_on = new Image();
	haven_on.src="skin/toe/nav/sub_haven_on.jpg";
	inferno_off = new Image();
	inferno_off.src="skin/toe/nav/sub_inferno_off.jpg";
	inferno_on = new Image();
	inferno_on.src="skin/toe/nav/sub_inferno_on.jpg";
	necropolis_off = new Image();
	necropolis_off.src="skin/toe/nav/sub_necropolis_off.jpg";
	necropolis_on = new Image();
	necropolis_on.src="skin/toe/nav/sub_necropolis_on.jpg";
	sylvan_off = new Image();
	sylvan_off.src="skin/toe/nav/sub_sylvan_off.jpg";
	sylvan_on = new Image();
	sylvan_on.src="skin/toe/nav/sub_sylvan_on.jpg";
	others_off = new Image();
	others_off.src="skin/toe/nav/sub_others_off.jpg";
	others_on = new Image();
	others_on.src="skin/toe/nav/sub_others_on.jpg";
	heroes5_off = new Image();
	heroes5_off.src="skin/toe/nav/sub_heroes5_off.jpg";
	heroes5_on = new Image();
	heroes5_on.src="skin/toe/nav/sub_heroes5_on.jpg";
	dark_messiah_off = new Image();
	dark_messiah_off.src="skin/toe/nav/sub_dark_messiah_off.jpg";
	dark_messiah_on = new Image();
	dark_messiah_on.src="skin/toe/nav/sub_dark_messiah_on.jpg";
	timeline_off = new Image();
	timeline_off.src="skin/toe/nav/sub_timeline_off.jpg";
	timeline_on = new Image();
	timeline_on.src="skin/toe/nav/sub_timeline_on.jpg";
	map_off = new Image();
	map_off.src="skin/toe/nav/sub_map_off.jpg";
	map_on = new Image();
	map_on.src="skin/toe/nav/sub_map_on.jpg";
	lore_off = new Image();
	lore_off.src="skin/toe/nav/sub_lore_off.jpg";
	lore_on = new Image();
	lore_on.src="skin/toe/nav/sub_lore_on.jpg";
	ecards_off = new Image();
	ecards_off.src="skin/toe/nav/nav_ecards_off.jpg";
	ecards_on = new Image();
	ecards_on.src="skin/toe/nav/nav_ecards_on.jpg";
	
		
//  Secondary level nav menu function.  
//  this stuff hides/shows the various layers.

var menuTimer;
var menuTimeout;
var currentMenu;
var fieldTimeout;

// Show the dropdowns

function menuOn(menuName) {
	// this next few lines is an IE hack so the form fields don't bleed through the 
	// DHTML menus.  Yeah... I know... it's not pretty, but neither is Bill Gates.
	if((isIE6) && (document.getElementById('month') != null)) {
		if (fieldTimeout) { 
			clearTimeout(fieldTimeout); 
		}
		document.getElementById('month').style.visibility = "hidden";
	}
	var theMenu;

	if (menuTimeout) { clearTimeout(menuTimeout); }	// clear the timeout

	if (currentMenu) {			// hide the current menu
		theMenu = document.getElementById(currentMenu);
		theMenu.style.visibility = "hidden";
	}
	currentMenu = menuName;
	theMenu = document.getElementById(currentMenu);
	theMenu.style.visibility = "visible";				// display menuName
}

// Hides the dropdown menus

function menuOff(menuName) {
	// this next few lines is an IE hack so the form fields don't bleed through the 
	// DHTML menus.  Yeah... I know... it's not pretty, but neither is Bill Gates.
	if((isIE6) && (document.getElementById('month') != null)) {
		if (fieldTimeout) {
			clearTimeout(fieldTimeout);
		}
		fieldTimeout = setTimeout('document.getElementById("month").style.visibility = "visible";', 300);
	}
	if (menuTimeout) clearTimeout(menuTimeout)	// clear the current timeout
	menuTimeout = setTimeout('document.getElementById("' + menuName + '").style.visibility = "hidden"', 300);		// set the new timeout
}

// End the secondary level nav functions.


// Basic image rollover function
function rollImage(imgObj, imgTarget) {
	document.getElementById(imgTarget).src = eval(imgObj + ".src");
}