/**
 * TopNav
 * 
 * BluCommerce top navigation.
 *
 * @package		BluCommerce
 * @subpackage  FrontendClientside
 */
var TopNav = new Class({
	
	menu: null,
	
	initialize: function(menu) {
		this.menu = menu;
		
		/* Add hover events for IE6 */
		if (Browser.Engine.trident4) {
			this.menu.getElements('li.drops').each(function(el) {
				el.addEvent('mouseenter', this.ie6over.bindWithEvent(this, el));
				el.addEvent('mouseleave', this.ie6out.bindWithEvent(this, el));
			}, this);
		}
		
	},
	
	inputFocus: function(event, el) {
		el.addClass('open');
		el.getElement('div.nav-item a').addClass('on');
	},
	
	inputBlur: function(event, el) {
		el.removeClass('open');
		el.getElement('div.nav-item a').removeClass('on');
	},
	
	ie6over: function(event, el) {
		event.stop();
		
		el.getElement('div.nav-item a').addClass('hover');
		
		/* Show popup */
		popup = el.getElement('div.nav-popup');
		popup.setStyle('display', 'block');
		
		/* Create and show iframe shim */
		var shim = el.retrieve('shim');
		if (!shim) {
			shim = new IframeShim(popup);
			el.store('shim', shim);
		}
		shim.show();
	},
	
	ie6out: function(event, el) {
		event.stop();
		
		el.getElement('div.nav-item a').removeClass('hover');
		
		/* Hide popup and shim */
		el.getElement('div.nav-popup').setStyle('display', 'none');
		var shim = el.retrieve('shim');
		if (shim) {
			shim.hide();
		}
	}
	
});