/////////////////////////////////////////////////////////////////
/////  Set cookie for sidebar portlets  //////////////////////
/////////////////////////////////////////////////////////////////
 
// set the list selector
var setSelector = "#sidePanel";
// set the cookie name
var setCookieName = "listOrder";
// set the cookie expiry time (days):
var setCookieExpiry = 7;
 
////////////////////////////////////////////////////////////////

// function that writes the list order to a cookie
function getOrder() {
        // save custom order to cookie
        $.cookie(setCookieName, $(setSelector).sortable("toArray"), { expires: setCookieExpiry, path: "/" });
}

// function that restores the list order from a cookie
function restoreOrder() {
               
        var list = $(setSelector);
        if (list == null) return
       
        // fetch the cookie value (saved order)
        var cookie = $.cookie(setCookieName);
        if (!cookie) return;
       
        // make array from saved order
        var IDs = cookie.split(",");
       
        // fetch current order
        var items = list.sortable("toArray");
        // make array from current order
        var rebuild = new Array();
        for ( var v=0, len=items.length; v<len; v++ ){
                rebuild[items[v]] = items[v];
        }
       
        for (var i = 0, n = IDs.length; i < n; i++) {
               
                // item id from saved order
                var itemID = IDs[i];
               
                if (itemID in rebuild) {
               
                        // select item id from current order
                        var item = rebuild[itemID];
                       
                        // select the item according to current order
                        var child = $("div.ui-sortable").children("#" + item);
                       
                        // select the item according to the saved order
                        var savedOrd = $("div.ui-sortable").children("#" + itemID);
                       
                        // remove all the items
                        child.remove();
                       
                        // add the items in turn according to saved order we need to filter here since the "ui-sortable"
                        // class is applied to all ul elements and we only want the very first!
                        $("div.ui-sortable").filter(":first").append(savedOrd);
                }
        }
}
 
// code executed when the document loads
$(function () {
                $(setSelector).sortable({
                        update: function() {getOrder(); }
                });
                restoreOrder();
                // here, we reload the saved order
               
                $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
                        .find(".portlet-header")
                                .addClass("ui-widget-header ui-corner-all")
                                .prepend('')
                                .end()
                        .find(".portlet-content");

                        $(".portlet-header .ui-icon").click(function() {
                        $(this).toggleClass("ui-icon-minus");
                        $(this).toggleClass("ui-icon-plus");
                        $(this).parents(".portlet:first").find(".portlet-content").toggle();
                       
                });
                $(".portlet-header .ui-icon").hover(
                        function() {$(this).addClass("ui-icon-hover"); },
                        function() {$(this).removeClass('ui-icon-hover'); }
                );
});