var prodLgImage_global;
var QuickViewModal_global;
var QuickViewCloseBtn_global;
var windowHeight_global;
var windowWidth_global;
var qViewMod_colorSelectDiv_global;
var qViewMod_sizeSelectDiv_global;
var QViewAddToCart_global;
var currentlyViewedItemQuantity;
$(document).ready(function(){
	var csCheckbox = $(".csCheckbox");
	
	var QuickView_Modal = $("#QuickView_Modal");
	var QuickView_closeBtn = $("#QuickView_closeBtn");
	var ProductContainer = $(".ProductContainer");
	var qViewMod_colorSelectDiv = $("#qViewMod_colorSelectDiv");
	var qViewMod_sizeSelectDiv = $("#qViewMod_sizeSelectDiv");
	var windowHeight = $(window).height();
	var windowWidth = $(window).width();
	var qViewM_VPos = (windowHeight / 2) - 250;
	var qViewM_HPos = (windowWidth / 2) - 250;
	var prodLgImage = $("#prodLgImage");
	var QView_addToCart = $("#QView_addToCart");
	
	prodLgImage_global = prodLgImage;
	QuickViewModal_global = QuickView_Modal;
	QuickViewCloseBtn_global = QuickView_closeBtn;
	windowHeight_global = windowHeight;
	windowWidth_global = windowWidth;
	qViewMod_colorSelectDiv_global = qViewMod_colorSelectDiv;
	qViewMod_sizeSelectDiv_global = qViewMod_sizeSelectDiv;
	QViewAddToCart_global = QView_addToCart;
	
	/*QuickView_Modal.animate({opacity:0.0});
	QuickView_Modal.css({left:qViewM_HPos});*/
	
	QuickView_closeBtn.click(function(){
		$("#qViewMod_Title").html('');
		$("#qViewMod_Price").html('');
		$("#QuickView_Modal #qViewMod_ContentCol #qViewMod_Description").html('');
		$("#qViewMod_colorSelectDiv").html('');
		$("#qViewMod_sizeSelectDiv").html('');
		prodLgImage_global.attr('src','/graphics/shim.gif');
		QuickView_Modal.animate({opacity:0.0}, 300, function(){QuickView_Modal.css({display:"none"});});
	});
	/*ProductContainer.click(function(){
		var qViewM_HPos2 = (windowWidth / 2) - 250;
		QuickViewModal_global.css({left:qViewM_HPos2});
		
		QuickView_Modal.css({display:"block"});
		QuickView_Modal.animate({opacity:1.0}, 300);
	});*/
	
	$('.csCheckbox').bind('click', checkBox);
});

function showQuickView_Modal(){
	var qViewM_HPos2 = (windowWidth_global / 2) - 250;
	/*QuickViewModal_global.css({left:qViewM_HPos2});*/
	
	QuickViewModal_global.css({display:"block"});
	QuickViewModal_global.animate({opacity:1.0}, 600);
}

function showQuickView(id, promotionId, ProductDivID){
	//ProductDivID should have '#' sign as part of the string
	if(ProductDivID){
		var ProductDivOffset = $(ProductDivID).offset();
		QuickViewModal_global.css({top:(ProductDivOffset.top - 15)});
	}
	//$('#ajaxLoader').show();
	$("#qViewMod_Title").html('');
	$("#qViewMod_Price").html('');
	$("#QuickView_Modal #qViewMod_ContentCol #qViewMod_Description").html('');
	$("#qViewMod_colorSelectDiv").html('');
	$("#qViewMod_sizeSelectDiv").html('');
	prodLgImage_global.attr('src','/graphics/shim.gif');
	
	showQuickView_Modal();
	
	var ws = new webStore();
	ws.setCallbackHandler(processQVResult);
	ws.setErrorHandler(myErrorHandler);
	ws.getProductDetail(id);
	return false;
}

var processQVResult = function(result){
	if (result.OPTIONSSTRUCT.Sizes){
		var sizeHTML;
		$.each(result.OPTIONSSTRUCT.Sizes.CHOICES, function(i, currentSize) {
			sizeHTML += '<option value="' + currentSize.VALUE + '">';
			sizeHTML += currentSize.TEXT + '</option>';
		});
		var sizeDivHTML;
		sizeDivHTML = '<select name="Color" class="SizeSelect" id="SizeSelect"><option value="0">Size</option>' + sizeHTML + '</select>';
	}
	
	if (result.OPTIONSSTRUCT.Color){
		var colorHTML = "";
		$.each(result.OPTIONSSTRUCT.Color.CHOICES, function(i, currentColor) {
			colorHTML += '<option value="' + currentColor.VALUE + '">' + currentColor.TEXT + '</option>';
		});
		
		var colorDivHTML = "";
		colorDivHTML += '<select name="Color" class="ColorSelect" id="ColorSelect"><option value="0">Color</option>' + colorHTML + '</select>';
		qViewMod_colorSelectDiv_global.html(colorDivHTML);
	}
	
	qViewMod_sizeSelectDiv_global.html(sizeDivHTML);
	
	var addToCartOnclick;
	
	QViewAddToCart_global.unbind('click');
	
	
	currentlyViewedItemQuantity = result.QUANTITYREMAINING;
	

	QViewAddToCart_global.click(function() {
		addItemToCart(result.PRODUCTID);					  
	});

	/*addToCartOnclick = 'function onclick(event){' + 'addItemToCart(' + result.PRODUCTID + ',$(#itemForm).formHash());' + ' alert("TEST NOT");}';
	QViewAddToCart_global.attr('onclick', addToCartOnclick);*/
	//alert(QViewAddToCart_global.attr('onclick'));
	
	if (result.TEXT1) {
		$('#QView_addToCart').hide();
		$('#itemForm').hide();
	} else {
		$('#QView_addToCart').show();
		$('#itemForm').show();
	}
	
	if (result.PRICE == 0 || result.PRICE == "") {
		$("#qViewMod_Price").hide();
	} else {
		$("#qViewMod_Price").show();
	}
	
	$("#qViewMod_Title").html(result.PRODUCTNAME);
	$("#qViewMod_Price").html("$" + result.PRICE);
	$("#qViewMod_Description").html(result.PRODUCTDESCRIPTION);
	if(result.IMAGEFILE.length > 0){
		prodLgImage_global.attr('src', result.IMAGEFILE);
	}
	else{
		prodLgImage_global.attr('src', '/graphics/shim.gif');
	}
}

function checkBox(e){
	var checkName = $(e.currentTarget).attr('name');
	var hiddenInputID = $(e.currentTarget).attr('hiddenInput');
	var hiddenInputObj = $(hiddenInputID);
	if($(e.currentTarget).attr('checked') == 'Off'){
		$(e.currentTarget).attr('src', '/graphics/Assets/csCheckbox_ON.gif');
		$(e.currentTarget).attr('checked', 'On');
		var imgId = $(e.currentTarget).attr('id');
		$('#check'+imgId+'').attr('checked', 'true');
		hiddenInputObj.attr({value: 1});
	}
	else if($(e.currentTarget).attr('checked') == 'On'){
		$(e.currentTarget).attr('src', '/graphics/Assets/csCheckbox.gif');
		$(e.currentTarget).attr('checked', 'Off');
		var imgId = $(e.currentTarget).attr('id');
		$('#check'+imgId+'').removeAttr('checked');
		hiddenInputObj.attr({value: 0});
	}
}