function SetSide() {
	if (!xbackside) {
		alert("Back side of this card is blank.")
		return;
	}
	xsrc = document.images.previewimage.src.toUpperCase()
	if (xside == "F") {
		xside = "B"
		document.images.previewimage.src = xsrc.split("_F.JPG").join("_B.jpg")
	}
	else {
		xside = "F"
		document.images.previewimage.src = xsrc.split("_B.JPG").join("_F.jpg")
	}
}
function ToggleSelection(yval) {
	for (k=1;k<document.preview.cbox.length;k++) {
		document.preview.cbox[k].checked = yval
	}
}
function ToggleAccSelection(yval) {
	for (k=1;k<document.preview.acc_cbox.length;k++) {
		document.preview.acc_cbox[k].checked = yval
	}
}
function FillImageArray() {
	var xobj = document.preview;
	var xCId, xImgCtr;
	var xfront = "";
	for (k=1;k<xobj.cbox.length;k++) {
		xCId = xobj["CId" + k].value
		xImgCtr = xobj["ImgCtr" + k].value
		if (xobj.cbox[k].checked) {
			if (xfront.length > 0) {
				xfront = xfront + ";"
			}
			xfront = xfront +  xCId + "_" + xImgCtr + "_F.jpg"
		}
	}
	xobj.FrontImages.value = xfront
}
var CurrentCounter = 1

function jshtmlencode(ystr){
	ystr = ystr.split("&gt;").join(">")
	ystr = ystr.split("&lt;").join("<")
	ystr = ystr.split("&quot;").join("\"")
	ystr = ystr.split("&amp;").join("&")

	ystr = ystr.split("&").join("&amp;")
	ystr = ystr.split("\"").join("&quot;")
	ystr = ystr.split("<").join("&lt;")
	ystr = ystr.split(">").join("&gt;")
	return ystr;
}

function ReplaceImage(ypath,yctr, yid, yprojectid, yRecId, yimgctr, yfxml, ybxml, ydbid, ymover) {  
	var tstr;
    
	tstr = '<center><font face="verdana" size="2" color="black"><b>' + jshtmlencode(document.preview["FullName" + yctr].value) + '</b></font></center>'
	ChangeInnerHTML("divname", tstr, true)
	CurrentCounter = yctr

	//ShowCardDetail()
    
	document.preview.CartId.value = yid
	document.preview.RecId.value = yRecId
	document.preview.DBId.value = ydbid
	document.preview.side.value = xside
	document.preview.FrontXML.value = yfxml
	document.preview.BackXML.value = ybxml
	document.preview.ProjectId.value = yprojectid
    xbackside= true
    if (ybxml=='' )
    {
        xbackside= false
    }
	if (xside == "B") {
		document.preview.templateXML.value = ybxml
	}
	else {
		document.preview.templateXML.value = yfxml
	}
//	ximgname = yid + "_" + yimgctr + "_" + xside + ".jpg"
	ximgname = yid + "_" + yimgctr + "_" + "F" + ".jpg"
	
	//document.images.previewimage.src = "/xp2/template_images/idb_images/"+ximgname
	//alert(Date())
	document.images.previewimage.src = ypath + "/savedImage/" + ximgname +"?" + Date()
	document.images.previewimage.alt = ymover.split("<br>").join('\n')
	
}
function EditRecord() {
	if (document.preview.templateXML.value.length <= 0) {
		alert("Your cart is empty.")
		return;
	}
	document.preview.side.value="F"  //to show the front side first while editing the abdge, as required by steve
	document.preview.BackLink.value = "v3_wizard_ReadyToOrder.aspx"
	document.preview.action = "v3_wizard_production_controller.aspx"
	document.preview.submit()
}
function PreviewAll() {
	var xfound = false;
	for (var k=1;k<document.preview.cbox.length;k++) {
		if (document.preview.cbox[k].checked) {
			xfound = true;
			break;
		}
	}
	if (!xfound) {
		alert("Select items from the cart \nby checking the check boxes \nand then preview!")
		return;
	}
	FillImageArray()
	document.preview.target = "_blank"
	document.preview.action = XPIdPartnerURL + "v3_wizard_preview_all.aspx"
	document.preview.submit()
}
function PreviewNow() {
	var xfound = false;
	for (var k=1;k<document.preview.cbox.length;k++) {
		if (document.preview.cbox[k].checked) {
			xfound = true;
			break;
		}
	}
	if (!xfound) {
		alert("Select items from the cart \nby checking the check boxes \nand then preview!")
		return;
	}
	document.preview.action ="v3_wizard_preview_cards.aspx"
	document.preview.submit()
}


function DeleteRecord(yall){

	var reply;
	if (yall == 'ALL') {
		var xfound = false;
		for (var k=1;k<document.preview.cbox.length;k++) {
			if (document.preview.cbox[k].checked) {
				xfound = true;
				break;
			}
		}
		if (!xfound) {
			alert("Select items from the cart \nby checking the check boxes \nand then remove!")
			return;
		}
		reply = confirm("All the selected Badges from\nthe Cart will be deleted.")
	}
	else {
		if (document.preview.CartId.value.length <= 0) {
			alert("Select an item from the cart and then delete!")
			return;
		}
		reply = confirm("ID Badge for\n" + document.preview["FullName" + CurrentCounter].value+ "\nwill be deleted.")
	}
	
	if (reply) {	
		if (yall == 'ALL') {
			var xstr=""
			for (var k=1;k<document.preview.cbox.length;k++) {
				if (document.preview.cbox[k].checked) {
					if (xstr.length > 0) {
						xstr = xstr + ";"
					}
					xstr = xstr + document.preview["CId" + k].value
				}
			}
			document.preview.DelCartId.value = xstr
		}
		else {
			document.preview.DelCartId.value = document.preview.CartId.value
		}
		document.preview.action = "v3_wizard_ReadyToOrder.aspx"
		document.preview.submit()
	}
}

function DeleteAccRecord(yall) {

	var reply;
	if (yall == 'ALL') {
		var xfound = false;
		for (var k=1;k<document.preview.acc_cbox.length;k++) {
			if (document.preview.acc_cbox[k].checked) {
				xfound = true;
				break;
			}
		}
		if (!xfound) {
			alert("Select items from the cart \nby checking the check boxes \nand then remove!")
			return;
		}
		reply = confirm("All the selected Accessories from\nthe Cart will be deleted.")
	}
	else {
		alert("Select accessories and the remove!")
		return;
	}
	
	if (reply) {	
		if (yall == 'ALL') {
			var xstr=""
			for (var k=1;k<document.preview.acc_cbox.length;k++) {
				if (document.preview.acc_cbox[k].checked) {
					if (xstr.length > 0) {
						xstr = xstr + ";"
					}
					xstr = xstr + document.preview["AccCId" + k].value
				}
			}
			document.preview.DelCartId.value = xstr
		}
		document.preview.action = "v3_wizard_cart.aspx"
		document.preview.submit()
	}
}


function ShowCardDetail() {
	var xobj = document.preview
	
	for(var k=1;k < a_cardtype.length;k++) {
		if (xobj["ProdId" + CurrentCounter].value == a_prodid[k]) {
			tstr = divstr
			tstr = tstr.split("*cardtype*").join(a_cardtype[k])
			tstr = tstr.split("*product*").join(a_product[k])

			tstr = tstr.split("*carddesc*").join(a_carddesc[k])
			tstr = tstr.split("*backdesc*").join(a_backdesc[k])
			tstr = tstr.split("*magdesc*").join(a_magdesc[k])
			tstr = tstr.split("*punchdesc*").join(a_punchdesc[k])
			tstr = tstr.split("*acc1desc*").join(a_acc1desc[k])
			tstr = tstr.split("*acc2desc*").join(a_acc2desc[k])
			if (a_cardprice[k] == 0) {
				tstr = tstr.split("*cardprice*").join('-&nbsp;')
			}
			else {
				tstr = tstr.split("*cardprice*").join('$'+SuffixZeros(a_cardprice[k], 2))
			}

			if (a_backprice[k] == 0) {
				tstr = tstr.split("*backprice*").join('-&nbsp;')
			}
			else {
				tstr = tstr.split("*backprice*").join('$'+SuffixZeros(a_backprice[k],2))
			}
			if (a_magprice[k] == 0) {
				tstr = tstr.split("*magprice*").join('-&nbsp;')
			}
			else {
				tstr = tstr.split("*magprice*").join('$'+SuffixZeros(a_magprice[k],2))
			}

			if (a_punchprice[k] == 0) {
				tstr = tstr.split("*punchprice*").join('-&nbsp;')
			}
			else {
				tstr = tstr.split("*punchprice*").join('$'+SuffixZeros(a_punchprice[k],2))
			}

			if (a_acc1price[k] == 0) {
				tstr = tstr.split("*acc1price*").join('-&nbsp;')
			}
			else {
				tstr = tstr.split("*acc1price*").join('$'+SuffixZeros(a_acc1price[k],2))
			}

			if (a_acc2price[k] == 0) {
				tstr = tstr.split("*acc2price*").join('')
			}
			else {
				tstr = tstr.split("*acc2price*").join('$'+SuffixZeros(a_acc2price[k],2))
			}

			a_totalprice[k] = SuffixZeros(a_cardprice[k] + a_backprice[k] + a_magprice[k] + a_punchprice[k] + a_acc1price[k] + a_acc2price[k], 2)
			tstr = tstr.split("*totalprice*").join('$'+a_totalprice[k])
			ChangeInnerHTML("divcard", tstr, true)
			xbackside = true
			if (a_backdesc[k].toUpperCase().indexOf('BLANK') >= 0 && a_backprice[k]==0 && a_magprice[k]==0) {
				xbackside = false
			}
		}
	} 
}
var xbackside = true;

function ChangeInnerHTML(yobject, ystr, yself) {
	var xdom;
	if (ns4dom) {
		xnestref = 'background'
		if (yself) {
			xnestref=null
		}
		if (xnestref != null) {
			xdom = eval('document["background"].document["'+yobject+'"].document')
		}
		else {
			xdom = document.layers[yobject].document
		}
		xdom.open()
		xdom.write(ystr)
		xdom.close()
	}
	else {
		xdom = document.all[yobject]
		xdom.innerHTML = ystr
	}
}
var win1 = null;
function RefreshCart() {
	if (win1 != null) {
		win1.close()
	}
	location.href = "v3_wizard_ReadyToOrder.aspx"
}
function ShowAccessory() {
	var xwidth = 450
	var xleft = (screen.width - xwidth)/2
	
	var xheight = 350
	var xtop = (screen.height - xheight)/2
	
	var xspecstr = 'left=' + xleft + ',top=' + xtop + ',width=' + xwidth + ',height=' + xheight + ', resizable, scrollbars'
	win1 = window.open("v3_wizard_select_accessory.aspx", "showwin", xspecstr)
}
InitializeString()
var divstr;
function InitializeString() {
	divstr = ''
	divstr = '<table border="0" width="280" cellpadding="0" cellspacing="0" class="body8">'
divstr = divstr + '<tr>' 
divstr = divstr + '<td colspan="3">'
divstr = divstr + '<table width="100%" border="0" cellspacing="0" cellpadding="0">'
divstr = divstr + '<tr>'
divstr = divstr + '<td><img src="images/space.gif" width="1" height="3"></td>'
divstr = divstr + '</tr>'
divstr = divstr + '<tr>'
divstr = divstr + '<td class="rule"><img src="images/space.gif" width="1" height="1"></td>'
divstr = divstr + '</tr>'
divstr = divstr + '<tr>'
divstr = divstr + '<td><img src="images/space.gif" width="1" height="3"></td>'
divstr = divstr + '</tr>'
divstr = divstr + '</table>'
divstr = divstr + '</td>'
divstr = divstr + '</tr>'	
	divstr = divstr + '<tr align="center">'
    divstr = divstr + '<td colspan="3" class="body8">Card Specifications:<br><b>*product* &#149; *cardtype*</b></td>'	
	divstr = divstr + '</tr>'
divstr = divstr + '<tr>' 
divstr = divstr + '<td colspan="3">'
divstr = divstr + '<table width="100%" border="0" cellspacing="0" cellpadding="0">'
divstr = divstr + '<tr>'
divstr = divstr + '<td><img src="images/space.gif" width="1" height="3"></td>'
divstr = divstr + '</tr>'
divstr = divstr + '<tr>'
divstr = divstr + '<td class="rule"><img src="images/space.gif" width="1" height="1"></td>'
divstr = divstr + '</tr>'
divstr = divstr + '<tr>'
divstr = divstr + '<td><img src="images/space.gif" width="1" height="3"></td>'
divstr = divstr + '</tr>'
divstr = divstr + '</table>'
divstr = divstr + '</td>'
divstr = divstr + '</tr>'	
	divstr = divstr + '<tr>'
	divstr = divstr + '<td align="left" height="17" class="body8" width="20">&nbsp;</td>'
	divstr = divstr + '<td align="left" height="17" class="body8" width="160">*carddesc*</td>'
	divstr = divstr + '<td align="right" height="17" class="body8" width="65">*cardprice*</td>'
	divstr = divstr + '</tr>'
	divstr = divstr + '<tr>'
	divstr = divstr + '<td align="left" height="17" class="body8"  width="20">&nbsp;</td>'
	divstr = divstr + '<td align="left" height="17" class="body8" width="160">*backdesc*</td>'
	divstr = divstr + '<td align="right" height="17" class="body8" width="65">*backprice*</td>'
	divstr = divstr + '</tr>'
	divstr = divstr + '<tr>'
	divstr = divstr + '<td align="left" height="17" class="body8"  width="20">&nbsp;</td>'
	divstr = divstr + '<td align="left" height="17" class="body8" width="160">*magdesc*</td>'
	divstr = divstr + '<td align="right" height="17" class="body8" width="65">*magprice*</td>'
	divstr = divstr + '</tr>'
	divstr = divstr + '<tr>'
	divstr = divstr + '<td align="left" height="17" class="body8" width="20">&nbsp;</td>'
	divstr = divstr + '<td align="left" height="17" class="body8" width="160">*punchdesc*</td>'
	divstr = divstr + '<td align="right" height="17" class="body8" width="65">*punchprice*</td>'
	divstr = divstr + '</tr>'
	divstr = divstr + '<tr>'
	divstr = divstr + '<td align="left" height="17" class="body8" width="20">&nbsp;</td>'
	divstr = divstr + '<td align="left" height="17" class="body8" width="160">*acc1desc*</td>'
	divstr = divstr + '<td align="right" height="17" class="body8" width="65">*acc1price*</td>'
	divstr = divstr + '</tr>'
	divstr = divstr + '<tr>'
	divstr = divstr + '<td align="left" height="17" class="body8" width="20">&nbsp;</td>'
	divstr = divstr + '<td align="left" height="17" class="body8" width="160">*acc2desc*</td>'
	divstr = divstr + '<td align="right" height="17" class="body8" width="65">*acc2price*</td>'
	divstr = divstr + '</tr>'
divstr = divstr + '<tr>' 
divstr = divstr + '<td colspan="3">'
divstr = divstr + '<table width="100%" border="0" cellspacing="0" cellpadding="0">'
divstr = divstr + '<tr>'
divstr = divstr + '<td><img src="images/space.gif" width="1" height="3"></td>'
divstr = divstr + '</tr>'
divstr = divstr + '<tr>'
divstr = divstr + '<td class="rule"><img src="images/space.gif" width="1" height="1"></td>'
divstr = divstr + '</tr>'
divstr = divstr + '<tr>'
divstr = divstr + '<td><img src="images/space.gif" width="1" height="3"></td>'
divstr = divstr + '</tr>'
divstr = divstr + '</table>'
divstr = divstr + '</td>'
divstr = divstr + '</tr>'	
	divstr = divstr + '<tr>'
	divstr = divstr + '<td align="left" height="17" width="20" class="body8">&nbsp;</td>'
	divstr = divstr + '<td align="right" height="17" width="160" class="body8">Total Card Price :</td>'
	divstr = divstr + '<td align="right" height="17" width="65" class="body8"><b>*totalprice*</b></td>'
	divstr = divstr + '</tr>'

divstr = divstr + '<tr>' 
divstr = divstr + '<td colspan="3">'
divstr = divstr + '<table width="100%" border="0" cellspacing="0" cellpadding="0">'
divstr = divstr + '<tr>'
divstr = divstr + '<td><img src="images/space.gif" width="1" height="3"></td>'
divstr = divstr + '</tr>'
divstr = divstr + '<tr>'
divstr = divstr + '<td class="rule"><img src="images/space.gif" width="1" height="1"></td>'
divstr = divstr + '</tr>'
divstr = divstr + '<tr>'
divstr = divstr + '<td><img src="images/space.gif" width="1" height="3"></td>'
divstr = divstr + '</tr>'
divstr = divstr + '</table>'
divstr = divstr + '</td>'
divstr = divstr + '</tr>'	
	divstr = divstr + '</table>'
}
weventx=0
weventy=0
function ShowImageDiv(yctr) {

	var ximage = document.preview["AccImage" + yctr].value;
	var xdesc = document.preview["AccFullName" + yctr].value
	var ximgname = XPIdPartnerURL + "vendors/" + xVendorId+ "/products/" + ximage
	var tstr = '<center><img src="' + ximgname + '"><br><img src="images/ruledot.gif" width="150" height="1"><br><font face="verdana" size="2" color="black">' + xdesc + '</font><br></center>'

	ChangeInnerHTML('divimage', tstr, true)

	var xdom = getRS('', zz_document, zz_all, "divimage", zz_style)

	CB_moveTo(xdom, weventx+10, weventy-40) 

	showtheobject(xdom)

}
function HideImageDiv(yctr) {
	var xdom = getRS('', zz_document, zz_all, "divimage", zz_style)
	hidetheobject(xdom)
}
function SetXY() {
	weventx = window.event.x
	weventy = window.event.y
}
function UpdateQuantity(yval) {
	if (yval == 1) {
		if (!document.preview.cbox[1]) {
			alert('There is no badge in your cart.\nHence there is nothing to update.')
			return;
		}
	}
	else if (yval == 2) {
		if (!document.preview.acc_cbox[1]) {
			alert('There is no accessory in your cart.\nHence there is nothing to update.')
			return;
		}
	}

	document.preview.UpdateType.value = yval
	document.preview.NextLink.value = XPIdPartnerURL + "UpdateQuantity.aspx"
	document.preview.action = "intermediate.aspx" 
	win1 = window.open("intermediate.aspx", "interwin", "left=6000,top=6000,width=100,height=100")
}
function CheckoutSummary() {
	var xchecked = false;
	for (k=1;k<document.preview.cbox.length;k++) {
		if (document.preview.cbox[k].checked) {
			xchecked = true
			break;
		}
	}
	if (!xchecked) {
		for (k=1;k<document.preview.acc_cbox.length;k++) {
			if (document.preview.acc_cbox[k].checked) {
				xchecked = true
				break;
			}
		}
	}
	if (!xchecked) {
		alert("No items selected for checkout. Please select which items you would like to order at this time before proceeding to checkout.")
		return;
	}
	
	document.preview.action = "v3_wizard_checkout_summary.aspx"
	document.preview.submit()
}
function CreateMore(ypage) {
	//document.preview.CartId.value = ""
	document.preview.RecId.value = ""
	document.preview.action = ypage + "?force=1"
	document.preview.target = "_self"
	document.preview.submit();
}