$(document).ready(function(){
    //alert("koe koe, form");
    var activeRegions = new Array();
    $("#mapHolder area").mouseover(function() {
        //var name = $(this).attr("title");
        //alert (name);
        $("div#regioplan"+$(this).attr("title")).removeClass("DN");
    }).mouseout(function() {
        var name = $(this).attr("title");
        if ($.inArray(name, activeRegions) == -1) {
            $("div#regioplan"+$(this).attr("title")).addClass("DN");
        }
    }).click(function() {
        var name = $(this).attr("title");
        //alert (name);
        if ($.inArray(name, activeRegions) == -1) {
            $("div#regioplan"+$(this).attr("title")+"-active").removeClass("DN");
            $("input#"+name.toLowerCase()+"BOX").attr("checked", "checked");
            activeRegions.push(name);
        }
        else {
            $("div#regioplan"+$(this).attr("title")+"-active").addClass("DN");
            $("input#"+name.toLowerCase()+"BOX").removeAttr("checked");
            $("span."+name+"TXTspan").remove();
            activeRegions = $.grep(activeRegions, function(element) {
                if (element == name)
                    return false
                else
                    return true;
            });

        }
    });
    $("#regioBoxen input[type='checkbox']").change(function() {
        var name = "regioplan"+$(this).attr("value").charAt(0).toUpperCase() + $(this).attr("value").substr(1) +"-active";
        var namehover = "regioplan"+$(this).attr("value").charAt(0).toUpperCase() + $(this).attr("value").substr(1);
        if ($("div#"+name).hasClass("DN")){
            $("div#"+name).removeClass("DN");
        } else {
            $("div#"+name).addClass("DN");
            $("div#"+namehover).addClass("DN");
            $("span."+$(this).attr("value").charAt(0).toUpperCase() + $(this).attr("value").substr(1) +"TXTspan").remove();
        }
    });
    
    setHK();
    $("input[name=substatus]").change(setHK);
    $("a#submit").click(function() {
        $("form#filters").submit();
        return false;
    });
    $("div#meeropties").slideUp();
	
    var uitgebreidzoeken = true;

    $("a#uitgebreidZoeken").click(function(){
        if (uitgebreidzoeken == false){
            $("div#meeropties").slideUp();
            $(this).html("Toon opties");
            uitgebreidzoeken = true;
        } else {
            $("div#meeropties").slideDown();
            $(this).html("Verberg opties");
            uitgebreidzoeken = false;
        }
        return false;
    });
	
	
	
    var wijzigResultaten = true;

    $("a#wijzigResultaten").click(function(){
        if (wijzigResultaten == false){
            $("div#galfiltersWrap").slideUp();
            $("#pasResultatenAanVergergToon").addClass("pasResultatenAanToon").removeClass("pasResultatenAanVergerg");
            $(this).html("Uw zoekcriteria wijzigen");
            $(this).addClass("down").removeClass("up");
            wijzigResultaten = true;
        } else {
            $("div#galfiltersWrap").slideDown();
            $("#pasResultatenAanVergergToon").addClass("pasResultatenAanVergerg").removeClass("pasResultatenAanToon");
            $(this).html("Uw zoekcriteria verbergen");
            $(this).addClass("up").removeClass("down");
            wijzigResultaten = false;
        }
        return false;
    });
	
    $("#adjustResults").click(function(){
        if (wijzigResultaten == true){
            $("div.formOpkaart").fadeIn("fast");
            $("#pasResultatenAanVergergToon").addClass("pasResultatenAanVergerg").removeClass("pasResultatenAanToon");
            $("a#wijzigResultaten").html("Uw zoekcriteria verbergen");
            wijzigResultaten = false;
        } else {
            $("div.formOpkaart").fadeOut("fast");
            $("#pasResultatenAanVergergToon").addClass("pasResultatenAanToon").removeClass("pasResultatenAanVergerg");
            $("a#wijzigResultaten").html("Uw zoekcriteria wijzigen");
            wijzigResultaten = true;
        }
        return false;
    });
});


var val;
var lastVal;
var curHK;
var lastHK;
function setCitys() {
    val = $(this).val();
    if (val !== lastVal) {
        $.get("/vastgoed/ajaxregions",{
            region:val
        }, function(data){
            var parsed = eval(data);
            $("select#city option").remove();
            $.each(parsed, function(i, val) {
                $("select#city").append("<option value='"+ val.address_zip +"'>"+ val.address_city.toLowerCase() +"</option>");
            });
            $("select#city").show().removeAttr("disabled");
        });
        lastVal = val;
    }
}
function setHK() {
    curHK = $("input[name=substatus]:checked").val();
    if (curHK !== lastHK) {
        if ($("input[name=substatus]:checked").val() == "te koop") {
            $("div#PTK").show();
            $("div#PTH").hide();
            $("div#PTK select#ptkmi, div#PTK select#ptkma").removeAttr("disabled").selectToUISlider({
                labels: 0,
                tooltip: false,
                sliderOptions: {
                    animate: true
                }
            });
            $("div#PTH select#pthmi, div#PTH select#pthma").attr("disabled", "disabled");
            $("div#PTH>div[role=application]").remove();
        }
        else {
            $("div#PTK").hide();
            $("div#PTH").show();
            $("div#PTH select#pthmi, div#PTH select#pthma").removeAttr("disabled").selectToUISlider({
                labels: 0,
                tooltip: false,
                sliderOptions: {
                    animate: true
                }
            });
            $("div#PTK select#ptkmi, div#PTK select#ptkma").attr("disabled", "disabled");
            $("div#PTK>div[role=application]").remove();
        }
        lastHK = curHK;
    }
}