var galNr = 0;
var itemNr = 0;

function dispThumb(aItemNr){
	var thumbid = "thumb"+aItemNr;
	document.write('<img border="0" id="'+thumbid+'" style="position: absolute; left: '+tpos[aItemNr].left+'; top: '+tpos[aItemNr].top+'" width="100" height="75"">');
}

function mapThumb(aMapNr) {
	var left1=tpos[aMapNr].left-96
	var top1=tpos[aMapNr].top-129
	var left2=tpos[aMapNr].left-149
	var top2=tpos[aMapNr].top-50
	var left3=tpos[aMapNr].left-47
	var top3=tpos[aMapNr].top-65
	document.write('<area shape="polygon" coords='+left1+','+top1+','+left2+','+top2+','+left3+','+top3+'" onmouseover="showFoto('+aMapNr+')">')
}

function dispThumbs() {
	for (i=0;i<=8;i++) dispThumb(i);
}

function mapThumbs() {
	document.write('<map id="thumbsmap" name="thumbsmap">');
	for (i=0;i<=8;i++) mapThumb(i);
	document.write('</map>');
}

function showFoto(aItemNr){
	if (item[galNr][aItemNr].num!="")
	{
		itemNr = aItemNr;
	    var src = subdir+item[galNr][itemNr].num+'.jpg';
		document.getElementById("foto").src = src;
		document.getElementById("label").innerHTML="nr. "+item[galNr][itemNr].num+"<br>"+item[galNr][itemNr].txt+"<br>Prijs: "+item[galNr][itemNr].prc;
	}
}

function clearFoto(){
	document.getElementById("foto").src = "";
	document.getElementById("label").innerHTML="";
}

function openVitrine(aGalNr) {
	galNr = aGalNr;
	itemNr = -1;
	for (i=8;i>=0;i--) {	
		var thumbid = "thumb"+i;
		document.getElementById(thumbid).src = subdir+'thumbs/'+item[galNr][i].num+'_thumb.jpg'
		if (item[galNr][i].num!="") {itemNr=i}
	}
	if (itemNr>=0) {
		showFoto(itemNr);
	}
	else {
		clearFoto();
	}
}

function bestel() {
	var p = item[galNr][itemNr].prc;
	if (item[galNr][itemNr].num=="")
	{
		alert("Kies een sieraad om te bestellen")
	}
	else
	if (p.match(/verkocht/i)!=null)
	{
		alert("Jammer, dit sieraad is al verkocht")
	}
	else
	{
		window.location='bestellen.htm?num='+item[galNr][itemNr].num+'&prc='+item[galNr][itemNr].prc+'&txt='+item[galNr][itemNr].txt;
	}
}

var expandedRootID = "" 
var expandedSubID = ""
var rootName = ""
var subName = ""

function expand(aElementID) {
	var el = document.getElementById(aElementID)

	if (el.parentNode.tagName=="SPAN") {  // el = subnode
		if (expandedSubID!=aElementID) { // sub (=element) is currently not expanded
			es = document.getElementById(expandedSubID) // collapse other sub
			if (es!=null) {
				es.style.display="none"
			} 
			el.style.display="block" // expand sub (=element)
			expandedSubID = aElementID
			subName = el.getAttribute("name")
			v = el.getElementsByTagName("img")[0]
			if (v!=null) 
				openVitrine(v.getAttribute("vitrine"))
		}
		if (expandedRootID!=el.parentNode.id) { // containing root is not expanded
			er = document.getElementById(expandedRootID) // collapse other root
			if (er!=null) {
				er.style.display="none"
			} 
			el.parentNode.style.display="block" // expand root
			expandedRootID = el.parentNode.id
			rootName = el.parentNode.getAttribute("name")
		}
	} else { // el = root
		if (expandedRootID!=aElementID) { // root (=element) is currently not expanded
			er = document.getElementById(expandedRootID) // collapse other root
			if (er!=null) {
				er.style.display="none"
			} 
			el.style.display="block" // expand root (=element)
			expandedRootID = aElementID
			rootName = el.getAttribute("name")

			sub = el.getElementsByTagName("SPAN")[0] // expand first sub to assure there is always sub expanded
			es = document.getElementById(expandedSubID) // collapse other sub
			if (es!=null) {
				es.style.display="none"
			} 
			sub.style.display="block" // expand sub
			expandedSubID = sub.id
			subName = sub.getAttribute("name")
			v = sub.getElementsByTagName("img")[0]
			if (v!=null) 
				openVitrine(v.getAttribute("vitrine"))

		}
	}
	document.getElementById("subtitle").innerHTML = rootName + " - " + subName
}

function saveSelectedItem()
{
	var exdate=new Date()
	exdate.setDate(exdate.getDate()+5)
	document.cookie="evf=" +expandedSubID+","+galNr+","+itemNr +";expires="+exdate.toGMTString()
}

function loadSelectedItem()
{
	var arr = new Array(3)
	arr[0]=1
	arr[1]=0
	arr[2]=0
	if (document.cookie.length>0)
	{
		c_start=document.cookie.indexOf("evf=")
		if (c_start!=-1)
		{ 
			c_start=c_start + 4 
			c_end=document.cookie.indexOf(";",c_start)
			if (c_end==-1) c_end=document.cookie.length
			arr = document.cookie.substring(c_start,c_end).split(",")
		} 
	}
	expand(arr[0])
	openVitrine(arr[1])
	showFoto(arr[2])
}
