jquery(document).ready(function ($) {
    var $chooser = jquery("#stylechooser");
    var $container = jquery("#slidecontainer");
    var $body = jquery('body');

    var isloaded = false;


    if (getcookie('ct_pluto.switcher') == 'hide') {
        hidestyleswitcher();
    }

    /** style chooser show/hide **/
    jquery("#stylechooser  #styletoggle").click(function () {
        setcookie('ct_pluto.switcher', $chooser.css('left') == '0px' || $chooser.css('left') == '-1px' ? 'hide' : 'show');

        hidestyleswitcher();
        return false;

    });

    jquery('#demoreset').click(function () {
        setcookie('ct_pluto', false);
        location.reload(true);
        return false;
    });

    jquery('#stylechooser a[data-value]').click(function (event) {
        var a = jquery(this);

        if (a.attr('data-dependent')) {
            if (a.attr('data-action')) {
                if (jquery(a.attr('data-dependent')).length) {
                    jquery(a.attr('data-action')).click();
                }
            } else {
                jquery(a.attr('data-dependent')).click();
            }
        }
        var c = a.attr('data-value');
        var off = $body.hasclass(c) && !a.hasclass('btn');

        if (a.attr('data-remove')) {
            $body.removeclass(a.attr('data-remove'));
        }

        jquery('a[data-value]', a.parents('div.mkspace')).each(function () {
            var t = jquery(this).removeclass('demoactive btn-primary');
            $body.removeclass(t.attr('data-value'));
        });

        if (off) {
            $body.removeclass(c);
            a.removeclass('demoactive');
            store();
            return false;
        }

        $body.addclass(c);

        if (a.hasclass('btn')) {
            a.addclass('btn-primary');
        } else {
            a.toggleclass('demoactive');
        }

        store();

        if (isloaded && a.attr('data-refresh')) {
            location.reload(true);
        }

        return false;
    });

    /**
     * store data
     */

    function store() {
        var r = '';
        jquery('a[data-value].btn-primary, a[data-value].demoactive', $chooser).each(function () {
            var a = jquery(this);
            r = r + a.attr('data-value') + '.';
        });
        setcookie('ct_pluto', r);
    }

    function load() {
        d = getcookie('ct_pluto');
        if (d) {
            var data = jquery(d.split('.'));
            jquery.each(data, function (e, val) {
                jquery('a[data-value="' + val + '"]', $chooser).click();
            });
        }
        isloaded = true;
    }


    function hidestyleswitcher() {
        var $switcher = jquery("#stylechooser");

        var left = -243;
        if (parseint($switcher.css("left")) == left) {
            left = 0;
        }

        if (!isloaded) {
            $switcher.css('left', left);
        } else {
            $switcher.animate({
                left: left
            });
        }

    }


    load();

});


/**
 * cookie handler - setter
 */
var setcookie = function (name, value, days) {
    if (days) {
        var date = new date();
        date.settime(date.gettime() + (days * 24 * 60 * 60 * 1000));
        var expires = "; expires=" + date.togmtstring();
    } else {
        var expires = "";
    }
    document.cookie = name + "=" + value + expires + "; path=/";
};


/**
 * cookie handler -getter
 */
var getcookie = function (name) {
    var nameeq = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charat(0) == ' ') {
            c = c.substring(1, c.length);
        }
        if (c.indexof(nameeq) == 0) {
            return c.substring(nameeq.length, c.length);
        }
    }
    return null;
};