var orderTotalCost = null;
var global_msg_type = 0; 
/**
* <p>Shows a hidden element</p>
*
* @param eltID the element id
* @param inline isInline?
* @return
*/
function showEl(eltID, inline) {
if(typeof document.getElementById(eltID) == "undefined" || document.getElementById(eltID) == null)
throw "invalid ElementId passed. id:"+eltID;
if (!inline) { inline = 0; }
if(inline) {
document.getElementById(eltID).style.display = 'inline';
} else {
document.getElementById(eltID).style.display = 'block';
}
return false;
}
/**
* <p>Hides an element</p>
*
* @param eltID the element id
* @return
*/
function hideEl(eltID){
if(typeof document.getElementById(eltID) == "undefined" || document.getElementById(eltID) == null)
throw "invalid ElementId passed. id:"+eltID;
document.getElementById(eltID).style.display = 'none';
return false;
}
/**
* <p>Fires an ajax call to load the countries</p>
*
* @param cartId the order identifier
* @param cartConfNo the order confirmation number
* @param successHandler the success handler
* @param failureHandler the failure handler
* @return
*/
function loadCountries(sfUrl, cartId, cartConfNo, successHandler, failureHandler) {
ajaxReq(
"/gatewayService?req_type=JSON",
successHandler,
failureHandler,
{
'role':'buyer',
'verb':'getCountries',
'resp_type':'JSON',
'serv_id':'buyerCheckoutService',
'data': {
'cartId':cartId,
'cartConfirmationNo':cartConfNo,
'sfUrl':sfUrl
}
}
);
}
/**
* <p>Fires an ajax call to load the states for the given countryId</p>
*
* @param cartId the order identifier
* @param cartConfNo the order confirmation number
* @param countryId the country identifier
* @param successHandler the success handler
* @param failureHandler the failure handler
* @return
*/
function loadStates(cartId, cartConfNo, countryId, successHandler, failureHandler) {
ajaxReq(
"/gatewayService?req_type=JSON",
successHandler,
failureHandler,
{
'role':'buyer',
'verb':'getStates',
'resp_type':'JSON',
'serv_id':'buyerCheckoutService',
'data': {
'cartId':cartId,
'cartConfirmationNo':cartConfNo,
'countryId':countryId
}
}
);
}
/**
* <p>Fires an ajax call to load the address</p>
*
* @param mode the address mode --> "shipping"/"billing"
* @param cartId the order identifier
* @param cartConfNo the order confirmation number
* @param successHandler handler to invoke on success
* @param failureHandler handler to invoke on failure
* @return
*/
function loadAddress(mode, cartId, cartConfNo, successHandler, failureHandler) {
ajaxReq(
"/gatewayService?req_type=JSON",
successHandler,
failureHandler,
{
'role':'buyer',
'verb':'getAddress',
'resp_type':'JSON',
'serv_id':'buyerCheckoutService',
'data': {
'cartId':cartId,
'cartConfirmationNo':cartConfNo,
'mode':mode
}
}
);
}
/**
* <p>Fires an ajax call to load Order Total for the given cartId</p>
*
* @param cartId the order identifier
* @param cartConfNo the order confirmation number
* @param successHandler the success handler
* @param failureHandler the failure handler
* @return
*/
function loadPaymentOptions(cartId, cartConfNo, successHandler, failureHandler) {
ajaxReq(
"/gatewayService?req_type=JSON",
successHandler,
failureHandler,
{
'role':'buyer',
'verb':'getPaymentOptions',
'resp_type':'JSON',
'serv_id':'buyerCheckoutService',
'data': {
'cartId':cartId,
'cartConfirmationNo':cartConfNo
}
}
);
}
/**
* <p>Fires an ajax call to load the order summary</p>
*
* @param cartId the order identifier
* @param cartConfNo the order confirmation number
* @param successHandler handler to invoke on success
* @param failureHandler handler to invoke on failure
* @return
*/
function loadOrderSummary(cartId, cartConfNo, successHandler, failureHandler) {
ajaxReq(
"/gatewayService?req_type=JSON",
successHandler,
failureHandler,
{
'role':'buyer',
'verb':'getOrderSummary',
'resp_type':'JSON',
'serv_id':'buyerCheckoutService',
'data': {
'cartId':cartId,
'cartConfirmationNo':cartConfNo
}
}
);
}
/**
* <p>Takes care of firing an ajax call</p>
*
* @param url the url to send the request to
* @param handleSuccess the success handler
* @param handleFailure the failure handler
* @param params the params to construct the request
* @return
*/
function ajaxReq(url, handleSuccess, handleFailure, params) {
loadMask = new Ext.LoadMask(Ext.getBody(), {msg:'Loading...'});
loadMask.show();
params = params || {};
Ext.Ajax.request({
method: 'POST',
url: url,
success: handleLocalResponse,
failure: handleFailure,
params: params,
argument: { handlerSuccess: handleSuccess, handlerFailure: handleFailure }
});
}
/**
* <p>Takes care of handling the response locally before invoking the success/failure handlers</p>
*
* @param response the response data
* @param request the request
* @return
*/
function handleLocalResponse(response, request) {
var argument = response.argument;
//check response status
var json = response.responseText;
var objResponse = json.length ? eval("("+json+")") : {status : "error", errmsg : "Empty response"};
request.params = Ext.util.JSON.decode(request.params.request);
//if ok call success handler for specific action else call handleFailure
if(objResponse.status == 'ok') {
argument.handlerSuccess.createDelegate(this, [objResponse, request.params])();
} else {
argument.handlerFailure.createDelegate(this, [objResponse, request.params])();
}
loadMask.hide();
}
/**
* <p>Fires an AJAX call to load the payment details section</p>
*
* @param cartId the order identifier
* @param cartConfNo the order confirmation number
* @param successHandler the success handler
* @param failureHandler the failure handler
* @return
*/
function loadPaymentDetails(cartId, cartConfNo, successHandler, failureHandler) {
ajaxReq(
"/gatewayService?req_type=JSON",
successHandler,
failureHandler,
{
'role':'buyer',
'verb':'getPaymentDetails',
'resp_type':'JSON',
'serv_id':'buyerCheckoutService',
'data': {
'cartId':cartId,
'cartConfirmationNo':cartConfNo
}
}
);
}
/**
* <p>Fires an ajax call to load the order costs section</p>
*
* @param cartId the order identifier
* @param cartConfNo the order confirmation number
* @param reCalculate the variable to force
* @return
*/
function loadOrderCosts(cartId, cartConfNo, reCalculate, successHandler, failureHandler) {
// make ajax call to service
ajaxReq(
"/gatewayService?req_type=JSON",
successHandler,
failureHandler,
{
'role':'buyer',
'resp_type':'JSON',
'serv_id':'buyerCheckoutService',
'verb':'getOrderCosts',
'data':
{
'cartId':cartId,
'cartConfirmationNo':cartConfNo,
'reCalculate':reCalculate
}
}
);
}
/**
* <p>Success handler for load order costs call</p>
*
* @param response the response data
* @return
*/
function loadOrderCostsSuccessHandler(response, request) {
Lotus.ChkoutErrorPod.dispRespMessage(response);
if (global_msg_type == 0)
	{
		update_msg_box(0); //warning
	}
else
	{
		update_msg_box(2);
	}
// get the response object
var tmpStr;
response = response.response;

// update Sale Price
var actualSalePrice = document.getElementById('orderSummaryActualSalePrice');
if (response['actualSalePrice'] ) {
	response['actualSalePrice'] = parseFloat(response['actualSalePrice']);
	tmpStr = response['actualSalePrice'].toFixed(2);
}
else {
	tmpStr = parseFloat("0.00").toFixed(2);
}
if(isMarketplaceCart) {
	actualSalePrice.innerHTML = "<span class='currency'>$</span>" + tmpStr;
} else {
	actualSalePrice.innerHTML = "<b> US $" + tmpStr + "</b>";
}

// update Shipping and handling
var shippingHandlingCost =  document.getElementById('orderSummaryShippingHandlingCost');
if (response['shippingCost'] ) {
	response['shippingCost'] = parseFloat(response['shippingCost']);
	tmpStr = response['actualSalePrice'].toFixed(2);
}
else {
	response['shippingCost'] = 0;
}
if (response['handlingCost'] ) {
	response['handlingCost'] = parseFloat(response['handlingCost']);
}
else {
	response['handlingCost'] = 0;
}
tmpStr = (response['shippingCost'] + response['handlingCost']).toFixed(2);
if(isMarketplaceCart) {
	shippingHandlingCost.innerHTML = "<span class='currency'>$</span>" + tmpStr;
} else {
	shippingHandlingCost.innerHTML = "<b> US $" + tmpStr +  "</b>";
}


//hide shipping & handling for 11main if value = 0
var shippingHandlingLine = document.getElementById('p_orderSummaryShippingHandlingCost');
if (isMarketplaceCart) {
	if ("0.00" == tmpStr) {
		shippingHandlingLine.style.display = "none";
	}
	else {
		shippingHandlingLine.style.display="block";
	}
}

// shippingDiscount
// update shipping Discount
var shippingDiscount = 		document.getElementById('orderSummaryShippingDiscount');
if (response['shippingDiscount'] ) {
	response['shippingDiscount'] = parseFloat(response['shippingDiscount']);
	tmpStr = response['shippingDiscount'].toFixed(2);
}
else {
	tmpStr = parseFloat("0.00").toFixed(2);
}
if(isMarketplaceCart) {
	shippingDiscount.innerHTML = "<span class='currency'>$</span>" + tmpStr;
} else {
	shippingDiscount.innerHTML = "<strong> US -$" + tmpStr + "</strong>";
}

//hide shipping discount for 11main if value = 0
var shippingDiscountLine = document.getElementById('p_orderSummaryShippingDiscount');
if (isMarketplaceCart) {
	if("0.00" == tmpStr) {
		shippingDiscountLine.style.display = "none";
	} else {
		shippingDiscountLine.style.display="block";
	}
}

// update insurance cost
var insuranceCost = document.getElementById('orderSummaryInsuranceCost');
if (response['insuranceCost'] ) {
	response['insuranceCost'] = parseFloat(response['insuranceCost']);
	tmpStr = response['insuranceCost'].toFixed(2);
	
	if(isMarketplaceCart) {
		if("0.00" == tmpStr){
			var elemToHide = document.getElementById('p_orderSummaryInsuranceCost');
			if(elemToHide && elemToHide != null) {
				elemToHide.style.display = 'none';
			}
		} else {
			insuranceCost.innerHTML = "<span class='currency'>$</span>" + tmpStr;
		}
	} else {
		if("0.00" == tmpStr){
			var elemToHide = document.getElementById('title_orderSummaryInsuranceCost');
			if(elemToHide && elemToHide != null) {
				elemToHide.style.display = 'none';
			}
			insuranceCost.style.display = 'none';
		} else {
			insuranceCost.innerHTML = "<b> US $" + tmpStr + "</b>";
		}
	}
}
else {
	var elemToHide = document.getElementById('p_orderSummaryInsuranceCost');
	if(isMarketplaceCart) {
		if(elemToHide && elemToHide != null) {
			elemToHide.style.display = 'none';
		}
	} else {
		var elemToHide = document.getElementById('title_orderSummaryInsuranceCost');
		if(elemToHide && elemToHide != null) {
			elemToHide.style.display = 'none';
		}
		insuranceCost.style.display = 'none';
	}	
}

// update Tax
var tax = document.getElementById('orderSummaryTax');
if (response['tax'] ) {
	response['tax'] = parseFloat(response['tax']);
	tmpStr = response['tax'].toFixed(2);
}
else {
	tmpStr = parseFloat("0.00").toFixed(2);
}
if(isMarketplaceCart) {
	tax.innerHTML = "<span class='currency'>$</span>" + tmpStr;
} else {
	tax.innerHTML = "<b> US $" + tmpStr + "</b>";
}

//hide tax for marketplace if value = 0
var taxLine = document.getElementById('p_orderSummaryTax');
if (isMarketplaceCart) {
	if("0.00" == tmpStr) {
		taxLine.style.display = "none";		
	} else {
		taxLine.style.display="block";
	}
}

// update tax percentage
var taxPercentage = document.getElementById('orderSummaryTaxPercentage');
if (response['taxPercentage'] ) {
	response['taxPercentage'] = parseFloat(response['taxPercentage']);
	tmpStr = response['taxPercentage'];
}
else {
	tmpStr = "0";
}
taxPercentage.innerHTML = "" + tmpStr + "";



// update coupon discount
var couponDiscount = 		document.getElementById('orderSummaryCouponDiscount');
var couponApplied = false;
if (response['couponDiscount'] ) {
	response['couponDiscount'] = parseFloat(response['couponDiscount']);
	tmpStr = response['couponDiscount'].toFixed(2);
	couponApplied = true;
}
else {
	tmpStr = parseFloat("0.00").toFixed(2);
}

//hide shipping discount for 11main if value = 0
var sellerCouponLine = document.getElementById('p_orderSummaryCouponDiscount');
if (isMarketplaceCart) {
	if("0.00" == tmpStr) {
		sellerCouponLine.style.display = "none";
	} else {
		sellerCouponLine.style.display="block";
	}
}


if (isMarketplaceCart) {
	couponDiscount.innerHTML = "-<span class='currency'>$</span>" + tmpStr;
	couponLink = document.getElementById('removeCouponButton');
	if (couponLink != null && typeof couponLink != 'undefined') {
		if (couponApplied == true) {
			couponLink.style.display = 'block';
		} else {
			couponLink.style.display = 'none';
		}
	}
} else {
	couponDiscount.innerHTML = "<strong> US -$" + tmpStr + "</strong>";
}

var otherDesc = document.getElementById('orderSummaryOtherDesc');
var otherCost = document.getElementById('orderSummaryOtherCost');
if(response['otherDesc'] && response['otherDesc'] != null && response['otherDesc'] != '') {
	otherDesc.innerHTML = "(" + response['otherDesc'] + ")";
}
if(response['otherCost'] && response['otherCost'] != null && response['otherCost'] != '') {
	response['otherCost'] = parseFloat(response['otherCost']);
	tmpStr = response['otherCost'].toFixed(2);
}else{
	tmpStr = parseFloat("0.00").toFixed(2);
}
if(isMarketplaceCart) {
	var elemToHide = document.getElementById('p_orderSummaryOtherCost');
	if("0.00" == tmpStr){
		if(elemToHide && elemToHide != null) {
			elemToHide.style.display = 'none';
		}
	} else {
		if(elemToHide && elemToHide != null) {
			elemToHide.style.display = 'block';
		}
		otherCost.innerHTML = "<span class='currency'>$</span>" + tmpStr;
	}
} else {
	otherCost.innerHTML = "<b> US $" + tmpStr + "</b>";
}

// update Total cost
var totalCost = document.getElementById('orderSummaryTotalCost');
var totalCostNote = document.getElementById('orderTotalCostNote');
if (response['totalCost'] && response['totalCost'] != null && response['totalCost'] != '') {
	response['totalCost'] = parseFloat(response['totalCost']);
	tmpStr = response['totalCost'].toFixed(2);
	if(isMarketplaceCart) {
		totalCost.innerHTML = "<span class='currency'>$</span>" + tmpStr;
	} else {
		totalCost.innerHTML = "<b> US $" + tmpStr + "</b>";
	}
	
	orderTotalCost = tmpStr;
	totalCostNote.innerHTML = '';
} else {
	tmpStr = 'N/A';
	totalCost.innerHTML = "<b>" + tmpStr + "</b>";
	orderTotalCost = null;
	totalCostNote.innerHTML = "Total cannot be calculated, contact the Seller for the total.";
}
// make the order summary div visible
var orderSummary = document.getElementById('orderSummary');
orderSummary.style.display = "block";
}
/**
* <p>Failure handler for load order costs call</p>
*
* @param response the response data
* @return
*/
function loadOrderCostsFailureHandler(response) {
// TODO : add proper error handling
Lotus.ChkoutErrorPod.dispRespMessage(response);
update_msg_box(2); //error
}
/**
* <p>Fires an ajax call to load the packages</p>
*
* @param cartId the order identifier
* @param cartConfNo the order confirmation number
* @param successHandler handler to invoke on success
* @param failureHandler handler to invoke on failure
* @return
*/
function getPackages(cartId, cartConfNo, successHandler, failureHandler) {
ajaxReq(
"/gatewayService?req_type=JSON",
successHandler,
failureHandler,
{
'role':'buyer',
'verb':'getPackages',
'resp_type':'JSON',
'serv_id':'buyerCheckoutService',
'data': {
'cartId':cartId,
'cartConfirmationNo':cartConfNo
}
}
);
}
/**
* <p>Success handler for getPackages call</p>
*
* @param response the response data
* @return
*/
function getPackagesSuccessHandler(response) {
writePackageSection(response);
loadOrderCosts(cartId, cartConfNo, (typeof(reCalculate) == 'undefined') ? true : reCalculate, loadOrderCostsSuccessHandler, loadOrderCostsFailureHandler);
}
/**
* <p>Failure handler for getPackages call</p>
*
* @param response the response data
* @return
*/
function getPackagesFailureHandler(response) {
Lotus.ChkoutErrorPod.dispRespMessage(response);
update_msg_box(2); //error
}
/**
* <p>Success handler for updatePackages call</p>
*
* @param response the response data
* @return
*/
function updatePackageSuccessHandler(response) {
getPackages(cartId, cartConfNo, getPackagesSuccessHandler, getPackagesFailureHandler);
}
/**
* <p>Failure handler for updatePackages call</p>
*
* @param response the response data
* @return
*/
function updatePackageFailureHandler(response) {
Lotus.ChkoutErrorPod.dispRespMessage(response);
update_msg_box(2); //error
}
/**
* <p>Success handler for updatePackages call</p>
*
* @param response the response data
* @return
*/
function deleteItemSuccessHandler(response) {
response = response.response;
if(response != null && typeof response != 'undefined' && response.redirectUrl != null && typeof response.redirectUrl != 'undefined') {
window.open(response.redirectUrl, '_self');
return;
}
getPackages(cartId, cartConfNo, getPackagesSuccessHandler, getPackagesFailureHandler);
}
/**
* <p>Failure handler for updatePackages call</p>
*
* @param response the response data
* @return
*/
function deleteItemFailureHandler(response) {
Lotus.ChkoutErrorPod.dispRespMessage(response);
update_msg_box(2); //error
}
function carrierChange(obj){
// clear all previous Pod Messages
ChkoutClearAllPodMessages();
var packageId = obj.name.split("_")[1];
var insuraneChoice = document.getElementById("insurance_" + packageId).checked;
var carrierChoice = document.getElementById("carrier_" + packageId).value;
updatePackages(packageId,carrierChoice,insuraneChoice,updatePackageSuccessHandler,updatePackageFailureHandler);
}
function insuranceChange(obj){
// clear all previous Pod Messages
ChkoutClearAllPodMessages();
var packageId = obj.name.split("_")[1];
var insuraneChoice = document.getElementById("insurance_" + packageId).checked;
var carrierChoice = document.getElementById("carrier_" + packageId).value;
updatePackages(packageId,carrierChoice,insuraneChoice,updatePackageSuccessHandler,updatePackageFailureHandler);
}
function deleteItem(itemId){
ajaxReq(
"/gatewayService?req_type=JSON",
deleteItemSuccessHandler,
deleteItemFailureHandler,
{
'role':'buyer',
'verb':'deleteItems',
'resp_type':'JSON',
'serv_id':'buyerCheckoutService',
'data': {
'cartId':cartId,
'cartConfirmationNo':cartConfNo,
'orderItemIds': [itemId]
}
}
);
}

function writePackageSection(response) {
	var resp = response.response;
	var packages = resp.packages;
	var sellerMarketLogin = packages[0].items[0].marketLogin;
	var marketId = packages[0].items[0].marketId;

	if(88 == marketId) {

		var str = '';
		
		str += '<div class="infobox" id="secOrderDetails">';
		
		str += '<div class="cart-items">';
		
		str += '<div class="row head font-primary">';
		str += 		'<div class="col-sm-1">Item</div>';
		str += 		'<div class="col-sm-5"></div>';
		str += 		'<div class="col-sm-2">Unit Price</div>';
		str += 		'<div class="col-sm-2">Quantity</div>';
		str += 		'<div class="col-sm-2">Price</div>';
		str += '</div>';

		for ( var i = 0; i < packages.length; i++) {
			str += '<div class="row item mktpackagerow">';			
			var items = packages[i].items;
			var carriers = packages[i].carriers;
			var selectedCarrierId = packages[i].carrierChoice;
			var selectedCarrierName = null;
			var packageId = packages[i].id;
			var insOption = packages[i].insuranceOption;
			var insCost = packages[i].insuranceCost;

			for ( var j = 0; j < items.length; j++) {

				var currentItem = items[j];
				var salePrice = (parseInt(currentItem.quantity) * parseFloat(currentItem.price)).toFixed(2);
				sellerMarketLogin = sellerMarketLogin == null ? currentItem.marketLogin : sellerMarketLogin;


				str += '<div class="row">';
				
				str += 	'<div class="col-sm-1">';
				str += 	'	<img class="img-item img-responsive min" src="' + currentItem.marketLogo + '" /> ';
				str += 	'</div>';
				
				str += 	'<div class="col-sm-5">';
				str += 	'	<span class="item-title font-primary">' + currentItem.title + '</span>';
				str += 	'	<span class="sku font-primary">SKU <span class="code font-secondary">'  + currentItem.marketOrderItemId + '</span></span>';
				str += '</div>';
				
				str += '<div class="col-sm-2">';
				str += 	'	<span class="price font-secondary"><span class="currency">$</span>' + currentItem.price + '</span>';
				str += '</div>';
				
				str += '<div class="col-sm-2">';
				str += 	'	<span class="qty font-secondary">' + currentItem.quantity + '</span>';
				str += '</div>';
				
				
				str += '<div class="col-sm-2">';
				str += 	'	<span class="price font-secondary"><span class="currency">$</span>' + salePrice + '</span>';
				str += '</div>';
				
				str += '</div>';

/*				
				str += '<div class="row">';
				str += '<div class="col-sm-6 col-sm-offset-6 border">';
				str += '<hr>';
				str += 'shipping';
				str += 'Insurance';
				str += '</div>';
				str += '</div>';
*/				
				
							
				if (j == 0) {// carriers needs to be shown only once inside package
					var shipingAndHandlingStr = '';
					shipingAndHandlingStr += '<div class="row mktpackagesh">';
					shipingAndHandlingStr += '<div class="col-sm-6 col-sm-offset-6 border"><hr /><div class="mktpackageshm">';

					if (!readMode) {
						shipingAndHandlingStr += '<select name="carrier_' + packageId + '" id="carrier_' + packageId + '" onchange="carrierChange(this);" class="form-control position">';
						var shippingOptionsCount = 0;
						for ( var k = 0; k < carriers.length; k++) {
							var carrierId = carriers[k].id;
							var selected = selectedCarrierId == carrierId ? "selected" : "";
							var carrierName = carriers[k].name;
							var shipCost = carriers[k].shippingCost;

							if (Ext.isEmpty(shipCost)) {
								continue;
							}
							var handlingCost = carriers[k].handlingCost;
							var shipHandlingCost = (parseFloat(shipCost) + parseFloat(handlingCost))
									.toFixed(2);
							shipHandlingCost = isNaN(shipHandlingCost) ? '' : shipHandlingCost;
							shipingAndHandlingStr += '<option value="' + carrierId + '"' + selected + '>' + carrierName + " - $" + shipHandlingCost + '</option>';
							shippingOptionsCount++;
						}
						shipingAndHandlingStr += '</select>';
						if (shippingOptionsCount === 0) {
							shipingAndHandlingStr = '<div class="row"><div class="col-sm-6"></div><div class="col-sm-6"><div class="alert alert-info alert-font-size">We were unable to calculate the shipping cost for the address that you entered. Please verify the zip code and the shipping address to make sure that it\'s correct.</div></div></div>';
						}
					} else {
						var shipHandlingCost = '0.00';
						for ( var k = 0; k < carriers.length; k++) {
							var carrierId = carriers[k].id;
							if (selectedCarrierId == carrierId) {
								var shipCost = carriers[k].shippingCost;
								if (Ext.isEmpty(shipCost)) {
									continue;
								}
								selectedCarrierName = carriers[k].name;
								var handlingCost = carriers[k].handlingCost;
								shipHandlingCost = (parseFloat(shipCost) + parseFloat(handlingCost)).toFixed(2);
								shipHandlingCost = isNaN(shipHandlingCost) ? ''	: shipHandlingCost;
								break;
							}
						}
						shipingAndHandlingStr += selectedCarrierName + " - $" + shipHandlingCost;
					}
				}
			}
				
			shipingAndHandlingStr += '<div class="checkbox" style="display:none">';
			shipingAndHandlingStr += '<input type="checkbox" id="insurance_' + packageId + '" name="insurance_' + packageId + '" onclick="insuranceChange(this);" />';
			shipingAndHandlingStr += '</div>';
			shipingAndHandlingStr += '</div></div>';
			shipingAndHandlingStr += '</div>';
			
            str += shipingAndHandlingStr;
			str += '</div>';
		}
		
		str += '</div>';
		str += '</div>';
		
		document.getElementById('order_details_holder').innerHTML = '';
		document.getElementById('order_details_holder').innerHTML = str;
		
	} else {
		var sellerMarketUrl = 'http://feedback.ebay.com/ws/eBayISAPI.dll?ViewFeedback2&userid=' + sellerMarketLogin;
		var str = '';
		var sectionHeader = 'Order Details';
		var columnHeaders = {
			'Item Title' : {
				'width' : '42%',
				'align' : ''
			},
			'Shipping & handling' : {
				'width' : '38%',
				'align' : ''
			},
			'Quantity' : {
				'width' : '10%',
				'align' : 'center'
			},
			'Price' : {
				'width' : '10%',
				'align' : 'right'
			}
		};
		str += '<div class="infobox" id="secOrderDetails">';
		str += '<div class="infoboxt"><div><b class="sectionTitle">' + sectionHeader;
		if ((typeof (provideChangeLink) == 'undefined') ? false : provideChangeLink) {
			str += '<span>[<a href="" onclick="handleEdit(\'details\',\'review\',\'confirm\');return false;">Change</a>]</span>';
		}
		str += '</b></div></div>';
		str += '<table class="infotable borderAll hideBorder" width="100%" cellspacing="0" cellpadding="0" border="0" summary="Order Details">';
		str += '<tr class="infotablehead">';
		for ( var i in columnHeaders) {
			if (!columnHeaders.hasOwnProperty(i)) {
				continue;
			}
			str += '<td width="' + columnHeaders[i].width + '" align="' + columnHeaders[i].align + '">' + i + '</td>';
		}
		str += '</tr>';
		str += '<tr class="infotableitem">';
		if ((typeof (showEbayLink) == 'undefined') ? false : showEbayLink)
			str += '<td colspan="4"><b>Seller: <a href="' + sellerMarketUrl + '" id="sellerMktLoginEl" target="_blank">' + sellerMarketLogin + '</a></b></td>';
		str += '</tr>';
		for ( var i = 0; i < packages.length; i++) {
			var items = packages[i].items;
			var carriers = packages[i].carriers;
			var selectedCarrierId = packages[i].carrierChoice;
			var selectedCarrierName = null;
			var packageId = packages[i].id;
			var insOption = packages[i].insuranceOption;
			var insCost = packages[i].insuranceCost;
			for ( var j = 0; j < items.length; j++) {
				var currentItem = items[j];
				var salePrice = (parseInt(currentItem.quantity) * parseFloat(currentItem.price)).toFixed(2);
				sellerMarketLogin = sellerMarketLogin == null ? currentItem.marketLogin : sellerMarketLogin;
				str += '<tr class="infotableitem" valign="top">';
				str += '<td>';
				str += '<div class="infoitemtxt">';
				str += '<img class="infomktimg" src="' + currentItem.marketLogo + '" /> ';
				if (currentItem.marketItemUrl != null && currentItem.marketItemUrl != '') {
					str += '<a href="' + currentItem.marketItemUrl + '" target="_blank">' + currentItem.title + '</a>';
				} else {
					str += currentItem.title;
				}
				str += '<br />' + currentItem.marketOrderItemId + ' - Price: US $' + currentItem.price;
				if (!readMode && currentItem.marketId != null
						&& currentItem.marketId != ''
						&& parseInt(currentItem.marketId) > 10000) {
					str += '<a href="#" onclick="deleteItem(' + currentItem.id + ');return false;"> (Delete)</a>';
				}
				str += '<br />';
				str += '</div>';
				str += '</td>';
				str += '<td>';
				if (j == 0) {// carriers needs to be shown only once inside
								// package
					if (!readMode) {
						str += '<select name="carrier_' + packageId + '" id="carrier_' + packageId + '" onchange="carrierChange(this);">';
						for ( var k = 0; k < carriers.length; k++) {
							var carrierId = carriers[k].id;
							var selected = selectedCarrierId == carrierId ? "selected" : "";
							var carrierName = carriers[k].name;
							var shipCost = carriers[k].shippingCost;
							if (Ext.isEmpty(shipCost)) {
								continue;
							}
							var handlingCost = carriers[k].handlingCost;
							var shipHandlingCost = (parseFloat(shipCost) + parseFloat(handlingCost))
									.toFixed(2);
							shipHandlingCost = isNaN(shipHandlingCost) ? '' : shipHandlingCost;
							str += '<option value="' + carrierId + '"' + selected + '>' + carrierName + " - $" + shipHandlingCost + '</option>';
						}
						str += '</select>';
					} else {
						var shipHandlingCost = '0.00';
						for ( var k = 0; k < carriers.length; k++) {
							var carrierId = carriers[k].id;
							if (selectedCarrierId == carrierId) {
								var shipCost = carriers[k].shippingCost;
								if (Ext.isEmpty(shipCost)) {
									continue;
								}
								selectedCarrierName = carriers[k].name;
								var handlingCost = carriers[k].handlingCost;
								shipHandlingCost = (parseFloat(shipCost) + parseFloat(handlingCost)).toFixed(2);
								shipHandlingCost = isNaN(shipHandlingCost) ? ''	: shipHandlingCost;
								break;
							}
						}
						str += selectedCarrierName + " - $" + shipHandlingCost;
					}
				}
				str += '</td>';
				str += '<td align="center">' + currentItem.quantity + '</td>';
				str += '<td align="right">US $' + salePrice + '</td>';
				str += '</tr>';
			}
			
			str += '<tr class="infotableitem" valign="top">';
			str += '<td> </td>';
			str += '<td>';
			str += '<span class="insOptionSpan" style="display:none">';
			str += '<em>'; 
			str += '<input type="checkbox" id="insurance_' + packageId + '" name="insurance_' + packageId + '" onclick="insuranceChange(this);" />';
			str += '</em>';
			str += '</span>';
			str += '</td>';
			str += '<td colspan="2"></td>';
			str += '</tr>';
		}
		sellerMarketUrl = 'http://feedback.ebay.com/ws/eBayISAPI.dll?ViewFeedback2&userid='
				+ sellerMarketLogin;
		str += '</table>';
		str += '</div>';
		document.getElementById('order_details_holder').innerHTML = '';
		document.getElementById('order_details_holder').innerHTML = str;
		var sellerMktLoginElDiv = document.getElementById('sellerMktLoginEl');
		if (sellerMktLoginElDiv != null
				&& typeof sellerMktLoginElDiv != 'undefined') {
			sellerMktLoginElDiv.innerHTML = sellerMarketLogin;
			sellerMktLoginElDiv.href = sellerMarketUrl;
		}
	}
}

/**
* <p>Fires an ajax call to update the packages</p>
*
*
* @param cartId the order identifier
* @param cartConfNo the order confirmation number
* @param successHandler handler to invoke on success
* @param failureHandler handler to invoke on failure
* @return
*/
function updatePackages(packageId, carrierChoice, insuranceChoice, successHandler, failureHandler) {
ajaxReq(
"/gatewayService?req_type=JSON",
successHandler,
failureHandler,
{
'role':'buyer',
'verb':'updatePackages',
'resp_type':'JSON',
'serv_id':'buyerCheckoutService',
'data': {
'cartId':cartId,
'cartConfirmationNo':cartConfNo,
'packages': [{"id":packageId,"carrierChoice":carrierChoice,"insuranceChoice":insuranceChoice}]
}
}
);
}
/**
* Sets the Stores Cookie URL
*/
function getStoresCookieURL(storesCookieURL) {
if(storesCookieURL != null && storesCookieURL != '') {
var cartImg = document.createElement("img");
cartImg.src=storesCookieURL;
document.body.appendChild(cartImg);
}
}
/*
* updates message box border
*
*/
function update_msg_box(msg_type) {
switch (msg_type) {
case 0 : // success
var tlImageUrl = "transparent url(/lotus/images/bg/pod_caps.gif) no-repeat scroll -9px -17px";
var tlHeight = "6px";
var msgIcon = "transparent";
var trImageUrl = "transparent url(/lotus/images/bg/pod_caps.gif) no-repeat scroll 0 -17px";
var trWidth = "9px";
var contentBorder = "1px solid #7FC396";
var blImageUrl = "#FFFFFF url(/lotus/images/bg/pod_caps.gif) no-repeat scroll -9px 0";
var blHeight = "15px";
var brImageUrl = "transparent url(/lotus/images/bg/pod_caps.gif) no-repeat scroll 0 0";
break;
case 1 : // warning
// TODO
break;
case 2 : // error
var tlImageUrl = "transparent url(/lotus/images/errctl.gif) no-repeat scroll left top";
var tlHeight = "10px";
var trImageUrl = "transparent url(/lotus/images/errctr.gif) no-repeat scroll right top";
var trWidth = "9px";
var msgIcon = "transparent url(/lotus/images/iconError_16x16.gif) no-repeat scroll left 2px";
var contentBorder = "1px solid #FF0000";
var blImageUrl = "transparent url(/lotus/images/errcbl.gif) no-repeat scroll left top";
var blHeight = "10px";
var brImageUrl = "transparent url(/lotus/images/errcbr.gif) no-repeat scroll right top";
default :
break;
}
// tl
var podErrors = document.getElementById("podErrors");
if (podErrors) {
var pHeader = getElementsByClassName("podHeader", "DIV", podErrors);
pHeader = pHeader[0];
pHeader.style.background = tlImageUrl;
pHeader.style.height = tlHeight // 10px for error
// tr
tag = "SPAN";
elm = pHeader;
var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
if (elements) {
trSpan = elements[0];
trSpan.style.background = trImageUrl
trSpan.style.width = trWidth; // 9px for error
}
var msgIconDiv = document.getElementById("podErrorMessages");
if (msgIconDiv) {
msgIconDiv.style.background = msgIcon;
}
var podErrorsContent = document.getElementById("podErrorsContent");
if (podErrorsContent) {
podErrorsContent.style.borderLeft = contentBorder;
podErrorsContent.style.borderRight = contentBorder;
}
// podFooter
var podFooter = getElementsByClassName("podFooter", "DIV", podErrors);
if (podFooter) {
podFooter = podFooter[0];
podFooter.style.background = blImageUrl
podFooter.style.height = blHeight;
// tr
tag = "DIV";
elm = podFooter;
var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
if (elements) {
brSpan = elements[0];
brSpan.style.background = brImageUrl
brSpan.style.width = trWidth;
}
}
}
}
/*
*
* get elements by class name
*
*/
function getElementsByClassName(className, tag, elm){
var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
var tag = tag || "*";
var elm = elm || document;
var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
var returnElements = [];
var current;
var length = elements.length;
for(var i=0; i<length; i++){
current = elements[i];
if(testClass.test(current.className)){
returnElements.push(current);
}
}
return returnElements;
}
function populateHiddenValues(){
var fields = {"ccNumber":"buyerCCNumber","ccExpMonth":"buyerCCExpMonth","ccExpYear":"buyerCCExpYear","cvvNumber":"buyerCvvNumber"};
for(var i in fields){
var srcEl = document.getElementById(i);
if(srcEl != null && typeof(srcEl)!= 'undefined') {
var destEl = document.getElementById(fields[i]);
destEl.value = srcEl.value;
}
}
}
/**
* <p>Fires an ajax call to checkout Shooping Cart </p>
*
* @param cartId the order identifier
* @param marketplaceId : [marketplace identifier]
* @param successHandler handler to invoke on success
* @param failureHandler handler to invoke on failure
* @return
*/
function checkoutCart(cartId, marketplaceId,companyId, successHandler, failureHandler) {
ajaxReq(
"/gatewayService?req_type=JSON",
successHandler,
failureHandler,
{
'role':'buyer',
'verb':'checkoutCart',
'resp_type':'JSON',
'serv_id':'buyerCheckoutService',
'data': {
'cartId':cartId,
'marketplaceId':marketplaceId,
'companyId':companyId
}
}
);
}
//------------- chkout message-box-------------------
function ChkoutClearAllPodMessages() {
Lotus.ChkoutErrorPod.hidePod();
Lotus.ChkoutErrorPod.clearPod();
}
function  ChkoutaddErrorMessageToPod(message) {
Lotus.ChkoutErrorPod.showPod();
var msgs = Lotus.ChkoutErrorPod.podE$.innerHTML;
msgs += "<p class=\"error\"> " + message + "</p>";
Lotus.ChkoutErrorPod.podE$.innerHTML = msgs;//document.getElementById('podErrorMessages').innerHTML = msgs;
}
function ChkoutsetErrorPodSuccessModeClass() {
if (Lotus.ChkoutErrorPod.pod$.className.indexOf("successMode") < 0) {
Lotus.ChkoutErrorPod.pod$.className = Lotus.ChkoutErrorPod.pod$.className + ' successMode';
}
}
function ChkoutresetErrorPodClass() {
var podClass = Lotus.ChkoutErrorPod.pod$.className;
if(podClass.indexOf("successMode") > -1){
Lotus.ChkoutErrorPod.pod$.className = podClass.replace(" successMode", "");
}
}
if(typeof Lotus == 'undefined')
Lotus = {};
Lotus.ChkoutreplaceNewLineTxt = function(message) {
message = message.replace(Lotus.ChkoutErrorPod.regExp, "<br />");
return message;
}
Lotus.onDocReady = function(f){
if(typeof f != 'function') return false;
if(window.addEventListener)
window.addEventListener('load',f,false);
else if(document.readyState) {
var fn  = function(){
var rs = document.readyState;
if(rs == "complete") {
f();
}else{
setTimeout(fn, 10);
}
};
fn();
} else {
document.write("<s"+'cript id="ie-deferred-loader" defer="defer" src="/'+'/:"></s'+"cript>");
var defer = document.getElementById("ie-deferred-loader");
defer.onreadystatechange = function(){
if(this.readyState == "complete"){
f();
}
};
}
};
Lotus.ChkoutErrorPod = {
STATUS : {ALL:'ALL', ERROR:'ERROR', WARN:'WARN', INFO:'INFO', SUCCESS:'SUCCESS'}
,podId : "podErrors", podCId: "podErrorsContent", podEId:"podErrorMessages", podSId:"podSuccessMessages", podIId:"podInfoMessages"
,pod$ : undefined, podC$ : undefined, podE$ : undefined, podI$ : undefined, podS$ : undefined,
initialized : false,
regExp : new RegExp("\n","g"),
init : function(prefix){
if(this.initialized === true) return false;
this.initialized = true;
this.podId = (prefix)? prefix+ this.podId : this.podId;
this.pod$ = document.getElementById(this.podId);
this.podC$ = document.getElementById(this.podCId);
this.podE$ = document.getElementById(this.podEId);
this.podS$ = document.getElementById(this.podSId);
this.podI$ = document.getElementById(this.podIId);
return true;
},
createMessageObj : function (refId, msg, context, status){
var msgObj = {};
if(refId)msgObj['refId']=refId;
if(msg)msgObj['message']=msg;
if(context)msgObj['context']=context;
if(status)msgObj['status']=status;
return msgObj;
},
//@NOTE: DONT USE THIS METHOD (addErrorMessage), It will be deprecated.
addErrorMessage : function(msg){
var msgs = this.podE$.innerHTML;
msgs += "<p class=\"error\"> " + msg + "</p>";
this.podE$.innerHTML = msgs;
},
dispRespMessage : function(response){
if(!response || response == undefined) return false;
this.dispMessages(response.errmsg);
return this.dispMessages(response.messages);
}
,dispMessages : function(msgs){
if(!msgs || msgs == undefined || (msgs instanceof Array && msgs.length <= 0))
return false;
this.showPod();
this.pod$.scrollIntoView();
if(msgs instanceof Array){
for (var i = 0; i < msgs.length; ++i) {
msgs[i] = this.displayMsg(msgs[i]);
}
}else{
this.displayMsg(msgs);
}
return true;
}
,formatter : {
format: function(msgO){
return this.handleContext(msgO);
}
,setAttr : function(msgO){
if (!msgO || msgO == null) return undefined;
msgO = (typeof msgO == 'string')? {message:msgO} : msgO;
msgO.message = Lotus.ChkoutreplaceNewLineTxt(msgO.message);
msgO.status = msgO.status || '';
switch (msgO.status) {
case Lotus.ChkoutErrorPod.STATUS.WARN:
case Lotus.ChkoutErrorPod.STATUS.INFO:
msgO.pId = Lotus.ChkoutErrorPod.podIId;
msgO.css = "info";
msgO.dom = Lotus.ChkoutErrorPod.podI$;
ChkoutresetErrorPodClass();
document.getElementById("podInfoMessages").style.display="inherit";
document.getElementById("podSuccessMessages").style.display="none";
document.getElementById("podErrorMessages").style.display="none";
break;
case Lotus.ChkoutErrorPod.STATUS.SUCCESS:
msgO.pId = Lotus.ChkoutErrorPod.podSId;
msgO.css = "success";
msgO.dom = Lotus.ChkoutErrorPod.podS$;
ChkoutsetErrorPodSuccessModeClass(); 
document.getElementById("podSuccessMessages").style.display="inherit";
document.getElementById("podErrorMessages").style.display="none";
document.getElementById("podInfoMessages").style.display="none";
break;
case Lotus.ChkoutErrorPod.STATUS.ERROR:
default:
msgO.pId = Lotus.ChkoutErrorPod.podEId;
msgO.css = "error";
msgO.dom = Lotus.ChkoutErrorPod.podE$;
msgO.status = Lotus.ChkoutErrorPod.STATUS.ERROR;
ChkoutresetErrorPodClass();
document.getElementById("podErrorMessages").style.display="inherit";
document.getElementById("podSuccessMessages").style.display="none";
document.getElementById("podInfoMessages").style.display="none";
}
return msgO;
}
,handleRefId : function(msgO){
return this.setAttr(msgO);
}
,handleContext : function(msgO){
msgO = this.handleRefId(msgO);
if(!msgO || typeof msgO != 'object' || typeof msgO.context == 'undefined' || msgO.context == null || msgO.context == "")
return msgO;
return msgO;
}
}
,displayMsg: function(msgO){
if (!msgO || msgO == null) return "";
msgO = this.formatter.format(msgO);
var pEl = document.createElement("p");
pEl.className = msgO.css;
pEl.innerHTML = msgO.message;
msgO.dom.appendChild(pEl);
return msgO;
}
,showPod : function(){
this.init();
if(this.pod$.style.display == 'none')
this.pod$.style.display='block';
}
,hidePod : function() {
this.init();
this.pod$.style.display = 'none';
}
,clearPod : function(){
this.podS$.innerHTML = '';
this.podE$.innerHTML = '';
this.podI$.innerHTML = '';
}
}
Lotus.onDocReady(function(evnt){Lotus.ChkoutErrorPod.init();});
/**
* <p>Fires an ajax call to add the buyer to sellers mailing list</p>
*
* @param cartId the order identifier
* @param cartConfNo the order confirmation number
* @param okToMail is ok to mail?
* @param successHandler handler to invoke on success
* @param failureHandler handler to invoke on failure
* @return
*/
function addToMailingList(cartId, cartConfNo, okToMail, successHandler, failureHandler) {
ajaxReq(
"/gatewayService?req_type=JSON",
successHandler,
failureHandler,
{
'role':'buyer',
'verb':'addToMailingList',
'resp_type':'JSON',
'serv_id':'buyerCheckoutService',
'data': {
'cartId':cartId,
'cartConfirmationNo':cartConfNo,
'okToMail': okToMail
}
}
);
}

function isNumberKey(evt) {
	var charCode = (evt.which) ? evt.which : event.keyCode;
	if (charCode > 31 && (charCode < 48 || charCode > 57 || charCode == 46)) {
		return false;
	}
	return true;
}