// Preload mustard navigation menu images (feel free to make a sprite and ditch this)
(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preload_images = 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);

$(function() {
	
	function set_image(target, image_id, state) {
		target.attr("src", "http://www.colmans.co.nz/images/productmenu/" + image_id + "_" + state + ".gif");
	}
	
	function restore_images() {
		set_image($("footer .products #wholegrain"), "wholegrain", "s");
		set_image($("footer .products #dijon"), "dijon", "s");
		set_image($("footer .products #original"), "original", "s");
		set_image($("footer .products #powder"), "powder", "s");
		set_image($("footer .products #mintjelly"), "mintjelly", "s");
	}
	
	$.preload_images("http://www.colmans.co.nz/images/productmenu/wholegrain_d.gif","http://www.colmans.co.nz/images/productmenu/dijon_d.gif","http://www.colmans.co.nz/images/productmenu/original_d.gif","http://www.colmans.co.nz/images/productmenu/powder_d.gif","http://www.colmans.co.nz/images/productmenu/mintjelly_d.gif","http://www.colmans.co.nz/images/productmenu/wholegrain_l.gif","http://www.colmans.co.nz/images/productmenu/dijon_l.gif","http://www.colmans.co.nz/images/productmenu/original_l.gif","http://www.colmans.co.nz/images/productmenu/powder_l.gif","http://www.colmans.co.nz/images/productmenu/mintjelly_l.gif","http://www.colmans.co.nz/images/page-curl.gif");
	
	// Drop-down menu
	$("nav ul").find("li").each(function() {
		$(this).hover(function() {
			$(this).children('ul').eq(0).stop(true, true).slideDown(400);
		}, function() {
			$(this).children('ul').eq(0).stop(true, true).delay(600).fadeOut(200);
		});
	});
	
	// Mustard navigation menu
	$("footer .products #wholegrain").hover(function() {
		// Make wholegrain bigger
		set_image($(this), "wholegrain", "l");
		// Make other images darker
		set_image($("footer .products #dijon"), "dijon", "d");
		set_image($("footer .products #original"), "original", "d");
		set_image($("footer .products #powder"), "powder", "d");
		set_image($("footer .products #mintjelly"), "mintjelly", "d");
	}, function() {
		restore_images();
	});
	
	$("footer .products #dijon").hover(function() {
		set_image($(this), "dijon", "l");
		// Make other images darker
		set_image($("footer .products #wholegrain"), "wholegrain", "d");
		set_image($("footer .products #original"), "original", "d");
		set_image($("footer .products #powder"), "powder", "d");
		set_image($("footer .products #mintjelly"), "mintjelly", "d");
	}, function() {
		restore_images();
	});
	
	$("footer .products #original").hover(function() {
		set_image($(this), "original", "l");
		// Make other images darker
		set_image($("footer .products #wholegrain"), "wholegrain", "d");
		set_image($("footer .products #dijon"), "dijon", "d");
		set_image($("footer .products #powder"), "powder", "d");
		set_image($("footer .products #mintjelly"), "mintjelly", "d");
	}, function() {
		restore_images();
	});
	
	$("footer .products #powder").hover(function() {
		set_image($(this), "powder", "l");
		// Make other images darker
		set_image($("footer .products #wholegrain"), "wholegrain", "d");
		set_image($("footer .products #dijon"), "dijon", "d");
		set_image($("footer .products #original"), "original", "d");
		set_image($("footer .products #mintjelly"), "mintjelly", "d");
	}, function() {
		restore_images();
	});
	
	$("footer .products #mintjelly").hover(function() {
		set_image($(this), "mintjelly", "l");
		// Make other images darker
		set_image($("footer .products #wholegrain"), "wholegrain", "d");
		set_image($("footer .products #dijon"), "dijon", "d");
		set_image($("footer .products #original"), "original", "d");
		set_image($("footer .products #powder"), "powder", "d");
	}, function() {
		restore_images();
	});

	// Recipe tab animations
	$('.tabs ul li.intro-tab a.anim').hover(function(){
		$(this).animate({marginLeft:'12px'},{queue:false,duration:200});
	}, function(){
		$(this).animate({marginLeft:'24px'},{queue:false,duration:250});
	});

	$('.tabs ul li.the-chefs-apprentice-tab a.anim').hover(function(){
		$(this).animate({marginLeft:'12px'},{queue:false,duration:200});
	}, function(){
		$(this).animate({marginLeft:'24px'},{queue:false,duration:250});
	});

	$('.tabs ul li.hot-times-tab a.anim').hover(function(){
		$(this).animate({marginLeft:'12px'},{queue:false,duration:200});
	}, function(){
		$(this).animate({marginLeft:'24px'},{queue:false,duration:250});
	});

	$('.tabs ul li.bbq-tab a.anim').hover(function(){
		$(this).animate({marginLeft:'12px'},{queue:false,duration:200});
	}, function(){
		$(this).animate({marginLeft:'24px'},{queue:false,duration:250});
	});

});