$(document).ready(function() { 

    $(".box2").append('<div class="box2link"><a href="/billeder/"></a></div>');
    $(".box4").append('<div class="box4link"><a href="/videoklip/"></a></div>');

    $(".brown").click( function (e) {
        setColor("e3e8e9", "e3e8e9", "9fbbc3", "e3e8e9");
    });
    $(".purple").click( function (e) {
        setColor("d6e0ef", "c0dbf0", "8884b9", "d6e0ef");
    });
    $(".green").click( function (e) {
        setColor("ecf2d7", "9ccff4", "ECF2D7", "9ccff4");
    });

    if ($.cookie("color")) {
//        change($.cookie("color"));
        change();
    } else {
        $(".brown").click();
    }

    function change() {
        t = $.cookie("color").split(",");
        color = t[0];
        color2 = t[1];
        color3 = t[2];
        color4 = t[3];

        $("body").css("background-image", 'url("/fileadmin/templates/images/bg-'+color+'.jpg")');
        var temp = $(".topmenu").css("background-image");
        m = temp.match("menu3");
        if (m) {
            $(".topmenu").css("background-image", 'url("/fileadmin/templates/images/topmenu-'+color+'.png")');
        } else {
            var split = temp.split("-");
            var newname = split[0]+'-'+color+'.png")';
            newname = newname.replace('url(h', 'url("h');
            $(".topmenu").css("background-image", newname);
        }
        $("#sidebar").css("background-image", 'url("/fileadmin/templates/images/menubg-'+color+'.jpg")');
        $(".box2").css("background-image", 'url("/fileadmin/templates/images/gallery-'+color+'.gif")');
        $(".box2 h1").css("background-image", 'url("/fileadmin/templates/images/galleryheader-'+color+'.jpg")');
        $(".gallerybox3 h1").css("background-image", 'url("/fileadmin/templates/images/galleryheader-'+color+'.jpg")');
        $(".gallerybox3").css("background-color", "#"+color);
        $(".box").css("background-color", "#"+color);
        $(".box4").css("background-color", "#E3E8E9");
        $(".box3").css("background-color", "#"+color2);
        $(".rightbox1").css("background-color", "#"+color3);
        $(".rightbox2").css("background-color", "#"+color4);
    }

    function setColor(color, color2, color3, color4) {
        $.cookie("color", null);
        $.cookie("color", color+","+color2+","+color3+","+color4, { path: '/', expires: 2 });
        change();
//        change(color);
    }

});
    function settop(name) {
        color = $.cookie("color").split(",")[0];
        $(".topmenu").css("background-image", 'url("/fileadmin/templates/images/topmenu'+name+'-'+color+'.png")');
    }