/*
	dropdown.js
	Simple jQuery dropdown menu that should work in IE6+, FF3+
	
	Code borrowed and then modified from:
	http://javascript-array.com/scripts/jquery_simple_drop_down_menu/
*/
(function($) {
	var timeout    = 500;
	var closetimer = 0;
	var ddmenuitem = 0;
	function jsddm_open() {
		jsddm_canceltimer();
		jsddm_close();
		var $this = $(this)
		// added logic since ie6 can't render 2 classes using css.
		if($this.hasClass('home')) {
			$this.removeClass('home');
			$this.addClass('home-hover');
		}
		else {
			$this.addClass('hover');
		}
	}
	function jsddm_close() {
		// added logic since ie6 can't render 2 classes using css.
		$('#header .menu-links li.hover').removeClass('hover');
		var home = $('#header .menu-links li.home-hover').removeClass('home-hover');
		home.addClass('home');
	}
	function jsddm_timer() {
		closetimer = window.setTimeout(jsddm_close, timeout);
	}
	function jsddm_canceltimer() {
		if (closetimer) {
			window.clearTimeout(closetimer);
			closetimer = null;
		}
	}
	$(document).ready(function() {
		$('#header .menu-links > li').bind('mouseover', jsddm_open);
		$('#header .menu-links > li').bind('mouseout',  jsddm_timer);
	});
	document.onclick = jsddm_close;
})(jQuery);

(function($){
	$(document).ready(function(){
		$('#header .catalog-links li').hover(
			function() {$(this).addClass('hover');},
			function() {$(this).removeClass('hover');}
		);
	});	
})(jQuery);