$.extend({
	slcSizeGroup: function(f) {
		$("#Sku").val(f);
		// reset color options
		$("#slcSize").empty();
		$("#slcSize").append($('<option></option>').val("").html("Select Size"));
		$("#slcSize").attr("disabled","disabled")
		$.popProductDetails(f)
	},
	
	popProductDetails: function(sku) {
		if (sku != "") {
			// alert(sku)
			$frmData = $("#frmProdQuickView").serialize();
			var retXML, status
			//window.location.href="/ajaxed/product.details.asp?" + $frmData
			var jqxhr = $.post("/ajaxed/product.details.asp", $frmData, function(xml) {
				retXML = xml
			})
			.success(function() { status = "success"; })
			.error(function() { status = "error"; })
			.complete(function() { // status = "complete";
			});
			jqxhr.complete(function(){ 
				if (status == "success")
				{
					// item description
					$pLongDesc = $(retXML).find('longdesc').text();
					if (jQuery.trim($pLongDesc) == "") {
						$pLongDesc = "<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>"
					}
					$("#pLongDesc").empty().html($pLongDesc);
					
					$("#l1type").val($(retXML).find('l1type').text());
					$("#l2type").val($(retXML).find('l2type').text());
					$("#l3type").val($(retXML).find('l3type').text());
					
					$("#pQTitle").html($(retXML).find('itemtitle').text())
					$("#pQItem").html("Item #&nbsp;&nbsp;" + sku);
					// $("#pQPrice").html($(retXML).find('itemprice').text())

					// color option
					$("#slcColor").empty();
					$("#slcColor").append($('<option></option>').val("").html("Select Color"));
					
					$(retXML).find('color').each(function(){
						$id = $(this).attr('id');
						$desc = $(this).attr('cdesc');
						$("#slcColor").append($('<option></option>').val($id).html($desc));
					});
					$("#slcColor").removeAttr("disabled");
				} 
			});
		
		}
	},
	
	populateQuickView: function() {
		$("#slcSize").empty();
		$("#slcSize").append($('<option></option>').val("").html("Select Color"));
		$("#slcColor").empty();
		$("#slcColor").append($('<option></option>').val("").html("Select Color"));
					
		$pImg = $("#tempImg").text();
		$pSku = $("#tempSku").text();
		$pDesc = $("#tempDesc").text();
		$pPrice = $("#tempPrice").text();
		
		$("#pnlProdQuickViewImg").html("<img src='" + $pImg + "' title='' alt='' width='232'>");
		$("#pQTitle").html($pDesc);
		$("#pQItem").html("Item #&nbsp;&nbsp;" + $pSku);
		$("#pQPrice").html($pPrice );
		$("#SourceSku").val($pSku );
		$("#Sku").val($pSku );
	
		// reset size groups
		$("#pnlSizeGroups").html("");
	
		// reset color options
		$("#slcColor").empty();
		$("#slcColor").append($('<option></option>').val("").html("Select Color"));
		$("#slcColor").attr("disabled","disabled")
	
		// reset color options
		$("#slcSize").empty();
		$("#slcSize").append($('<option></option>').val("").html("Select Size"));
		$("#slcSize").attr("disabled","disabled")
					
		$frmData = $("#frmProdQuickView").serialize();

		if ($("#Sku").val() != "") {
			// window.location.href= "/ajaxed/product.sizegroup.asp?" + $frmData 
			var retXML, status

			var jqxhr = $.post("/ajaxed/product.sizegroup.asp", $frmData, function(xml) {
				retXML = xml
			})
			.success(function() { status = "success"; })
			.error(function() { status = "error"; })
			.complete(function() { // status = "complete";
			});
			jqxhr.complete(function(){ 
				if (status == "success")
				{		
					$sizes = ""
					$sizeGroupChecked = ""
					$("#pnlSizeGroups").html("");
					$(retXML).find('size').each(function(){
						$id = $(this).attr('id');
						$desc = $(this).text();

						$sizeGroupChecked = ""
						if ($("#Sku").val() == $id) {
							$sizeGroupChecked = "checked"
						}
						
						$sizes = $sizes + "<div style='h_eight:15px; float:left; w_idth:70px; border:none'>"
						$sizes = $sizes + "<div style='float:left;'><input type=radio name='rdsku' id='rdsku' value='" + $id  + "' onclick='$.slcSizeGroup(this.value)' " + $sizeGroupChecked + "></div><div style='float:left; padding:3px 15px 0 0;'>" + $desc + "</div>"
						$sizes = $sizes + "</div>"
						
					});
					$("#pnlSizeGroups").html($sizes);
				} 
			});
			
			$.popProductDetails($("#SourceSku").val());
		}
		
	}
});

$(document).ready(function() {	
	$('.proImg').mouseover(function() {
		var productPanl = $(this).offset();
		var pTop, pLeft

		pLeft = productPanl.left + (232/2) - 60;
		pTop = productPanl.top + 250;
		$("#pnlBtnQuickView").css( { "left": (pLeft) + "px", "top": (pTop) +  "px" } );
		$("#pnlBtnQuickView").show();
		
		$("#tempImg").text($(this).attr("img"));
		$("#tempSku").text($(this).attr("pSku"));
		$("#tempDesc").text($(this).attr("pdesc"));
		$("#tempPrice").text($(this).attr("pPrice"));
	}).mouseout(function() {
		$("#pnlBtnQuickView").hide();
	});
	
	$('#pnlBtnQuickView').mouseover(function() {
		$("#pnlBtnQuickView").show();
	});
	
	$("#addtocart").click(function() {
		if ($('#slcColor').val() == "") {
			alert("Please select a color")
		} else {
			if ($("#slcSize").val() == "") {
				alert("Please select a size")
			} else
			{
				$('#gensku').val($('#Sku').val() + " " + $('#slcColor').val() + " " + $("#slcSize").val())
				$('#frmProdQuickView').submit()
			}
		}
	});
	
	$('#btnQuickview').click(function() {
		$.populateQuickView();
	
		var divWidth = 600;
		var divHeight = 500;
		
		
		var pTop, pLeft
		pLeft = $(window).scrollLeft() + (($(window).width() - divWidth)/2);
		pTop = $(window).scrollTop() + (($(window).height() - divHeight)/2);
		
		$.loadVeil();
		$("#pnlProdQuickView").css( { "left": (pLeft) + "px", "top": (pTop) +  "px" } );
		$("#pnlProdQuickView").show();
	});
	
	$('#pnlProdQuickViewClose').click(function(e) {
		$("#pnlProdQuickView").hide();
		$.hideVeil();
		e.preventDefault()
	});
	
	$('#slcColor').change(function(e) {
		$selectColor = $(this).val()
		if ($selectColor  == "") {
			$("#slcSize").attr("disabled","disabled")
		} else {
			$("#slcSize").removeAttr("disabled");
			$frmData = $("#frmProdQuickView").serialize();
			if ($frmData != "") {
				var retXML, status

				var jqxhr = $.post("/ajaxed/product.sizebycolor.asp", $frmData, function(xml) {
					retXML = xml
				})
				.success(function() { status = "success"; })
				.error(function() { status = "error"; })
				.complete(function() { // status = "complete";
				});
				jqxhr.complete(function(){ 
					if (status == "success")
					{
						if ($(retXML).find('Status').text() == "1")
						{

							$("#slcSize").empty();
							$("#slcSize").append($('<option></option>').val("").html("Select Size"));
							$(retXML).find('size').each(function(){
								$szeCode = $(this).attr('id');
								$szeName = $(this).attr('name');
								$("#slcSize").append($('<option></option>').val($szeCode).html($szeName));
							});						
						}
					} 
				});
			
			}
		}
	});
});