function addToBasket(pid){
	//alert("pid:"+pid);
	showAdjustQtyDLG(pid,100);
}
function appendArgs(loc){
	var args=urlargs();
	if(args){
		for(var pr=0;pr<args.length;pr++){
			var KVPair=args[pr];
			var ky=KVPair[0];
			var val=KVPair[1];
			if(ky=="r"){
				loc+="&r="+val;
			}
			if(ky=="rf"){
				loc+="&rf="+val;
			}
		}
	}
	return loc;
}
function addToBasketSubmit(e){
	var o=sel('#AdjustQtyInput')[0];
	var qty=o.value;
	var pid=o.PID;
	var loc=getLocation();
	var basketURL=loc+"?productcode="+pid+"&qty="+qty+"&action=addtobasket";
	window.location=basketURL;
}
function closeProductCardDLG(){
	var e=arguments[0]||window.event;
	var o=which(e);
	var p=Parent(o);
	var dlg=Parent(p);
	//alert(dlg.outerHTML);
	//var dlg=sel("")[0];
	removeElement(dlg);
}
function closeQTYDLG(){
	var o=sel('#AdjustQtyDLG')[0];
	removeElement(o);
}
function formatCardItem(tagtxt,valtxt){
	var ci=DIV();
	ci.className="cardItem";
	var tag=SPAN();/* TAG */
	tag.className="cardTag";
	text(tag,tagtxt);
	ci.appendChild(tag);
	var val=SPAN();/* VALUE */
	val.className="cardValue";
	text(val,valtxt);
	ci.appendChild(val);
	return ci;
}
function getCardProductData(pid,qty){
	var pgurl="http://www.cnbcom.com/fn/productById.php?pid="+pid;
	//alert("getCardProductData:pgurl"+pgurl);
	var cb="showCard";
	var mthd="GET";
	var param="";
	var trg=null;
	getData(trg,pgurl,cb,mthd,param);
}
function pullCard(){
	standby();
	var e=arguments[0]||window.event;
	var crdCls=".card";
	var crd=sel(crdCls)[0];
	if(crd){
		removeElement(crd);
	}
	/* collect product id from card */
	//alert("typeof(e):"+typeof(e));
	var o=which(e);
	//alert("pullcard:typeof(o)"+typeof(o));
	//alert('happily hereafter');
	
	//alert("pullcard:o.outerHTML"+outerHTML(o));
	var pid=o.getAttribute('PID');

	var qty=o.getAttribute('QTY');
	var psn=text(o);
	getCardProductData(pid,qty);
}
function removeFromWallet(){
	var e=arguments[0]||window.event; 
	standby();
	var o=which(e);
	var pid=o.getAttribute('PID');
	var loc=getLocation();
	loc+="?action=deletefrombasket&productcode="+pid;
	appendArgs(loc);
	window.location=loc;
}
function showAdjustQtyDLG(pid,qty){
	/* FIND WINDOW SCROLL POSITION */
	//var hscroll=(document.all)?document.body.scrollLeft:window.pageXOffset;
	//var vscroll=(document.all)?document.body.scrollTop:window.pageYOffset;
	var tp=scrollTop();
	tp+=80;
	//alert("scrollTop:"+tp);	
	var newTop=tp+"px";
	/* CONTAINER */
	var bin=DIV();
	//bin.id="AdjustQtyDLG";
	bin.setAttribute("id","AdjustQtyDLG");
	bin.style.background='#ffa';
	bin.style.border='3px ridge #933';
	bin.style.color='#000';
	bin.style.font='normal 12pt arial';
	bin.style.left='50%';
	bin.style.margin='0 0 0 -300px';
	bin.style.paddingBottom="21px";
	bin.style.position='absolute';
	bin.style.top=newTop; //'64px';
	bin.style.width='600px';
	bin.style.zIndex='99';
	/* HDR DIV */
	var hdr=DIV();
	hdr.style.background="#933";
	hdr.style.borderBottom="1px solid #000";
	hdr.style.marginBottom="21px";
	hdr.style.textAlign="center";
	hdr.style.width="100%";
		/* TITLE SPAN */
		var dt=SPAN();
		dt.style.font='bold 12pt arial';
		dt.style.color='#fff';
		dt.style.display='inline-block';
		dt.style.height='27px';
		dt.style.lineHeight='27px';
		dt.style.textAlign='center';
		dt.style.width="100%";
		text(dt,'Choose Your Desired Quantity');
		hdr.appendChild(dt);
		/* CLOSE BTN */
		var cb=SPAN();
		cb.setAttribute("id","AdjustQtyDLGClose");
		cb.style.background="url('http://www.cnbcom.com/graphics/buttons/CloseWindow.png') 0 0 no-repeat";
		cb.style.cursor="pointer";
		cb.style.display='inline-block';
		cb.style.height="21px";
		cb.style.width="21px";
		cb.style.left="100%";
		cb.style.position="absolute";
		cb.style.margin="0 0 0 -24px";
		cb.style.top="3px";
		cb.style.zIndex="99";
		text(cb," ");
		hdr.appendChild(cb);		
	bin.appendChild(hdr);
	/* BODY DIV */
	var bdy=DIV();
	/* qtyDIV */
	var qtyDIV=DIV();
	qtyDIV.style.height="36px";
	qtyDIV.style.lineHeight="36px";
	/* qtyTAG*/
	var qtyTag=SPAN();
	qtyTag.style.paddingRight='5px';
	qtyTag.style.color='#44C';
	qtyTag.style.display='inline-block';
	qtyTag.style.font='normal 14pt arial';
	qtyTag.style.textAlign='left';
	qtyTag.style.textAlign='right';
	qtyTag.style.width="200px";
	text(qtyTag, "Quantity:");
	qtyDIV.appendChild(qtyTag);
	/* QtyNPT */
	var qtyNpt=INPUT();
	qtyNpt.setAttribute("id","AdjustQtyInput");
	if(document.all){
		qtyNpt.setAttribute("PID",pid);
	}else{
		qtyNpt.PID=pid;
	}
	qtyNpt.value=qty;
	qtyDIV.appendChild(qtyNpt);
	bdy.appendChild(qtyDIV);
	/* btnDIV */
	var btnDIV=DIV();
	//btnDIV.style.background="#f00";
	btnDIV.style.height="36px";
	btnDIV.style.lineHeight="36px";
	btnDIV.style.width="100%";
	btnDIV.style.textAlign="center";
	/* sbmtBTN */
	var sbmtBTN=BUTTON();
	sbmtBTN.setAttribute("id","AdjustQtySubmitBTN");
	sbmtBTN.value="Add To Basket";
	sbmtBTN.position="relative";
	sbmtBTN.style.marginRight="41px";
	sbmtBTN.style.width="120px";
	btnDIV.appendChild(sbmtBTN);
	//add onclick action
	
	/* cnclBTN */
	var cnclBTN=BUTTON();
	cnclBTN.setAttribute("id","AdjustQtyCancelBTN");
	cnclBTN.value="Cancel";
	cnclBTN.style.width="120px";
	
	btnDIV.appendChild(cnclBTN);
	//add onclick action
	bdy.appendChild(btnDIV);	
	bin.appendChild(bdy);
	document.body.appendChild(bin);
	bindEvent('#AdjustQtyDLGClose','onclick',closeQTYDLG);
	bindEvent('#AdjustQtySubmitBTN','onclick',addToBasketSubmit);
	bindEvent('#AdjustQtyCancelBTN','onclick',closeQTYDLG);
}
/* SHOPPING WALLET CARD FUNCTIONS */

function showCard(jdata){
	//alert("jdata:"+jdata);
	var uData=unescape(jdata);
	//alert("uData:"+uData);
	var cardData=JSON.parse(uData);
	var pid=cardData.pid;
	var psn=cardData.psn;
	var pfn=cardData.pfn;
	var mfg=cardData.mfg;
	//var pid="XXXXXXXXX";
	var price="Cost Per Unit: $"+cardData.price;
	var memory=cardData.memory;
	var processor=cardData.processor;
	var optdrive=cardData.optdrive;
	var harddrive=cardData.harddrive;
	var harddrive2=cardData.harddrive2;
	var wt=cardData.wt;
	var model=cardData.model;
	var size=cardData.size;
	var widescreen=cardData.widescreen;
	var usb=cardData.usb;
	var networkcard=cardData.networkcard;
	var display=cardData.display;
	var chassis=cardData.chassis;
	var condition=cardData.condition;
	var warranty=cardData.waranty;
	var os=cardData.os;
	var extra=cardData.extra;
	var extra1=cardData.extra1;
	var extra2=cardData.extra2;
	var extra3=cardData.extra3;
	var extra4=cardData.extra4;
	var keywords=cardData.keywords;
	var crdID="#WalletCard"+pid;
	var crd=sel(crdID)[0];
	var qty=crd.getAttribute('QTY');
	//alert("PID:"+pid);
	/* collect product details from card */
	var cardID="WalletCard"+pid;	
	//var o=which();
	//var psn=text(o);
	var card=DIV();
	card.setAttribute("id",cardID);
	card.className="card";
	var tp=scrollTop()+184;
	var cardTop=tp+"px";
	card.style.top=cardTop;
	/* HDR DIV */
	var hdr=DIV();
	hdr.className="cardHdr";
	/* TITLE SPAN */		
	var cardTitle=SPAN();
	cardTitle.className="cardTitle";
	cardTitle.innerHTML=psn;
	//text(cardTitle,psn);
	hdr.appendChild(cardTitle);
	/* CLOSE BTN */
	var cb=SPAN();
	cb.setAttribute("id","ProductCardCloseBtn");
	cb.className="cardCloseBTN";
	text(cb," ");
	hdr.appendChild(cb);
	card.appendChild(hdr);
	/* CARD BODY */
	var cardSpecs=DIV();
	cardSpecs.className="cardSpecs";
	/* PRICE */
	var crdprice=DIV();
	crdprice.className="cardPrice";
	text(crdprice,price);
	cardSpecs.appendChild(crdprice);
	/* PRODUCT CODE [pid] */
	if(pid){
		var crdpid=formatCardItem("SKU:",pid);
		cardSpecs.appendChild(crdpid);
	}
	/* PRODUCT FULL NAME [pfn] */
	if(pfn){
		var crdpfn=formatCardItem("Product:",pfn);
		cardSpecs.appendChild(crdpfn);
	}
	/* PRODUCT MANUFACTURER [mfg]*/
	if(mfg){
		var crdmfg=formatCardItem("Manufacturer:",mfg);
		cardSpecs.appendChild(crdmfg);
	}
	/* PRODUCT WEIGHT [wt] */
	if(wt){
		wt=wt+" lbs.";
		var crdWT=formatCardItem("Weight:",wt);
		cardSpecs.appendChild(crdWT);
	}
	/* PRODUCT MODEL [model] */
	if(model){
		var crdModel=formatCardItem("Model:",model);
		cardSpecs.appendChild(crdModel);	
	}
	/* PRODUCT PROCESSOR [processor] */
	if(processor){
		var crdProcessor=formatCardItem("Processor:",processor);
		cardSpecs.appendChild(crdProcessor);
	}
	/* PRODUCT MEMORY [memory] */
	if(memory){
		var crdMemory=formatCardItem("Memory:",memory);
		cardSpecs.appendChild(crdMemory);
	}
	/* PRODUCT HARDDRIVE [harddrive]+[harddrive2] */
	if(harddrive){
		var crdHarddrive=formatCardItem("Harddrive:",harddrive);
		cardSpecs.appendChild(crdHarddrive);
	}
	/* PRODUCT OPTICAL DRIVE [optdrive] */
	if(optdrive){
		var crdOptdrive=formatCardItem("Optdrive:",optdrive);
		cardSpecs.appendChild(crdOptdrive);
	}
	/* PRODUCT SIZE [size] */
	if(size){
		var crdSize=formatCardItem("Size:",size);
		cardSpecs.appendChild(crdSize);
	}
	/* PRODUCT WIDESCREEN [widescreen] */
	if(widescreen){
		var crdWidescreen=formatCardItem("Widescreen:",widescreen);
		cardSpecs.appendChild(crdWidescreen);
	}
	/* PRODUCT USB [usb] */
	if(usb){
		var crdUSB=formatCardItem("USB:",usb);
		cardSpecs.appendChild(crdUSB);
	}
	/* PRODUCT NETWORKCARD [networkcard] */
	if(networkcard){
		var crdNetworkcard=formatCardItem("Networkcard:",networkcard);
		cardSpecs.appendChild(crdNetworkcard);
	}
	/* PRODUCT DISPLAY [display] */
	if(display){
		var crdDisplay=formatCardItem("Display:",display);
		cardSpecs.appendChild(crdDisplay);
	}
	/* PRODUCT CHASSIS [chassis] */
	if(chassis){
		var crdChassis=formatCardItem("Chassis:",chassis);
		cardSpecs.appendChild(crdChassis);
	}
	/* PRODUCT CONDITION [condition] */
	if(condition){
		var crdCondition=formatCardItem("Condition:",condition);
		cardSpecs.appendChild(crdCondition);
	}
	/* PRODUCT WARRANTY [warranty]*/
	if(warranty){
		var crdWarranty=formatCardItem("Warranty:",warranty);
		cardSpecs.appendChild(crdWarranty);
	}
	/* PRODUCT OS [os] */
	if(os){
		var crdOS=formatCardItem("OS:",os);
		cardSpecs.appendChild(crdOS);
	}
	/* PRODUCT EXTRA [extra,extra1,extra2,extra3 & extra4] */
	if(extra){
		var crdExtra=formatCardItem("Value Added:",extra);
		cardSpecs.appendChild(crdExtra);
	}
	if(extra1){
		var crdExtra1=formatCardItem(" ",extra1);
		cardSpecs.appendChild(crdExtra1);
	}	
	if(extra2){
		var crdExtra2=formatCardItem(" ",extra2);
		cardSpecs.appendChild(crdExtra2);
	}	
	if(extra3){
		var crdExtra3=formatCardItem(" ",extra3);
		cardSpecs.appendChild(crdExtra3);
	}	
	if(extra4){
		var crdExtra=formatCardItem(" ",extra4);
		cardSpecs.appendChild(crdExtra4);
	}
	/* PRODUCT KEYWORDS [keywords] */
	//if(keywords){
	//	var crdKeywords=formatCardItem("Keywords:",keywords);
	//	cardSpecs.appendChild(crdKeywords);
	//}
	
	/* FINALIZE CARD */
	card.appendChild(cardSpecs);
	/* SHOPPING WALLET MANAGEMENT FEATURES */	
	/* Remove From Wallet */
	var delBin=DIV();
	delBin.style.height="41px";
	delBin.style.width="100%";
	delBin.style.textAlign="center";
	var delBtn=BUTTON();
	delBtn.value="Delete from Wallet";
	delBtn.setAttribute("id","ProductCardDeleteBtn");
	delBtn.setAttribute("PID",pid);
	delBin.appendChild(delBtn);
	card.appendChild(delBin);
	/* QUANTITY */
	var qtyBin=DIV();
	qtyBin.style.height="41px";
	qtyBin.style.width="100%";
	qtyBin.style.textAlign="center";
	var qtyTag=SPAN();
	qtyTag.style.display="inline-block";
	qtyTag.style.margin="0 0 0 0";
	qtyTag.style.width="120px";
	qtyTag.style.textAlign="right";
	text(qtyTag,"Quantity:");
	qtyBin.appendChild(qtyTag);	
	var qtyBox=INPUT();
	qtyBox.value=qty;
	qtyBox.setAttribute("id","ProductCardQty");
	qtyBox.setAttribute("PQTY",qty);
	qtyBox.setAttribute("PID",pid);
	qtyBox.setAttribute("SIZE","3");
	qtyBox.setAttribute("MAXLENGTH","3");
	qtyBox.style.margin="0 0 0 5px";
	qtyBin.appendChild(qtyBox);
	var qtyBtn=BUTTON();
	qtyBtn.value="Update Quantity";
	qtyBtn.setAttribute("id","ProductCardQTYBTN");
	qtyBtn.setAttribute("PID",pid);
	qtyBin.appendChild(qtyBtn);
	
	card.appendChild(qtyBin);
	
	document.body.appendChild(card);
	bindEvent('#ProductCardCloseBtn','onclick',closeProductCardDLG);
	bindEvent('#ProductCardDeleteBtn','onclick',removeFromWallet);
	bindEvent('#ProductCardQTYBTN','onclick',updateProductQTY);
	standby();
}
function updateProductQTY(){
	var o=sel('#ProductCardQty')[0];
	var newQTY=o.value;
	var oldQTY=o.PQTY;
	var pid=o.getAttribute('PID');
	if(newQTY!=oldQTY){
		var loc=getLocation();
		loc+="?action=updateproductqty&productcode="+pid+"&qty="+newQTY;
		/* collect existing url arguments */
		appendArgs(loc);
		//alert(right(loc));
		if(right(loc)=="&"){
			loc=loc.substring(0,(loc.length-2));
		}
		window.location=loc;
	}
}