// JavaScript Document

$(function() {
	
	$.preLoadImages = function(imageList,callback) {
		var pic = [], i, total, loaded = 0;
		if (typeof imageList != 'undefined') {
			if ($.isArray(imageList)) {
				total = imageList.length; // used later
					for (i=0; i < total; i++) {
						pic[i] = new Image();
						pic[i].onload = function() {
							loaded++; // should never hit a race condition due to JS's non-threaded nature
							if (loaded == total) {
								if ($.isFunction(callback)) {
									callback();
								}
							}
						};
						pic[i].src = imageList[i];
					}
			}
			else {
				pic[0] = new Image();
				pic[0].onload = function() {
					if ($.isFunction(callback)) {
						callback();
					}
				}
				pic[0].src = imageList;
			}
		}
		pic = undefined;
	};
		
	// initialize scrollable together with the navigator plugin
	if  ( $("#browsable").length > 0 ) { $("#browsable").scrollable().navigator();	}

	$("#frontpageImages").cycle({
						fx: "fade",
						next: ".slideright",
						prev: ".slideleft"
	});
	
	$("#loginSlider").click(function() {
		$("#loginContainer").slideToggle();
	});
	
	
	var currentProduct = $(".slider .current");
	var featuredContainer = $(".featuredProduct .imageContainer");	
	
	var inputHidden = $(".slider li").eq(0).find('input[type="hidden"]');

	$.preLoadImages(inputHidden.val(), function() {
		featuredContainer.html("<img src='"+inputHidden.val()+"' alt='"+inputHidden.attr('alt')+"' />");	
		featuredContainer.children("img").css("opacity", 0).stop().animate( { "opacity" : 1 }, 500);
	});
	
    $(".featuredProduct .imageContainer img").css("opacity", 1);	
		
	$(".slider .image").click(function() {
		var inputHidden = $(this).parentsUntil('ul').find('input[type="hidden"]');
		currentProduct.removeClass("current");
		var featuredContainer = $(".featuredProduct .imageContainer");		
		featuredContainer.children("img").stop().animate( { "opacity" : 0 }, 500, function() {
			$(this).remove();
			$.preLoadImages(inputHidden.val(), function() {
				featuredContainer.html("<img src='"+inputHidden.val()+"' alt='"+inputHidden.attr('alt')+"' />");	
				featuredContainer.children("img").css("opacity", 0).stop().animate( { "opacity" : 1 }, 500);
			});
		});
		
		
		
		currentProduct = $(this).parentsUntil("ul").last().addClass("current");
		
		return false;
	});
	
	
	if ( $(".featuredProduct .featuredImageWrapper img").length > 1 ) {
	$("#mainArea .featuredProduct").each(function(){
			var tabLink = $(this).find(".tab a");
			var $nav = $('<div class="nav"><\/div>').prependTo(this);
			$(this).children(".featuredImageWrapper").cycle({
				fx: 'scrollHorz',
                speed: 300,
                timeout: 5000,
                pager: $nav,
				before: function(currSlideElement, nextSlideElement, options) {
					tabLink.attr("href", $(nextSlideElement).find("input[type='hidden']").val());
				}
			});
		});
	}
});

function searchBarActive()  {
	if ($("#headSearchInput").val() == "")
		$("#headerSearch").addClass("active");
}

function searchBarBlur() {
	if ($("#headSearchInput").val() == "")
		$("#headerSearch").removeClass("active");
}