var type = "IE";	//Variable used to hold the browser name
BrowserSniffer();
//detects the capabilities of the browser
function BrowserSniffer() {
	if (navigator.userAgent.indexOf("Opera")!=-1 && document.getElementById) type="OP";		//Opera
	else if (document.all) type="IE";														//Internet Explorer e.g. IE4 upwards
	else if (document.layers) type="NN";													//Netscape Communicator 4
	else if (!document.all && document.getElementById) type="MO";							//Mozila e.g. Netscape 6 upwards
	else type = "IE";		//I assume it will not get here
}
function zoekInXML(inLoc){
	zoekObj=document.getElementById("zoekbox");
	document.location.href=inLoc + "&zoek=" +	zoekObj.value;
}
function getLayer(name) {

  // Returns a handle to the named layer.

  if (document.layers)
    return(document.layers[name]);
  else if (document.all) {
    layer = eval('document.all.' + name + '.style');
    //alert (layer.id);
    return(layer);
   //return (document.getElementById(name))
  }
  else
    {
      return (document.getElementById(name))
      //return(null);
    }
}
//Show and hide a layer
//id is the name of the layer
//action is either hidden or visible
//Seems to work with all versions NN4 plus other browsers
function showLayer(id, action){
	if (type=="IE") eval("document.all." + id + ".style.visibility='" + action + "'");
	if (type=="NN") eval("document." + id + ".visibility='" + action + "'");
	if (type=="MO" || type=="OP") eval("document.getElementById('" + id + "').style.visibility='" + action + "'");
}

function hideLayer(id){
	if (type=="IE") eval("document.all." + id + ".style.visibility='hidden'");
	if (type=="NN") eval("document." + id + ".visibility='hide'");
	if (type=="MO" || type=="OP") eval("document.getElementById('" + id + "').style.visibility='hidden'");
}
function zoeken(){
	document.formulier.submit();
}
function wisselCat(inCat,inSubCat, init) {	
	
	if (inCat==0){
		nieuweCat=document.formulier.categorie.value;
	}else{
		nieuweCat=inCat;
	}
	var master=document.formulier.subcategorie;
	master.options.length=0;
	if(nieuweCat!=-2){
		
		if(SubsBijCatIds[nieuweCat]){
			aantal=SubsBijCatIds[nieuweCat].length;
		}else{
			aantal=0;
		}
		
		master.options[0]=new Option('subcategorie', '-1', false, true);
		
		for (i=0; i<aantal; i++){
			
			id=SubsBijCatIds[nieuweCat][i];
			if(inSubCat==id){
				sele=true;
			}else{
				sele=false;
			}
			naam=subnamen[id];
			
			master.options[master.options.length]=new Option(naam, id, false, sele);
		}	
	}else{
		master.options[0]=new Option('hier is geen subcategorie', '-1', false, true);
	}
	if(init==0){
		document.formulier.maat.value=-1;
		document.formulier.prijs.value=-1;
		document.formulier.geslacht.value=-1;
		document.formulier.leeftijd.value=-1;
		document.formulier.kleur.value=-1;
	}
}
function wisselSubCat() {			
	
	document.formulier.maat.value=-1;
	document.formulier.prijs.value=-1;
	document.formulier.geslacht.value=-1;
	document.formulier.leeftijd.value=-1;
	document.formulier.kleur.value=-1;
}

function verwijder(id,userid) {
	result = window.confirm("Weet u zeker dat u dit product wilt verwijderen?");
	if(result) {
		window.open('verwijder.asp?id=' + id + '&userid=' + userid, '_blank','status=no, resizable=no, scrollbars=no, height=10, width=10')
	}
}
function wijzig(id,userid) {
	alert('Hier wordt aan gewerkt!')
}

function wwvergeten() {
	feat='width=400, height=200,status=1, scrollbars=1, resizable=1'
  	window.open("wwvergeten.asp", 'wwvergeten',feat)
}
Catgekozen=0;

function kiesCat(inCat) {
	document.getElementById('geenCatGekozen').style.display='none';
	if(document.getElementById('subcat' + inCat).style.display=='none')
	{
		document.getElementById('subcat' + inCat).style.display='block'
	}else{
		document.getElementById('subcat' + inCat).style.display='none'
	}
		
}
function verstuur(velden){ 
	var argv = verstuur.arguments;
	var argc = (verstuur.arguments.length)/3 
	//1=veldnaam, 2=naam, 3=type
	//type 1: tekst,  typeveld 2: areatext ,  typeveld 3: email  ,typeveld 4: pulldown , typeveld 5: checkbox 
	for(i=0;i<argc;i++) {
		fld = eval('document.formulier.' + argv[i])
		
		if(argv[i+(2*argc)]=='2'){ //textarea
				//alert (fld.value);
				wrde=fld.value;
				if (wrde.length==0 && safari==0){
					
					//alert (argv[i+argc]+' is verplicht!')
					//return;
				}
		}else{
			if(argv[i+(2*argc)]=='5' || argv[i+(2*argc)]=='8'){ //check
				val=0
				for(var t = 0; t < fld.length ; t++){
					if(fld[t].checked){
						val=1;
					}
				}
				if(!fld.length){
					if(fld.checked){
						val=1;
					}
				}
				if (val==0){  				
					if(fld.length){
						alert ('U moet minimaal één optie aanvinken bij ' + argv[i+argc])
					}else{
						alert ('U moet nog het vinkje zetten bij ' + argv[i+argc])
					}
					return;
				}
	
			}else
			{	
				if(fld.value==''){ 
					alert (argv[i+argc]+' is verplicht')
					if(argv[i+(2*argc)]!='2'){ fld.focus()}
					return;
				}else{
					if(argv[i+(2*argc)]=='3'){ //email
						val = fld.value.indexOf(' ') == -1 //geen spaties
						val &= fld.value.indexOf('@') > 0 //er zit een @ in
						val &= fld.value.indexOf('@') == fld.value.lastIndexOf('@') //slechts 1 @
						val &= fld.value.indexOf('@') < fld.value.lastIndexOf('.') //een @ voor een punt
						val &= fld.value.lastIndexOf('.') < fld.value.length-2 //twee letters achter de punt
						if (!val){  				  
							alert ('Er is geen geldig email adres ingevuld')
							fld.focus();
							return;
						}
						if(document.formulier.vanemail){document.formulier.vanemail.value=fld.value}
					}
				}
				if(argv[i+(2*argc)]=='4'){ //pulldown
				 	if(fld.selectedIndex==0){ 				  
						alert (argv[i+argc]+' is verplicht')
		 				fld.focus();
						return;
					}
				}
			}
		}
	}
	document.formulier.submit()
}

  
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function openwin(page, w, h) {
	feat='width=' + w + ', height=' + h + ',status=1, scrollbars=1, resizable=1'
  	window.open(page, 'Popup',feat)
}


function zenden(){
	if(document.sendform.naam.value==""){
		alert("Het formulier is niet compleet ingevuld. Uw naam is verplicht")
		document.sendform.naam.focus();
	}else{
		if((document.sendform.email.value == "") || (document.sendform.email.value.indexOf('@') == -1) || (document.sendform.email.value.indexOf('.') == -1)) {
		  alert("Het formulier is niet compleet ingevuld. Uw e-mail adres is verplicht")
		  document.sendform.email.focus();
		  return;
		}
	
		document.sendform.submit()
	}
}
function doAanmelden(){
	if(document.sendform.naam.value==""){
		alert("Het formulier is niet compleet ingevuld. Uw naam is verplicht")
		document.sendform.naam.focus();
	}else{
		
		if(document.sendform.email.value == "") {
		  alert("Uw e-mail adres is verplicht")
		  document.sendform.email.focus();
		  return;
		} else	{
				val = document.sendform.email.value.indexOf(' ') == -1 //geen spaties
  				val &= document.sendform.email.value.indexOf('@') > 0 //er zit een @ in
  				val &= document.sendform.email.value.indexOf('@') == document.sendform.email.value.lastIndexOf('@') //slechts 1 @
  				val &= document.sendform.email.value.indexOf('@') < document.sendform.email.value.lastIndexOf('.') //een @ voor een punt
  				val &= document.sendform.email.value.lastIndexOf('.') < document.sendform.email.value.length-2 //twee letters achter de punt
  				if (!val){  				  
    				alert ('Er is geen geldig email adres ingevuld')
	    	      document.sendform.email.focus();
	    	      return;
    	      }
		}
		document.sendform.submit()
	}
}


function volgende(page) {
	document.cat.page.value = page;
	document.cat.id.value = 0;
	anderePagina(1);
}
function vorige(page) {
	document.cat.page.value = page;
	document.cat.id.value = 0;
	anderePagina(-1);           
}

function andereCat(){
	//nog niks doen, nog geen submit en niks updaten
	//document.formulier.submit();
}
function zoek(){
	//if (document.formulier.trefwoord.value==''){
	//	alert('U heeft nog geen woord gekozen')
//	}else{
		document.formulier.zoek.value=1;
		document.formulier.action="default.asp";
		document.formulier.submit();
	//}
}
function wijzigToon(inVeld,inId){
	if(inVeld.checked){
		st=1;
		aantalToonProducten=aantalToonProducten+1;
	}else{
		st=0;
		aantalToonProducten=aantalToonProducten-1;
	}
	theDiv='wijzig_toon_div'+inId;
	if(aantalToonProducten>maxProducten){
			alert("Je mag niet meer dan "+maxProducten+" producten tonen. \nJe kunt wel je abonnement aanpassen.");
			inVeld.checked=false;
	}else{
		setData('wijzig_toon.asp?id='+inId+'&st='+st, theDiv);
	}
}
function showfoto(inImg){
	document.getElementById('grotefoto').src=inImg;
}
function show_product(inId){
	document.getElementById('product_mask').style.height=document.getElementById('inhoud').offsetHeight+"px";
	document.getElementById('product_mask').style.display='block';
	document.getElementById('product_details').style.display='block';
	document.getElementById('resultaat_verfijn_pulldown').style.visibility='hidden';
	document.getElementById('pulldowns').style.visibility='hidden';
	getProductDetails(inId);
}
function toon_product(inNaam,inId,inShop){
		document.formulier.prodid.value = inId;
		document.formulier.submit();
}
function verder_zoeken(inZoeken){
		document.formulier.prodid.value = 0;
		document.formulier.submit();
}
function weg_product(){
	document.getElementById('product_mask').style.display='none';
	document.getElementById('product_details').style.display='none';
	document.getElementById('resultaat_verfijn_pulldown').style.visibility='visible';
	document.getElementById('pulldowns').style.visibility='visible';
}
function toon(){
	document.formulier.zoek.value=1;
	document.formulier.opToonGeklikt.value=1;
	document.formulier.action="default.asp";
	document.formulier.submit();
}
function opsturen(){
	document.formulier.opgestuurd.value = 1;
	document.formulier.submit();
}
function zzselectAll(nm){
	obj = document.getElementById("selectuit_"+ nm);
	newObj = document.getElementById("selectaan_"+ nm);
	newObj.value=newObj.value + "," + obj.value
	obj.value=""
	zzupdateSelected(nm)
}
function zzdeselectAll(nm){
	//volgorde herstelllen naar SORT of NAME
	obj = document.getElementById("selectuit_"+ nm);
	newObj = document.getElementById("selectaan_"+ nm);
	alleidsnaam=document.getElementById("alleids_"+ nm)
	obj.value=alleidsnaam.value
	newObj.value=""
	zzupdateSelected(nm)
	
}
function zzmoveIt(nm,id,vorige){
	//deze wordt gebruikt voor up en down!
	newObj = document.getElementById("selectaan_"+ nm);
	newidstr="";
	cursel = newObj.value.split(',');
	for(i=0;i<cursel.length;i++) {
		if (cursel[i]){
			if (cursel[i]!=vorige){
				if (cursel[i]!=id){
					if(newidstr){newidstr=newidstr + ","}
					newidstr=newidstr  + cursel[i]
				}else{
					if(newidstr){newidstr=newidstr + ","}
					newidstr=newidstr  + vorige 
				}
			}else{
				if (cursel[i]!=id){
					if(newidstr){newidstr=newidstr + ","}
					newidstr=newidstr  + id
				}
			}
		}
	}
	newObj.value=newidstr;
	zzupdateSelected(nm);	
}

function zzselectIt(nm,id){
	obj = document.getElementById("selectuit_"+ nm);
	newObj = document.getElementById("selectaan_"+ nm);
	newObj.value=newObj.value + "," + id
	newidstr=""
	cursel = obj.value.split(',')
	for(i=0;i<cursel.length;i++) {
		if (cursel[i]&&cursel[i]!=id){
			if(newidstr){newidstr=newidstr + ","}
			newidstr=newidstr  + cursel[i]
		}
	}
	obj.value=newidstr;
	zzupdateSelected(nm);	
}
function zzdeselectIt(nm,id){
	obj = document.getElementById("selectuit_"+ nm);
	newObj = document.getElementById("selectaan_"+ nm);
	obj.value=obj.value + "," + id
	newidstr=""
	cursel = newObj.value.split(',')
	for(i=0;i<cursel.length;i++) {
		if (cursel[i]&&cursel[i]!=id){
			if(newidstr){newidstr=newidstr + ","}
			newidstr=newidstr  + cursel[i]
		}
	}
	newObj.value=newidstr;
	zzupdateSelected(nm);	
}
tabelstart="<table  cellspacing=0 cellpadding=0 border=0>"
tabelselEind="<tr><td></td><td width=230></td><td></td><td></td></tr></table>"
tabelunselEind="<tr><td width=250></td><td></td></tr></table>"

function zzupdateSelected(nm){
	obj = document.getElementById("selectuit_"+ nm);
	newObj = document.getElementById("selectaan_"+ nm);
	hiddenObj = document.getElementById(nm);
	typetabObj = document.getElementById("typeinTab_"+ nm);
	
	var unselDiv = document.getElementById("unselDiv_"+nm); 
	var selDiv = document.getElementById("selDiv_"+nm); 	
	for(t=0;t<2;t++) {
		newstr=tabelstart;
		if(t==0){cursel = newObj.value.split(',')}else{cursel = obj.value.split(',')}
		vorige=0;
		for(i=0;i<cursel.length;i++) {
			if (cursel[i]){
				varnaam=eval("inFieldArr_"+nm)
				helenaam=varnaam[cursel[i]]
				if(t==0){
					newstr=newstr + "<tr><td><a href=javascript:zzdeselectIt('" + nm + "','" + cursel[i] + "')><img src='ip/images/unsel.gif' border=0></td><td>" + helenaam + "</td><td>"
					if(typetabObj.value=="6" && i>0){newstr=newstr + "<a href=javascript:zzmoveIt('" + nm + "','" + cursel[i] + "','" + vorige + "')><img src='ip/images/sort_upo.gif' border=0></a>"}
					newstr=newstr + "</td><td>"
					if(typetabObj.value=="6" && i<cursel.length-1){newstr=newstr + "<a href=javascript:zzmoveIt('" + nm + "','" + cursel[i+1] + "','" + cursel[i] + "')><img src='ip/images/sort_dno.gif' border=0></a>"}
					newstr=newstr + "</td></tr>"
				}else{
					newstr=newstr + "<tr><td>" + helenaam + "</td><td><a href=javascript:zzselectIt('" + nm + "','" + cursel[i] + "')><img src='ip/images/sel.gif' border=0></td></tr>"
				}
				vorige=cursel[i];
			}
		}				
		if(t==0){
			newstr=newstr + tabelselEind;
			selDiv.innerHTML=newstr;
		}else{
			newstr=newstr + tabelunselEind;
			unselDiv.innerHTML=newstr;
		}	
	}
	hiddenObj.value=newObj.value;
}

function openUpload(f) {
	
  	bestand = document.getElementById(''+f).value;
 	openwin(bestand, 800, 660)
}

function delUpload(f) {
	fld = document.getElementById(f);
	uploadname=f+'_upload_button'
	wijzigname=f+'_wijzig_button'
	bekijkname=f+'_bekijk_button'
	ShowE(uploadname, 1)
	ShowE(wijzigname, 0)
	ShowE(bekijkname, 0)
	fld.value = ''
	uploadenname=f+'_uploaden';
  geuploadname=f+'_geupload';
  geuploadkleur=f+'_geupload_kleur';
	ShowE(geuploadname, 0);
  ShowE(uploadenname, 1);
  ShowE(geuploadkleur, 0);
}
function user_upload(u,f,n,w,h,t) {
	window.open('ip/upl_user_progress.asp?w=' + w + '&h=' + h + '&field=' + n + '&upload=' + u+ '&naam=' + n + '&t=' + t, '_blank','status=yes, resizable=yes, scrollbars=no, height=320, width=550')
}
function user_upload_zz(u,f,n,w,h,t) {
	//vierkant
	window.open('ip/upl_user_progress_zz.asp?w=' + w + '&h=' + h + '&field=' + n + '&upload=' + u+ '&naam=' + n + '&t=' + t, '_blank','status=yes, resizable=yes, scrollbars=no, height=270, width=550')
}
//function setFilename(f,n) {
//	fld = eval('document.forms[0].' + f)
//	fld.value = n
//}
function setFilename(f,n,k,bt,bg) {
	fld = eval('document.forms[0].' + f)
	fld.value = n
	nam = f + '_name'
	if(document.images[nam]) {document.images[nam].src=n}
	//nu evt bestandsgrootte en type invullen
  
  
 	uploadname=f+'_upload_button'
  wijzigname=f+'_wijzig_button'
  bekijkname=f+'_bekijk_button'
  ShowE(uploadname, 0)
  ShowE(wijzigname, 1)
  ShowE(bekijkname, 1)
  
  uploadenname=f+'_uploaden';
  geuploadname=f+'_geupload';
  geuploadkleur=f+'_geupload_kleur';
  ShowE(geuploadname, 1);
  ShowE(uploadenname, 0);
  ShowE(geuploadkleur, 1);
}
function GetE( elementId )
{
	return document.getElementById( elementId )  ;
}

function ShowE( element, isVisible )
{
	if ( typeof( element ) == 'string' )
		element = GetE( element ) ;
	if(element){element.style.display = isVisible ? '' : 'none' ;}
}

function  movements(e) {
  document.onmousemove = getMousePos;
}
 
function getScrollSize() {
    var x, y;
    if (self.pageYOffset) {
		x = self.pageXOffset;
		y = self.pageYOffset;
	}
	else if (document.body) {
		if(document.documentElement) {
			x = document.documentElement.scrollLeft;
			y = document.documentElement.scrollTop;
		}
		else {
			x = document.body.scrollLeft;
			y = document.body.scrollTop;
		}
	}
	var array = new Array(x,y);
	return array;
}
function getMousePos(e) {
	if(document.Event) {
		if(document.captureEvents) {
			document.captureEvents(Event.MOUSEMOVE);
		}
	}
	if(!e) e = window.event;
    var scrollPos = getScrollSize();
    var x = (document.Event) ? e.pageX + scrollPos[0] : e.clientX + scrollPos[0];
    var y = (document.Event) ? e.pageY + scrollPos[1] : e.clientY + scrollPos[1];

	var fotobanner = document.getElementById("fotobanner");
	if (fotobanner){
		fotobannerX=getElementPosition('fotobanner').left;
	  	relx=x-fotobannerX-200;
		speed=parseInt(relx/50);		
	}
}


function getElementPosition(elemID){
	var offsetTrail = document.getElementById(elemID);
	var offsetLeft = 0;
	var offsetTop = 0;
	while (offsetTrail){
		offsetLeft += offsetTrail.offsetLeft;
		offsetTop += offsetTrail.offsetTop;
		offsetTrail = offsetTrail.offsetParent;
	}
	if (navigator.userAgent.indexOf('Mac') != -1 && typeof document.body.leftMargin != 'undefined'){
		offsetLeft += document.body.leftMargin;
		offsetTop += document.body.topMargin;
	}
	return {left:offsetLeft,top:offsetTop};
}

function getXY(e) {
	var fotobanner = document.getElementById("fotobanner");
	if (fotobanner){
		fotobannerX=getElementPosition('fotobanner').left;
	   x = (window.Event) ? e.pageX : event.clientX;
		relx=x-fotobannerX-200;
		speed=parseInt(relx/50);		
	}
}

var aantal, eindbreedte, pauze,speed,wacht,totalebreedte, thumbbreedte, thumbafstand, verplaatsing, nieuwepos;
var DeltaAfstandPerItem=new Array();


function startscroll(inAantal, inBreedte){				
	speed=0;
	verplaatsing=0;
	wacht=50;
	aantal=inAantal;	
	totalebreedte=inBreedte;
	thumbbreedte=65;
	thumbafstand=8;
	eindbreedte=494;
	maxSpeed=5;
	pauze=0;
	for(a=1;a<=aantal;a++){
		DeltaAfstandPerItem[a]=0;
	}
	scrollopzij();	
	
}


function scrollopzij(){	
	if(pauze==0){
		eindePos=(aantal-1)*thumbbreedte+(aantal-1)*thumbafstand;
		wijzigspeed=speed;
		if(wijzigspeed>maxSpeed){wijzigspeed=maxSpeed}
		if(wijzigspeed<-maxSpeed){wijzigspeed=-maxSpeed}
		for(a=1;a<=aantal;a++){
			DeltaAfstandPerItem[a]=DeltaAfstandPerItem[a]-wijzigspeed;
			
			testnieuwePos=((a-1)*thumbbreedte+(a-1)*thumbafstand)+DeltaAfstandPerItem[a];
		
			if(testnieuwePos<-thumbbreedte && wijzigspeed>0){DeltaAfstandPerItem[a]=DeltaAfstandPerItem[a]+eindePos+thumbbreedte+thumbafstand}
			if(testnieuwePos>eindePos+thumbbreedte+thumbafstand && wijzigspeed<0){
					DeltaAfstandPerItem[a]=DeltaAfstandPerItem[a]-eindePos-thumbbreedte-thumbafstand
			}
			
			nieuwePos=((a-1)*thumbbreedte+(a-1)*thumbafstand)+DeltaAfstandPerItem[a];
			
			name='zin'+a
			nameMask='msk'+a
			var obj = document.getElementById(name);	
			var objMask = document.getElementById(nameMask);
				
				
			obj.style.left=nieuwePos+"px";
			objMask.style.left=nieuwePos+"px";	
			if(nieuwePos<eindbreedte-thumbbreedte && nieuwePos>0){
				obj.style.display="block";
				objMask.style.display="block";
			}else{
				obj.style.display="none";
				objMask.style.display="none";
			}
		}

	}
	t=setTimeout('scrollopzij()', wacht)
}
function Left(str, n){
	if (n <= 0)
	    return "";
	else if (n > String(str).length)
	    return str;
	else
	    return String(str).substring(0,n);
}
function erover(){	
	pauze=1;
}
function eruit(){	
	pauze=0;
	
}