var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 and 6.
{
   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 
		     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
		     i = i-1
	      }
       }
   }
}

function preloadPNG(){
	if (document.images){
		pic03_on= new Image(294,254)
    	pic03_on.src="images/collage_03_on.png"
		pic06_on= new Image(75,36)
    	pic06_on.src="images/collage_06_on.png"
		
		pics03_on= new Image(34,31)
    	pics03_on.src="images/scroll_03_on.png"
		pics06_on= new Image(34,28)
    	pics06_on.src="images/scroll_06_on.png"
		
		pic09_on= new Image(198,194)
    	pic09_on.src="images/collage_09_on.png"
		pic17_new_01_on= new Image(147,146)
    	pic17_new_01_on.src="images/collage_17_new_01_on.png"
		pic17_new_02_on= new Image(147,106)
    	pic17_new_02_on.src="images/collage_17_new_02_on.png"
		pic21_on= new Image(98,158)
    	pic21_on.src="images/collage_21_on.png"
		pic24_on= new Image(139,158)
    	pic24_on.src="images/collage_24_on.png"
		pic28_on= new Image(99,130)
    	pic28_on.src="images/collage_28_on.png"
		pic31_on= new Image(129,102)
    	pic31_on.src="images/collage_31_on.png"
		
		/*pic03_on= new Image(294,254)
    	pic03_on.src="images/collage_03_on.png"
		pic03_on= new Image(294,254)
    	pic03_on.src="images/collage_03_on.png"
		
		/*pic03_on= new Image(294,254)
    	pic03_on.src="images/collage_03_on.png"
		pic03_on= new Image(294,254)
    	pic03_on.src="images/collage_03_on.png"
		pic03_on= new Image(294,254)
    	pic03_on.src="images/collage_03_on.png"
		pic03_on= new Image(294,254)
    	pic03_on.src="images/collage_03_on.png"*/
	}
}

if (window.addEventListener){
	window.addEventListener("load", preloadPNG, false)
	window.addEventListener("load", correctPNG, false)
}else if (window.attachEvent){
	window.attachEvent("onload", preloadPNG)
	window.attachEvent("onload", correctPNG)
}else if (document.getElementById){
	window.onload=preloadPNG
	window.onload=correctPNG
}