$(document).ready(function() {
	
	
	// preload images
	$( ".hover_nav li a img", ".preload_image" ).each(
		function( intIndex ){
			
			var current_path = $(this).attr('src');
			var image_name = $(this).attr('rel');
			var new_path = current_path.replace(image_name, "hover/" + image_name);
			jQuery.preLoadImages(image_name, new_path);
	
		}
	);
	
	// hover states for nav elements
	
	$( ".nav_hover" ).hover(
		function( ){
			do_nav_hover(this);
		},
		function( ){
			do_nav_hover(this);
		}
	);
	
	$( ".add_to_cart" ).click(
		function( ){
			$('.loader').fadeIn('fast');	
		}
	);
	
	
	
});

$(window).bind('load', function() {
	$('.loader').fadeOut('fast');	
});

function do_nav_hover(target) {
	var current_path = $(target).attr('src');
	var image_name = $(target).attr('rel');
	
	if ($(target).hasClass('nav_focus')) {
		var new_path = current_path.replace("hover/", "");
		$(target).attr('src', new_path);	
		$(target).removeClass('nav_focus');
		
	}
	else {
		var new_path = current_path.replace(image_name, "hover/" + image_name);
		$(target).attr('src', new_path);
		$(target).addClass('nav_focus');
		
	}
	
}

(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.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)