var qbFlag = 0
function updatePageTopData() {
 var randomNumber = Math.round(1000*Math.random())
 $.getJSON("/cgi-bin/ghmconnect/special/pagetop_data?"+randomNumber, function(json){
 $('#pagetopItems').html(json.pagetopItems)
 })
}
function toggleQBSupplier(productItem, type) {
 var displayAttribute = $('.'+productItem).css('display')
 if(type==1) {
 if(displayAttribute == "none") {
 $('div.'+productItem).show()
 $('img.'+productItem).attr('src','[img_url]/layout/up_arrow_mnm.gif')
 }
 else if(displayAttribute == "block") {
 $('div.'+productItem).hide()
 $('img.'+productItem).attr('src','[img_url]/layout/down_arrow_mnm.gif')
 }
 }
 else if(type==2) {
 if(displayAttribute == "none") {
 $('div.'+productItem).show()
 $('img.'+productItem).attr('src','[img_url]/layout/up_arrow_mm.gif')
 }
 else if(displayAttribute == "block") {
 $('div.'+productItem).hide()
 $('img.'+productItem).attr('src','[img_url]/layout/down_arrow_mm.gif')
 }
 }
}
function toggleQuickBasket(displayFlag) {
 if($('#quickBasketInner2').css('display')=='none' || displayFlag == 1) {
 $('#quickBasketInner2>div').css('visibility','visible')
 $('#quickBasketInner2').show() 
 $('#quickBasketArrow').attr('src','[img_url]/layout/shrink_arrow2.gif') 
 }
 else if($('#quickBasketInner2').css('display')=='block') {
 $('#quickBasketInner2>div').css('visibility','hidden')
 $('#quickBasketInner2').hide()
 $('#quickBasketArrow').attr('src','[img_url]/layout/grow_arrow2.gif')
 }
}
function toggleQBForm() {
 qbFlag--
 if(qbFlag == 0) { 
 var data = $('#qb_basket').formSerialize()
 var divId = document.getElementById('loadingQB') 
 divId.style.display = 'block'
 $.post('[process-target _self]', data)
 setTimeout("toggleQBCall()", 1000)
 }
}
function toggleQBSubmit() {
 qbFlag++
 setTimeout("toggleQBForm()", 2000)
}
function toggleQBCall() {
 var randomNumber = Math.round(1000*Math.random())
 $.getJSON("/cgi-bin/ghmconnect/special/basket_data?"+randomNumber, function(json){
 $('#quickBasketInner2').html('<div id="loadingQB">Please wait... submitting data.</div><div style="margin: 0px; padding: 0px; width: 204px; height: 10px;">&nbsp;</div>') 
 var supplier_list = json.supplier_list
 var i,j, k, l, supplier_items
 var supplier_count, mnm_count, mm_count
 supplier_count = mnm_count = mm_count = 0
 var mnm_list = new Array()
 var mm_list = new Array()
 for(i=0; i<supplier_list.length; i++) {
 var temp_supplier = new Array()
 var temp_items = new Array()
 temp_supplier['supplier_name'] = supplier_list[i].supplier_name
 temp_supplier['supplier_code'] = supplier_list[i].supplier_code
 temp_supplier['supplier_link'] = supplier_list[i].supplier_link
 temp_supplier['supplier_minimum'] = parseFloat(supplier_list[i].supplier_minimum).toFixed(2)
 supplier_items = supplier_list[i].supplier_items
 for(j=0; j<supplier_items.length; j++) {
 var temp_item = new Array()
 temp_item['item_quantity'] = supplier_items[j].item_quantity
 temp_item['item_count'] = supplier_items[j].item_count
 temp_item['item_description'] = supplier_items[j].item_description
 temp_item['item_link'] = supplier_items[j].item_link
 temp_item['item_price'] = parseFloat(supplier_items[j].item_price).toFixed(2)
 temp_items[j] = temp_item
 }
 temp_supplier['total_price'] = parseFloat(supplier_list[i].supplier_total).toFixed(2)
 temp_supplier['items'] = temp_items
 if(supplier_list[i].supplier_mnm != 1 && parseFloat(temp_supplier['total_price']) >= parseFloat(temp_supplier['supplier_minimum'])) {
 mm_list[mm_count++] = temp_supplier
 }
 else {
 mnm_list[mnm_count++] = temp_supplier
 }
 supplier_count++
 }
 k=0
 for(i=0; i<mnm_list.length; i++) {
 className = 'qbSupplier'+k
 if(i==0) {
 appendFirstMNMSupplier(mnm_list[i]['supplier_name'], mnm_list[i]['total_price'], mnm_list[i]['supplier_minimum'], className, mnm_list[i]['items'], mnm_list[i]['supplier_link'])
 }
 else {
 appendMNMSupplier(mnm_list[i]['supplier_name'], mnm_list[i]['total_price'], mnm_list[i]['supplier_minimum'], className, mnm_list[i]['items'], mnm_list[i]['supplier_link'])
 }
 k++
 }
 for(i=0; i<mm_list.length; i++) {
 className = 'qbSupplier'+k
 if(i==0) {
 appendFirstMMSupplier(mm_list[i]['supplier_name'], mm_list[i]['total_price'], mm_list[i]['supplier_minimum'], className, mm_list[i]['items'], mm_list[i]['supplier_link'])
 }
 else {
 appendMMSupplier(mm_list[i]['supplier_name'], mm_list[i]['total_price'], mm_list[i]['supplier_minimum'], className, mm_list[i]['items'], mm_list[i]['supplier_link'])
 }
 k++
 }
 })
// updatePageTopData()
}
$(document).ready(function() {
 toggleQBCall()
});
function appendMMItems(className, itemList) {
 var j, itemQuantity, itemDescription, itemPrice, itemLink
 var retValue = ''
 for(j=0; j<itemList.length; j++) {
 itemQuantity = itemList[j]['item_quantity']
 itemDescription = itemList[j]['item_description']
 itemPrice = itemList[j]['item_price']
 itemCount = itemList[j]['item_count']
 itemLink = itemList[j]['item_link']
 retValue += '<div class="'+className+'" style="overflow:hidden;background:rgb(249, 253, 177) none repeat scroll 0%;width:190px;min-height:30px;margin-left:5px; margin-right:5px;display:none;"><div class="qbMMRow" style="width:40px;"><input name="quantity'+itemCount+'" onKeyPress="toggleQBSubmit();" style="top:2px;width:20px;height:12px;font-size:10px;vertical-align: middle;float:right;right:8px;position:relative;" type="text" value="'+itemQuantity+'"></div><div style="width: 95px;" class="qbMMRow"><a class="qbLink" style="color:#666;" href="'+itemLink+'">'+itemDescription+'</a></div><div class="qbMMRow" style="width:45px;">$'+itemPrice+'</div></div>'
 }
 return retValue
}
function appendMMItems2(className, itemList) {
 var j, itemQuantity, itemDescription, itemPrice, itemLink
 var retValue = ''
 for(j=0; j<itemList.length; j++) {
 itemQuantity = itemList[j]['item_quantity']
 itemDescription = itemList[j]['item_description']
 itemPrice = itemList[j]['item_price']
 itemCount = itemList[j]['item_count']
 itemLink = itemList[j]['item_link']
 retValue += '<div class="'+className+'" style="overflow:hidden;background:rgb(249, 253, 177) none repeat scroll 0%; width: 175px; margin-left:8px;margin-right:5px;min-height:30px;display:none;"><div class="qbMMRow" style="width:32px;position:relative;"><input name="quantity'+itemCount+'" onKeyPress="toggleQBSubmit();" style="top:2px;float:left;width:20px;height:12px;font-size:10px;position:relative;vertical-align:middle;left:0;" type="text" value="'+itemQuantity+'"></div><div style="width:95px;" class="qbMMRow"><a class="qbLink" style="color:#666;" href="'+itemLink+'">'+itemDescription+'</a></div><div class="qbMMRow" style="width:45px;">$'+itemPrice+'</div></div>' 
 }
 return retValue
}
function appendMNMItems(className, itemList) {
 var j, itemQuantity, itemDescription, itemPrice, itemLink
 var retValue = ''
 for(j=0; j<itemList.length; j++) {
 itemQuantity = itemList[j]['item_quantity']
 itemDescription = itemList[j]['item_description']
 itemPrice = itemList[j]['item_price']
 itemCount = itemList[j]['item_count']
 itemLink = itemList[j]['item_link']
 retValue += '<div class="'+className+'" style="overflow:hidden;background: #FFC674 none repeat scroll 0%;width:190px;margin-left:5px;margin-right:5px;min-height:30px;"><div class="qbMNMRow" style="width:40px;text-align:right;"><input name="quantity'+itemCount+'" onKeyPress="toggleQBSubmit();" style="width:20px;height:12px;font-size:10px;position:relative;vertical-align:middle;right:5px;" type="text" value="'+itemQuantity+'"><img src="[img_url]/layout/shim.gif" height="15" width="2"></div><div style="width:95px;" class="qbMNMRow"><a class="qbLink" style="color:#666;" href="'+itemLink+'">'+itemDescription+'</a></div><div class="qbMNMRow" style="width:45px;">$'+itemPrice+'</div></div>'
 }
 return retValue
}
function appendMNMItems2(className, itemList) {
 var j, itemQuantity, itemDescription, itemPrice, itemLink
 var retValue = ''
 for(j=0; j<itemList.length; j++) {
 itemQuantity = itemList[j]['item_quantity']
 itemDescription = itemList[j]['item_description']
 itemPrice = itemList[j]['item_price']
 itemCount = itemList[j]['item_count']
 itemLink = itemList[j]['item_link']
 retValue += '<div class="'+className+'" style="position:relative;background: #FFC674 none repeat scroll 0%;width:180px;overflow:hidden;margin-left:5px;margin-right:5px;min-height:30px;"><div class="qbMNMRow" style="width:35px;"><img src="[img_url]/layout/shim.gif" style="height:2px;width:5px;float:left;"><input name="quantity'+itemCount+'" onKeyPress="toggleQBSubmit();" style="float:right;right:7px;width:20px;height:12px;font-size:10px;position:relative;vertical-align:middle;top:2px;" type="text" value="'+itemQuantity+'"><img src="[img_url]/layout/shim.gif" height="15" width="2"></div><div class="qbMNMRow" style="width:100px;"><a class="qbLink" style="color:#666;" href="'+itemLink+'">'+itemDescription+'</a></div><div class="qbMNMRow" style="width:45px;">$'+itemPrice+'</div></div>'
 }
 return retValue
}
function appendFirstMNMSupplier(title, total, minimum, className, itemList, supplierLink) {
 var supplier = '<div id="firstMinimumNotMet"><div style="background:#E98300 none repeat scroll 0%;width:190px;text-align:left;margin-left:5px;margin-right:5px;color:#900;font-weight:800;">&nbsp;&nbsp;<img src="[img_url]/layout/mnm.gif"> Minimum Not Met <img src="[img_url]/layout/tl_dpink.gif" style="position:absolute;top:0px;left:0px;"><img src="[img_url]/layout/tr_dpink.gif" style="position:absolute;top:0px;right:0px;"></div><div style="background: #FFC674 none repeat scroll 0%;width:190px;text-align: left; margin-left: 5px; margin-right: 5px;padding-top:2px;padding-bottom:2px;">&nbsp;<span style="position:relative;left:16px;"><a href="'+supplierLink+'" style="text-decoration:underline;font-size:10px;color:#900;">'+title+'</a></span> <img src="[img_url]/layout/tl_lpink.gif" style="position:absolute;top:0px;left:0px;"><img src="[img_url]/layout/tr_lpink.gif" style="position:absolute;top:0px;right:0px;"></div>'+appendMNMItems(className, itemList)+'<div style="background: #FFC674 none repeat scroll 0%;width:190px;margin-left: 5px; margin-right: 5px; height: 12px; text-align: left;"><div class="'+className+'" style="background: rgb(102, 102, 102) none repeat scroll 0%;width:145px;height:1px;left:0px;"><hr style="display: none;"></div><div style="font-size:10px;color:rgb(102, 102, 102);left:20px;"><span style="text-align:left;color:#900;">$'+total+'</span> of $'+minimum+' <a href="#" onClick="toggleQBSupplier(\''+className+'\', 1)"><img src="[img_url]/layout/up_arrow_mnm.gif" style="border:0px;" class="'+className+'"></a></div><img src="[img_url]/layout/bl_lpink.gif" style="position:absolute;bottom:0px;left:0px;"><img src="[img_url]/layout/br_lpink.gif" style="position:absolute;bottom:0px;right:0px;"></div> </div><div style="height:2px;"><img src="[img_url]/layout/shim.gif" height="2" width="2"></div>'
 $('#quickBasketInner2').append(supplier)
}
function appendMNMSupplier(title, total, minimum, className, itemList, supplierLink) {
 var supplier = '<div class="minimumNotMetSupplier"><img src="[img_url]/layout/tl_mpink.gif" style="position:absolute;top:0px;left:0px;"><img src="[img_url]/layout/tr_mpink.gif" style="position:absolute;top:0px;right:0px;"><div style="left:20px;width:190px"><a href="'+supplierLink+'" style="text-decoration:underline;font-size:10px;color:#900;">'+title+'</a></div>'+appendMNMItems2(className, itemList)+'<div class="'+className+'" style="background: rgb(102, 102, 102) none repeat scroll 0%;width:145px;height:1px;left:0px;"><hr style="display: none;"></div><div style="font-size:10px;left:20px;color:rgb(102, 102, 102);"><span style="color:#900;">$'+total+'</span> of $'+minimum+' <a href="#" onClick="toggleQBSupplier(\''+className+'\',1)"><img src="[img_url]/layout/up_arrow_mnm.gif" style="border:0px;" class="'+className+'"></a></div></div><div style="background:#FFC674 none repeat scroll 0%; width: 190px;text-align:left;margin-left:5px;margin-right:5px;position:relative;"><img src="[img_url]/layout/bl_lpink.gif" style="position:absolute;bottom:0px;left:0px;"><img src="[img_url]/layout/br_lpink.gif" style="position:absolute;bottom:0px;right:0px;"></div><div style="height:2px;"><img src="[img_url]/layout/shim.gif" height="2" width="2"></div>'
 $('#quickBasketInner2').append(supplier)
}
function appendFirstMMSupplier(title, total, minimum, className, itemList, supplierLink) {
 var supplier = '<div id="minimumMet"><div id="firstMinimumMet" style="margin:0px;padding:0px;width:204px;"><div style="background: rgb(206, 215, 70) none repeat scroll 0%; width: 190px;text-align: left; margin-left: 5px; margin-right: 5px;color: rgb(46, 128, 62);font-weight:800;">&nbsp;&nbsp;<img src="[img_url]/layout/mm.gif"> Minimum Met<img src="[img_url]/layout/tl_dgreen.gif" style="position:absolute;top:0px;left:0px;"><img src="[img_url]/layout/tr_dgreen.gif" style="position:absolute;top:0px;right:0px;"></div><div style="background: rgb(249, 253, 177) none repeat scroll 0%; width: 190px;text-align: left; margin-left: 5px; margin-right: 5px;"><div style="left:20px;"><a href="'+supplierLink+'" style="text-decoration:underline;font-size:10px;color: rgb(46, 128, 62);">'+title+'</a></div></div>'+appendMMItems(className, itemList)+'<div style="background: rgb(249, 253, 177) none repeat scroll 0%; width: 190px;text-align: left; margin-left: 5px; margin-right: 5px;position:relative;"><div class="'+className+'" style="background: rgb(102, 102, 102) none repeat scroll 0%;width:145px;height:1px; position:relative;left:0px;display:none;"><hr style="display: none;"></div><div style="font-size:10px; position: relative; left: 20px; color: rgb(102, 102, 102);"><span style="color: rgb(46, 128, 62);">$'+total+'</span> of $'+minimum+' <a href="#" onClick="toggleQBSupplier(\''+className+'\',2)"><img src="[img_url]/layout/down_arrow_mm.gif" style="border:0px;" class="'+className+'"></a></div><img src="[img_url]/layout/bl_lgreen.gif" style="position:absolute;bottom:0px;left:0px;"><img src="[img_url]/layout/br_lgreen.gif" style="position:absolute;bottom:0px;right:0px;"></div></div><div style="height:2px;"><img src="[img_url]/layout/shim.gif" height="2" width="2"></div>'
 $('#quickBasketInner2').append(supplier)
}
function appendMMSupplier(title, total, minimum, className, itemList, supplierLink) {
 var supplier = '<div class="minimumMetSupplier"><div style="left:20px;"><a href="'+supplierLink+'" style="text-decoration:underline;font-size:10px;color: rgb(46, 128, 62);">'+title+'</a></div>'+appendMMItems2(className, itemList)+'<div class="'+className+'" style="background: rgb(102, 102, 102) none repeat scroll 0%;width:145px;height:1px;left:0px;display:none;"><hr style="display: none;"></div><div style="font-size:10px;left:20px;color: rgb(102, 102, 102);"><span style="color: rgb(46, 128, 62);">$'+total+'</span> of $'+minimum+' <a href="#" onClick="toggleQBSupplier(\''+className+'\',2)"><img src="[img_url]/layout/down_arrow_mm.gif" style="border:0px;" class="'+className+'"></a></div><img src="[img_url]/layout/tl_lgreen.gif" style="position:absolute;top:0px;left:0px;"><img src="[img_url]/layout/tr_lgreen.gif" style="position:absolute;top:0px;right:0px;"></div><div style="background: rgb(249, 253, 177) none repeat scroll 0%; width: 190px; text-align: left; margin-left: 5px; margin-right: 5px;position:relative;"><img src="[img_url]/layout/bl_lgreen.gif" style="position:absolute;bottom:0px;left:0px;"><img src="[img_url]/layout/br_lgreen.gif" style="position:absolute;bottom:0px;right:0px;"></div><div style="height:2px;"><img src="[img_url]/layout/shim.gif" height="2" width="2"></div>' 
 $('#quickBasketInner2').append(supplier)
}
function appendSpacer() {
 var mnm = 1
 var mm = 1
 if(mnm && mm) { 
 var html = '<div style="height:10px;">&nbsp;</div>'
 $('#quickBasketInner2').append(html)
 }
}