/* 
 * Hide all divs tags contained within left_services_highlight_container and 
 * right_services_highlight_container? 
 */

window.onload = function() {
	var leftMax = 8;
	$R(1,leftMax).each(function(index) {
		var divName = "left" + index + "a";
		var divHltName = "left" + index + "b";
		
		/* Hide each highlight div */
		var divHltObj = $(divHltName);
		divHltObj.setStyle({visibility:  'hidden'});
		
		/* Attach onmouseover/out events to display/hide the appropriate highlight div */
		var divObj = $(divName);
		var onMouseOverHandler = function(evt) {
			$(divHltName).setStyle({visibility : 'visible'});
		};
		EventObject.attachEvent(divObj, 'mouseover', onMouseOverHandler);
		
		var onMouseOutHandler = function(evt) {
			$(divHltName).setStyle({visibility : 'hidden'});
		};
		EventObject.attachEvent(divObj, 'mouseout', onMouseOutHandler);
	});
}