$(function() {
	RodolphWebSpecialPricing.init();
});

var RodolphWebSpecialPricing = {};

RodolphWebSpecialPricing.init = function() {
	var $dialogSpecialPricing = $('<div id="dialogSpecialPricing" title="Special Pricing" style="display:none;"></div>')
	$('body').append($dialogSpecialPricing);

	$dialogSpecialPricing.dialog(
		{
			buttons: { "Close":
				function() {
					$(this).dialog("close");
				}
			},
			modal: true,
			height: 350,
			resizable: true,
			//show: 'slide',
			width: 550,
			zIndex: 10000,
			autoOpen: false
		});
};

RodolphWebSpecialPricing.displaySpacialPricing = function (itemId) {
	var $dialogSpecialPricing = $('#dialogSpecialPricing');
	$dialogSpecialPricing.empty();
	var $divData = $('<div style="text-align:left;"></div>').appendTo($dialogSpecialPricing);
	var $title = $dialogSpecialPricing.parent().find('.ui-dialog-title');
	$title.html('Special Pricing');
	var callback = function (response) {
		$title.html(
			'Special Pricing ' + response.PatternName + ' ' + response.ItemIdDisplay + ' - ' + response.ColorName);

		var $divPrice = $('<div style="width: 520px; float:left;"></div>').appendTo($divData);
		var $divMSRP = $('<div></div>').appendTo($divPrice);
		if (response.ListPrice !== null) {
			$('<div style="width:80px; float:left;">MSRP:</div>' +
				'<div style="width:60px; float:left;text-align:right;margin-right:10px;">' + response.ListPrice + '</div>').appendTo($divMSRP);
		}
		if (response.CutPrice !== null) {
			$('<div> <div style="width:80px; float:left;">Cut Price:</div>' +
				'<div style="width:60px; float:left;text-align:right;margin-right:10px;">' + response.CutPrice + '</div>' +
				'<div style="width:360px; float:left; font-size:11px;">Cut requests must leave no less than 3 yards on a piece/bolt </div>' +
				'<br class="clear" /></div>').appendTo($divPrice);
		}
		if (response.PicePrice !== null) {
			$('<div><div style="width:80px; float:left;">Lot Price:</div>' +
				'<div style="width:60px; float:left;text-align:right;margin-right:10px;">' + response.PicePrice + '</div>' +
				'<div style="width:360px; float:left; font-size:11px;">This price requires one to take all fabric in a specific lot.</div>' +
				'<br class="clear" /></div>').appendTo($divPrice);
		}

		var $divMl = $('<div style="width: 360px; float:left;font-size:11px;"></div>').appendTo($divMSRP);
		var ml = response.ML;
		if (ml === "M") {
			$('<div >This fabric can be reordered for a Minimum of ' + response.MinYards + ' yards*</div>').appendTo($divMl);
		}
		else if (ml === "L") {
			$('<div >This fabric is limited to Current Stock on Hand</div>').appendTo($divMl);
		}

		$('<br class="clear" />').appendTo($divMSRP);

		$('<br style="clear: both;"  /><br />').appendTo($divData);

		$('<div>Yards available per dye lot:</div>').appendTo($divData);
		var $divLotsTable = $('<table></table>').appendTo($divData);

		var $divLotsHead = $('<tr></tr>');
		$divLotsHead.appendTo($('<thead></thead>')).appendTo($divLotsTable);

		var $divLotsBody = $('<tr></tr>');
		$divLotsBody.appendTo($('<tbody></tbody>')).appendTo($divLotsTable);

		var $divLotsFoot = $('<tr></tr>');
		$divLotsFoot.appendTo($('<tfoot></tfoot>')).appendTo($divLotsTable);

		//$('<thead><tr><th style="width:60px;">Lot</th><th>Available</th></tr></thead>').appendTo($divLotsTable);



		$.each(response.Lots, function (i, val) {
			$('<th style="width:60px;text-align:right;">Lot ' + val.LotCode + '&nbsp;</th>').appendTo($divLotsHead);
			$('<td style="text-align:right; border-top: solid #000 1px;">' + val.YardsAvail + '</td>').appendTo($divLotsFoot);
			var $yards = $('<tbody></tbody>');
			$divLotsBody.append($('<td valign="top"></td>').append($('<table width="100%" ></table>').append($yards)));
			$.each(val.Yards, function (i, yardage) {
				$('<tr><td style="text-align:right">' + yardage + '</td></tr>').appendTo($yards);
			});

		});


		$('<div style="position:absolute; height: 36px; bottom:15px; font-size:9px; width: 450px;">' +
			'Due to Special Pricing, we only reserve these fabrics with a deposit.  All Sales are Final.' +
			'This fabric sample is no longer available through our Representative, and will be sent from RODOLPH, taking 3-6 days.' +
			' For expedited sample requests, or details pertaining to asterisked * notations, please send your inquiry to info@rodolph.com.' +
			'</div>').appendTo($divData);
		$dialogSpecialPricing.dialog('open');
	};

	$.get(appPath + "/Fabrics/GetSpecialPricing", { "itemId": itemId }, callback, "json");
};