var Language;

$(document).ready(function() {

    var domain = window.location.hostname;
    
    if(domain.indexOf(".com") !== -1)
    {
        Language = "en";
    }
    else if(domain.indexOf(".eu") !== -1)
    {
        Language = "en";
    }
    else
    {
        Language = "nl";
    }
    
    VarObj = {
        "nl" : {
            "ROOT" : "https://www.boessen-horses.nl/accommodatie/img/",
            "FILE" : ["woongedeelte", "toegangsweg", "buitenpiste", "paddocks", "springtuin", "stallen", "binnenpiste", "stroloods", "trainingsmolen"]
        },
        "en" : {
            "ROOT" : "https://www.boessen-horses.com/accommodation/img/",
            "FILE" : ["livingarea", "access", "outdoorarena", "paddocks", "jumpinggarden", "stables", "indoorarena", "haybarn", "horseexerciser"]
        },
        "de" : {
            "ROOT" : "",
            "FILE" : ["", "", "", "", "", "", "", "", ""]
        }
    };
    
    
    
    //Openen
    $('.acco-page-blok-foto-link').click(function() {

        var name = $(this).attr('name');
        var nr = parseInt(name) - 1;

        var URL = VarObj[Language]["ROOT"] + VarObj[Language]["FILE"][nr] + ".png";

        $("#foto").attr("name", nr);
        $("#foto").attr("src", URL);
        $("#foto").attr("alt", VarObj[Language]["FILE"][nr]);

        $('.over-page').css({
            'display': 'block'
        });

        $('.acco-over-page-blok').css({
            'display': 'block'
        });

        Oversize();

        $(".over-page").css('opacity','0.8');
        $(".acco-over-page-blok").css('opacity','1');
    });
    
    //Vorige foto
    $('.fa-chevron-left').click(function() {

        var name = $("#foto").attr('name');
        var nr = parseInt(name) - 1;

        if (nr < 0)
        {
            var URL = VarObj[Language]["ROOT"] + VarObj[Language]["FILE"][8] + ".png";

            $("#foto").attr("name", 8);		
            $("#foto").attr("src", URL);
            $("#foto").attr("alt", VarObj[Language]["FILE"][8]);	
        }
        else if (nr > 8)
        {
            var URL = VarObj[Language]["ROOT"] + VarObj[Language]["FILE"][0] + ".png";

            $("#foto").attr("name", 0);		
            $("#foto").attr("src", URL);
            $("#foto").attr("alt", VarObj[Language]["FILE"][0]);
        }
        else
        {
            var URL = VarObj[Language]["ROOT"] + VarObj[Language]["FILE"][nr] + ".png";

            $("#foto").attr("name", nr);		
            $("#foto").attr("src", URL);
            $("#foto").attr("alt", VarObj[Language]["FILE"][nr]);
        }
    });
    
    //Volgende foto
    $('.fa-chevron-right').click(function() {

        var name = $("#foto").attr('name');
        var nr = parseInt(name) + 1;

        if (nr < 0)
        {
            var URL = VarObj[Language]["ROOT"] + VarObj[Language]["FILE"][8] + ".png";

            $("#foto").attr("name", 8);		
            $("#foto").attr("src", URL);
            $("#foto").attr("alt", VarObj[Language]["FILE"][8]);	
        }
        else if (nr > 8)
        {
            var URL = VarObj[Language]["ROOT"] + VarObj[Language]["FILE"][0] + ".png";

            $("#foto").attr("name", 0);		
            $("#foto").attr("src", URL);
            $("#foto").attr("alt", VarObj[Language]["FILE"][0]);
        }
        else
        {
            var URL = VarObj[Language]["ROOT"] + VarObj[Language]["FILE"][nr] + ".png";

            $("#foto").attr("name", nr);		
            $("#foto").attr("src", URL);
            $("#foto").attr("alt", VarObj[Language]["FILE"][nr]);
        }
    });
    
    //Sluiten
    $('.close').click(function() {

        $(".over-page").css('opacity','0');
        $(".acco-over-page-blok").css('opacity','0');

        setTimeout(function ()
        {
            $('.over-page').css({
                'display': 'none'
            });

            $('.acco-over-page-blok').css({
                'display': 'none'
            });
        }, 1000);
    });
});



//Resizen van de plattegrond
$( window ).load(function() {
    
    var width = $('.acco-page-blok-foto').width();
    var height = 0.6315192744*width;

    $('.acco-page-blok-foto').css({
        'height': height + 'px'
    });
});

$( window ).resize(function() {

    var width = $('.acco-page-blok-foto').width();
    var height = 0.6315192744*width;

    $('.acco-page-blok-foto').css({
        'height': height + 'px'
    });
});



//Acco oversize
$( window ).load(function() {

    var heightPre = $( window ).height();
    var height = parseInt(heightPre) - 62;

    $('.acco-over-page-blok').css({
        'height': height + 'px'
    });

    var heightFoto = height - 40;

    $('.acco-over-page-blok-side').css({
        'height': heightFoto + 'px'
    });

    $('.acco-over-page-blok-foto').css({
        'height': heightFoto + 'px'
    });

    var arrowHeight = $('.arrow').height();
    var topArrow = (heightFoto - parseInt(arrowHeight)) / 2;

    $('.arrow').css({
        'top': topArrow + 'px'
    });
});

$( window ).resize(function() {

    var heightPre = $( window ).height();
    var height = parseInt(heightPre) - 62;

    $('.acco-over-page-blok').css({
        'height': height + 'px'
    });

    var heightFoto = height - 40;

    $('.acco-over-page-blok-side').css({
        'height': heightFoto + 'px'
    });

    $('.acco-over-page-blok-foto').css({
        'height': heightFoto + 'px'
    });

    var arrowHeight = $('.arrow').height();
    var topArrow = (heightFoto - parseInt(arrowHeight)) / 2;

    $('.arrow').css({
        'top': topArrow + 'px'
    });
});

function Oversize() {

    var heightPre = $( window ).height();
    var height = parseInt(heightPre) - 62;

    $('.acco-over-page-blok').css({
        'height': height + 'px'
    });

    var heightFoto = height - 40;

    $('.acco-over-page-blok-side').css({
        'height': heightFoto + 'px'
    });

    $('.acco-over-page-blok-foto').css({
        'height': heightFoto + 'px'
    });

    var arrowHeight = $('.arrow').height();
    var topArrow = (heightFoto - parseInt(arrowHeight)) / 2;

    $('.arrow').css({
        'top': topArrow + 'px'
    });
}