function imageFader(){
		

	/* check the browser is capable of recognising the DOM objects
	   we need to implement the script - otherwise return false and allow the normal link to be executed */
	   
	if(!document.getElementsByTagName) return false;

	
	
	/* get the reference to the matrix object and then create an array 
	   of all the <li> tags found in the array. To each tag assign a function to
	   the onmouseover and onmouseout events - which calls the fadeImage and restoreImage functions. */
	
	var fadeLinks = document.getElementsByTagName("img");

	for(i = 0; i < fadeLinks.length; i++) {
		
		//
			
			if(fadeLinks[i].className == "fadeMe") {
		
				fadeLinks[i].onmouseover = function() {
			
					return fadeImage(this)		
					
				}
			
			
				fadeLinks[i].onmouseout = function() {
			
					return restoreImage(this)		
					
				}
				
			}
			
		
			
		}
}


function fadeImage(thisImage)	{


			thisImage.style.opacity = ".6";
			thisImage.style.filter = "alpha(opacity = 60)";

					
}


function restoreImage(thisImage)	{


			thisImage.style.opacity = "1";
			thisImage.style.filter = "alpha(opacity = 100)";			

}