/// <reference path="jquery-1.3.2.min-vsdoc.js"/>
/// <reference path="jquery-ui-1.7.2.custom.min.js"/>

$(document).ready(function() {

    $(".block").click(function() {
        if ($(this).hasClass("active")) {
            $(this).find(".con").hide("blind", { direction: "vertical" }, 1000);

            //$(this).find(".bg").css("background-color", "#c2e8e3");
            // alert(this);
            $(this).addClass("activebg");
            setTimeout("doBg()", 1000);
            $(this).removeClass("active");
            $(this).find(".arrowgreensmall").css("background-image", "url('/images/arrowgreensmall.gif')");
        }
        else {
            $(this).find(".bg").css("background-color", "#add6d1");
            $(this).find(".con").css("background-color", "#add6d1");
            $(this).find(".con").show("blind", { direction: "vertical" }, 1000);
            $(this).find(".arrowgreensmall").css("background-image", "url('/images/arrowgreensmall_hover.gif')");
            $(this).addClass("active");
            //alert($(this).children(".con"));
        }
    });

    $(".blockcontainer").click(function() {
        if ($(this).hasClass("active") == true) {

            $(".provincies").click(function() {
                $(".blockcontainer").removeClass("active");
            });


        }
        else {
            if ($(".kolumblue").hasClass("active") == true) {
                $(deze).find(".provincies").css("background-image", "url('/images/arrow_box.gif')");
                $(".blockcontainer .containerblock").hide("blind", { direction: "vertical" }, 1000);
                $(".containerblock").removeClass("active");
                $(".blockcontainer").removeClass("active");
                $(".containerblock .block").removeClass("active");
                $(".containerblock .block").css("display", "none");
                var deze = $(this);
                SlideEffect(deze);

            }
            else {
                $(".kolumblue").addClass("active");
                $(this).addClass("active");
                $(this).find(".containerblock").addClass("active");
                $(this).find(".containerblock").show("blind", { direction: "vertical" }, 1000);
                $(this).find(".provincies").css("background-image", "url('/images/arrow_box_down_hover.gif')");
            }

        }

    });

    

});



function doBg() {
    $(".activebg").find(".bg").css("background-color", "#c2e8e3");
    $(".block").removeClass("activebg");
}

function SlideEffect(deze){
        $(deze).find(".containerblock .block").css("display", "block");
        $(deze).addClass("active");
        $(deze).find(".containerblock").addClass("active");        
        $(deze).find(".containerblock").show("blind", { direction: "vertical" }, 1000);
        $(deze).find(".provincies").css("background-image", "url('/images/arrow_box_down_hover.gif')");
}