var targetClass = ["link"];
var targetClassOver = ["linkHover"];

Hover = {
	 checkMouseover : function(event){

	   var obj;
	   if(window.event) 
		  obj = window.event.srcElement;
		  
	   else if( event != null )
	   		 obj = ( event.target );
	   		 
	   		if(obj.nodeName=="#text")
				obj = obj.parentNode;
		 
		  
		for (var i in targetClass)
		{
			  // The key statement. 
		   if (obj.className && targetClass[i] == obj.className) 
				Hover.hover(obj, i);

		}
	
	},
	
	checkMouseout : function(event) {
	   var obj;
	   if(window.event) 
		  obj = window.event.srcElement;
		  
	   else
		  obj = (event.target.className ? 
		  event.target : event.target.parentNode);
		  
		for (var i in targetClassOver)
		{
		   if (obj.className && (obj.className == targetClassOver[i])) 
			  Hover.hoverOff(obj,i );
		}
	},
	
	
	/**
	 * @param          el - the element that was captured by 
	 *                      checkMouseover or checkMouseout.
	 */
	hover : function(el, i) {
		  el.className= targetClassOver[i];
		  //alert(classOver);
	},
	hoverOff : function(el, i) {
		  el.className= targetClass[i];
	}
};


document.onmouseover= Hover.checkMouseover;
document.onmouseout= Hover.checkMouseout;