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("*")

	//alert(fadeLinks.length)
	for(i = 0; i < fadeLinks.length; i++) {
		
				//alert(fadeLinks[i].nodeName)

			if((fadeLinks[i].className == "fadeMe") ||(fadeLinks[i].className == "productStyleSelector")) {
						

				fadeLinks[i].onmouseover = function() {
			
					return fadeImage(this)		
					
				}
				
			
			
				fadeLinks[i].onmouseout = function() {
			
					return noFadeImage(this)		
					
				}
				
			}
				
		}
}


function fadeImage(thisImage)	{

			thisImage.style.opacity = ".5";
			thisImage.style.filter = "alpha(opacity = 50)";
			thisImage.style.backgroundColor.value = "#000000";		
			thisImage.style.cursor = "url('images/highslide/zoomin.cur'), pointer";

					
}


function noFadeImage(thisImage)	{


			thisImage.style.opacity = "1";
			thisImage.style.filter = "alpha(opacity = 100)";			
			thisImage.style.cursor = "url('images/highslide/zoomin.cur'), pointer";

}