//Plugin for image preloading
//USE: $.preLoadImages("/image-path.gif");
(function($) {
	var cache = [];
	$.preLoadImages = function() {
		var args_len = arguments.length;
		for (var i = args_len; i--;) {
			var cacheImage = document.createElement('img');
			cacheImage.src = arguments[i];
			cache.push(cacheImage);
		}
	}
})(jQuery);

//Preload these images first
$.preLoadImages("/images/bg.jpg");
$.preLoadImages("/images/logo.png");
$.preLoadImages("/images/bg-tertiary-nav.png");
$.preLoadImages("/images/bg-tab.png");
$.preLoadImages("/images/btn-play.png");
$.preLoadImages("/images/bg-carousel.jpg");

//Adding hover class
(function($) {
	$.fn.addHoverClass = function(options) {
		var config = {
			theClass: "hover",
			showDown: false
		};
		var opts = $.extend({}, config, options);
		
		var hoverTargets = this;
		
		return this.each(function() {
			$(this).hover(function() {
				if(this.className != "on") {
					$(this).addClass(opts.theClass);
				}
			}, function() {
				$(this).removeClass(opts.theClass);
			});
			if(opts.showDown === true) {
				$(this).mousedown(function() {
					$(hoverTargets).removeClass("on");
					this.className = "on";
				});
			}
		});
	};
})(jQuery);



$(document).ready(function() {
	
	//Global - main navigation hover
	$("#header ul li").addHoverClass();
	$("#subnav li").addHoverClass({ showDown: true });
	
});