<!--
br = (((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) >= 3 )) || ((navigator.appName == "Microsoft Internet Explorer") && (parseInt(navigator.appVersion) >= 4 )))        
if (getCookieData("Solar")) {
 cookData = getCookieData("Solar");
 eval('i = cookData.indexOf("@")');
 eval('counter = cookData.substring(0,i)');
 i++;
 eval('cookData = cookData.substring(i)');
}
if (br) {
 agrp1up = new Image(94,105);       
 agrp1up.src = "winkel/groep1up.jpg";       
 agrp1dwn = new Image(94,105);       
 agrp1dwn.src = "winkel/groep1dwn.jpg";       
 bgrp1up = new Image(94,105);       
 bgrp1up.src = "winkel/groep1up.jpg";       
 bgrp1dwn = new Image(94,105);       
 bgrp1dwn.src = "winkel/groep1dwn.jpg";       

 agrp2up = new Image(94,105);       
 agrp2up.src = "winkel/groep2up.jpg";       
 agrp2dwn = new Image(94,105);       
 agrp2dwn.src = "winkel/groep2dwn.jpg";       
 bgrp2up = new Image(94,105);       
 bgrp2up.src = "winkel/groep2up.jpg";       
 bgrp2dwn = new Image(94,105);       
 bgrp2dwn.src = "winkel/groep2dwn.jpg";       

 agrp3up = new Image(94,105);       
 agrp3up.src = "winkel/groep3up.jpg";       
 agrp3dwn = new Image(94,105);       
 agrp3dwn.src = "winkel/groep3dwn.jpg";       
 bgrp3up = new Image(94,105);       
 bgrp3up.src = "winkel/groep3up.jpg";       
 bgrp3dwn = new Image(94,105);       
 bgrp3dwn.src = "winkel/groep3dwn.jpg";       

 agrp4up = new Image(94,105);       
 agrp4up.src = "winkel/groep4up.jpg";       
 agrp4dwn = new Image(94,105);       
 agrp4dwn.src = "winkel/groep4dwn.jpg";       
 bgrp4up = new Image(94,105);       
 bgrp4up.src = "winkel/groep4up.jpg";       
 bgrp4dwn = new Image(94,105);       
 bgrp4dwn.src = "winkel/groep4dwn.jpg";       

 agrp5up = new Image(94,105);       
 agrp5up.src = "winkel/groep5up.jpg";       
 agrp5dwn = new Image(94,105);       
 agrp5dwn.src = "winkel/groep5dwn.jpg";       
 bgrp5up = new Image(94,105);       
 bgrp5up.src = "winkel/groep5up.jpg";       
 bgrp5dwn = new Image(94,105);       
 bgrp5dwn.src = "winkel/groep5dwn.jpg";       

 agrp6up = new Image(94,105);       
 agrp6up.src = "winkel/groep6up.jpg";       
 agrp6dwn = new Image(94,105);       
 agrp6dwn.src = "winkel/groep6dwn.jpg";       
 bgrp6up = new Image(94,105);       
 bgrp6up.src = "winkel/groep6up.jpg";       
 bgrp6dwn = new Image(94,105);       
 bgrp6dwn.src = "winkel/groep6dwn.jpg";       

 agrp7up = new Image(94,105);       
 agrp7up.src = "winkel/groep7up.jpg";       
 agrp7dwn = new Image(94,105);       
 agrp7dwn.src = "winkel/groep7dwn.jpg";       
 bgrp7up = new Image(94,105);       
 bgrp7up.src = "winkel/groep7up.jpg";       
 bgrp7dwn = new Image(94,105);       
 bgrp7dwn.src = "winkel/groep7dwn.jpg";       
}

function TableClick(g,s)
{
	var str = "catal";
	if (g < 10) {
		str += "0" + g;
	}
	else {
		str += g;
	}
	s += 1;
	if (s < 10) {
		str += "0" + s;
	}
	else {
		str += s;
	}
	str += ".htm";
	GoTo(str);
}

function WindowClick()
{
	if (show==1) {
		for (i=1; i<=7; i++) {
			ShowMenu(i,0,0);
		}
	}
	else if (show==2)	{
		show=1
	}
}

function ShowMenu(x,y,z)
{
	if (y==1) {
		for (i=1; i<=7; i++) {
			ShowMenu(i,0,0);
		}
		eval("object" + x + ".style.pixelLeft = x*110-60-z");
		eval("object" + x + ".style.visibility = 'visible'");
		parent.document.getElementById("iframe1").style.pixelLeft = x*110-60-z;
		parent.document.getElementById("iframe1").style.height =groep[x].length*22.5;
		parent.document.getElementById("iframe1").style.visibility="visible";
		show=2;
	} else {
		eval("object" + x + ".style.visibility = 'hidden'");
		parent.document.getElementById("iframe1").style.visibility="hidden";
		show=0;
	}
}

function img_dwn(imgName) {
 if (br) {
  if (pic != imgName + "dwn.src") { 
   document[imgName].src=eval(imgName + "dwn.src");
   pic=imgName + "dwn.src";
  }
 }
}

function img_up(imgName) {        
 if (br) {
  if (pic != imgName + "up.src") { 
   document[imgName].src=eval(imgName + "up.src");
   pic=imgName + "up.src";
  }
 }
}
function schrijfTabelRegel(i) {
 if (itemColor[i]!=0) {
  getColorpalet(itemColor[i]);
 }
 document.write(''
 + '<tr><td>'
 + '<table border="0" width="750" cellspacing="0" cellpadding="5">'
 + '<tr>');
 if (image[i].length > 0)
 {
  document.write(''
  + '<td align="center" valign="center" width="210">'
  + '<img src="winkel/artpic/' + image[i] + '" width="200"></td>');
 } else {
  document.write(''
  + '<td align="center" valign="center" width="210">&nbsp;</td>');
 }
 document.write(''
 + '<td valign="top" class="w_tekst9ptnormal">'
 + '<b>' + itemDesc[i] + '</b><p>' + Desc[i] + '</td>'
 + '<td align="left" valign="top" class="w_tekst9ptnormal" width="190">'
 + '<center>prijs: &#0128 ' + price[i] + '<br></center>'
 + '<table border="0" cellspacing="0" cellpadding="0" class="w_tekst9ptnormal"><tr>'
 + '<td>aantal:</td>'
 + '<td>'
 + '<select name="q' + i + '" size="1">');
 for (i1=1; i1<=10; i1++) {
  document.write('<option value="' + i1 + '">' + i1 + '</option>');
 }
 document.write('</select></td></tr>');
 document.write(''
 + '</tr>');
 if (itemColor[i]!=0) {
  document.write(''
  + '<tr>'
  + '<td>kleur:</td>'
  + '<td>'
  + '<select name="c'+ i +'" size="1">');
  for (i1=0; i1<palColorLength; i1++) {
   document.write(''
   + '<option value="' + palColor[i1][0] + '">' + palColor[i1][2] + '</option>');
  }
  document.write('</select></td></tr>');
 }
 document.write('</table>');
 if (itemColor[i]!=0) {
  document.write(''
  + 'kleurenpalet: '
  + '<a href="javascript:colorTable(' + i + ')">'
  + '<img src="winkel/klp.gif" border="2" alt="Klik om Uw kleur te zoeken"></a>');
 }
 document.write(''
 + '<p><div align="center"><input type="button" value="bestelling toevoegen" name="toevoegen" '
 + ' onclick="addItem(' + i + ')"><br>'
 + '<input type="button" value="bestelling bekijken" name="bekijken" '
 + ' onclick="GoTo(\'bekijk.htm\')">'
 + '</div>'
 + '</td>'
 + '</tr></table>'
 + '</td></tr>');
}

function schrijfTabel() {
 document.write(''
 + '<form name="form1"><center>'
 + '<table border="1" bordercolor="#0f0f50" width="750" cellspacing="0" cellpadding="0">');
 for (i=0; i < itemName.length; i++) {
  schrijfTabelRegel(i);
 }
 document.write('</table>');
 document.write('</table></center></form>');
}

groep[1] = new Array("Powertex en Powercolor","African Lady, Princ, schildersdoeken","Stone Art en overige Powertex producten","Boeddha, Bali en Egyptische beeldjes","Zuiltjes en Minibustes","Stokpop standaardjes");
groep[2] = new Array("Paverpol en Pavercolor","Overige Paverpol producten","Pretex, tricot en kleertjes","Werkbasis en pakketten o.a. vissen, struisvogel, giraf, enz.","Diverse metalen frames");
groep[3] = new Array("Eieren en bollen","Hoofden en poppenkopjes","Torsos, stoeltjes, kegels en overige styropor","Venetiaanse maskers, ecoshape koeien, paarden enz","Standaards en panelen");
groep[4] = new Array("Aleene's, verf, mediums, modern options","Vernis binnen en buiten","Penselen kwasten messen");
groep[5] = new Array("Klei, Gips en Papier Mache","Brilletjes, Hoedjes, Heksen","Boetseer en hulpmiddelen","Gipsmallen en overige materialen");
groep[6] = new Array("Poppen boeken","Boeken met Tuinbeelden en Objecten","Boeken en DVD over Textielverharder","Boeken met lood en overige materialen");
groep[7] = new Array("Ovale poppenogen acryl","Glas geblazen ogen","Glasogen aannaai","Pruikjes wimpers mohair","Poppenstandaards","Styropor vormen","Poppenklei","Poppenframes","Overige poppenmaterialen");


for (o=1; o<=7; o++) {
	var HtmlCode = '<div id="object' + o + '" style="visibility:hidden; cursor:hand;'
	HtmlCode += ' Position:Absolute; Left:0px; Top:200px; Z-Index:20">'
	HtmlCode += '<table border="2" bordercolor="#0f0f50" cellspacing="0" cellpadding="1">'

	for (i=0; i<=groep[o].length-1; i++) {
		HtmlCode += '<tr>'
		HtmlCode += '<td width="200" class="w_tekst10ptnormal" onclick="TableClick(' + o + ',' + i + ')" bgcolor="#D6D6DE" '
		HtmlCode += 'onMouseOver="this.bgColor=\'#ffffff\'" '
		HtmlCode += 'onMouseOut="this.bgColor=\'#D6D6DE\'">'
		HtmlCode += groep[o][i]
		HtmlCode += '</td>'
		HtmlCode += '</tr>'
	 }
	HtmlCode += '</table></div>'
	document.write(HtmlCode);
 }

var HtmlCode = '<iframe id=iframe1 src="" scroll="none" style="visibility:hidden; '
HtmlCode += 'width:200; height:115; position:absolute; left:0px; top:200px; '
HtmlCode += 'border-color:green; z-index:5"></iframe>'
document.write(HtmlCode);

document.onclick=WindowClick;
//-->		

