/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*             ___                          _  _                     */
/*            | . ) ___  _  _  ___  _  _  _ | || | __ _              */
/*            |  < | . || `| || . || || || || || |/ _` |             */
/*            |___)|___||_|`_||_  ||____||_||_||_|\__,_|             */
/*                             ,__|                                  */
/*  ___                                      _   _                   */
/* |  _| __ _  _  _ __  __ __ _  __   ____  |  \| | ___ __  __ __ _  */
/* | |_ / _` || `| |\ \/ // _` ||__  |____| | |`  || . |\ \/ // _` | */
/* |___|\__,_||_|`_| \__/ \__,_| __|        |_| \_||___| \__/ \__,_| */
/*                                                                   */
/*                                                                   */
/*         Canvas - Nova by Bonguilla - Skins for DotNetNuke         */
/*                      http://www.Bonguilla.com                     */
/*          Copyright 2009 Bonguilla - All rights reserved           */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*  Assigning $bong "namespace" to avoid conflicts with other DNN libraries.  */
var $bong = jQuery.noConflict(true);

/*  Code to detect browser for browser specific bug fixes.  */
var userAgent = navigator.userAgent.toLowerCase();

var isWinNT51 = (userAgent.indexOf('nt 5.1') > 0 && userAgent.indexOf('win') > 0);

$bong.browser = {
    version: (userAgent.match(/.+(?:rv|it|ra|ie|me)[\/: ]([\d.]+)/) || [])[1],
    chrome: /chrome/.test(userAgent),
    safari: /webkit/.test(userAgent) && !/chrome/.test(userAgent),
    opera: /opera/.test(userAgent),
    msie: /msie/.test(userAgent) && !/opera/.test(userAgent),
    mozilla: /mozilla/.test(userAgent) && !/(compatible|webkit)/.test(userAgent)
};

$bong(document).ready(function() {

    /*  Browser specific bug fixes.  */

    if ($bong.browser.chrome) { //Chrome
        $bong('.bongSearchPad a').css('margin-top', '-1px');
    }

    if ($bong.browser.msie) { //IE
//        //XP Menu fix
//        if (!isWinNT51) {
            $bong('.bongMenuBlockPad').css('margin-top', '-1px');
//        }
        $bong('.bongLanguagePad').css('margin-top', '-29px');
    }
    
    if($bong.browser.mozilla && parseFloat($bong.browser.version) < 1.9) {    
        $bong('.bongLanguagePad').css('margin-top', '-29px');
    }

    $bong.ajax(
    {
        type: "GET",
        url: skinPath + "skinConfig.xml",
        dataType: "xml",
        success: function(xml) {

            $bong(xml).find('site').each(function() {

                var id = $bong(this).attr('id');
                var flashWidth = $bong(this).attr('Width');

                if (flashWidth != null) {
                    
                    skinWidhAndFlash(flashWidth, skinPath);
                }

                if (id == 'backgrounds') {

                    var background = $bong(this).find('background').text();

                    switchBackground(background, skinPath);
                }

                if (id == 'menus') {

                    var horizontalMenu = $bong(this).find('horizontalMenu').text();
                    var verticalMenu = $bong(this).find('verticalMenu').text();
                    var menuStyle = $bong(this).find('menuStyle').text();

                    /*  Set Menustyle based on configuration  */
                    var menuStyleName = '';

                    if (menuStyle == 1) {
                        menuStyleName = 'glass';
                    } else if (menuStyle == 2) {
                        menuStyleName = 'grad';
                    } else if (menuStyle == 3) {
                        menuStyleName = 'plain';
                    } else {
                        menuStyleName = 'glass';
                    }

                    /*  Set Horizontal Menu based on configuration  */
                    var horizontalMenuName = '';

                    if (horizontalMenu == 1) {
                        horizontalMenuName = 'tab';
                    } else if (horizontalMenu == 2) {
                        horizontalMenuName = 'cap';
                    } else {
                        horizontalMenuName = 'tab';
                    }

                    /*  Set Vertical Menu based on configuration  */
                    var verticalMenuName = '';

                    if (verticalMenu == 1) {
                        verticalMenuName = 'bar';
                    } else if (verticalMenu == 2) {
                        verticalMenuName = 'cap';
                    } else {
                        verticalMenuName = 'bar';
                    }

                    /*  Constructs Horizontal Menu config  */
                    var hMenuName = 'menu' + horizontalMenuName + '_' + menuStyleName + '_dk';

                    /*  Constructs Vertical Menu config  */
                    var vMenuName = 'vmenu' + verticalMenuName + '_' + menuStyleName + '_dk';

                    var idleColor = '#330040';
                    var hoverColor = '#333333';
                    var selectedColor = '#000000';

                    switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);

                    switchIcons(menuStyleName, skinPath);
                }

                if (id == 'edges') {

                    var edge = $bong(this).find('edge').text();

                    switchLayout(skinLayout, skinPath, edge);
                }

                if (id == 'displaySkinObjects') {

                    var displayLanguage = $bong(this).find('displayLanguage').text();
                    var displayLogo = $bong(this).find('displayLogo').text();
                    var displaySearch = $bong(this).find('displaySearch').text();
                    var displayBreadcrum = $bong(this).find('displayBreadcrum').text();
                    var displayLinks = $bong(this).find('displayLinks').text();
                    var displayPrivacy = $bong(this).find('displayPrivacy').text();
                    var displayTerms = $bong(this).find('displayTerms').text();
                    var displayCopy = $bong(this).find('displayCopy').text();
                    var displayDate = $bong(this).find('displayDate').text();


                    displaySkinObjects(displayLanguage, displayLogo, displaySearch, displayBreadcrum, displayLinks, displayPrivacy, displayTerms, displayCopy, displayDate);
                }
            });
        }
    });
});

function displaySkinObjects(displayLanguage, displayLogo, displaySearch, displayBreadcrum, displayLinks, displayPrivacy, displayTerms, displayCopy, displayDate) {
    if (displayLanguage == 'true') {
        $bong('div.bongLanguagePad').css('display', 'block');
    }
    if (displayDate == 'true') {
        $bong('#bongDatePad').css('display', 'block');
    }
    if (displayLogo == 'true') {
        $bong('div.bongLogoBG a').css('display', 'block');
    }
    if (displaySearch == 'true') {
        $bong('div.bongSearchStyle').css('display', 'block');
    }
    if (displayBreadcrum == 'true') {
        $bong('#bongBreadStyle').css('display', 'block');
    }
    if (displayLinks == 'true') {
        $bong('#bongDisplayLinks').css('display', 'block');
    }
    if (displayCopy == 'true') {
        $bong('#bongDisplayCopy').css('display', 'block');
    }
    if (displayPrivacy == 'true' && displayTerms == 'true') {
        $bong('#bongDisplayPrivacy').css('display', 'inline');
        $bong('#bongDisplayFormat').css('display', 'inline');
        $bong('#bongDisplayTerms').css('display', 'inline');
    }
    if (displayPrivacy == 'false' && displayTerms == 'true') {
        $bong('#bongDisplayPrivacy').css('display', 'block');
    }
    if (displayPrivacy == 'true' && displayTerms == 'false') {
        $bong('#bongDisplayTerms').css('display', 'block');
    }
}

function switchBackground(backgroundName, skinPath) {
    var backgroundObj; //initialize background object

    //set background properties
    if ((backgroundName == '1') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/amate.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '2') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/axis.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '3') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/axispositive.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '4') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/burlap.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '5') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/damask.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '6') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/fishskin.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '7') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/grafik.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '8') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/grecas.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '9') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/gridpositive.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '10') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/japanese.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '11') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/metalgrid.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '12') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/metalicgrid.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '13') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/mosaic.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '14') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/parket.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '15') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/retrocircles.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '16') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/retrorectangles.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '17') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/stripes.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '18') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/thehills.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '19') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/toks.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '20') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/waves.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else {
        backgroundObj =
        {
            'background': '#FFF'
        }
    }

    $bong('body').css(backgroundObj); //execute background object
}

function switchLayout(layoutName, skinPath, imagesPrefix) {
    var prefixName = "";
    var prefixStyle = "";

    //Set Prefix Name
    if (imagesPrefix == 1 || imagesPrefix == 2) {
        prefixName = "cinta_dk";
    }
    else if (imagesPrefix == 3 || imagesPrefix == 4) {
        prefixName = "cinta_lt";
    }
    else if (imagesPrefix == 5 || imagesPrefix == 6) {
        prefixName = "plainstroke";
    }
    else if (imagesPrefix == 7 || imagesPrefix == 8) {
        prefixName = "stroke_bk";
    }
    else if (imagesPrefix == 9 || imagesPrefix == 10) {
        prefixName = "plain";
    }
    else if (imagesPrefix == 11 || imagesPrefix == 12) {
        prefixName = "plain2";
    }
    else {
        prefixName = "cinta_dk";
    }

    //Set Prefix corner Style
    if (imagesPrefix == 1 || imagesPrefix == 3 || imagesPrefix == 5 || imagesPrefix == 7 || imagesPrefix == 9 || imagesPrefix == 11) {
        prefixStyle = "s";
    }
    else if (imagesPrefix == 2 || imagesPrefix == 4 || imagesPrefix == 6 || imagesPrefix == 8 || imagesPrefix == 10 || imagesPrefix == 12) {
        prefixStyle = "r";
    } else {
        prefixStyle = "s";
    }

    if (layoutName == 'Boxed' || layoutName == 'Floating') {
        $bong('table.ControlPanel').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_cp_b.png) repeat-x bottom left');
        $bong('div.bongCPanelLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_' + prefixStyle + '_cp_bl.png) no-repeat bottom left');
        $bong('div.bongCPanelRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_' + prefixStyle + '_cp_br.png) no-repeat bottom right');

        $bong('div.bongTopLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_' + prefixStyle + '_tl.png) no-repeat top left');
        $bong('div.bongTopRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_' + prefixStyle + '_tr.png) no-repeat top right');
        $bong('div.bongTopBG').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_t.png) repeat-x top');

        $bong('div.bongLogoLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y top left');
        $bong('div.bongLogoRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y top right');

        $bong('div.bongMenuLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y top left');
        $bong('div.bongMenuRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y top right');

        $bong('div.bongBreadLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y top left');
        $bong('div.bongBreadRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y top right');

        $bong('div.bongLeftBG').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y top left');
        $bong('div.bongRightBG').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y top right');

        $bong('div.bongBottomLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_' + prefixStyle + '_bl.png) no-repeat top left');
        $bong('div.bongBottomRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_' + prefixStyle + '_br.png) no-repeat top right');
        $bong('div.bongBottomBG').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_b.png) repeat-x top left');
    }
    if (layoutName == 'Bordered') {
        $bong('table.ControlPanel').css('background', '#FFF');
        $bong('div.bongCPanelLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y bottom left');
        $bong('div.bongCPanelRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y bottom right');

        $bong('div.bongTopLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y top left');
        $bong('div.bongTopRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y top right');
        $bong('div.bongTopBG').css('background', '#FFF');

        $bong('div.bongLogoLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y top left');
        $bong('div.bongLogoRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y top right');

        $bong('div.bongMenuLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y top left');
        $bong('div.bongMenuRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y top right');

        $bong('div.bongBreadLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y top left');
        $bong('div.bongBreadRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y top right');

        $bong('div.bongLeftBG').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y top left');
        $bong('div.bongRightBG').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y top right');

        $bong('div.bongBottomLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y bottom left');
        $bong('div.bongBottomRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y bottom right');
        $bong('div.bongBottomBG').css('background', '#FFF');

        /*new*/
        $bong('div.bongSideLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y top left');
        $bong('div.bongSideRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y top right');

        $bong('div.bongFooterLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_l.png) repeat-y top left');
        $bong('div.bongFooterRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_r.png) repeat-y top right');

        /*  Language and Search horizontal position fix for Open Layout  */
        $bong('#bongSearchBox').css('padding-right', '0');
        $bong('.bongLanguagePad').css('padding-left', '0');


    }
    if (layoutName == 'Open') {
        $bong('table.ControlPanel').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_cp_b.png) repeat-x bottom left');
        $bong('div.bongCPanelLeft').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_cp_bl.png) no-repeat bottom left');
        $bong('div.bongCPanelRight').css('background', 'url(' + skinPath + 'images/edges/' + prefixName + '_r_cp_br.png) no-repeat bottom right');
    }
}

function switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath) {
    // Breadcrumb
    $bong('.bongBreadBG').css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_bread.png) repeat-x top center');

    // Vertical Menu
    $bong('.main_dnnmenu_rootitem').css('background', idleColor + ' url(' + skinPath + 'images/menus/' + vMenuName + '_sel.png) no-repeat top left');
    $bong('.main_dnnmenu_rootitem_selected').css('background', hoverColor + ' url(' + skinPath + 'images/menus/' + vMenuName + '_idle.png) no-repeat top left');

    // Vertical Menu fix for hover
    $bong('.main_dnnmenu_rootitem').hover(
        function() {
            $bong(this).css('background', selectedColor + ' url(' + skinPath + 'images/menus/' + vMenuName + '_hov.png) no-repeat top left');
        },
        function() {
            $bong(this).css('background', idleColor + ' url(' + skinPath + 'images/menus/' + vMenuName + '_sel.png) no-repeat top left');
        }
    );

    // Horizontal Menu    
    $bong('.bongMenuBlockBG').css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_bkg.png) repeat-x top center');
    $bong('.bongMenuBlockLeft').css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_bkg.png) no-repeat top left');
    $bong('.bongMenuBlockRight').css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_bkg.png) no-repeat top right');

    $bong('.MainMenu_Idle td div').css('background', idleColor + ' url(' + skinPath + 'images/menus/' + hMenuName + '_r.png) top right no-repeat');
    $bong('.MainMenu_Idle td div div').css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_l.png) top left no-repeat');
    $bong('.MainMenu_Idle td div div div').css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_center.png) top left repeat-x');

    $bong('.MainMenu_BreadcrumbActive td div').css('background', hoverColor + ' url(' + skinPath + 'images/menus/' + hMenuName + '_r.png) top right no-repeat');
    $bong('.MainMenu_BreadcrumbActive td div div').css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_l.png) top left no-repeat');
    $bong('.MainMenu_BreadcrumbActive td div div div').css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_center.png) top left repeat-x');

    // Horizontal Menu fix for hover 
    $bong('.MainMenu_Idle td div').hover(
        function() {
            $bong(this).css('background', selectedColor + ' url(' + skinPath + 'images/menus/' + hMenuName + '_r.png) top right no-repeat');
        },
        function() {
            $bong(this).css('background', idleColor + ' url(' + skinPath + 'images/menus/' + hMenuName + '_r.png) top right no-repeat');
        }
    );
    $bong('.MainMenu_Idle td div div').hover(
        function() {
            $bong(this).css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_l.png) top left no-repeat');
        },
        function() {
            $bong(this).css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_l.png) top left no-repeat');
        }
    );
    $bong('.MainMenu_Idle td div div div').hover(
        function() {
            $bong(this).css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_center.png) top left repeat-x');
        },
        function() {
            $bong(this).css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_center.png) top left repeat-x');
        }
    );
    $bong('.MainMenu_BreadcrumbActive td div').hover(
        function() {
            $bong(this).css('background', hoverColor + ' url(' + skinPath + 'images/menus/' + hMenuName + '_r.png) top right no-repeat');
        },
        function() {
            $bong(this).css('background', hoverColor + ' url(' + skinPath + 'images/menus/' + hMenuName + '_r.png) top right no-repeat');
        }
    );
    $bong('.MainMenu_BreadcrumbActive td div div').hover(
        function() {
            $bong(this).css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_l.png) top left no-repeat');
        },
        function() {
            $bong(this).css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_l.png) top left no-repeat');
        }
    );
    $bong('.MainMenu_BreadcrumbActive td div div div').hover(
        function() {
            $bong(this).css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_center.png) top left repeat-x');
        },
        function() {
            $bong(this).css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_center.png) top left repeat-x');
        }
    );

    $bong('.MainMenu_Separator img').css('background', 'url(' + skinPath + 'images/menus/' + hMenuName + '_bkg.png) repeat-x top center');
}

function skinWidhAndFlash(flashWidth, skinPath) {
    if (flashWidth == 1) {
        bodyWidth = 800;
    }
    else if (flashWidth == 2) {
        bodyWidth = 950;
    }
    else if (flashWidth == 3) {
        bodyWidth = 1024;
    }
    else {
        bodyWidth = 950;
    }

    //Sets Width default is 950        
    $bong('.bongSkinMaster').css('width', bodyWidth);
}

function switchIcons(menuStyleName, skinPath) {
    $bong('.bongDateImg').css('background-image', 'url(' + skinPath + 'images/layout/clock_' + menuStyleName + '_idle.png)');
    $bong('.bongSearchPad a').css('background-image', 'url(' + skinPath + 'images/layout/search_' + menuStyleName + '_idle.png)');

    // Search icon hover fix
    $bong('.bongSearchPad a').hover(
        function() {
            $bong('.bongSearchPad a').css('background-image', 'url(' + skinPath + 'images/layout/search_' + menuStyleName + '_hov.png)');
        },
        function() {
            $bong('.bongSearchPad a').css('background-image', 'url(' + skinPath + 'images/layout/search_' + menuStyleName + '_idle.png)');
        }
    );
}

/*  PNG Fix  */
var ie55 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 5.5") != -1);
var ie6 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1);

if ($bong.browser.msie && (ie55 || ie6)) {

    $bong(document).ready(function() {

        // Settings
        settings = $bong.extend({
            blankgif: 'spacer.gif'
        });

        if ($bong.browser.msie && (ie55 || ie6)) {

            //fix images with png-source
            $bong(this).find("img[@src$=.png]").each(function() {

                $bong(this).attr('width', $bong(this).width());
                $bong(this).attr('height', $bong(this).height());

                var prevStyle = '';
                var strNewHTML = '';
                var imgId = ($bong(this).attr('id')) ? 'id="' + $bong(this).attr('id') + '" ' : '';
                var imgClass = ($bong(this).attr('class')) ? 'class="' + $bong(this).attr('class') + '" ' : '';
                var imgTitle = ($bong(this).attr('title')) ? 'title="' + $bong(this).attr('title') + '" ' : '';
                var imgAlt = ($bong(this).attr('alt')) ? 'alt="' + $bong(this).attr('alt') + '" ' : '';
                var imgAlign = ($bong(this).attr('align')) ? 'float:' + $bong(this).attr('align') + ';' : '';
                var imgHand = ($bong(this).parent().attr('href')) ? 'cursor:hand;' : '';
                if (this.style.border) {
                    prevStyle += 'border:' + this.style.border + ';';
                    this.style.border = '';
                }
                if (this.style.padding) {
                    prevStyle += 'padding:' + this.style.padding + ';';
                    this.style.padding = '';
                }
                if (this.style.margin) {
                    prevStyle += 'margin:' + this.style.margin + ';';
                    this.style.margin = '';
                }
                var imgStyle = (this.style.cssText);

                strNewHTML += '<span ' + imgId + imgClass + imgTitle + imgAlt;
                strNewHTML += 'style="position:relative;white-space:pre-line;display:inline-block;background:transparent;' + imgAlign + imgHand;
                strNewHTML += 'width:' + $bong(this).width() + 'px;' + 'height:' + $bong(this).height() + 'px;';
                strNewHTML += 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src=\'' + $bong(this).attr('src') + '\', sizingMethod=\'scale\');';
                strNewHTML += imgStyle + '"></span>';
                if (prevStyle != '') {
                    strNewHTML = '<span style="position:relative;display:inline-block;' + prevStyle + imgHand + 'width:' + $bong(this).width() + 'px;' + 'height:' + $bong(this).height() + 'px;' + '">' + strNewHTML + '</span>';
                }

                $bong(this).hide();
                $bong(this).after(strNewHTML);

            });

            // fix css background pngs
            $bong(this).find("*").each(function() {
                var bgIMG = $bong(this).css('background-image');
                if (bgIMG.indexOf(".png") != -1) {
                    var iebg = bgIMG.split('url("')[1].split('")')[0];
                    $bong(this).css('background-image', 'none');
                    $bong(this).get(0).runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + iebg + "',sizingMethod='scale')";
                }
            });

            //fix input with png-source
            $bong(this).find("input[@src$=.png]").each(function() {
                var bgIMG = $bong(this).attr('src');
                $bong(this).get(0).runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src=\'' + bgIMG + '\', sizingMethod=\'scale\');';
                $bong(this).attr('src', settings.blankgif)
            });
        }
    });
}