/*functies om extra dropdowns te tonen:*/

//laatst aangemaakte dropdown:
var lastdd = 3;

function showExtraDropDown()
{
/*
id = altijd uniek (loopt van drop1 t/m dropX)
drop 'eX' geeft aan dat het een extra dropdown box betreft
geef aan elke dropdown mee welke de eerste, tweede en derde box is...
*/

	//id = $("select[drop='1']").attr("drop");
	//newid = parseInt(id) + 3;
	var dropid1 = "drop" + parseInt(lastdd + 1);
	var dropid2 = "drop" + parseInt(lastdd + 2);
	var dropid3 = "drop" + parseInt(lastdd + 3);
	
	var wrapper = "wrapper" + parseInt(lastdd);
	var choiceselect = "cse" + parseInt(lastdd);
	var choicesum = "csu" + parseInt(lastdd);
	var catname = "cn" + parseInt(lastdd);
	
	//bouw nieuw gedeelte met dropdowns op:
	$("#morechoices").append("<div id=\""+wrapper+"\" ></div>");
	$("#"+wrapper).append("<div id=\""+choiceselect+"\" ></div>");
	//voeg aan de div de controls toe:
	//verwijder class bij eerste zodat de block style niet wordt toegepast ivm de verwijder knop!
	$("#"+choiceselect).append($("select[drop='1']").clone(true).attr("drop","e1").attr("id", dropid1).attr("f", dropid1).attr("s", dropid2).attr("t", dropid3).attr("lastdd", parseInt(lastdd)).attr("class",""));
	
	//toon verwijderen alleen als de eerste optie zichtbaar is:
	if ($("#"+dropid1).is(":visible"))
	    $("#"+choiceselect).append("(<a href='javascript:;' onclick='removeDiv(\"wrapper"+lastdd+"\")'>x</a>)");
	
	//voeg de 2de en 3de box toe en verberg deze direct
	$("#"+choiceselect).append($("select[drop='2']").clone(true).attr("drop","e2").attr("id", dropid2).attr("f", dropid1).attr("s", dropid2).attr("t", dropid3).attr("lastdd", parseInt(lastdd)).hide());
	$("#"+choiceselect).append($("select[drop='3']").clone(true).attr("drop","e3").attr("id", dropid3).attr("f", dropid1).attr("s", dropid2).attr("t", dropid3).attr("lastdd", parseInt(lastdd)).hide());

	//verander functie van dropdown 1:
	$("#"+dropid1).attr("onchange","");
	$("#"+dropid1).change(function(){
	selectChange(this, document.getElementById(seconddropdown), arrItems1, arrItemsGrp1);
	});
	
	//verander functie van dropdown 2:
	$("#"+dropid2).attr("onchange","");
	$("#"+dropid2).change(function(){
	selectChange(this, document.getElementById(thirddropdown), arrItems2, arrItemsGrp2);
	});
	
	//verander functie van dropdown 3:
	$("#"+dropid3).attr("onchange","");
	$("#"+dropid3).change(function(){
	hideChoice2($("#"+dropid3).attr("lastdd"));
	});

    //als de eerste dropdown niet getoond wordt, toon dan wel de tweede:
    if (!$("#"+dropid1).is(":visible"))
	{
		document.getElementById(dropid2).style.display = "";
        //$("#"+dropid2).show();
	}
        
    //verberg 2de dropdown indien het slechts 1 optie bevat, toon wel de derde:
    var s = document.getElementById(dropid2);
    if (s.options.length == 3)
    {
        s.selectedIndex = 1;
		$("#"+dropid2).hide();
        $("#"+dropid3).show();
    }
    
    //toon verwijderen achter optie 3: indien 2 en 1 niet zichtbaar zijn:
    if (!$("#"+dropid2).is(":visible") && !$("#"+dropid1).is(":visible"))
    {
        $("#"+dropid3).after("(<a href='javascript:;' onclick='removeDiv(\"wrapper"+lastdd+"\")'>x</a>)");
		$("#"+dropid3).attr("class","ctddi")
    }
    else if ($("#"+dropid2).is(":visible") && !$("#"+dropid1).is(":visible"))
    {
        $("#"+dropid2).after("(<a href='javascript:;' onclick='removeDiv(\"wrapper"+lastdd+"\")'>x</a>)");
		$("#"+dropid2).attr("class","ctddi")
    }
    
	
	//category sum:
	$("#"+wrapper).append("<div id=\""+choicesum+"\" style=\"display: none; height: 20px;\">");
	$("#"+choicesum).append("<strong>en </strong><span id=\""+catname+"\"></span>&nbsp;(<a href='javascript:;' onclick='showChoice2(\""+choiceselect+"\",\""+choicesum+"\")'>wijzigen</a> / <a href='javascript:;' onclick='removeDiv(\"wrapper"+lastdd+"\")'>x</a>)");
	
	lastdd = lastdd + 3;
	
}

//specifieke functie om de extra dropdownboxen weg te halen
function hideChoice2(lastddid)
{

	var id = parseInt(lastddid) + 3;
	var dropid3 ="drop" + id; 
	var dd = document.getElementById(dropid3);
	
	/*zorg ervoor dat na 'wijzigen' de optie 'maak uw keuze' niet gekozen kan worden*/
	if (dd.selectedIndex > 0 | !$("#"+dropid3).is(":visible") | dd.options.length == 1)
	{
		$("#csu" + lastddid).show();
		$("#cse" + lastddid).hide();
		$("#cn" + lastddid).html(dd.options[dd.selectedIndex].text);
	}
}

//hall alle waarden op uit de dropdowns en zet deze in de lijst:
function retrieveValues()
{
	//lijst om waarden in te zetten
	var ev = document.getElementById(extraValues);
	//array van keuzelijsten 1
	var list1 = $("select[drop='e1']");

	for (var i = 0, j = list1.length; i < j; i++) 
	{
		//waarde uit eerste box:
		//sla alleen waarden op die groter dan 0 zijn, dus niet 'maak uw keuze...'
		
		if (list1[i].selectedIndex > 0)
			ev.value += list1[i].options[list1[i].selectedIndex].innerHTML + "%";
		//waarde uit 2de box:
		var lastdd = parseInt(list1[i].getAttribute("lastdd"));
		var secdd = lastdd + 2;
		var thidd = lastdd + 3;
		
		if ($("#drop"+secdd).is(":visible"))
		{
			var list2 = document.getElementById("drop"+secdd);
			if (list2.selectedIndex > 0)
				ev.value += list2.options[list2.selectedIndex].innerHTML + "%";
		}
		
		if ($("#drop"+thidd).is(":visible"))
		{
			var	list3 = document.getElementById("drop"+thidd);
			if (list3.selectedIndex > 0)
				ev.value += list3.options[list3.selectedIndex].innerHTML;
		}
		ev.value += "$";
	}

}

function removeDiv(wrapperid)
{
	$("#" + wrapperid).hide();
}

function hideCat()
{

    $("#catsum").show();
    $("#catselect").hide();
}

function showCat()
{
    $("#catselect").show();
    $("#catsum").hide();
}

function hideILike()
{
    $("#likesum").show();
    $("#likeselect").hide();
}

function showILike()
{
    $("#likeselect").show();
    $("#likesum").hide();
}

function showChoice()
{
    $("#choiceselect").show();
    $("#choicesum").hide();
}

//specifieke functie voor meerdere keuzes:
function showChoice2(show, hide)
{
    $("#"+show).show();
    $("#"+hide).hide();
}

/*datum:*/

var check;

function clickDate(checkbox)
{
    check = checkbox;
    if (checkbox.checked)
    {
        hideDate();
    }
}
function hideDate()
{
    $("#datesum").show();
    $("#dateselect").hide();
}

function showDate()
{
    check.checked = false;
    $("#dateselect").show();
    $("#datesum").hide();
}

function clickCat(cat, value, mobile)
{
	if (value)
		$("#org").show();
	else
		$("#org").hide();
	
	if (mobile)
	{
		$("#phone2").show();
		$("#"+uxphoneid).hide();
	}
	else
	{
		$("#phone2").hide();
		$("#"+uxphoneid).show();
	}
	
	$("#"+uxcategoryid).html(cat.nextSibling.innerHTML);
	hideCat();
}

function clickILike(box, text)
{
	$("#yourchoice").html(text);
	$("#"+uxilikeid).html(box.nextSibling.innerHTML);
	hideILike();
}

function hideChoice()
{
	var dd = document.getElementById(thirddropdown);
	
	/*zorg ervoor dat na 'wijzigen' de optie 'maak uw keuze' niet gekozen kan worden*/
	if (dd.selectedIndex > 0 | !$("#"+thirddropdown).is(":visible") | dd.options.length == 1)
	{
	
		$("#choicesum").show();
		$("#choiceselect").hide();
		$("#"+choice).html(dd.options[dd.selectedIndex].text);
	}
}