//THIS FILE IS TAKEN FROM http://www.cafepress.com/content/shop/productDetails.js and modified accordingly (/cp replaced with http://www.cafepress.com/cp). 
//Please see the author rights before any usage of this file.

var pdpOtherProductsImageToUrlMapping = new Array();
var pdpStockAvailabilityMap = {};
var pdpSizeOptionsMap = {};

function addOtherProductImage(product, url, caption)
{
	pdpOtherProductsImageToUrlMapping.push(new Array(product, url, caption));
}

function addSizeOptions(id, fullname, isdefault, pricediff)
{
	var sizeMap = pdpSizeOptionsMap;
	if (! pdpSizeOptionsMap[id]) pdpSizeOptionsMap[id] = {};

	var sizeObj = {
		name: fullname,
		isdefault: isdefault,
		pricedifference: pricediff
	};
	pdpSizeOptionsMap[id] = sizeObj;
}

function addToStockAvailabilityMap(product, color, size, message, allowAddToCart) {
	var productToColorMap = pdpStockAvailabilityMap;
	
	if (! productToColorMap[product]) productToColorMap[product] = {};
	var colorToSizeMap = productToColorMap[product];
	
	if (! colorToSizeMap[color]) colorToSizeMap[color] = {};
	var sizeToMessageAndCartFlagMap = colorToSizeMap[color];
	
	var stockAvailabilityObj = {
		message: message,
		allowAddToCart: allowAddToCart
	};
	
	sizeToMessageAndCartFlagMap[size] = stockAvailabilityObj;
}

function getStockAvailabilityMessage(product, color, size)
{
	if (! color) color = getFirstKeyFromMap(pdpStockAvailabilityMap[product]);
	if (!color || !pdpStockAvailabilityMap[product]) return null;
	if (! pdpStockAvailabilityMap[product][color]) return null;
	if (! size) size = getFirstKeyFromMap(pdpStockAvailabilityMap[product][color]);
	
	return (pdpStockAvailabilityMap[product][color][size]) 
			? pdpStockAvailabilityMap[product][color][size].message
			: null;
}

function allowAddToCart(product, color, size)
{
	if (! color) color = getFirstKeyFromMap(pdpStockAvailabilityMap[product]);
	if (!color || !pdpStockAvailabilityMap[product]) return null;
	if (! pdpStockAvailabilityMap[product][color]) return null;
	if (! size) size = getFirstKeyFromMap(pdpStockAvailabilityMap[product][color]);
	
	return (pdpStockAvailabilityMap[product][color][size]) 
			? pdpStockAvailabilityMap[product][color][size].allowAddToCart
			: null;
}

function initializeSizeOptions(){
	var productId = $('#productId').html();
	var color = $("#colorField").attr("value");
	$("#size_"+productId).empty();
	$("#size_"+productId).hide();
	for (var sizeId in pdpSizeOptionsMap){
		var showAddToCartButton = allowAddToCart(productId, color, sizeId);
		if (showAddToCartButton == null || showAddToCartButton != 'false'){
			var selectedAttr = (pdpSizeOptionsMap[sizeId].isdefault=='true') ? "selected='selected'" : "";
			$("#size_"+productId).append("<option value='" + sizeId + "' " + selectedAttr + " >" + pdpSizeOptionsMap[sizeId].name + "</option>");
		}
	}
	if ($(".sizeDropDown option:selected").length == 0)
		$("#size_"+productId+" option:first").attr("selected","selected");
	
	if ($("#size_"+productId).children().length > 0)
		$("#size_"+productId).show();
}

function showAvailabilityMessage(){
	var productId = $('#productId').html();
	var color = $("#colorField").attr("value");
	var sizeId = $(".sizeDropDown option:selected").attr("value");
	var message = getStockAvailabilityMessage(productId, color, sizeId);
	var showAddToCartButton;
	if (message) {
		showAddToCartButton = allowAddToCart(productId, color, sizeId);

		$("#productAvailabilityMessage").hide();	
		$("#stockAvailabilityOverrideMessage").text(message);	
		$("#stockAvailabilityOverrideMessage").show();	
	} else {
		$("#stockAvailabilityOverrideMessage").hide();
		$("#productAvailabilityMessage").show();
		showAddToCartButton = $("#productAvailabilityMessage").attr("class").split('-')[1];
	}
	if (showAddToCartButton == 'false'){
		$(".addtocartbutton").hide();
		$("#stockAvailabilityText").addClass("color-red");
	}else {
		$(".addtocartbutton").show();
		$("#stockAvailabilityText").removeClass("color-red");
	}
}

(function($) {
	var HelpWindow;
	
	$(document).ready(function()
	{		
		$('.storeProductDetail').each(function () {
			initializePDP();
		});
	});
	
	function initializePDP()
	{
		$('.coloroption').click(function ()
		{
			// update hidden color fields
			var idArr = ($(this).attr('id')).split('_');
			$('#colorField').attr('value', idArr[1]);
			
			// clear the previously selected color
			$('.coloroptionselected').removeClass('coloroptionselected');

			$(this).children('img').addClass('coloroptionselected');
			
			initializeSizeOptions();
			
			showAvailabilityMessage();
		});
		
		$('.coloroption').mouseover(function ()
		{
			// put border on selected image
			$(this).children('img').addClass('coloroptionmouseover');

			// update selected color text
			var name = $(this).children('img').attr('alt');	
			$('#defaultColor').html('('+name+')');

			var colorId = $(this).attr('id').split('_')[1];
			
			// update product image
			updateProductImage(colorId);
			
			// update thumbnails
			updateProductThumbnails(colorId);
			
		});
		
		$('.coloroption').mouseout(function ()
		{
			//$(this).removeClass('coloroptionmouseover');
			$(this).children('img').removeClass('coloroptionmouseover');			
			
			// return to default color
			var colorId = $('#colorField').attr('value');
			var name = $('#color_'+colorId).children('img').attr('alt');			
			$('#defaultColor').html('('+name+')');
			
			updateProductImage(colorId);

			// update thumbnails
			updateProductThumbnails(colorId);
		});
		
		$('.perspectiveThumbnail').click(function ()
		{
			var perspectiveName = $(this).children('img').attr('alt');	
			// update perspectiveName
			$('#perspectiveName').html(perspectiveName);
			// update product image
			var colorId = $('#colorField').attr('value');
			updateProductImage(colorId);
		});
		
		$('.perspectiveThumbnailText').click(function() {
			var perspectiveName = $(this).children('label').html();
			$('#perspectiveName').html(perspectiveName);
			updateProductImage();
		});

		$('#additionalThumbnail').click(function ()
		{
			var url = $(this).children('img').attr('src');
			$('#productImage').attr('src', url);
		});
		
		$('#viewLargerLink').click(function ()
		{
			var productId = $('#productId').html();
			doViewLarger('http://www.cafepress.com/cp/moredetails.aspx?showBleed=false&ProductNo='+productId, 'height=610, width=650, scrollbars=1');
		});	

		$('#sizeChartLink').click(function ()
		{
			doViewLarger('http://www.cafepress.com/cp/moredetails.aspx?showBleed=false&ProductNo='+$('#productId').html()+'&tab=3', 'height=610, width=650, scrollbars=1');
		});
		
		$('.fitTitle').children('a').attr('href', '#');
		$('.fitTitle').children('a').click(function () {
			launchHelpInShop('http://www.cafepress.com/cp/info/help/help_fit.aspx','height=600,width=600,scrollbars=1');
		});
		
		$('#pdp_carousel > li').remove(); // remove the empty li or else jcarousel won't load any products. The empty li is for html validation.
		
		$('#pdp_carousel').jcarousel({
			size: pdpOtherProductsImageToUrlMapping.length,
			itemLoadCallback: {
				onBeforeAnimation: pdp_carousel_itemLoadCallback
			}
		});
		
		if (pdpOtherProductsImageToUrlMapping.length <= 0)	// hide the carousel if the store doesn't have any additional products
		{
			$('#productCarouselDiv').hide();
			$('.carouselcontainer').hide();
		}
		else
		{
			$('#productCarouselDiv').show();
			$('.carouselcontainer').show();
		}

		$('.sizeDropDown').bind("change", function(){
			updateSellPriceBasedOnSize();
			showAvailabilityMessage();
		});
		
		updateSellPriceBasedOnSize();
		initializeSizeOptions();
		showAvailabilityMessage();
		
		$('.audioTrack').click(function () {
			var url = $(this).attr("href");
			var iJukebox = document.location.href.indexOf("jukebox");
			if (iJukebox > 0)
				url = url + "&jukebox=yes";
			launchHelpInShop(url,'height=250,width=300,scrollbars=0');
			return false;
		});
		
		$('.qty').click(function () {
			var url = $(this).attr("href");
			var iJukebox = document.location.href.indexOf("jukebox");
			if (iJukebox > 0)
				url = url + "&jukebox=yes";
			launchHelpInShop(url,'height=250,width=300,scrollbars=0');
			return false;
		});
		
		$('input#qtyId').keyup(function () {
			removeNonNumbers($('input#qtyId')[0]);
			return validateQty($('input#qtyId')[0]);
		});
	};

	function updateSellPriceBasedOnSize(){
		var sizeId = $(".sizeDropDown option[selected]").attr("value");
		if (sizeId){
			var priceDiff = parseFloat(pdpSizeOptionsMap[sizeId].pricedifference);
			var sellPrice = (priceDiff > 0) ? parseFloat($("#sellPrice").attr("value")) : parseFloat($("#sellPrice").attr("value"));
			var markedDownPrice = ($("#markdown")) ? parseFloat($("#markdown").attr("value")) : 0;
			var currencySign = $("#currencySign").text();

			$("#markedDownPrice").html(currencySign + roundNumber(markedDownPrice+priceDiff, 2).toFixed(2));		
			$("#origSellPrice").html(currencySign + roundNumber(sellPrice+priceDiff, 2).toFixed(2));
		}
	}

	function updateProductImage(colorId)
	{
		var perspectiveName = $('#perspectiveName').html();
		$('#productImage').attr('src', getProductImageUrl($('#productId').html(), perspectiveName, 350, colorId));
	}

	function updateProductThumbnails(colorId)
	{
		$('.perspectiveThumbnail').each(function ()
		{
			var perspectiveName = $(this).children('img').attr('alt');
			$(this).children('img').attr('src', getProductImageUrl($('#productId').html(), perspectiveName, 48, colorId));
		});
		//also update the additonal views if present
		var additionalImg = $('#additionalThumbnail > img');
		if (additionalImg){
			var additionalImgSrc = additionalImg.attr('src');
			var pattern = "_c\\d{1,}_1";
			var re = new RegExp(pattern, "g");
			var newImgSrc = additionalImgSrc.replace(re, "_c" + colorId + "_1");
			additionalImg.attr('src', newImgSrc);
		}		
	}
	
	function doViewLarger(theUrl, newFeatures)
	{
		var colorId = $('#colorField').attr('value');
		if (colorId && colorId != 0)
			theUrl = theUrl + '&colorNo=' + colorId;
		var perspectiveName = $('#perspectiveName').html();
		theUrl += (perspectiveName.toLowerCase() == 'back') ? '&pr=B' : '&pr=F';
		launchHelpInShop(theUrl, newFeatures);
	}	

	function pdp_carousel_itemLoadCallback(carousel, state)
	{
		var items = pdpOtherProductsImageToUrlMapping;
	    for (var i = carousel.first; i <= carousel.last; i++) {
	        if (carousel.has(i)) {
	            continue;
	        }
	
	        if (i > items.length) {
	            break;
	        }
	
	        carousel.add(i, pdp_carousel_getItemHTML(items[i-1]));
	    }
	};

	function pdp_carousel_getItemHTML(item)
	{
	    return '<div class="carouselitem"><a href="' + getUrl(item[0]) + '"><img src="' + item[1] + '" alt="' + item[2] + '" /></a><br/><a href="' + getUrl(item[0]) + '">' + item[2] + '</a></div>';
	};
	
	function getUrl(productId)
	{
		var url = document.URL;
		var dotIndex = url.lastIndexOf('.');
		var url2 = url.substring(0, dotIndex+1);
		return url2 + productId;
	};
	
	function roundNumber(rnum, rlength) {
		return Math.round(rnum*Math.pow(10,rlength))/Math.pow(10,rlength);
	}
	
	function removeNonNumbers(mytextbox) {
		var myNumbers = "0123456789";
		var w = "";
		for (i=0; i < mytextbox.value.length; i++) {
			x = mytextbox.value.charAt(i);
			if (myNumbers.indexOf(x,0) != -1) {
				w += x;
			}
		}
		mytextbox.value = w;
	}

	function validateQty(qty){
		if (qty.value > 255)
		{
			alert("Quantity cannot exceed 255!");
			qty.value = 255;
			qty.focus();
			return false;
		}
		return true;		
	}
		
})(jQuery);