var smartHoverBox = function(boxTimer, xOffset, yOffset, smartBoxSuffix, smartBoxClose, closeBoxesTimer) {
	var smartBoxes = $(document.body).getElements('[id$=' + smartBoxSuffix + ']');
	var closeElem = $(document.body).getElements('.' + smartBoxClose);  
	var closeBoxes = function() { smartBoxes.setStyle('display', 'none'); };
	closeBoxes();
	        closeElem.addEvent('click', function(){ closeBoxes(); }).setStyle('cursor', 'pointer');
	        smartBoxes.each(function(item){	
		var currentBox = item.getProperty('id');
		currentBox = currentBox.replace('' + smartBoxSuffix + '', '');
       
$(currentBox).addEvent('mouseleave', function(){ closeBoxesTimer = closeBoxes.delay(boxTimer); });	 
		item.addEvent('mouseleave', function(){ closeBoxesTimer = closeBoxes.delay(boxTimer); });
       
$(currentBox).addEvent('mouseenter', function(){ closeBoxesTimer = $clear(closeBoxesTimer); });
		item.addEvent('mouseenter', function(){ closeBoxesTimer = $clear(closeBoxesTimer); });
		
                item.setStyle('margin', '0'); 
		$(currentBox).addEvent('mouseover', function(){					 
				smartBoxes.setStyle('display', 'none');
				item.setStyles({ display: 'block', position: 'absolute' }).setStyle('z-index','1000000');                 }).setStyle('cursor', 'pointer');	
	});
};