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++) {
		

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

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


function fadeImage(thisImage)	{
	
	//alert(thisImage)

			thisImage.style.opacity = ".5";
			thisImage.style.filter = "alpha(opacity = 50)";
			//thisImage.style.backgroundColor.value = "#000000";		


					
}


function noFadeImage(thisImage)	{


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


}