
function PNGswap(myID){
	//alert("Swap");
   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)
}

function PNG_on(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)
}

function PNG_off(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(strOff,strOver)
}

function imgSwap(oImg){

	var imgName = oImg.src.toUpperCase();
	if ((imgName.substring(imgName.length-3, imgName.length) == "PNG") && (BrowserDetect.browser == "Explorer")){PNGswap(oImg); return;}

	var strOver  = "_on"    // image to be used with mouse over
	var strOff = "_off"     // normal image
	var strImg = oImg.src;
	//var strImgParent = oImg.parentNode.href;
   
	if (strImg.indexOf(strOver) != -1) 
		oImg.src = strImg.replace(strOver,strOff)
	else
		oImg.src = strImg.replace(strOff,strOver)
}

