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/dentalcare/img/",
            "EXTlang" : ""
        },
        "en" : {
            "ROOT" : "https://www.boessen-horses.com/dentalcare/img/",
            "EXTlang" : "(EN)"
        },
        "de" : {
            "ROOT" : "https://www.boessen-horses.com/dentalcare/img/",
            "EXTlang" : "(DE)"
        }
    };

    
    
    //ChangeMedia
    $('.dental-page-blok-media-button-link').click(function() {

        //Variabelen
        var URLid = $(this).attr('id');
        var images = $(".dental-page-blok-media-button-link-img");

        var ROOT = VarObj[Language]["ROOT"];
        var URL = VarObj[Language]["ROOT"] + URLid + ".svg";
        var URLBw = VarObj[Language]["ROOT"] + "buttons/" + URLid + "Bw" + VarObj[Language]["EXTlang"] + ".svg";

        var activeCheck = $(this).hasClass("activeB");



        //BUTTON

        $(".dental-page-blok-media-button-link").removeClass("activeB");

        if (activeCheck === false)
        {
            $(this).addClass("activeB");
        }

        //Reset button img
        var imagesLength = images.length;
        
        for (i=0;i<imagesLength;i++)
        {
            if ($(images[i]).hasClass("activeB"))
            {
                var id = $(images[i]).closest("div").attr('id');
                var img = ROOT + "buttons/" + id + "B" + VarObj[Language]["EXTlang"] + ".svg";

                ChangeImage($(images[i]), img);
            }
        }

        $(".dental-page-blok-media-button-link-img").removeClass("activeB");

        if (activeCheck === false)
        {
            //Make button active
            $(this).children("img").addClass("activeB");

            //Set button image
            ChangeImage($(this).children("img"), URLBw);
        }            



        //BESCHRIJVING

        $(".dental-page-blok-tekst-beschrijving").removeClass("dental-active-beschrijving");

        // Make beschrijving active
        var beschrijvingID = (!activeCheck) ? "#" + URLid + "BESCHRIJVING" : "#normaalBESCHRIJVING";
        $(beschrijvingID).addClass("dental-active-beschrijving");



        //IMAGE

        URL = (!activeCheck) ? URL : ROOT + "normaal.svg";

        // Change Image
        ChangeImage($(".dental-page-blok-media-player-inner-img"), URL);
    });

});


function ChangeImage(DOMobj, url)
{
    $(DOMobj).fadeOut(300, function(){

        $(this).attr('src', url).bind('onreadystatechange load', function(){

            if (this.complete) 
            {
                $(this).fadeIn(300);
            }
        });
    });
}