/*

	Script which mimics the hover css selector for the
	selection of maps.

*/
product = null;


function observeSearchResults() {
	
	$$('#content #search-results .product').each(function(e){
									Event.observe(e, 'mouseover', 
			function(event){
			
			triggeredElement = Event.element(event);
			
		
			if (triggeredElement.hasClassName('product') == false ) {
				
				triggeredElement = triggeredElement.up('div.product');
				triggeredElement = triggeredElement.down('div.product-select');
			}
			else {
				triggeredElement = triggeredElement.down('div.product-select');
			}
			
			if (product == null) {	
				product = triggeredElement;
				product.addClassName('hover');		   
			}
			else if (product != null && !triggeredElement.hasClassName('hover') ) {

				product.removeClassName('hover');
				product = triggeredElement;
				product.addClassName('hover');

			}
			
			});
	});

	$('products-listing').observe('mouseout', function() { $$('div.product-select').invoke('removeClassName', 'hover')  });

}