﻿// JScript File
function buttonOver(elem){
	//var elem = document.getElementById(el);
	var realImage = "";             // Should be empty. veriable to keep original background.
	var ext      = ".gif";          // Define Extention .gif .png .jpg
	var over_ext = "_on" + ext;   // Define subfix of images. Such as: image1.gif, image1_over.gif, image1_down.gif
	var regEx = /\.\w+$|\.\w+\)$/;  // Remove extention of the image
	
	if(elem.src){         // if object has a src .
		realImage = elem.src.replace(regEx,"");       //Take original background and replace with over image.
		elem.src = realImage + over_ext;
	}
	elem.onmouseout = function(){ buttonOut(elem); }   // Define mouseout event.
	elem.onmouseup  = function(){ buttonUp(elem);}    // Define mouseup  event.
	var buttonOut = function(elem){      // on mouseOut revert back to original image.
		if(elem.src){
			elem.src = realImage + ext;
		}
	}
	var buttonUp = function(elem){      // on mouseUp revert back to mouseover image.
		if(elem.src){
			elem.src = realImage + over_ext;
		}
	}
}
