function changeBackground(path, extension) {
    var bodyWidth;
    if (is_safari) {
        bodyWidth = self.innerWidth;
    }
    else {
        bodyWidth = document.body.clientWidth;
    }

    if (extension != null) {
        if (bodyWidth <= 1024) {
            document.body.style.backgroundImage = "url(" + path + "." + extension + ")";
        }
        else if (bodyWidth > 1024 && bodyWidth <= 1280) {
            document.body.style.backgroundImage = "url(" + path + "-1280." + extension + ")";
        }
        else if (bodyWidth > 1280) {
            document.body.style.backgroundImage = "url(" + path + "-1600." + extension + ")";
        }
    }
}

var DynamicSelect = {
    create : function(url, source, target, callback, query) {
        var returnObj = new Object();
        returnObj["callback"] = callback;
        returnObj["target"] = target;

        source.onchange = function() {
            loadPage(url, (query ? (query + "&") : "") + "sourceValue=" + this.value, DynamicSelect.returnFunction, returnObj);
        }
    },

    returnFunction : function(xmlHttpReq, returnObj) {
        var select;
        var target = returnObj["target"];
        var callback = returnObj["callback"];

        try {
            select = eval("(" + xmlHttpReq.responseText + ")");
        }
        catch (err) {
        }

        target.length = 0;
        if (select.options.length > 0) {
            target.disabled = false;
            var options = select.options;
            for (var i = 0; i < options.length; i++) {
                target.options[i] = new Option(options[i].name, options[i].value);
            }
        }
        else {
            target.disabled = true;
        }

        if (callback != null) {
            callback();
        }
    }
};

var PortletHeaderBar = {

    fadeIn : function (id) {
        var bar = document.getElementById(id);

        // portlet has been removed.  exit.
        if (bar == null)
            return;

        if (bar.startOut) {
            // stop fadeOut prematurely
            clearTimeout(bar.timerOut);
            bar.timerOut = 0;
        }
        bar.startOut = false;
        bar.startIn = true;

        bar.opac += 20;
        for (var i = 0; i < bar.iconList.length; i++) {
            changeOpacity(bar.iconList[i], bar.opac);
        }
        bar.iconBar.style.display = "block";

        if (bar.opac < 100) {
            bar.timerIn = setTimeout("PortletHeaderBar.fadeIn(\"" + id + "\")", 50);
        }
        else {
            bar.timerIn = 0;
            bar.startIn = false;
        }
    },

    fadeOut : function (id) {
        var bar = document.getElementById(id);

        // portlet has been removed.  exit.
        if (bar == null)
            return;

        if (bar.startIn) {
            // stop fadeIn prematurely
            clearTimeout(bar.timerIn);
            bar.timerIn = 0;
        }
        bar.startIn = false;
        bar.startOut = true;

        bar.opac -= 20;
        for (var i = 0; i < bar.iconList.length; i++) {
            changeOpacity(bar.iconList[i], bar.opac);
        }
        bar.iconBar.style.display = "block";
        if (bar.opac > 0) {
            bar.timerOut = setTimeout("PortletHeaderBar.fadeOut(\"" + id + "\")", 50);
        }
        else {
            bar.iconBar.style.display = "none";
            bar.timerOut = 0;
            bar.startOut = false;
        }
    },

    init : function (bar) {
        if (!bar.iconBar) {
            bar.iconBar = getElementByClassName(bar, "portlet-small-icon-bar");
        }

        if (!bar.iconList) {
            bar.iconList = bar.iconBar.getElementsByTagName("img");
        }
    },

    hide : function (id) {
        var bar = document.getElementById(id);

        // If fadeIn timer has been set, but hasn't started, cancel it
        if (bar.timerIn && !bar.startIn) {
            // cancel unstarted fadeIn
            clearTimeout(bar.timerIn);
            bar.timerIn = 0;
        }

        if (!bar.startOut && bar.opac > 0) {
            if (bar.timerOut) {
                // reset unstarted fadeOut timer
                clearTimeout(bar.timerOut);
                bar.timerOut = 0;
            }

            this.init(bar);
            bar.timerOut = setTimeout("PortletHeaderBar.fadeOut(\"" + id + "\")", 150);
        }
    },

    show : function (id) {
        var bar = document.getElementById(id);

        // If fadeOut timer has been set, but hasn't started, cancel it
        if (bar.timerOut && !bar.startOut) {
            // cancel unstarted fadeOut
            clearTimeout(bar.timerOut);
            bar.timerOut = 0;
        }

        if (!bar.startIn && (!bar.opac || bar.opac < 100)){
            if (!bar.opac) {
                bar.opac = 0;
            }

            if (bar.timerIn) {
                // reset unstarted fadeIn timer
                clearTimeout(bar.timerIn);
                bar.timerIn = 0;
            }

            this.init(bar);
            bar.timerIn = setTimeout("PortletHeaderBar.fadeIn(\"" + id + "\")", 150);
        }
    }
};