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

function disableEnterKey(e)
{
	 var key;

	 if(window.event)
		  key = window.event.keyCode;     //IE
	 else
		  key = e.which;     //firefox

	 if(key == 13)
		  return false;
	 else
		  return true;
}

function loopdf()
{
	if (maxdf == 0)
	{
		if ($('dynamic'))
		{
			arrdf = $('dynamic').select('.dynamic');
			maxdf = arrdf.length;
			if (maxdf > 0)
				showdf();
		}
	}
}

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

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();
	setDimension();
});

var payment = false;

function setPayment()
{
	payment = true;
	$('continue').removeClassName('disabled');
}

function checkFormPayment()
{
	if (payment)
	{
		if ($('afleveren').value == 1)
		{
			var inputs = $('frmpayment').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("afl","");
							naam = naam.replace("*","");
							alert("U heeft het veld " + naam + " nog niet ingevuld.");
							return false;
						}
					}
				}
			}
		}
		return true;
	}
}

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;
}

var fadenr = -1;
var zindex = 3;

//De kleuren...
function showProduct(nr,btn,obj)
{
	if (!btn.hasClassName('btnSelect'))
	{
		// omlijn de kleurknop
		obj.up(0).select('div.color').each(function(s)
		{
			if (s.hasClassName('btnSelect'))
				s.removeClassName('btnSelect');
		});
		btn.addClassName('btnSelect');
		
		obj.setStyle(
		{
			'zIndex': zindex,
			'display': 'none'
		});
		
		zindex +=1;
		
		new Effect.Appear(obj, {duration:0.5, from:0, to:1});
	}
}

var logoEffect;

function setDimension()
{
	var vph = document.viewport.getHeight();
	var th = $('containerTop').getHeight();
	if ($('containerBottom'))
		var bh = $('containerBottom').getHeight();
	else
		var bh = 0;
		
	$('containerCenter').style.height = vph - th - bh - 25 + 'px';
	
	$$('div.shadowBottom').each(function(item)
	{
		item.style.top = vph - bh - 5 + 'px';
	});
	
	setCookie("centerHeight", vph - th - bh - 25);
	setCookie("shadowTop", vph - bh - 5);
}

function slideLogo(top)
{
	if (typeof(logoEffect) == 'object')
		logoEffect.cancel();
		
	logoEffect = new Effect.Move($('logo'),
		{x: 60, y: top, mode: 'absolute', duration: 0.2}
	);
}

function showhidemenu(obj)
{
	var menuitems = obj.next();
	if (menuitems.hasClassName('hideMenu'))
	{
		menuitems.removeClassName('hideMenu');
		obj.removeClassName('up');
	}
	else
	{
		menuitems.addClassName('hideMenu');
		obj.addClassName('up');
	}
}

function showImage(nr)
	{		
		// originele positie
		if (zooming)
			zoom($('imagebox'+crtImage));

		imageLoaded = false;
	
		// dir = 1 of -1
		$('imagebox' + crtImage).removeClassName('display');
		crtImage = nr;
		$('imagebox' + crtImage).addClassName('display');
	}
	
var sizesVisible = false;
var effect;
function showSizes()
{
	if (!sizesVisible)
	{
		effect = new Effect.Appear($('box'), {duration:0.5, from:0, to:1});
		$('box').up().addClassName('open');
		sizesVisible = true;
	}
	else
	{
		$('box').style.display = "none";
		$('box').up().removeClassName('open');
		sizesVisible = false;
	}
}

function selectSize(size)
{
	$('maat').value = size;
	$('sizebox').innerHTML = size;
	$('box').style.display = "none";
	$('box').up().removeClassName('open');
	$('addtobag').removeClassName('disabled');
	sizesVisible = false;
}

function selectProductSize(size, action, vanbedrag, voorbedrag, voorbedraggetal)
{
	$('maat').value = size;
	$('formProduct').action = action;
	
	if (voorbedraggetal != 0)
	{
		$('vanbedrag').innerHTML = vanbedrag;
		$('voorbedrag').innerHTML = voorbedrag;
	}
	else
	{
		$('vanbedrag').innerHTML = '';
		$('voorbedrag').innerHTML = vanbedrag;
	}
	$('sizebox').innerHTML = size;
	$('box').style.display = "none";
	$('box').up().removeClassName('open');
	$('addtobag').removeClassName('disabled');
	sizesVisible = false;
}

function addtobag(obj)
{
	if(!obj.hasClassName('disabled'))
	{
		$('bestellen').value = 1;
		obj.addClassName('disabled');
		$('formProduct').submit();
	}	
}

function closebericht()
{
	$('bericht').style.display = 'none';
}


function checkValue(e)
{
	 var key;

	 if(window.event)
		  key = window.event.keyCode;     //IE
	 else
		  key = e.which;     //firefox
		  
	if((key >= 48 && key <= 57)||(key >= 96 && key <= 105)||(key == 8 ) ||(key == 9) || (key == 12) || (key == 27) || (key == 37) || (key == 39) || (key == 46) || (key == 188))
		return true;
	else
		return false;
}

function setBestelKnop()
{
	if ($('bedragkadobon').value != '' && $('bedragkadobon').value != null)
		$('addtobag').removeClassName('disabled');
	else
		$('addtobag').addClassName('disabled');
}

function showFilter()
{
	Effect.Appear('maatfilterwrapper', { duration: 0.5 });
}

function disableFilter()
{
	var form = $('frmmaatfilter');
	var cboxes = form.getInputs('checkbox', 'mf')
	cboxes.invoke('disable');
	form.submit();
}

//Event.observe(window, 'load', setDimension);
Event.observe(window, 'resize', setDimension);