$(document).ready(function(){
// STARTEN !!!
//    $("#tabcontent").tabs();


//Bepalen schermhoogte en breedte en instellen op maximale waarden
    var $h = viewport().height; //- padding
    var $w = viewport().width;
//    if ($w >= 1000) $w = 960;
    var $hc = $h - 37 - 150 - 15;
    var $wc = $w - 20;
    var $minhuur = 2;

    
//    $("#mainwrapper").height($h);
//    $("#mainwrapper").width($w);

    $("#maincontent").css('min-height', $hc+'px');

//Breedte staat vast en is geregeld in hoofdstijl.css
//    $("#contentwrapper").width($wc);
//    $("#contentwrapper").css('margin-left', 'auto');
//    $("#contentwrapper").css('margin-right', 'auto');

//Laden hoofdpagina
    $("#maincontent").load("incl/home.html");

//Afhandelen hoofdmenu
    $(".menu").hover( //Niet afhandelen via CSS ivm Firefox en Chrome
        function() {
            $(this).addClass('menuhover')
        },
        function() {
            $(this).removeClass('menuhover')
        }
    );

    $(".menu").click (function(event){ //event doorgeven ivm IE
        var $pag = event.target.id
        $(".menu").removeClass("menuselected");
        $(this).addClass("menuselected");
        if (($pag=='info')||($pag=='gastenboek')){
            $pag=$pag+".php"
        } else {
            $pag=$pag+".html"
        };
        $("#maincontent").load("incl/"+$pag, function(){
            });
        }
    );

//Afhandelen link-omgeving klik
    $("#maincontent").delegate("#link-omgeving", "click", function(){
        $("#omgeving").trigger('click');
    });

    $("#maincontent").delegate("#link-micazu", "click", function(){
        window.open('http://www.micazu.nl/vakantiehuis/frankenau-am-sternberg-36-10431');
    });


//Foto afhandeling
    //Afhandelen klik op foto in overzicht
    $("#maincontent").delegate("#thumbswrapper #content img", "click", function(event){
        $("#panel img").attr("src", $(this).attr("alt"));
        $("#panel").fadeIn(300);
        $aantalfotos = $("#content img").size();
        $currentfoto = $(this).index() + 1;
    });

    //bladerpanel sluiten door op foto te klikken
    $("#maincontent").delegate("#panel img", "click", function(){
        $("#panel").hide();
    });
    //bladerpanel sluiten door op sluit te klikken
    $("#maincontent").delegate("#panel #sluit", "click", function(){
        $("#panel").hide();
    });

    $("#maincontent").delegate("#prev", "click", function(){
        if ($currentfoto != 1) {
            $currentfoto--;
        };
        var $foto = $currentfoto.toString();
        if ($foto.length == 1) {
            $foto = '0' + $foto;
        };

        $("#panel img").hide();
        $("#panel img").attr("src", "fotos/images/"+$foto+".jpg");
        $("#panel img").fadeIn(300);
    });

    $("#maincontent").delegate("#next", "click", function(){
        if ($currentfoto != $aantalfotos) {
            $currentfoto++;
        };
        var $foto = $currentfoto.toString();
        if ($foto.length == 1) {
            $foto = '0' + $foto;
        };
        
        $("#panel img").hide();
        $("#panel img").attr("src", "fotos/images/"+$foto+".jpg");
        $("#panel img").fadeIn(300);
    });





//Afhandelen omgeving en links
    $("#maincontent").delegate(".kop", "click", function(event){
        var $kop = "#"+event.target.id;
        $($kop+".content").toggle();
    });





















//    $("#tabcontent div.ui-tabs-panel").css('height', $hc - 75);

//    $("#header").text($("#tabcontent div.ui-tabs-panel").css('width'));



});

function viewport(){
    var h = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight;
    var w = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
    return {height: h, width: w}
}