function loadPriceless() {
	var priceLess = document.getElementById("priceless");
	priceLess.innerHTML = "";
	var tbl = document.createElement("TABLE");
	tbl.style.border = "outset 1px";
	tbl.bgColor = "white";
	tbl.cellSpacing = 1;
	tbl.cellPadding = 1;
	tbl.width = "100%";
	var tbod = document.createElement("TBODY");
	var trow, tcell;
	trow = document.createElement("TR");
	tcell = document.createElement("TD");
	tcell.className = "txt1";
	tcell.style.backgroundColor = "#F5EF80";
	tcell.style.paddingLeft = "4px";
	tcell.innerHTML = "<b>Description</b>";
	trow.appendChild(tcell);
	tcell = document.createElement("TD");
	tcell.className = "txt1";
	tcell.style.backgroundColor = "#F5EF80";
	tcell.style.paddingLeft = "4px";
	tcell.innerHTML = "<b>Price</b>"
	trow.appendChild(tcell);
	tbod.appendChild(trow);
	for (var x=0; x<stock.length; x++) {
		trow = document.createElement("TR");
		tcell = document.createElement("TD");
		tcell.className = "txt1";
		tcell.style.backgroundColor = "#F5EF80";
		tcell.style.paddingLeft = "4px";
		tcell.innerHTML = desc[x];
		trow.appendChild(tcell);
		tcell = document.createElement("TD");
		tcell.className = "txt1";
		tcell.style.backgroundColor = "#F5EF80";
		tcell.style.paddingLeft = "4px";
		tcell.innerHTML = curSym + toCurrency(cost[x]);
		trow.appendChild(tcell);
		tbod.appendChild(trow);
	}
	tbl.appendChild(tbod);
	priceLess.appendChild(tbl);
	priceLess.style.top = document.getElementById("f_gnd").style.top;
	priceLess.style.left = (parseInt(document.body.offsetWidth) - document.getElementById("priceless").offsetWidth) / 2;
}

var wndInfo;
function viewAlbumInfo() {
	if(wndInfo && !wndInfo.closed) wndInfo.close();
	var features = "left=10,top=10,width=450,height=350,scrollbars=0,resizable=0,status=0";
	wndInfo = window.open("viewAlbumInfoPro.asp?alb=" + albID,"info",features);
	wndInfo.focus();
}

var hlpWnd;
function helpme() {
	if(hlpWnd && !hlpWnd.closed) hlpWnd.close();
	var features = "left=10,top=10,width=400,height=500,scrollbars=1,resizable=0,status=0";
	hlpWnd = window.open("step1help.asp","help",features);
	hlpWnd.focus();
}

var pcWnd;
function doPostcard(x) {
	if(pcWnd && !pcWnd.closed) pcWnd.close();
	var features = "left=10,top=10,width=720,height=520,scrollbars=0,resizable=0,status=0";
	pcWnd = window.open("postcard/default.asp?id=" + x, "pcard",features);
	pcWnd.focus();
}

var zoomWnd;
function showImage(x, z, y) {
	if (aVC != "True") {
		if (z.shiftKey) {
			addImage(y);
		} else {
			if(zoomWnd && !zoomWnd.closed) {zoomWnd.close(); zoomWnd = null}
			var features = "left=10,top=10,width=510,height=580,scrollbars=0,resizable=0,status=0";
			var zCook = new cookie("ZOOM");
			zCook.key("IMG", escape(paths[x]) + "X5/" + escape(names[x]));
			zCook.key("ID", x);
			zCook.save();
			zoomWnd = window.open("zoom.asp","zoom",features);
			zoomWnd.focus();
		}
	} else {
		addImage(y);
	}
}

function showCart() {
	var imageItems = 0;
	var cartItems = 0;
	var cartCost = 0;
	var cart = new cookie("CART");
	if (cart.keys.LIST) {
		var ilist = cart.keys.LIST.split("|");
		imageItems = ilist.length;
	}
	if (cart.keys.IALIST) {
		var ia = cart.keys.IALIST.split("|");
		var sa = cart.keys.SALIST.split("|");
		var qa = cart.keys.QALIST.split("|");
		var ca = cart.keys.CALIST.split("|");
		for (var i = 0; i<ia.length; i++) {
			cartItems++;
			cartCost += qa[i] * ca[i];
		}
	}
	retStr = "<b>Shopping basket summary</b><br>";
	retStr += "Images in basket: " + imageItems + "<br>";
	retStr += "Items ordered: " + cartItems + "<br>"
	retStr += "Total cost: " + curSym + toCurrency(cartCost);
	document.getElementById("thecart").innerHTML = retStr;
}

function displayImages() {
	document.getElementById("b_gnd").style.backgroundColor = styleString.split("|")[1].split(",")[0];
	document.getElementById("b_gnd").style.backgroundImage = styleString.split("|")[1].split(",")[1];
	document.getElementById("f_gnd").style.backgroundColor = styleString.split("|")[2].split(",")[0];
	document.getElementById("f_gnd").style.backgroundImage = styleString.split("|")[2].split(",")[1];

	var wrap = 4;
	var cap="", pathx2, pathx5, strRow="<tr>\r";
	var tableStart = "<table width=100% border=0 cellspacing=10 cellpadding=0>\r";
	var tableEnd = "</table>\r";
	var imgWH;
	for(var i=0; i<names.length; i++){
		pathx2 = paths[i] + "x2/" + names[i];
		pathx5 = paths[i] + "x5/" + names[i];
		cap = unescape(caps[i]);
		cap = (cap.length > 23) ? cap.substr(0, 23) + "..." : cap;
		strRow += "<td align=center valign=top>\r";
		strRow += "<table class='imgbdr1' id='tbl" + refs[i] + "' width=155 border=0 cellspacing=5 cellpadding=0>\r";
		strRow += "<tr>\r";
		strRow += "<td class=txt1 width=145>" + cap + "</td>\r";
		strRow += "</tr>\r";
		strRow += "<tr height=145>\r";
		strRow += "<td align=center valign=middle width=145 height=145>";
		imgWH = (rots[i]=="h") ? "width=135" : "height=135";
		strRow += "<img " + imgWH + " class=imgbdr src=\"" + pathx2 + "\" alt='" + unescape(caps[i]) + "' border=0";
		if (aVC != "True") {
			strRow += " onmouseover=\"window.status='click to view larger image, shift-click to add to or remove from basket'; return true\" onmouseout=\"window.status=''; return true\" onclick=showImage('" + i + "',event," + refs[i] + ") ></td>\r";
		} else {
			strRow += " onmouseover=\"window.status='click to add to or remove from basket'; return true\" onmouseout=\"window.status=''; return true\" onclick=showImage('" + i + "',event," + refs[i] + ") ></td>\r";
		}
		strRow += "</tr>\r";
		strRow += "<tr>\r";
		strRow += "<td id='hover" + refs[i] + "' class=txt1 align=center width=145>&nbsp;</td>\r";
		strRow += "</tr>\r";
		strRow += "<tr>\r";
		strRow += "<td class=txt15B align=center width=145><b>";
		strRow += "<a id='addremove" + refs[i] + "' onmouseover=\"mo('add image to basket'," + refs[i] + "); window.status='add image to basket'; return true\" onmouseout=\"mo(''," + refs[i] + ");window.status=''; return true\" href=javascript:addImage(" + refs[i] + ")>add</a>";
		if (aVC != "True") strRow += " | <a onmouseover=\"mo('view a larger image', " + refs[i] + "); window.status='view a larger image'; return true\" onmouseout=\"mo('', " + refs[i] + ");window.status=''; return true\" href=javascript:void(0) onclick=showImage('" + i + "',event," + refs[i] + ")>view</a>";
		if (aPC != "False") strRow += " | <a onmouseover=\"mo('send an ePostcard', " + refs[i] + "); window.status='send an ePostcard'; return true\" onmouseout=\"mo('', " + refs[i] + ");window.status=''; return true\" href=javascript:doPostcard('" + i + "')>send</a></b></td>\r";
		strRow += "</tr>\r";
		strRow += "</table>\r";
		strRow += "</td>\r";
		if ((i + 1) % wrap == 0) {
			strRow += "</tr>\r";
			strRow += "<tr>\r";
		}
	}
	document.getElementById("innerTable").innerHTML = tableStart + strRow + tableEnd;
//	document.getElementById("b_gnd").style.backgroundColor = styleString.split("|")[1].split(",")[0];
//	document.getElementById("b_gnd").style.backgroundImage = styleString.split("|")[1].split(",")[1];
//	document.getElementById("f_gnd").style.backgroundColor = styleString.split("|")[2].split(",")[0];
//	document.getElementById("f_gnd").style.backgroundImage = styleString.split("|")[2].split(",")[1];
}

function mo(str, who) {
	if (str)
		if (document.getElementById("addremove" + who).innerHTML == "remove" && str.substr(0, 3) == "add")
			 document.getElementById("hover" + who).innerHTML = "remove image from basket";
		else
			document.getElementById("hover" + who).innerHTML = str;
	else
		 document.getElementById("hover" + who).innerHTML = "&nbsp;";
}

function addImage(me) {
	var sel = new cookie("CART");
	if (!sel.keys.LIST) {
		sel.key("LIST", me);
		sel.save();
	} else {
		var selList = sel.keys.LIST.split("|");
		var newStr = "";
		var isFound = false;
		if (sel.keys.IALIST) {
			var ia = sel.keys.IALIST.split("|");
			var sa = sel.keys.SALIST.split("|");
			var qa = sel.keys.QALIST.split("|");
			var ca = sel.keys.CALIST.split("|");
			var iaList = "", saList = "", qaList = "", caList = "";
		}
		for (var i in selList) {
			if (selList[i] != me) {
				newStr += "|" + selList[i];
			} else {
				if (sel.keys.IALIST) {
					for (var j in ia) {
						if (ia[j] != selList[i]) {
							iaList += "|" + ia[j];
							saList += "|" + sa[j];
							qaList += "|" + qa[j];
							caList += "|" + ca[j];
						}
					}
				}
				isFound = true;
			}
		}
		if (!isFound) newStr += "|" + me;
		sel.key("LIST", newStr.substr(1));
		if (sel.keys.IALIST) {
			sel.key("IALIST", iaList.substr(1));
			sel.key("SALIST", saList.substr(1));
			sel.key("QALIST", qaList.substr(1));
			sel.key("CALIST", caList.substr(1));
		}
		sel.save();
	}
	showCart();
	updateRefs();
}

function updateRefs() {
	var sel = new cookie("CART");
	for (var i in refs) {
		document.getElementById("addremove" + refs[i]).innerHTML = "add";
		document.getElementById("tbl" + refs[i]).className = "imgbdr1";
		if (sel.keys.LIST) {
			if (sel.keys.LIST.indexOf(refs[i]) != -1) {
				document.getElementById("tbl" + refs[i]).className = "imgbdr2";
				document.getElementById("addremove" + refs[i]).innerHTML = "remove";
			}
		}
	}
}

function step2() {
	var sel = new cookie("CART");
	if (!sel.keys.LIST) { alert("You have not added any images to your shopping basket."); return }
	sel.key("ALB", albID);
	sel.key("LID", plid);
	sel.save();
	window.location = "step2.asp";
}

function addAll() {
	if (!confirm("Are you sure you want to add all images to your basket?")) return;
	var sel = new cookie("CART");
	var retStr = (sel.keys.LIST) ? "|" + sel.keys.LIST : "";
	for (var i in refs)
		if (retStr.indexOf(refs[i]) == -1) retStr += "|" + refs[i];
	sel.key("LIST", retStr.substr(1));
	sel.save();
	showCart();
	updateRefs();
}

function showPrice() { document.getElementById("priceless").style.visibility = "visible" }
function hidePrice() { document.getElementById("priceless").style.visibility = "hidden" }

function drawProBan(){
	var probansrc = "owners/pros/" + pid + "/proban.gif";
	var str = "<a name=top><img style=cursor:hand src=\"" + probansrc + "\" width=690 height=60 border=0 onclick=goPro()></a>";
	document.getElementById("proban").innerHTML = str;
}

function goPro() { location.href = url }
function listAlbs() { window.location = "pro/proplist.asp?PLid=" + plid + "&Pid=" + pid }
function showTitle() { document.getElementById("title").innerHTML = "<b>Album title:</b> " + description }
function getAlbumIndex() { for(var i=0; i<albumArray.length; i++) if(albumArray[i] == albID) return i }

function prevAlb(){
	var i = getAlbumIndex();
	if (i > 0) {
		window.location = "viewAlbum.asp?alb=" + albumArray[i-1];
	}
	else alert("You are already viewing the first album in the list.");
}

function nextAlb(){
	var i = getAlbumIndex();
	if (i < albumArray.length - 1) {
		window.location = "viewAlbum.asp?alb=" + albumArray[i+1];
	}
	else alert("You are already viewing the last album in the list.");
}

function loadNav() {
	if (!isNaN(parseInt(plid))) {
		var prevLink = (albID != albumArray[0]) ? "<a onmouseover=\"window.status='view previous album'; return true\" onmouseout=\"window.status=''; return true\" href=javascript:prevAlb()>&laquo; Prev</a>" : "&laquo; Prev";
		var nextLink = (albID != albumArray[albumArray.length-1]) ? "<a onmouseover=\"window.status='view next album'; return true\" onmouseout=\"window.status=''; return true\" href=javascript:nextAlb()>Next &raquo;</a>" : "Next &raquo;";
		var homeLink = "<a onmouseover=\"window.status='return to album listing'; return true\" onmouseout=\"window.status=''; return true\" href=javascript:listAlbs()>[ Home ]</a>";
		document.getElementById("nave").innerHTML = "<b>Albums:</b> " + prevLink + "&nbsp;|&nbsp;" + homeLink + "&nbsp;|&nbsp;" + nextLink;
	} else
		document.getElementById("nave").innerHTML = "&nbsp;";
}

function emptyBasket() {
	if (!confirm("Do you really want to empty out your shopping basket?")) return;
	var cart = new cookie("CART");
	cart.kill();
	showCart();
	updateRefs();
}

function logout() {
	if (albumArray)
		listAlbs();
	else {
		var cart = new cookie("CART");
		cart.kill();
		window.location = "logon.asp";
	}
}

function albProinit() {
	stats();
	drawProBan()
	showTitle();
	displayImages();
	loadPriceless();
	updateRefs();
	showCart();
	loadNav();
}