// Function to init. submenu foldout item (portal page):
function initSubmenu(id) {
    var divWidth;
    var divMargin;
    $('ul.submenu .active').each(function(i) {
        divWidth = $(this).width() + 45;
    });
    $('#submenu_' + id).width(divWidth);
    //  Set margins and floats:
    //  If Submenu Item = 2:
    if (id == 2) {
        if (jQuery.browser.msie && jQuery.browser.version == '6.0') {
            divMargin = ($('#submenu_item_1').width() - 62);
            $('#submenu_' + id).css('margin-left', divMargin + 'px');
            $('#canvas_submenu_active div.text').css('width', '356px');
        }
        else {
            divMargin = ($('#submenu_item_1').width() + 85);
            $('#submenu_' + id).css('margin-left', divMargin + 'px');
        }
    }
    //  If Submenu Item = 3:
    if (id == 3) {
        if (jQuery.browser.msie && jQuery.browser.version == '6.0') {
            divMargin = ($('#submenu_item_4').width() + 57);
        }
        else if (jQuery.browser.msie && jQuery.browser.version == '7.0') {
            divMargin = $('#submenu_item_4').width() + 141;
        }
        else if (jQuery.browser.msie && jQuery.browser.version == '8.0') {
            divMargin = $('#submenu_item_4').width() + 125;
        }
        else {
            divMargin = $('#submenu_item_4').width() + 130;
        }
        $('#submenu_' + id).css('margin-right', divMargin + 'px');
        //  Float items right:
        $('#submenu_' + id).css('float', 'right');
        $('#canvas_submenu_active div.text').css('float', 'right');
    }
    //  If Submenu Item = 4:
    if (id == 4) {
        if (jQuery.browser.msie && jQuery.browser.version == '6.0') {
            divMargin = 49;
        }
        else if (jQuery.browser.msie && jQuery.browser.version == '7.0') {
            divMargin = 56;
        }
        else if (jQuery.browser.msie && jQuery.browser.version == '8.0') {
            divMargin = 40;
        }
        else {
            divMargin = 45;
        }
        $('#submenu_' + id).css('margin-right', divMargin + 'px');
        //  Float items right:
        $('#submenu_' + id).css('float', 'right');
        $('#canvas_submenu_active div.text').css('float', 'right');
    }
}

// Function to show topmenu foldout items:
function foldoutTopmenu(e, foldoutDiv) {
    var foldoutDiv = $('#' + foldoutDiv);
    if ($(foldoutDiv).css('display') == 'none') {
        $(foldoutDiv).css('width', ($(e).width() + 100) + 'px');
        $(foldoutDiv).show();
        //	IE7 (curse it!)-only:
        if (jQuery.browser.msie && jQuery.browser.version == '7.0') {
            $(foldoutDiv).css('margin-left', '-' + ($(e).width() + 14) + 'px');
        }
    }
}

// Function to show submenu foldout items:
function foldoutSubmenu(e, id) {
    var foldoutDiv = $('#submenu_' + id);
    var divMargin;

    if ($(foldoutDiv).css('display') == 'none') {
        $(foldoutDiv).css('width', ($(e).width() + 45) + 'px');

        if (id == 2) {
            divMargin = $('#submenu_1').parent().width() + 85;
            foldoutDiv.css('margin-left', divMargin + 'px');
        }
        if (id == 3) {
            divMargin = $('#submenu_1').parent().width() + $('#submenu_2').parent().width() + 170;
            foldoutDiv.css('margin-left', divMargin + 'px');
        }
        if (id == 4) {
            divMargin = $('#submenu_1').parent().width() + $('#submenu_2').parent().width() + $('#submenu_3').parent().width() + 255;
            foldoutDiv.css('margin-left', divMargin + 'px');
        }
        
        //	IE7 (curse it!)-only:
        if (jQuery.browser.msie && jQuery.browser.version == '7.0') {
            $(foldoutDiv).css('margin-left', '-' + ($(e).width() + 49) + 'px');
        }
        $(foldoutDiv).show();
    }
}

// Function to show submenu foldout items on theme pages:
function foldoutThemeSubmenu(e, id) {
    var foldoutDiv = $('#submenu_' + id);
    var divMargin;

    if ($(foldoutDiv).css('display') == 'none') {
        $(foldoutDiv).css('width', ($(e).width() + 45) + 'px');

        if (id == 2) {
            divMargin = $('#submenu_item_1').width() + 85;
            foldoutDiv.css('margin-left', divMargin + 'px');
        }
        if (id == 3) {
            divMargin = $('#submenu_item_1').width() + $('#submenu_item_2').width() + 170;
            foldoutDiv.css('margin-left', divMargin + 'px');
        }
        if (id == 4) {
            divMargin = $('#submenu_item_1').width() + $('#submenu_item_2').width() + $('#submenu_item_3').width() + 255;
            foldoutDiv.css('margin-left', divMargin + 'px');
        }

        //	IE7 (curse it!)-only:
        if (jQuery.browser.msie && jQuery.browser.version == '7.0') {
            $(foldoutDiv).css('margin-left', '-' + ($(e).width() + 49) + 'px');
        }
        $(foldoutDiv).show();
    }
}


// Function to show submenu foldout items on theme pages:
function swapImage(e) {
    if (e.src.indexOf('_bw.gif') != -1) {
        e.src = e.src.replace('_bw.gif', '.gif');
    }
    else {
        e.src = e.src.replace('.gif', '_bw.gif');
    }
}