var shapesi = new Array();
var shapes = new Array();
shapes.push("orderimages/shapes/olifant_i.gif");
shapes.push("orderimages/shapes/baby_elephant_i.gif");
shapes.push("orderimages/shapes/giraffe_i.gif");
shapes.push("orderimages/shapes/krokodil_i.gif");
shapes.push("orderimages/shapes/struisvogel_i.gif");
shapes.push("orderimages/shapes/aap_i.gif");
shapes.push("orderimages/shapes/neushoorn_i.gif");
shapes.push("orderimages/shapes/leeuw_i.gif");
shapesi.push(shapes);
shapes = new Array();
shapes.push("orderimages/shapes/donkey_i.gif");
shapes.push("orderimages/shapes/dog_i.gif");
shapes.push("orderimages/shapes/cat_i.gif");
shapes.push("orderimages/shapes/rooster_i.gif");
shapes.push("orderimages/shapes/bremerset_i.gif");
shapesi.push(shapes);
shapes = new Array();
shapes.push("orderimages/shapes/plant1_i.gif");
shapes.push("orderimages/shapes/plant2_i.gif");
shapes.push("orderimages/shapes/table_i.gif");
shapes.push("orderimages/shapes/hanginglamp_i.gif");
shapes.push("orderimages/shapes/chair_i.gif");
shapes.push("orderimages/shapes/lamp1_i.gif");
shapes.push("orderimages/shapes/lamp2_i.gif");
shapes.push("orderimages/shapes/lamp3_i.gif");
shapesi.push(shapes);
shapes = new Array();
shapes.push("orderimages/shapes/wallpapertree_i.gif");
shapes.push("orderimages/shapes/wallpapertree2_i.gif");
shapes.push("orderimages/shapes/wallpaperbranch_i.gif");
shapes.push("orderimages/shapes/leaves_i.gif");
shapesi.push(shapes);
shapes = new Array();
shapes.push("orderimages/shapes/birdhouselamp_i.gif");
shapesi.push(shapes);
shapes = new Array();
shapes.push("orderimages/shapes/birds_i.gif");
shapes.push("orderimages/shapes/owl_i.gif");
shapesi.push(shapes);
shapes = new Array();
shapes.push("orderimages/shapes/detail_duvetcover_pink.gif");
shapes.push("orderimages/shapes/detail_duvetcover_pink.gif");
shapes.push("orderimages/shapes/detail_duvetcover_pink.gif");
shapes.push("orderimages/shapes/detail_curtains_pink.gif");
shapes.push("orderimages/shapes/detail_cushion_pink.gif");
shapesi.push(shapes);
shapes = new Array();


var treeinfotexts = Array();
var treechoosetexts = Array();
treechoosetexts.push('Kies een boom: ');
treechoosetexts.push('Kies een boom: ');
treechoosetexts.push('Kies een tak: ');
treechoosetexts.push('Kies een kleurmix: ');
treeinfotexts.push('De stam bestaat uit 5 delen. Boom wordt geleverd met 84 bladeren. Formaat: 200x260cm (BxH). Uitgebreide instructies en lijm worden meegeleverd.');
treeinfotexts.push('De stam bestaat uit 7 delen. Boom wordt geleverd met 90 bladeren. Formaat: 160x230cm (BxH). Uitgebreide instructies en lijm worden meegeleverd.');
treeinfotexts.push('Plm 115 x 60cm, uit één deel . Tak wordt geleverd met 21 bladeren (selectie kan variëren), en is in dezelfde kleurmixen verkrijgbaar als de behang bomen. Tak kan zowel uit het plafond als uit de muur groeien.');
treeinfotexts.push('Handgemaakt en geselecteerd uit 7 soorten authentiek vintage en design behang. Inclusief behanglijm. (Selectie kan variëren)');
var selectboxes = new Array();
selectboxes.push('<select name="tileselection" onchange="changeTreepattern(this.options[this.selectedIndex].value,\'patterns_tree0\');"><option value="april_066">april/066</option><option value="april_074">april/074</option><option value="april_075">april/075</option><option value="april_126">april/126</option><option value="juni_066">juni/066</option><option value="juni_074">juni/074</option><option value="juni_075">juni/075</option><option value="juni_126">juni/126</option><option value="mei_066">mei/066</option><option value="mei_074">mei/074</option><option value="mei_075">mei/075</option><option value="mei_126">mei/126</option><option value="oktober_007">oktober/007</option><option value="oktober_075">oktober/075</option><option value="oktober_126">oktober/126</option><option value="september_066">september/066</option><option value="september_075">september/075</option><option value="september_126">september/126</option></select>');
selectboxes.push('<select name="tileselection" onchange="changeTreepattern(this.options[this.selectedIndex].value,\'patterns_tree1\');"><option value="april_007">april/007</option><option value="april_066">april/066</option><option value="april_074">april/074</option><option value="april_075">april/075</option><option value="april_126">april/126</option><option value="juni_007">juni/007</option><option value="juni_066">juni/066</option><option value="juni_074">juni/074</option><option value="juni_075">juni/075</option><option value="juni_126">juni/126</option><option value="mei_066">mei/066</option><option value="mei_074">mei/074</option><option value="mei_075">mei/075</option><option value="mei_126">mei/126</option><option value="oktober_007">oktober/007</option><option value="oktober_075">oktober/075</option><option value="oktober_126">oktober/126</option><option value="september_007">september/007</option><option value="september_066">september/066</option><option value="september_074">september/074</option><option value="september_075">september/075</option><option value="september_126">september/126</option></select>');
selectboxes.push('<select name="tileselection" onchange="changeTreepattern(this.options[this.selectedIndex].value,\'patterns_tree2\');"><option value="april_007">april/007</option><option value="april_066">april/066</option><option value="april_074">april/074</option><option value="april_075">april/075</option><option value="april_126">april/126</option><option value="juni_007">juni/007</option><option value="juni_066">juni/066</option><option value="juni_074">juni/074</option><option value="juni_075">juni/075</option><option value="juni_126">juni/126</option><option value="mei_007">mei/007</option><option value="mei_066">mei/066</option><option value="mei_074">mei/074</option><option value="mei_075">mei/075</option><option value="mei_126">mei/126</option><option value="oktober_007">oktober/007</option><option value="oktober_066">oktober/066</option><option value="oktober_074">oktober/074</option><option value="oktober_075">oktober/075</option><option value="oktober_126">oktober/126</option><option value="september_007">september/007</option><option value="september_066">september/066</option><option value="september_074">september/074</option><option value="september_075">september/075</option><option value="september_126">september/126</option></select>');
selectboxes.push('<select name="tileselection" onchange="changeTreepattern(this.options[this.selectedIndex].value,\'patterns_tree3\');"><option value="april">april</option><option value="juni">juni</option><option value="mei">mei</option><option value="oktober">oktober</option><option value="september">september</option></select>');


function flippedImgUrl(imgurl)
{
	var temp = imgurl.split(".");
	return (temp[0]+ "r." + temp[1]);
}

function unhighlightAllShapes()
{
	var i;
	var theimg;
	for (i=0; i < shapes.length;i++)
	{
		theimg = document.getElementById("img"+i);
		theimg.src = shapes[i];
	}
}

function highlightShape(nr)
{
	unhighlightAllShapes();
	document.orderframe.selectedshape.value = nr;
	var theimg = document.getElementById("img"+nr);
	theimg.src = shapeshl[nr];
}

function changeLargeShape(nr)
{
	var largeimg = parent.document.getElementById("largeimg");
	if(bremenset)
    {
//        var patternsselectbox = document.getElementById("tileselection");
//        largeimg.src = '/order/orderimages/shapes/detail_bremer_' + patternsselectbox.options[patternsselectbox.selectedIndex].value + '.gif';
    }
    else if (document.orderframe.leftright)
	{
		if (document.orderframe.leftright[1].checked)
		{
			largeimg.src = flippedImgUrl(shapesi[nr]);
		}
		else largeimg.src = shapesi[nr];
	}
	else largeimg.src = shapesi[nr];
}

function changeProductName(nr)
{
	var prodname = document.getElementById("prodname");
    prodname.innerHTML = itemnames[nr];
}

function checkBremerCategory(nr)
{
    var patternsselectbox = document.getElementById("tileselection");
    var i;
    if(nr=='4')
    {
        bremenset = true;
        for (i = patternsselectbox.length - 1; i>=0; i--)
        {
            patterns.push(patternsselectbox[i].value);
            if(patternsselectbox[i].value!='0076' && patternsselectbox[i].value!='0077')
            {
                patternsselectbox.remove(i);
            }else
            {
  	          if(patternsselectbox[i].value=='0076')
	            	patternsselectbox[i].innerHTML = 'Groen';
  	          else if(patternsselectbox[i].value=='0077')
	            	patternsselectbox[i].innerHTML = 'Oranje';
            }
        }
        changeTilepattern(patternsselectbox.options[0].value);
        var largeimg = parent.document.getElementById("largeimg");
        largeimg.src = '/order/orderimages/shapes/detail_bremer_' + patternsselectbox.options[0].value + '.gif';
    }else{
        bremenset = false;
        if(patterns.length > 0)
        {
            for (i = patternsselectbox.length - 1; i>=0; i--)
            {
                patternsselectbox.remove(i);
            }

            var teller = 0;
            for (i = patterns.length - 1; i>=0; i--)
            {
                patternsselectbox.options[teller] = new Option(patterns[i],patterns[i]);
                teller++;
            }
            patterns = new Array();
        }
    }
}

function changeCategory(category)
{
    document.location.href='orderselectie.php?cat=' + category;
}

//takes float, returns currency
function numberFormat(price,decimals,centsep,thousandsep)
{
	var splitarr = price.split(".");
	var i;
	//correct decimals
	if (splitarr[1].length<decimals)
	{
		for  (i=0; i < decimals; i++)
		{
			if (splitarr[1].length < decimals) splitarr[1] += "0";
		}
	}
	else if (splitarr[1].length > decimals)
	{
	  var divider = splitarr[1].length - decimals;
	  var flt = (parseInt(splitarr[1])) / (Math.pow(10,divider));
	  splitarr[1] = Math.round(flt);
	}
	//insert thousand sepparator, if necessary
	if (splitarr[0].length >= 4)
	{
		var left = splitarr[0].substr(0,(splitarr[0].length-3));
		var right = splitarr[0].substr(splitarr[0].length-3);
		splitarr[0] = left + thousandsep + right;
	}
	var formatted = (splitarr[0] + centsep + splitarr[1]);
	return formatted;
}

function changeProductPrice(nr)
{
	var prodpr = document.getElementById("prodprice");
	prodpr.innerHTML = '&euro;&nbsp;' + numberFormat(prices[nr],2,',','.');

}

function changeProductDescription(nr)
{
    var prodpr = document.getElementById("proddescription");
    prodpr.innerHTML = descriptions[nr];
}

function changeMixtureVisible(nr)
{
    var divmixture = document.getElementById("mixture1");
		if(nr == 0)
			document.getElementById("mixture1").style.visibility = 'visible'
		else
			document.getElementById("mixture1").style.visibility = 'hidden'
}

function changeLeftRightVisible(nr)
{
    var leftright = document.getElementById("leftright");
		if(nr == 2)
			document.getElementById("leftright").style.display = 'block'
		else
			document.getElementById("leftright").style.display = 'none'
}

function changeTilepattern(patternname)
{
	if (patternname!="")
	{
        if(bremenset)
        {
            var largeimg = parent.document.getElementById("largeimg");
            largeimg.src = '/order/orderimages/shapes/detail_bremer_' + patternname + '.gif';
        }

		var pattrnsmall = document.getElementById("squarepattern");
		var imgurl = "url(orderimages/patterns_tiled/" + patternname + ".jpg)";
		document.orderframe.selectedtile.value = patternname;
		pattrnsmall.style.backgroundImage = imgurl;
		var lrgimgb =  parent.document.getElementById("largeimgback");
		lrgimgb.style.backgroundImage = imgurl;
		var pattrntext = document.getElementById('patterntext');
		pattrntext.innerHTML = patternname;
	}
	else
	{
		//choose pattern selected..leave all be
	}
}

function changeTreepattern(patternname, patterndir)
{
	if (patternname!="")
	{
				var pardoc = parent.document;
				var elt = pardoc.getElementById('largeimg');
				elt.src = 'orderimages/'+patterndir+'/detail_'+patternname+'.gif';
				var arr = patternname.split('_');
				document.orderframe.selectedtile.value = arr[0]+"/"+arr[1];
	}
	else
	{
		//choose pattern selected..leave all be
	}
}

function changeTreeSelectAndDesc(treenr)
{
	if (treenr>=0)
	{
		var treeselect = document.getElementById("itreeselect");
		treeselect.innerHTML = selectboxes[treenr];
		var treedesc = document.getElementById("itreeinfo");
		treedesc.innerHTML = treeinfotexts[treenr];
		var treechoose = document.getElementById("itreechoose");
		treechoose.innerHTML = treechoosetexts[treenr];
	}
}

function changeBirdpattern(patternname)
{
	if (patternname!="")
	{
		document.orderframe.selectedtile.value = patternname;
	}
	else
	{
		//choose pattern selected..leave all be
	}
}

function changeTilepattern1(patternname)
{
	if (patternname!="")
	{
		var pattrnsmall = document.getElementById("squarepattern1");
		var imgurl = "url(orderimages/patterns_tiled/" + patternname + ".jpg)";
		document.orderframe.selectedtile1.value = patternname;
		pattrnsmall.style.backgroundImage = imgurl;
		var pattrntext = document.getElementById('patterntext1');
		pattrntext.innerHTML = patternname;
	}
	else
	{
		//choose pattern selected..leave all be
	}
}

function changeTilepattern2(patternname)
{
	if (patternname!="")
	{
		var pattrnsmall = document.getElementById("squarepattern2");
		var imgurl = "url(orderimages/patterns_tiled/" + patternname + ".jpg)";
		document.orderframe.selectedtile2.value = patternname;
		pattrnsmall.style.backgroundImage = imgurl;
		var pattrntext = document.getElementById('patterntext2');
		pattrntext.innerHTML = patternname;
	}
	else
	{
		//choose pattern selected..leave all be
	}
}

function enlargePopup(nr)
{
	var windowLeft = (screen.width - 400) / 2;
  	var windowTop = (screen.height - 380) / 2;
	var cwin = window.open('popenlarge.php?nr='+escape(nr), 'Zoompattern', 'toolbar=no,directories=no,status=no,scrollbars=no,resize=no,menubar=no,width=400,height=380,top='+windowTop+',left='+windowLeft);
	cwin.focus();
	return false;
}

function confirmPopup()
{
	var windowLeft = (screen.width - 450) / 2;
  	var windowTop = (screen.height - 100) / 2;
	var cwin = window.open('confirm.php', 'Confirm', 'toolbar=no,directories=no,status=no,scrollbars=no,resize=no,menubar=no,width=450,height=100,top='+windowTop+',left='+windowLeft);
	cwin.focus();
	return false;
}

function changeLeftRight(leftright)
{
	var largeimg = parent.document.getElementById("largeimg");

	if(largeimg.src == 'http://www.inke.nl/order/orderimages/shapes/detail_bremer_0076.gif')
		return;

	if (leftright=="right")
	{
		largeimg.src = flippedImgUrl(shapesi[document.orderframe.selectedshape.value]);
	}
	else largeimg.src = shapesi[document.orderframe.selectedshape.value];
}
function redefineAction()
{
	if (document.orderframe.baction)
	{
		document.orderframe.action="orderselectie.php";
		document.orderframe.baction.value="add";
		document.orderframe.target="";
		document.orderframe.submit();
	}
	else
	{
		document.orderframe.action="order.php";
	}
	return true;
}

function redefineAction2()
{
	if (document.orderframe.baction)
	{
		document.orderframe.action="orderselectie.php";
		document.orderframe.baction.value="add";
		document.orderframe.redir.value="checkout.php"
		document.orderframe.target="";
		document.orderframe.submit();
	}
}
function changeLargeShapeBasket(catnr, prodnr,leftright,tile)
{


	var imgurl = "url(orderimages/patterns_tiled/" + tile + ".jpg)";
	if (catnr==2)
	{
		var arr = tile.split("/");
		imgurl = "orderimages/patterns_tree"+prodnr+"/detail_"+arr[0]+"_"+arr[1]+".gif";
		var largeimg = parent.document.getElementById("largeimg");
		largeimg.src = imgurl;
	}
	else
	{
		var lrgimgb =  parent.document.getElementById("largeimgback");
		lrgimgb.style.backgroundImage = imgurl;


		var largeimg = parent.document.getElementById("largeimg");

		if (leftright=="right")
		{
			largeimg.src = flippedImgUrl(shapesi[catnr][prodnr]);
		}
		else largeimg.src = shapesi[catnr][prodnr];
	}

}