$(document).ready(function(){
    $('.tapeziererin_tn').click(function(){
        tapetennr = this.id.substr(13, 2);
        $.get("/changeTapete/", { tapete: tapetennr },function(){
            bg_image = "url(/media/site/img/tapeten/tapete_" + tapetennr + ".jpg)"
            $('body').css("background-image",bg_image);
        })
    })
    $('.tapeziererinphiliale_tn').click(function(){
        tapetennr = this.id.substr(13, 2);
        $.get("/changePhilialeTapete/", { tapetephiliale: tapetennr },function(){
            bg_image = "url(/media/site/img/tapeten/tapetephiliale_" + tapetennr + ".jpg)"
            $('body').css("background-image",bg_image);
        })
    })
    $('.button_chgSchaufenster').click(function(){
        direction = this.id.substr(7, this.id.length-7);
        $.get("/changeUffiAbe/", { direction: direction },function(){
            if (direction == "uffi") {
                document.getElementById('schaufenster').style.visibility = "hidden";
                document.getElementById('schaufenster').style.display = "none";
                $('.button_chgSchaufenster').attr("src","/media/site/img/arrow_down_0.gif");
                $('.button_chgSchaufenster').attr("id","change_abe");
            }
            if (direction == "abe") {
                document.getElementById('schaufenster').style.visibility = "visible";
                document.getElementById('schaufenster').style.display = "block";
                $('.button_chgSchaufenster').attr("src","/media/site/img/arrow_up_0.gif");
                $('.button_chgSchaufenster').attr("id","change_uffi");
            }
        })
    })
    $('.arrow').click(function(){
        direction = this.id.substr(6, this.id.length-6);
        $.get("/changeSchaufenster/", { direction: direction },function(arrayData){
            data_txt = eval('(' + arrayData + ')');
            $("#SchaufensterImage").attr("src", data_txt[0]);
            $("#SchaufensterText").html(data_txt[1]);
        })
    })
    $('.arrow_philiale').click(function(){
        direction = this.id.substr(6, this.id.length-6);
        $.get("/changePhilialeSchaufenster/", { direction: direction },function(arrayData){
            data_txt = eval('(' + arrayData + ')');
            $("#SchaufensterImage").attr("src", data_txt[0]);
            $("#SchaufensterText").html(data_txt[1]);
        })
    })
})