/** Ringtones **/
img_speaker="http://www.ringtonio.nl/images/sp6.gif";
img_folder="http://www.ringtonio.nl/images/map2.gif";
mleft=120;
mtop=50;
bgplay="http://www.ringtonio.nl/images/standardplay.png";
bgsend="http://www.ringtonio.nl/images/standard.png";
d=document;
bd='http://www.ringtonio.nl';

function send(id)  {
  window.location("http://www.ringtonio.nl/send/?id="+id+
  "&rtaff=12393&clx=1&rtlo=40878",
  "sendpop","toolbar=no,location=no,directories=no,"+
  "status=yes,menubar=no,scrollbars=no,resizable=no,"+
  "copyhistory=no,width=600,height=450,screenX=0,"+
  "screenY=0,top=0,left=0");
 }

function play(id) {
  window.location("http://www.ringtonio.nl/play/?id="+id+
  "&rtaff=12393&clx=1&rtlo=40878",
  "playpop","toolbar=no,location=no,directories=no"+
  ",status=no,menubar=no,scrollbars=no,resizable=no,"+
  "copyhistory=no,width=300,height=160,screenX=0,"+
  "screenY=0,top=0,left=0");
 }

function nix (){
	return;
}
/** Einde ringtones **/

/** Photo Editor */
function showButton() {
	document.getElementById("winkelmandbutton").style.display='block';
}

function hideButton() {
	document.getElementById("winkelmandbutton").style.display='hidden';
}

function reload1(xml_file,artikelcode) 
{
var flashvars = {
  xmlfile: xml_file,
  file: document.getElementById("unique_id").value
};

var params = {};
var attributes = {};

swfobject.embedSWF("assets/templates/ysp/plugins/PhotoEditor/PhotoEditor.swf", "fotoeditor", "690", "425", "9.0.0","expressInstall.swf", flashvars, params, attributes);

	if(isNaN(artikelcode))
	{
		return;
	}
	else
	{
		setStaffelprijslink(artikelcode);
	}
}
function reload(xml_file,artikelcode) 
{
var flashvars = {
  xmlfile: xml_file,
  file: getPhotoUniqueID()
};

var params = {};
var attributes = {};

swfobject.embedSWF("assets/templates/ysp/plugins/PhotoEditor/PhotoEditor.swf", "fotoeditor", "690", "425", "9.0.0","expressInstall.swf", flashvars, params, attributes);

	if(isNaN(artikelcode))
	{
		return;
	}
	else
	{
		setStaffelprijslink(artikelcode);
		setVerlanglijstlink(artikelcode);
		setTellAFriendlink(artikelcode);
		setPrijsLevertijdlink(artikelcode);
		setArtikelInfo(artikelcode);
	}
}

function getPhotoUniqueID()
{
	var elem='';
	//standaard functionaliteit
	if( document.getElementById ) 
    {
        elem = document.getElementById('unique_id').value; 
    }
	//Voor oudere versies
    else if( document.all )
    {
        elem = document.all['unique_id'];
    }
	//netscape e.d.?
    else if( document.layers )
    {
        elem = document.layers['unique_id'];
    }
	
	if(elem=='')
	{
		elem=generateID();
	}

	return elem;
}

function generateID()
{
     var dateObject = new Date();
     var uniqueId = dateObject.getFullYear() + '' +  dateObject.getMonth() + '' +   dateObject.getDate() + '' +  dateObject.getTime();

     return uniqueId;
}

 function save() {
	var result=document.getElementById("p_fotoeditor").saveProduct();
 }
 
 /** Einde Photo Editor */
 
 
 /** straatnaambord **/
 
 function limitStraatNaamText(evt,field,displayField){
	if (evt.which && evt.which == 8)
	{ 
		return true; 
	}
	else
	{

	if(!isNaN(field.resize))
	{
		fontSize=field.defaultFont - (field.value.length*field.resize);
		paddingTop=field.defaultPadding + (field.value.length*field.resize);
		document.getElementById(displayField).style.fontSize=fontSize + 'px';
		//document.getElementById(displayField).style.paddingTop=paddingTop + 'px';
	}
	}
	return (field.value.length<field.maxChars);
}

function displayNaamBord(field,spantekst){
	var element = document.getElementById(spantekst);
	element.innerHTML=field.value;
	
	fontSize=field.defaultFont - (field.value.length*field.resize);
	//paddingTop=field.defaultPadding + (field.value.length*field.resize);
	document.getElementById(spantekst).style.fontSize=fontSize + 'px';
	//document.getElementById(spantekst).style.paddingTop='20px'; //paddingTop + 'px';
		
}

function limitStraatnaam(sel,code) {
var element1 = document.getElementById("tekstregel1");//sel.form.tekstregel1;
var element2 = document.getElementById("tekstregel2");//sel.form.tekstregel2;
if(code==32002)
{
	element1.maxChars = 28;
	element1.defaultFont=46;
	element1.resize=0.4;
	element1.defaultPadding=45;
	var limit1=28;
	
	element2.maxChars = 46;
	element2.defaultFont=24;
	element2.resize=0.1;
	element2.defaultPadding=5;
	var limit2=46;

	document.getElementById("tekstregel1_lengte").innerHTML='Maximaal 28 tekens';
	document.getElementById("tekstregel2_lengte").innerHTML='Maximaal 46 tekens';
}
else
{
	element1.maxChars = 20;
	element1.defaultFont=46;
	element1.resize=0.3;
	element1.defaultPadding=50;
	var limit1=20;
	
	element2.maxChars = 36;
	element2.defaultFont=24;
	element2.resize=0.1;
	element2.defaultPadding=0;
	
	var limit2=36;
	
	document.getElementById("tekstregel1_lengte").innerHTML='Maximaal 20 tekens';
	document.getElementById("tekstregel2_lengte").innerHTML='Maximaal 36 tekens';
}

if (element1.value.length>limit1) {
	element1.value = element1.value.substring(0,limit1);
	element1.focus();
}

if (element2.value.length>limit2) {
	element2.value = element2.value.substring(0,limit2);
	element2.focus();
}
}

function metKader(value,div){
	if(value=='ja' || value==null || value=='')	{
		img='straatnaambord_met_kader.jpg';
	}
	else{
		img='straatnaambord_kaal.jpg';
	}
	
	document.getElementById(div).style.background='url(assets/templates/ysp/images/cadeau/fotocadeau-groot/straatnaambord/'+img+') no-repeat';
}


function showhideForms(value)
{
	if(value>=28001 & value<=28004)	{
		document.getElementById('foto').style.display = 'inline';
		document.getElementById('foto2').style.display = 'none';
		document.getElementById('foto3').style.display = 'none';
		document.getElementById('foto4').style.display = 'none';
	}
	if(value==28005 || value==28007){
		document.getElementById('foto3').style.display = 'none';
		document.getElementById('foto4').style.display = 'none';
		document.getElementById('foto2').style.display = 'inline';
		document.getElementById('foto').style.display = 'inline';
	}
	if(value==28006){
		document.getElementById('foto3').style.display = 'inline';
		document.getElementById('foto4').style.display = 'none';
		document.getElementById('foto2').style.display = 'inline';
		document.getElementById('foto').style.display = 'inline';
	}
	if(value==28008){
		document.getElementById('foto3').style.display = 'inline';
		document.getElementById('foto4').style.display = 'inline';
		document.getElementById('foto2').style.display = 'inline';
		document.getElementById('foto').style.display = 'inline';
	}
}

/** Einde straatnaambord **/

/** Ajaxsearch voor de liedjes **/

/*
	This is the JavaScript file for the AJAX Suggest Tutorial

	You may use this code in your own projects as long as this 
	copyright is left	in place.  All code is provided AS-IS.
	This code is distributed in the hope that it will be useful,
 	but WITHOUT ANY WARRANTY; without even the implied warranty of
 	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
	
	For the rest of the code visit http://www.DynamicAJAX.com
	
	Copyright 2006 Ryan Smith / 345 Technical / 345 Group.	

*/
//Gets the browser specific XmlHttpRequest Object
function getXmlHttpRequestObject() {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	} 
}

//Our XmlHttpRequest object to get the auto suggest
var searchReq = getXmlHttpRequestObject();

//Called from keyup on the search textbox.
//Starts the AJAX request.
function searchSuggest() {
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var type = escape(document.getElementById('type').value);
		var str = escape(document.getElementById('txtSearch').value);
		if(str.length>1)
		{
		
		searchReq.open("GET", 'ajaxsearch?search=' + str +'&type='+type, true);
		searchReq.onreadystatechange = handleSearchSuggest; 
		searchReq.send(null);
		}
	}		
}
function searchSuggest1() {
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var type = escape(document.getElementById('type1').value);
		var str = escape(document.getElementById('txtSearch1').value);
		if(str.length>1)
		{
		
		searchReq.open("GET", 'ajaxsearch?search=' + str +'&type='+type, true);
		searchReq.onreadystatechange = handleSearchSuggest1; 
		searchReq.send(null);
		}
	}		
}

function searchSuggest2() {
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var type = escape(document.getElementById('type2').value);
		var str = escape(document.getElementById('txtSearch2').value);
		if(str.length>1)
		{
		
		searchReq.open("GET", 'ajaxsearch?search=' + str +'&type='+type, true);
		searchReq.onreadystatechange = handleSearchSuggest2; 
		searchReq.send(null);
		}
	}		
}
function searchSuggest_naam2() {
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var type = escape(document.getElementById('type').value);
		var str = escape(document.getElementById('txtSearch1').value);
		if(str.length>1)
		{
		searchReq.open("GET", 'ajaxsearch?search=' + str +'&type='+type, true);
		searchReq.onreadystatechange = handleSearchSuggest1; 
		searchReq.send(null);
		}
	}		
}

function searchSuggestEcard(){
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var type = escape(document.getElementById('type').value);
		var str = escape(document.getElementById('txtSearch').value);
		if(str.length>1){
		searchReq.open("GET", 'ajaxsearch?search=' + str +'&type='+type+'&ecard=ja', true);
		searchReq.onreadystatechange = handleSearchSuggest; 
		searchReq.send(null);
		}
	}		
}
//Called when the AJAX response is returned.
function handleSearchSuggest() {
	
	if (searchReq.readyState == 4) {
	
		naamcheck=document.getElementById('naamcheck');
		if(naamcheck!=null)
		{
			document.getElementById('naamcheck').value=0;
		}
		var ss = document.getElementById('search_suggest')
		ss.innerHTML = '';
		var str = searchReq.responseText.split("\n");
		
		for(i=0; i < str.length - 1; i++) 
		{
			ss.style.display='block';
			//Build our element string.  This is cleaner using the DOM, but
			//IE doesn't support dynamically added attributes.
			var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
			suggest += 'onmouseout="javascript:suggestOut(this);" ';
			suggest += 'onclick="javascript:setSearch(this.innerHTML);" ';
			suggest += 'class="suggest_link">' + str[i] + '</div>';
			ss.innerHTML += suggest;
			if(str[i]=='Name doesnt exist. Please select another name.')
			{
			document.getElementById("txtSearch").value='';
			}
		}
	}
}
function handleSearchSuggest1() {
	if (searchReq.readyState == 4) {
	
		naamcheck=document.getElementById('naamcheck1');
		if(naamcheck!=null)
		{
			document.getElementById('naamcheck1').value=0;
		}
		var ss = document.getElementById('search_suggest1')
		ss.innerHTML = '';
		var str = searchReq.responseText.split("\n");
		
		for(i=0; i < str.length - 1; i++) 
		{
			ss.style.display='block';
			//Build our element string.  This is cleaner using the DOM, but
			//IE doesn't support dynamically added attributes.
			var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
			suggest += 'onmouseout="javascript:suggestOut(this);" ';
			suggest += 'onclick="javascript:setSearch1(this.innerHTML);" ';
			suggest += 'class="suggest_link">' + str[i] + '</div>';
			ss.innerHTML += suggest;
			
			if(str[i]=='Name doesnt exist. Please select another name.')
			{
			document.getElementById('txtSearch1').value='';
			}
		}
	}
}

function handleSearchSuggest2() {
	
	if (searchReq.readyState == 4) {
	
		naamcheck=document.getElementById('naamcheck2');
		if(naamcheck!=null)
		{
			document.getElementById('naamcheck2').value=0;
		}
		var ss = document.getElementById('search_suggest2')
		ss.innerHTML = '';
		var str = searchReq.responseText.split("\n");
		
		for(i=0; i < str.length - 1; i++) 
		{
			ss.style.display='block';
			//Build our element string.  This is cleaner using the DOM, but
			//IE doesn't support dynamically added attributes.
			var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
			suggest += 'onmouseout="javascript:suggestOut(this);" ';
			suggest += 'onclick="javascript:setSearch2(this.innerHTML);" ';
			suggest += 'class="suggest_link">' + str[i] + '</div>';
			ss.innerHTML += suggest;
			if(str[i]=='Name doesnt exist. Please select another name.')
			{
			document.getElementById("txtSearch").value='';
			}
		}
	}
}
//Mouse over function
function suggestOver(div_value) {
	div_value.className = 'suggest_link_over';
}
//Mouse out function
function suggestOut(div_value) {
	div_value.className = 'suggest_link';
}
//Click function
function setSearch(value) 
{

		naamcheck=document.getElementById('naamcheck');
		if(naamcheck!=null)
		{
			document.getElementById('naamcheck').value=1;
		}
		
	document.getElementById('txtSearch').value = value;
	document.getElementById('search_suggest').style.display ='none';
}

function setNaamcheck(value)
{
	if(value!='')
	{
		if(value.length>=2)
		{
			naamcheck=document.getElementById('naamcheck');
			if(naamcheck!=null)
			{
				document.getElementById('naamcheck').value=1;
			}
		}
	}
}

function setNaamcheck1(value)
{
	if(value!='')
	{
		if(value.length>=2)
		{
			naamcheck=document.getElementById('naamcheck1');
			if(naamcheck!=null)
			{
				document.getElementById('naamcheck1').value=1;
			}
		}
	}
}

function setNaamcheck2(value)
{
	if(value!='')
	{
	if(value.length>=2)
	{
		naamcheck=document.getElementById('naamcheck2');
		if(naamcheck!=null)
		{
			document.getElementById('naamcheck2').value=1;
		}
	}
	}
}

//Click function
function setSearch1(value) {

		naamcheck=document.getElementById('naamcheck1');
		if(naamcheck!=null)
		{
			document.getElementById('naamcheck1').value=1;
		}
	document.getElementById('txtSearch1').value = value;
	document.getElementById('search_suggest1').style.display ='none';
}
function setSearch2(value) {

		naamcheck=document.getElementById('naamcheck2');
		if(naamcheck!=null)
		{
			document.getElementById('naamcheck2').value=1;
		}
		
	document.getElementById('txtSearch2').value = value;
	document.getElementById('search_suggest2').style.display ='none';
}
/** einde ajax search voor de liedjes **/

/** ajax search bedankt nl **/

/** Einde ajax search bedankt nl **/
var xmlHttp;

function createXMLHttpRequest1()
{
	if (window.XMLHttpRequest) {
		xmlHttp = new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	} 
}

function refreshSelectLists()
{

	//var ontvanger = document.getElementById("ontvangers").value;
	var radioObj = document.forms['bestelformulier'].elements['ontvangers'];
	var radioLength = radioObj.length;
	if(radioLength == undefined)
		if(radioObj.checked)
			var ontvangers = radioObj.value;
	for(var i = 0; i < radioLength; i++) {
		if(radioObj[i].checked) {
			var ontvangers =  radioObj[i].value;
		}
	}
	
	//var gevers = document.getElementById("gevers").value;
	var radioObj = document.forms['bestelformulier'].elements['personen'];
	var radioLength = radioObj.length;
	if(radioLength == undefined)
		if(radioObj.checked)
			var gevers = radioObj.value;
	for(var i = 0; i < radioLength; i++) {
		if(radioObj[i].checked) {
			var gevers =  radioObj[i].value;
		}
	}
	var url = "bedankt-variabelen?ontvanger=" + ontvangers + "&gevers="+gevers;
	
	createXMLHttpRequest1();
	xmlHttp.onreadystatechange = handleStateChange;
	xmlHttp.open("GET", url, true);
	xmlHttp.send(null);
	
	if (ontvangers == 'meerdere')
	{
		showHide2('meervoud',1);
	}
	else
	{
		showHide2('meervoud',0);
	}

}

function handleStateChange()
{
	if(xmlHttp.readyState ==4)
	{
		if(xmlHttp.status==200)
		{
			updateSelectLists();
		}
	}
}

function updateSelectLists()
{
	var relaties = document.getElementById("relatie");
	var redenen = document.getElementById("reden");

	var relatie_selected = document.getElementById("relatie").value;
	var redenen_selected = document.getElementById("reden").value;
	
	clearSelectLists();
	
	var results = xmlHttp.responseXML.getElementsByTagName("relatie");
	var option=null;
	for (var i =0; i < results.length; i++)
	{
		option = document.createElement("option");
		
		if(results[i].firstChild.nodeValue==relatie_selected)
		{
			option.setAttribute("selected","selected");
		}
		option.appendChild(document.createTextNode(results[i].firstChild.nodeValue));
		relaties.appendChild(option);
	}
	
	var results = xmlHttp.responseXML.getElementsByTagName("reden");
	var option=null;
	for (var i =0; i < results.length; i++)
	{
		option = document.createElement("option");
		if(results[i].firstChild.nodeValue==redenen_selected)
		{
			option.setAttribute("selected","selected");
		}
		
		option.appendChild(document.createTextNode(results[i].firstChild.nodeValue));
		redenen.appendChild(option);
	}
}


function clearSelectLists() 
{
	var relaties = document.getElementById("relatie");
	var redenen = document.getElementById("reden");
	
	while(relaties.childNodes.length>0)
	{
		relaties.removeChild(relaties.childNodes[0]);
	}
	
	while(redenen.childNodes.length>0)
	{
		redenen.removeChild(redenen.childNodes[0]);
	}
	
}

function toonTweedeNaam(inID,valueID)
{
	if (document.getElementById(valueID).value=='meerdere')
	{
		showHide2('meervoud',1);
	}
	else
	{
		showHide2('meervoud',0);
	}
}

function setArtikelcode(id,code)
{
	if(document.getElementById('artikelcode')!=null)
	{
		document.getElementById('artikelcode').value=code;
	}
}

function getUniqueID(unique_id,controleren)
{
  if (controleren === undefined) controleren = 'ja';
  
	if(controleren=='ja')
	{
		if (searchReq.readyState == 4 || searchReq.readyState == 0)	{
			searchReq.open("GET", 'shopping-cart/tekstfunctie?functie=getUniqueID&value='+unique_id, true);
			searchReq.onreadystatechange = handleGetUniqueIDResult;
			searchReq.setRequestHeader('If-Modified-Since', 'Sat, 29 Oct 1994 19:43:31 GMT');
			searchReq.send(null);
		}
	}
}

function handleGetUniqueIDResult()
{
	if (searchReq.readyState == 4 || searchReq.readyState == 0)	
	{
		if(searchReq.responseText==1)
		{
			window.location.reload( true );
		}
	}
}

function setCheckedValue(radioObj, newValue) {
	if(!radioObj)	{
		return;
	}
	
	var radioLength = radioObj.length;
	if(radioLength == undefined) {
		radioObj.checked = (radioObj.value == newValue.toString());
		return;
	}
	for(var i = 0; i < radioLength; i++) {
		radioObj[i].checked = false;
		if(radioObj[i].value == newValue.toString()) {
			radioObj[i].checked = true;
		}
	}
}

function ToonFlashVoorbeeld(pagina,width,height)
{
	//GB_showCenter('title',pagina, width,height);
	alert("hier komt ie: " + pagina); 
	GB_showCenter('title',pagina, 700,500);
	
}

function changeOndergoed(values)
{
	var maat = document.getElementById("Maat");
	
	while(maat.childNodes.length>0)
	{
		maat.removeChild(maat.childNodes[0]);
	}
	
	var option=null;
	for (var i =0; i < changeOndergoed.arguments.length; i++)
	{
	
		var newOption = document.createElement('option');
		newOption.text = changeOndergoed.arguments[i];
		newOption.value = changeOndergoed.arguments[i];
		try 
		{
			maat.add(newOption, null); // standards compliant; doesn't work in IE
		}
		catch(ex) 
		{
			maat.add(newOption); // IE only
		}

	}
}

function changemaat(type)
{
	if (type.length>=3)
	{
		if (searchReq.readyState == 4 || searchReq.readyState == 0)	
		{
			searchReq.open("GET", 'shopping-cart/tekstfunctie?functie=getMaten&file='+type, true);
			searchReq.onreadystatechange = handleGetShirtKleuren;
			searchReq.setRequestHeader('If-Modified-Since', 'Sat, 29 Oct 1994 19:43:31 GMT');
			searchReq.send(null);
		}
	}
}

function changetshirt(type,kleur)
{
	if (kleur.length>=3)
	{
		if (searchReq.readyState == 4 || searchReq.readyState == 0)	
		{
			searchReq.open("GET", 'shopping-cart/tekstfunctie?functie=getShirtkleuren&kleur='+kleur+'&file='+type, true);
			searchReq.onreadystatechange = handleGetShirtKleuren;
			searchReq.setRequestHeader('If-Modified-Since', 'Sat, 29 Oct 1994 19:43:31 GMT');
			searchReq.send(null);
		}
	}
}

function handleGetShirtKleuren()
{
if (searchReq.readyState == 4 || searchReq.readyState == 0)	
	{
	var waardes = searchReq.responseText.split('||');
	var str = waardes[0].split(",");
	var artikelcode = waardes[1];
	
			var maat = document.getElementById("Maat");
			
			while(maat.childNodes.length>0)
			{
				maat.removeChild(maat.childNodes[0]);
			}
			
			var option=null;
			for(i=0; i < str.length; i++) 
			{
				if(str[i].length>=1)
				{
						var newOption = document.createElement('option');
						newOption.text = str[i];
						newOption.value = str[i];
						try 
						{
							maat.add(newOption, null); // standards compliant; doesn't work in IE
						}
						catch(ex) 
						{
							maat.add(newOption); // IE only
						}

				}
			}
	if(artikelcode>0)
{		
	document.getElementById("artikelcode1").value=artikelcode;
}
	}
}



GB_myShow = function(caption, url, /* optional */ height, width, callback_fn) {    
	var options = {        
		caption: caption,        
		height: height || 500,        
		width: width || 500,        
		fullscreen: false,        
		show_loading: false,        
		callback_fn: callback_fn    
}    

var win = new GB_Window(options);    
return win.show(url);
}

function addTekst(id,tekst)
{
	document.getElementById(id).innerHTML=document.getElementById(id).innerHTML + ' ' + tekst;
}

function setBackground(map,image,element)
{
	image = image.replace(/\s+/g,'');
	var url=map + image.toLowerCase() + '.jpg';
	document.getElementById(element).style.background='url(' + url + ') no-repeat';
	image = image.replace(/^\s*|\s*$/g,'');
}
function setImage(map,image,element)
{
	var url=map + image.toLowerCase() + '.jpg';

	document.getElementById(element).src=url;
}
function displayImage(map,element)
{
	var index = document.getElementById(element).selectedIndex;
	var selectedImage = document.getElementById(element)[index].value;
	var url = '/' + map + selectedImage.toLowerCase() + '-groot.jpg';
	return GB_showImage(selectedImage,url);
}
function setText(element,tekst)
{
	document.getElementById(element).innerHTML=tekst;
}

function badjascolor(element)
{
	var index = document.getElementById(element).selectedIndex;
	var selectedId = document.getElementById(element)[index].id;
	
	document.getElementById('badjastekstregel1').style.color='#' +selectedId;
	document.getElementById('badjastekstregel2').style.color='#' +selectedId;
	
	document.getElementById('tekstkleurvoorbeeld').style.backgroundColor='#' +selectedId;
	
}

function setTextcolor(element,value)
{
	var selectList=document.getElementById(element);
	for (var i=0; i<selectList.length; i++)
	{ //loop through all form elements
		if(selectList.options[i].value==value)
		{
			selectList.options[i].selected=true;
		}
	}
	badjascolor('Tekstkleur');
}


function maatKleurKeuze(element,value,selected)
{
	if ( selected === undefined ) 
	{
		selected='';
	}	

		var element = document.getElementById(element);
		var element_waardes='ignore_' + value;
		element_waardes=document.getElementById(element_waardes).value;
		
		if(element!=null && element_waardes!=null)
		{
			while(element.childNodes.length>0)
			{
				element.removeChild(element.childNodes[0]);
			}
			var str = element_waardes.split(",");
		
				var option=null;
			for(i=0; i < str.length; i++) 
			{
				if(str[i].length>=1)
				{
						var newOption = document.createElement('option');
						newOption.text = str[i];
						newOption.value = str[i];
						
						if(newOption.value==selected)
						{
							newOption.setAttribute("selected","selected");
						}
						
						try 
						{
							element.add(newOption, null); // standards compliant; doesn't work in IE
						}
						catch(ex) 
						{
							element.add(newOption); // IE only
						}

				}
			}
		}
}

function toonLiedVariabelen(value)
{
	
	showHide2(value,1);
	showHide2('variabelen_optie1',0);
}

function reloadLied(value)
{
	if (searchReq.readyState == 4 || searchReq.readyState == 0)	
	{
		searchReq.open("GET", 'song-with-name/song-with-name-contents?value='+value, true);
		searchReq.onreadystatechange = handlereloadLiedResult;
		searchReq.setRequestHeader('If-Modified-Since', 'Sat, 29 Oct 1994 19:43:31 GMT');
		searchReq.send(null);
	}
}

function handlereloadLiedResult()
{
	if (searchReq.readyState == 4) 
	{
		document.getElementById('artikelcontent').innerHTML=searchReq.responseText;
	}
}
function reloadLiedVariabelen(value)
{
	if (searchReq.readyState == 4 || searchReq.readyState == 0)	
	{
		searchReq.open("GET", 'song-with-name/song-with-name-contents?value='+value, true);
		searchReq.onreadystatechange = handlereloadLiedVariabelenResult;
		searchReq.setRequestHeader('If-Modified-Since', 'Sat, 29 Oct 1994 19:43:31 GMT');
		searchReq.send(null);
	}
}

function handlereloadLiedVariabelenResult()
{
	if (searchReq.readyState == 4) 
	{
		document.getElementById('artikelvariabelen').innerHTML=searchReq.responseText;
	}
}
function toonVerbergFotoproduct(value)
{

	if(value=='ja')
	{
		showHide2('winkelmandbutton',0);
		showHide2('winkelmand-trans',1);
		showHide2('fotoproduct_lied',1);
	}
	else{
		showHide2('winkelmandbutton',1);
		showHide2('winkelmand-trans',0);
		showHide2('fotoproduct_lied',0);
	}
}