window.onload = function()
{
	lists = document.getElementsByTagName("ul");
	
	for ( var i = lists.length - 1; i >= 0; i--)
	{
		if (lists[i].className == "select")
		{
			sel = document.createElement("select");
			sel.onchange = function()
			{
				location.href = this.options[this.selectedIndex].value;
			}

			items = lists[i].getElementsByTagName("li");
			
			for ( var j = 0; j < items.length; j++)
			{
				optie = document.createElement("option");
				par = items[j].getElementsByTagName("a")[0];
				optie.value = par.href;
				optie.appendChild(document
						.createTextNode(par.firstChild.nodeValue));
				sel.appendChild(optie);
			}
			lists[i].parentNode.insertBefore(sel, lists[i]);
			lists[i].parentNode.removeChild(lists[i]);
		}
	}
	
	// select the first button
	var buttonDescr = $('buttonDescr');
	
	if (buttonDescr)
	{
		
		// select the first button
		var buttonDescr = $('buttonDescr');
		// select the first content element
		var content1 = $('ldescription');
		// minimal height
		
		var minHeight = 150;
		var tolerance = 40;
		
		// The height transition we attach to 'contentElement1'
		var b1Toggle = new Fx.Style('ldescription', 'height', {
			duration :500
		});
		
		// add an onclick event listener to buttonDescr
		buttonDescr
				.addEvent(
						'click',
						function()
						{
							// toggle height transition (hide-show)
							if (content1.getStyle('height').toInt() > (tolerance + minHeight))
							{
								// hide
								b1Toggle.start(minHeight);
								$('buttonDescr').setHTML('Lees meer...');
							}
							else
							{
								// show
								b1Toggle.start(c1Height);
								$('buttonDescr').setHTML('Verberg');
							}
							// toggle classname buttonDescr <-> buttonDescr
							// buttonDescr_
							buttonDescr.toggleClass('buttonDescr_');
							return false;
						});
		
		// set css display:block for the contentElements
		content1.setStyle('display', 'block');
		
		// get the scrollSize of the contentElements
		var c1Height = content1.getSize().scrollSize.y;
		
		if (c1Height <= (tolerance + minHeight))
		{
			// hide
			buttonDescr.setStyle('display', 'none');
			b1Toggle.start(c1Height);
		}
	}
	
	var nbInput = $('nieuwsbrief');
	if (nbInput)
	{
		var orgColor = nbInput.style.color;
		
		nbInput.value = "E-mailadres";
		nbInput.style.color = "#ccc";
		
		nbInput.addEvents({ 
            'focus': function(){
	        	if (nbInput.value == "E-mailadres")
	        	{
					nbInput.value = "";
					nbInput.style.color = orgColor;
	        	}
			}, 
            'blur': function(){
            	if (nbInput.value == "")
            	{
            		nbInput.value = "E-mailadres";
            		nbInput.style.color = "#ccc";
            	}
            }
		});
	}
}

function Link(url)
{
	document.location = base_url + url;
}

function gotoMerk(urltxt)
{
	if (urltxt != '')
	{
		Link('./merk/' + urltxt + '.html');
	}
}

function checkLeeg(obj, start_text)
{
	if (obj.value == start_text)
	{
		obj.value = "";
	}
}

function ConfirmGo()
{
	var agree = confirm("Weet je het zeker?");
	
	if (agree)
	{
		return true;
	}
	else
	{
		return false;
	}
}

function DoSubmit(form_id)
{
	document.getElementById(form_id).submit();
}

function DoClear(field_id, new_name)
{
	var field = document.getElementById(field_id);
	var field_label = document.getElementById(field_id + '-label');
	
	field.name = new_name;
	field_label.style.visibility = 'hidden';
	field.focus();
}

function ArtikelSetFoto(foto_url)
{
	document.getElementById('grote_foto').src = './uploads/' + foto_url;
}

function pause(ms)
{
	var now = new Date();
	var exitTime = now.getTime() + ms;
	while (true)
	{
		now = new Date();
		if (now.getTime() > exitTime)
		{
			return;
		}
	}
}

function Refresh(ms)
{
	pause(ms);
	document.location = document.location;
}

function CheckSubmit(form_id, event)
{
	var form = document.getElementById(form_id);
	var keycode;
	
	if (window.event)
	{
		keycode = window.event.keyCode;
	}
	else if (event)
	{
		keycode = event.which;
	}
	
	if (keycode == 13)
	{
		form.submit();
	}
}

function BestelAkkoord(betaalwijze)
{
	var voorwaarden = document.getElementById('voorwaardenbox');
	if (voorwaarden.checked)
	{
		if (ConfirmGo())
		{
			var inpakken = 0;
			if (document.getElementById('kado').checked)
			{
				inpakken = 1;
			}
			
			// var opmerkingen =
			// escape(document.getElementById("opmerkingen").value);
			
			setKortingsbon(document.getElementById('kortingsbon').value,
					document.getElementById('kortingsbon_pin').value,
					betaalwijze, inpakken, '');
			// document.location = base_url + 'bestel/bevestig/' + betaalwijze +
			// '/akkoord/';
		}
	}
	else
	{
		alert('U dient akkoord te gaan met de voorwaarden om een bestelling te kunnen plaatsen.');
	}
}

function OpenIdeal(order_id, betaalwijze)
{
	if (window
			.open(base_url + 'ideal/index.php?order_id=' + order_id
					+ '&betaalwijze=' + betaalwijze, 'iDEAL',
					'width=800,height=600,scrollbars=yes,toolbar=no,location=no,resizable=no'))
	{
	}
	else
	{
		document.write('<p><strong>Uw pop-up blokker heeft de popup van '
				+ betaalwijze
				+ ' geblokkeerd. Klik <span class="link" onclick="OpenIdeal('
				+ order_id + ', \'' + betaalwijze
				+ '\');">hier</span> om het venster te openen.</strong></p>');
	}
}

function addEvent(obj, eventType, fn, useCapture)
{
	if (obj.addEventListener)
	{
		obj.addEventListener(eventType, fn, useCapture);
		return true;
	}
	else
	{
		if (obj.attachEvent)
		{
			var r = obj.attachEvent("on" + eventType, fn);
			return r;
		}
	}
}

function NieuwsbriefAanmelden()
{
	var textbox = document.getElementById('nieuwsbrief_email');
	
	addNieuwsbrief(textbox.value);
	textbox.value = '';
}

function Link(url)
{
	document.location = base_url + url;
}

var optie_id = new Array();
var optie_i = 0;

function addOptieField(id)
{
	optie_id[optie_i] = id;
	optie_i++;
}

function getOptieString()
{
	var tmp = '';
	
	for (i = 0; i < optie_id.length; ++i)
	{
		tmp += 'optie_id[' + optie_id[i] + ']='
				+ document.form["optie[" + optie_id[i] + "]"].value;
		
		if (i < optie_id.length - 1)
		{
			tmp += '&';
		}
	}
	
	return tmp;
}

function VoorwaardenPopup()
{
	window
			.open(base_url + 'pages/bestel/voorwaarden.php',
					'Leveringsvoorwaarden',
					'width=800,height=600,scrollbars=yes,toolbar=no,location=no,resizable=no');
}

function popUpGroot(URL)
{
	URL = base_url + URL;
	day = new Date();
	id = day.getTime();
	popup = eval("page"
			+ id
			+ " = window.open(URL, '"
			+ id
			+ "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=800,height=600,left = 300,top = 50');");
}

function groteFoto(id, foto_id)
{
	popUpGroot('pages/categorie/foto.php?id=' + id + '&foto_id=' + foto_id);
}

function setGroteFoto(id, foto_id)
{
	var grote_foto = document.getElementById('grote_foto');
	grote_foto.onclick = function()
	{
		groteFoto(id, foto_id)
	};
	grote_foto.style.cursor = "pointer";
}

function unsetGroteFoto()
{
	var grote_foto = document.getElementById('grote_foto');
	grote_foto.onclick = function()
	{
	};
	grote_foto.style.cursor = "default";
}

function addBookmark(title, url)
{
	if (window.sidebar)
	{
		window.sidebar.addPanel(title, url, "");
	}
	else if (document.all)
	{
		window.external.AddFavorite(url, title);
	}
	else
	{
		alert("Het toevoegen aan favorieten wordt niet ondersteund door uw browser.");
	}
}

function Bookmark()
{
	addBookmark("Johdeheer.nl", "http://www.Johdeheer.nl/");
}