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 == "emailaddress*")
				{
					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 == "password*")
				{
					if (inputs[i].value != $('confirmpassword').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();
	var bh = $('containerBottom').getHeight();
	$('containerCenter').style.height = vph - th - bh + 'px';
	
	$$('div.shadowBottom').each(function(item)
	{
		item.style.top = vph - bh - 5 + 'px';
	});
	
	setCookie("centerHeight", vph - th - bh);
	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();
	}	
}

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