rollover = function (){
	var supported = /MSIE ((5\.5)|[6789])/.test(navigator.userAgent) &&
					navigator.platform == "Win32";
	var moo = $('character-chooser').getElementsByTagName('img');
	var mouseOvers = new Array();
	var mouseOuts = new Array();
	var names = new Array();

	for (var i=0; i < moo.length; i++) {
		active = (moo[i].parentNode.parentNode.className=="active");
		if(!active){
			moo[i].onmouseover = mouseGoesOver;
			moo[i].onmouseout = mouseGoesOut;
		}
		
		mouseOuts[i] = new Image();
		mouseOvers[i] = new Image();

		if(supported){
			var suffix = moo[i].rel.substring(moo[i].rel.lastIndexOf('.'));
			mouseOuts[i].src = moo[i].rel;
			mouseOvers[i].src = moo[i].rel.substring(0,moo[i].rel.lastIndexOf('.')) + "-over" + suffix;
		}
		else{
			var suffix = moo[i].src.substring(moo[i].src.lastIndexOf('.'));
			mouseOuts[i].src = moo[i].src;
			mouseOvers[i].src = moo[i].src.substring(0,moo[i].src.lastIndexOf('.')) + "-over" + suffix;
		}
		names[i] = moo[i].title;
		
		moo[i].number = i;
	}
	function mouseGoesOver()
	{
		if(supported){
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft." +
						"AlphaImageLoader(src='" + mouseOvers[this.number].src + "',sizingMethod='scale')";
		}
		else{
			this.src = mouseOvers[this.number].src;
		}
		$('charname').innerHTML = names[this.number];
	}
	function mouseGoesOut()
	{
		if(supported){
			this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft." +
						"AlphaImageLoader(src='" + mouseOuts[this.number].src + "',sizingMethod='scale')";
		}
		else{
			this.src = mouseOuts[this.number].src;
		}
		$('charname').innerHTML = '';
	}
};
pngFix = function(){
	var arVersion = navigator.appVersion.split("MSIE")
	var version = parseFloat(arVersion[1])

	if ((version >= 5.5) && (version < 7) && (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 blankSrc = "images/"+"blank.gif";
				var imgID = (img.id) ? "id='" + img.id + "' " : "";
		        var imgClass = (img.className) ? "class='" + img.className + "' " : "";
		        var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.title + "' ";
		        var imgAlt = (img.alt) ? "alt='" + img.alt + "' " : "alt='" + 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 = "<img " + imgID + imgClass + imgTitle + imgAlt
		        + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + "visibility:visible;" + imgStyle + ";"
		        + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
		        + "(src=\'" + img.src + "\', sizingMethod='scale');\" rel=\""+img.src+"\" src=\""+blankSrc+"\"/>";
		        img.outerHTML = strNewHTML;
	         	i = i-1;
			}
			img.style.visibility = "visible";
		}
	}
}
fixAlt = function(){
	var images = document.getElementsByTagName('img');
	for (var i=0; i < images.length; i++) {
		images[i].title = images[i].alt;
	};
};
Event.observe(window, 'load', fixAlt, false);
Event.observe(window, 'load', pngFix, false);