// Correctly handle PNG transparency in Win IE 5.5 or higher.
// http://homepage.ntlworld.com/bobosola. Updated 31-May-2004

// *************************************************
// This extended version includes imagemap
// and input image functionality.
// It also requires a 1px transparent GIF
// *************************************************


var strGif = "transparentpixel.gif"
var strFilter = "progid:DXImageTransform.Microsoft.AlphaImageLoader"

function CorrectPNG() 
{
// if (navigator.userAgent.indexOf("Opera") > 0)  alert (" Opera أنا ");
// if (navigator.userAgent.indexOf("IE") > 0)  alert (" IE أنا ");
// !تمت إضافة الشرط التالي لتعطيل الشيفرة من العمل على متصفح أوبرا لكون الصور تختفي عند تفعيله

 if (navigator.userAgent.indexOf("Opera") < 0)  
 {
 
   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 == "right") imgStyle = "float:right;" + imgStyle
		 if (img.align == "left") imgStyle = "float:left;" + imgStyle
		 if (img.align == "absmiddle" || img.align == "middle" || img.align == "absbottom") imgStyle = "vertical-align:middle;" + imgStyle
		 if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
         if (img.useMap)
		 {		  
	      	 strAddMap = "<img align=" + img.align +" style=\"position:relative; left:-" + img.width + "px;" 
	         + "height:" + img.height + "px;width:" + img.width +"\" "
			 + "src=\"" + strGif + "\" usemap=\"" + img.useMap 
			 + "\" border=\"" + img.border + "\">"
		 }		
		 var strNewHTML = "<span " + imgID + imgClass + imgTitle
		 + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + "; vertical-align:" + img.align + ";"
	     + "filter:" + strFilter
		 + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
		 if (img.useMap) strNewHTML += strAddMap
		 img.outerHTML = strNewHTML
		 i = i-1
	  }
   }
   for(i=0; i < document.forms.length; i++)
   {
      findImgInputs(document.forms(i))
   }
   
 } //end if
}

function findImgInputs(oParent)
{
	var oChildren = oParent.children
    if (oChildren)
	{	
		for (var i=0; i < oChildren.length; i++ )
		{
		   var oChild = oChildren(i)
           if ((oChild.type == 'image') && (oChild.src))
		   {
		       var origSrc = oChild.src
		       oChild.src = strGif
		       oChild.style.filter = strFilter + "(src='" + origSrc + "')"
		   }
		   findImgInputs(oChild)	
	    }
	}
}
window.attachEvent("onload", CorrectPNG);