$(document).ready(function(){
    if(location.hash != ""){
        locatie = new Array();
        locatie = location.hash.split("#");
        $("#tabContentAlgemeen").hide();
        $("#tabContent"+locatie[1]).show();
        $(".contentTabs").find("li").each(function(){
            $(this).attr("id", "");
            if($(this).attr("tabvalue") == locatie[1]){
                $(this).attr("id", "active");
            }
        });
    }
});

function changeStyle(to) {
    document.getElementById('fontSwitcher').href = '/css/font-sizes/font-' + to + '.css';
}

function toggle(item) {
    var checkbox = document.getElementById(item);
    if(checkbox.checked)	{
        $('.'+item).attr('src', '/images/selectie.jpg');
        checkbox.checked = false;
    } else {
        $('.'+item).attr('src', '/images/selectie_check.jpg');
        checkbox.checked = true;
    }
}

function toggleFAQ(faqid){
    $(".faqAnswer").each(function(){
        if($(this).attr("faqid") == faqid){
            if($(this).css("display") == "none"){
                $(this).show();
            }else{
                $(this).hide();
            }
        }
    });
}

function makeSelection(){
    var dataProv = "";
    var dataType = "";
    var dataDoel = "";
    var dataOptie = "";
    var and = "";
    var x = 0;

    $(".selectieContainerProv").find("li").each(function(){
        if($(this).attr("check") == "yes"){
            dataProv += and+$(this).attr("linkid");
            and = "-"
            x++;
        }
    });
    if(x == 0){
        dataProv = "all";
    }
    x = 0;
    and = "";

    $(".selectieContainerTypes").find("li").each(function(){
        if($(this).attr("check") == "yes"){
            dataType += and+$(this).attr("linkid");
            and = "-"
            x++;
        }
    });
    if(x == 0){
        dataType = "all";
    }
    x = 0;
    and = "";

    $(".selectieContainerDoel").find("li").each(function(){
        if($(this).attr("check") == "yes"){
            dataDoel += and+$(this).attr("linkid");
            and = "-"
            x++;
        }
    });
    if(x == 0){
        dataDoel = "all";
    }
    x = 0;
    and = "";

    $(".selectieContainerOpties").find("li").each(function(){
        if($(this).attr("check") == "yes"){
            dataOptie += and+$(this).attr("linkid");
            and = "-"
            x++;
        }
    });
    if(x == 0){
        dataOptie = "all";
    }

    window.location = "/filter/"+dataProv+"/"+dataType+"/"+dataDoel+"/"+dataOptie+".html"

}

function changeTab(elem){
    var tab;
    $(".contentTabs").find("li").each(function(){
        $(this).attr("id", "");
    });
    tab = $(elem).attr("tabvalue");
    $(elem).attr("id", "active");
    $("#tabContentAlgemeen").hide();
    $("#tabContentOmgeving").hide();
    $("#tabContentKamers").hide();
    $("#tabContentPrijs").hide();
    $("#tabContentDoorsturen").hide();
    $("#tabContent"+tab).show();
}


function postPrijzen(hotelID,nummer){
    var aankomst = $("input#aankomst"+nummer).val();
    A = aankomst.split("-");
    var vertrek = $("input#vertrek"+nummer).val();
    V = vertrek.split("-");
    var aankomstDag 	= A[0];
    var aankomstMaand 	= A[1];
    var aankomstJaar 	= A[2];
    var vertrekDag 		= V[0];
    var vertrekMaand 	= V[1];
    var vertrekJaar	 	= V[2];

    var data = "hotelid="+hotelID+"&aankomst_dag="+aankomstDag+"&aankomst_maand="+aankomstMaand+"&aankomst_jaar="+aankomstJaar+"&vertrek_dag="+vertrekDag+"&vertrek_maand="+vertrekMaand+"&vertrek_jaar="+vertrekJaar

    $.ajax({
        type: "POST",
        url: "/local/scripts/prijzen_new.php",
        cache: false,
        data: data,
        success: function(html){
            $("#kamerPrijzen").html(html);
        }
    });
}

var changeFormData = new Object;
function changeForm(i, d) {
    var v, k, h, o, d;

    v = $('#aantal_volwassenen').val();
    k = $('#aantal_kinderen').val();
    h = $('#aantal_huisdieren').val();

    if (i && d) {
        changeFormData.days = 2;

        if (changeFormData[i]) {
            changeFormData[i] = false;
        } else {
            changeFormData[i] = true;
        }
    }

    var get = '';

    for(var i in changeFormData){
        get += '&d[' + i + ']=' + changeFormData[i];
    }

    d = 'v='+v+'&k='+k+'&h='+h+get;

    $.ajax({
        type	: "POST",
        url		: "/local/scripts/optie_prijzen_new.php",
        cache	: false,
        data	: d,
        success	: function(html) {
            var d = html.split("|");
            var opties = parseFloat(d[0]).toFixed(2);
            var totaal = parseFloat(d[1]).toFixed(2);
            totaal = String(totaal);
            opties = String(opties);

            $("#opties-prijs").html("€ "+opties.replace(".",","));
            $("#totaal-prijs").html("€ "+totaal.replace(".",","));
        }
    });
}

var lastKlicked = new Array;
function optiePrijzen(item, optie_idnr, prijs, dagen, per_dag){
    var data = "optie_idnr="+optie_idnr+"&prijs="+prijs+"&dagen="+dagen+"&per_dag="+per_dag;

    if (lastKlicked[item.name] != prijs) {
        $.ajax({
            type: "GET",
            url: "/local/scripts/optie_prijzen.php",
            cache: false,
            data: data,
            success: function(html){
                var d = html.split("|");
                var opties = parseFloat(d[0]).toFixed(2);
                var totaal = parseFloat(d[1]).toFixed(2);
                totaal = String(totaal);
                opties = String(opties);

                $("#opties-prijs").html("€ "+opties.replace(".",","));
                $("#totaal-prijs").html("€ "+totaal.replace(".",","));
            }
        });
    }

    lastKlicked[item.name] = prijs;
}

var lastclicked_hulpmiddelen = new Array();

function hulpmiddelenPrijzen(idnr,action){
    if (!lastclicked_hulpmiddelen[idnr]) {
        lastclicked_hulpmiddelen[idnr] = 'nee';
    }

    if (action != lastclicked_hulpmiddelen[idnr]) {
        if(action == "ja"){
            prijs = 10;
            var clicknee = "nee";
            lastclicked_hulpmiddelen[idnr] = 'ja';
        }else if(action == "nee"){
            prijs = -10;
            var clicknee = "ja";
            lastclicked_hulpmiddelen[idnr] = 'nee';
        }
        var data = "prijs="+prijs+"&idnr="+idnr+"&clicknee="+clicknee;
        $.ajax({
            type: "GET",
            url: "/local/scripts/hulpmiddelen_prijzen.php",
            cache: false,
            data: data,
            success: function(html){
                var d = html.split("|");
                var opties = parseFloat(d[0]).toFixed(2);
                var totaal = parseFloat(d[1]).toFixed(2);
                totaal = String(totaal);
                opties = String(opties);

                $("#hulpmiddelen-prijs").html("€ "+opties.replace(".",","));
                $("#totaal-prijs").html("€ "+totaal.replace(".",","));
            }
        });
    }
}

var lastclicked_thuiszorg = new Array();

function thuiszorgPrijzen(idnr,action) {
    if (!lastclicked_thuiszorg[idnr]) {
        lastclicked_thuiszorg[idnr] = 'nee';
    }

    if (action != lastclicked_thuiszorg[idnr]) {
        if(action == "ja"){
            prijs = 20;
            var clicknee = "nee";
            lastclicked_thuiszorg[idnr] = 'ja';
        }else if(action == "nee"){
            prijs = -20;
            var clicknee = "ja";
            lastclicked_thuiszorg[idnr] = 'nee';
        }
        var data = "prijs="+prijs+"&idnr="+idnr+"&clicknee="+clicknee;
        $.ajax({
            type: "GET",
            url: "/local/scripts/thuiszorg_prijzen.php",
            cache: false,
            data: data,
            success: function(html){
                var d = html.split("|");
                var opties = parseFloat(d[0]).toFixed(2);
                var totaal = parseFloat(d[1]).toFixed(2);
                totaal = String(totaal);
                opties = String(opties);

                $("#thuiszorg-prijs").html("€ "+opties.replace(".",","));
                $("#totaal-prijs").html("€ "+totaal.replace(".",","));
            }
        });
    }
}

function faciliteitenInfo(text){
    $(".faciliteitenInfo").text(text);
}

aantalpersonen = 0;

function clickJa(){
    addPersoon();
    document.getElementById('extra_zorg_personen').style.display='block';
    document.getElementById('voegtoe').style.display = 'block';
}
function clickNee(){
    document.getElementById('extra_zorg_personen').innerHTML='<br/><br/>';
    document.getElementById('voegtoe').style.display = 'none';
    aantalpersonen = 0;

    var data = "clicknee=ja";
    $.ajax({
        type: "GET",
        url: "/local/scripts/hulpmiddelen_prijzen.php",
        cache: false,
        data: data,
        success: function(html){
            var d = html.split("|");
            var opties = parseFloat(d[0]).toFixed(2);
            var totaal = parseFloat(d[1]).toFixed(2);
            totaal = String(totaal);
            opties = String(opties);

            $("#hulpmiddelen-prijs").html("&euro; "+opties.replace(".",","));
            $("#totaal-prijs").html("&euro; "+totaal.replace(".",","));
        }
    });
    $.ajax({
        type: "GET",
        url: "/local/scripts/thuiszorg_prijzen.php",
        cache: false,
        data: data,
        success: function(html){
            var d = html.split("|");
            var opties = parseFloat(d[0]).toFixed(2);
            var totaal = parseFloat(d[1]).toFixed(2);
            totaal = String(totaal);
            opties = String(opties);

            $("#thuiszorg-prijs").html("&euro; "+opties.replace(".",","));
            $("#totaal-prijs").html("&euro; "+totaal.replace(".",","));
        }
    });
    $('#foutmeldingen').remove();
}
function removePersoon(idnr){
    var form = document.forms["form-stap-2"];
    var name = 'PERSOON['+idnr+'][extra_hulpmiddelen]';
    var bla = $('[name^="'+name+'"]').filter(':checked').val();

    if(bla == "ja"){
        var data = "prijs=-10&idnr="+idnr;
        $.ajax({
            type: "GET",
            url: "/local/scripts/hulpmiddelen_prijzen.php",
            cache: false,
            data: data,
            success: function(html){
                var d = html.split("|");
                var opties = parseFloat(d[0]).toFixed(2);
                var totaal = parseFloat(d[1]).toFixed(2);
                totaal = String(totaal);
                opties = String(opties);

                $("#hulpmiddelen-prijs").html("&euro; "+opties.replace(".",","));
                $("#totaal-prijs").html("&euro; "+totaal.replace(".",","));
            }
        });
    }

    var name = 'PERSOON['+idnr+'][extra_zorg_thuiszorg]';
    var item = $('[name^="'+name+'"]').filter(':checked').val();

    if (item == 'ja') {
        var data = "prijs=-20&idnr="+idnr;
        $.ajax({
            type: "GET",
            url: "/local/scripts/thuiszorg_prijzen.php",
            cache: false,
            data: data,
            success: function(html){
                var d = html.split("|");
                var opties = parseFloat(d[0]).toFixed(2);
                var totaal = parseFloat(d[1]).toFixed(2);
                totaal = String(totaal);
                opties = String(opties);

                $("#thuiszorg-prijs").html("&euro; "+opties.replace(".",","));
                $("#totaal-prijs").html("&euro; "+totaal.replace(".",","));
            }
        });
    }

    aantalpersonen--;
    $('#persoon'+idnr).remove();

    if(aantalpersonen>1){
        document.getElementById('verwijder'+aantalpersonen).style.display = 'block';
    }
}


function addPersoon(){
    if(aantalpersonen>1){
        for(a=2;a<=aantalpersonen;a++){
            document.getElementById('verwijder'+a).style.display = 'none';
        }
    }
    aantalpersonen++;
    doAddPersoon(aantalpersonen);
}

function doAddPersoon(i){
    var html = '<div id="persoon'+i+'"><table width="450">\
		<tr>\
			<th align="left">\
				Persoon '+i+'\
			</th>\
			<th align="right">';
    if(i>1){
        html += '<a href="Javascript:;" onclick="removePersoon('+i+')" id="verwijder'+i+'">Verwijder</a>';
    }
    html += '</th>\
		<tr>\
			<td width="300">\
				Naam\
			</td>\
			<td width="150">\
				<input type="text" name="PERSOON['+i+'][extra_zorg_naam]" />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Geslacht\
			</td>\
			<td>\
				Man <input type="radio" name="PERSOON['+i+'][extra_zorg_geslacht]" value="man" /> Vrouw <input type="radio" name="PERSOON['+i+'][extra_zorg_geslacht]" value="vrouw" />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Adres\
			</td>\
			<td>\
				<input type="text" name="PERSOON['+i+'][extra_zorg_adres]" />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Postcode\
			</td>\
			<td>\
				<input type="text" name="PERSOON['+i+'][extra_zorg_postcode]" />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Woonplaats\
			</td>\
			<td>\
				<input type="text" name="PERSOON['+i+'][extra_zorg_woonplaats]" />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Geboortedatum (DD-MM-JJJJ)\
			</td>\
			<td>\
				<input type="text" name="PERSOON['+i+'][extra_zorg_geboorte_dag]" size="1" maxlength="2" /> - <input type="text" name="PERSOON['+i+'][extra_zorg_geboorte_maand]" size="1" maxlength="2" /> - <input type="text" name="PERSOON['+i+'][extra_zorg_geboorte_jaar]" size="3" maxlength="4" />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				BSN (burgerservicenummer)\
			</td>\
			<td>\
				<input type="text" name="PERSOON['+i+'][extra_zorg_bsn]" maxlength="9" />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Verzekeraar\
			</td>\
			<td>\
				<input type="text" name="PERSOON['+i+'][extra_zorg_verzekeraar]" />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Polisnummer\
			</td>\
			<td>\
				<input type="text" name="PERSOON['+i+'][extra_zorg_polisnummer]" />\
			</td>\
		</tr>\
	</table>\
	<table width="450">\
		<tr>\
			<th align="left" width="300">\
				Heeft deze persoon thuiszorg nodig?\
			</th>\
			<td width="150">\
				Ja <input type="radio" name="PERSOON['+i+'][extra_zorg_thuiszorg]" value="ja" onclick="document.getElementById(\'thuiszorg_persoon_'+i+'\').style.display=\'block\';thuiszorgPrijzen('+i+',\'ja\');" /> Nee <input type="radio" name="PERSOON['+i+'][extra_zorg_thuiszorg]" value="nee" checked onclick="document.getElementById(\'thuiszorg_persoon_'+i+'\').style.display=\'none\';thuiszorgPrijzen('+i+',\'nee\');" />\
			</td>\
		</tr>\
	</table>\
	<table width="450" id="thuiszorg_persoon_'+i+'" style="display:none;" width="450">\
		<tr>\
			<td colspan="2" style="font-size: 11px;">\
				Hieronder kunt u, wanneer nodig, uw thuiszorggegevens invullen. Wij controleren met uw thuiszorgorganisatie de CIZ indicatie. Het enige wat wij daarvoor nodig hebben is de naam van uw thuiszorgorganisatie en uw relatienummer met hun. Op deze manier krijgt u altijd de zorg die u toekomt.\
			</td>\
		</tr>\
		<tr>\
			<td width="300">\
				Type\
			</td>\
			<td width="150">\
				<input type="text" name="PERSOON['+i+'][thuiszorg_type]" />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Organisatie\
			</td>\
			<td>\
				<input type="text" name="PERSOON['+i+'][thuiszorg_organisatie]" />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Relatienummer\
			</td>\
			<td>\
				<input type="text" name="PERSOON['+i+'][thuiszorg_realtienummer]" />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Voorkeurstijden\
			</td>\
			<td>\
				<input type="text" name="PERSOON['+i+'][thuiszorg_voorkeur]" />\
			</td>\
		</tr>\
	</table>\
	<br/>\
	<table width="450">\
		<tr>\
			<th align="left" width="300">\
				Heeft deze peroon hulpmiddelen nodig?\
			</th>\
			<td width="150">\
				Ja <input type="radio" name="PERSOON['+i+'][extra_hulpmiddelen]" value="ja" onclick="document.getElementById(\'hulpmiddelen_persoon_'+i+'\').style.display=\'block\';hulpmiddelenPrijzen('+i+',\'ja\');" /> Nee <input type="radio" name="PERSOON['+i+'][extra_hulpmiddelen]" value="nee" checked onclick="document.getElementById(\'hulpmiddelen_persoon_'+i+'\').style.display=\'none\';hulpmiddelenPrijzen('+i+',\'nee\')" />\
			</td>\
		</tr>\
	</table>\
	<table width="450" id="hulpmiddelen_persoon_'+i+'" style="display:none;">\
		<tr>\
			<td width="300">\
				Hoog/laag bed\
			</td>\
			<td width="150">\
				Ja <input type="radio" name="PERSOON['+i+'][hulpmiddelen_bed]" value="ja" /> Nee <input type="radio" name="PERSOON['+i+'][hulpmiddelen_bed]" value="nee" checked />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Papagaai\
			</td>\
			<td>\
				Ja <input type="radio" name="PERSOON['+i+'][hulpmiddelen_papagaai]" value="ja" /> Nee <input type="radio" name="PERSOON['+i+'][hulpmiddelen_papagaai]" value="nee" checked />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Tillift\
			</td>\
			<td>\
				Ja <input type="radio" name="PERSOON['+i+'][hulpmiddelen_tillift]" value="ja" /> Nee <input type="radio" name="PERSOON['+i+'][hulpmiddelen_tillift]" value="nee" checked />\
			</td>\
		</tr>\
		<tr>\
			<td>\
				Anders, namelijk...\
			</td>\
			<td>\
				<input type="text" name="PERSOON['+i+'][hulpmiddelen_anders]" />\
			</td>\
		</tr>\
	</table>\
	<br/><br/></div>\
	';

    $(html).appendTo('#extra_zorg_personen');
    document.getElementById('extra_zorg_personen').style.display = 'block';
}

function checkAantalPersonen(aantal){
    document.getElementById('extra_zorg_personen').innerHTML = '';
    for(i=1;i<=aantal;i++){
        var html = '<table width="450">\
				<tr>\
					<th colspan="2" align="left">\
						Persoon '+i+'\
					</th>\
				<tr>\
					<td width="300">\
						Naam\
					</td>\
					<td width="150">\
						<input type="text" name="PERSOON['+i+'][extra_zorg_naam]" />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						Geslacht\
					</td>\
					<td>\
						Man <input type="radio" name="PERSOON['+i+'][extra_zorg_geslacht]" value="man" /> Vrouw <input type="radio" name="PERSOON['+i+'][extra_zorg_geslacht]" value="vrouw" />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						Adres\
					</td>\
					<td>\
						<input type="text" name="PERSOON['+i+'][extra_zorg_adres]" />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						Geboortedatum (DD-MM-JJJJ)\
					</td>\
					<td>\
						<input type="text" name="PERSOON['+i+'][extra_zorg_geboorte_dag]" size="1" maxlength="2" /> - <input type="text" name="PERSOON['+i+'][extra_zorg_geboorte_maand]" size="1" maxlength="2" /> - <input type="text" name="PERSOON['+i+'][extra_zorg_geboorte_jaar]" size="3" maxlength="4" />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						BSN (burgerservicenummer)\
					</td>\
					<td>\
						<input type="text" name="PERSOON['+i+'][extra_zorg_bsn]" maxlength="9" />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						Verzekeraar\
					</td>\
					<td>\
						<input type="text" name="PERSOON['+i+'][extra_zorg_verzekeraar]" />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						Polisnummer\
					</td>\
					<td>\
						<input type="text" name="PERSOON['+i+'][extra_zorg_polisnummer]" />\
					</td>\
				</tr>\
			</table>\
			<table width="450">\
				<tr>\
					<th align="left" width="300">\
						Heeft deze persoon thuiszorg nodig?\
					</th>\
					<td width="150">\
						Ja <input type="radio" name="PERSOON['+i+'][extra_zorg_thuiszorg]" value="ja" onclick="thuiszorgPrijzen('+i+',\'ja\');" /> Nee <input type="radio" name="PERSOON['+i+'][extra_zorg_thuiszorg]" value="nee" onclick="thuiszorgPrijzen('+i+',\'nee\');" checked />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						Type\
					</td>\
					<td>\
						<input type="text" name="PERSOON['+i+'][thuiszorg_type]" />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						Organisatie\
					</td>\
					<td>\
						<input type="text" name="PERSOON['+i+'][thuiszorg_organisatie]" />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						Voorkeurstijden\
					</td>\
					<td>\
						<input type="text" name="PERSOON['+i+'][thuiszorg_voorkeur]" />\
					</td>\
				</tr>\
			</table>\
			<table width="450">\
				<tr>\
					<th align="left" width="300">\
						Heeft deze peroon hulpmiddelen nodig?\
					</th>\
					<td width="150">\
						Ja <input type="radio" name="PERSOON['+i+'][extra_hulpmiddelen]" value="ja" onclick="hulpmiddelenPrijzen('+i+',\'ja\');" /> Nee <input type="radio" name="PERSOON['+i+'][extra_hulpmiddelen]" value="nee" checked onclick="hulpmiddelenPrijzen('+i+',\'ja\');" />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						Hoog/laag bed\
					</td>\
					<td>\
						Hoog <input type="radio" name="PERSOON['+i+'][hulpmiddelen_bed]" value="hoog" /> Laag <input type="radio" name="PERSOON['+i+'][hulpmiddelen_bed]" value="laag" checked />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						Papagaai\
					</td>\
					<td>\
						Ja <input type="radio" name="PERSOON['+i+'][hulpmiddelen_papagaai]" value="ja" /> Nee <input type="radio" name="PERSOON['+i+'][hulpmiddelen_papagaai]" value="nee" checked />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						Tillift\
					</td>\
					<td>\
						Ja <input type="radio" name="PERSOON['+i+'][hulpmiddelen_tillift]" value="ja" /> Nee <input type="radio" name="PERSOON['+i+'][hulpmiddelen_tillift]" value="nee" checked />\
					</td>\
				</tr>\
				<tr>\
					<td>\
						Anders, namelijk...\
					</td>\
					<td>\
						<input type="text" name="PERSOON['+i+'][hulpmiddelen_anders]" />\
					</td>\
				</tr>\
			</table>\
			<br/><br/>\
			';

    }
}

function postCode() {
    var form = document.getElementById('preview');

    if (form.code.value.length > 0) {
        form.setAttribute('action', '/preview/' + form.code.value + '.html');
    }
}