/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*             ___                          _  _                     */
/*            | . ) ___  _  _  ___  _  _  _ | || | __ _              */
/*            |  < | . || `| || . || || || || || |/ _` |             */
/*            |___)|___||_|`_||_  ||____||_||_||_|\__,_|             */
/*                             ,__|                                  */
/*  ___                                      _   _                   */
/* |  _| __ _  _  _ __  __ __ _  __   ____  |  \| | ___ __  __ __ _  */
/* | |_ / _` || `| |\ \/ // _` ||__  |____| | |`  || . |\ \/ // _` | */
/* |___|\__,_||_|`_| \__/ \__,_| __|        |_| \_||___| \__/ \__,_| */
/*                                                                   */
/*                                                                   */
/*         Canvas - Nova by Bongilla - Skins for DotNetNuke          */
/*                      http://www.Bongilla.com                      */
/*          Copyright 2009 Bongilla - 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();

$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
        $bong('.bongMenuBlockPad').css('margin-top', '-1px');
    }

    $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('flashWidth');

//                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 = '#cccc66';
                    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/waves.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/gridpositive.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/japanese.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/metalgrid.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/metalicgrid.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/mosaic.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/parket.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/retrocircles.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/retrorectangles.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/stripes.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/thehills.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/toks.png)',
            //'background-color': backgroundColor,
            'background-attachment': 'scroll',
            'background-repeat': 'repeat-x',
            'background-position': 'top left'
        }
    }
    else if ((backgroundName == '21') && (skinLayout != 'Open')) {
        backgroundObj =
        {
            'background-image': 'url(' + skinPath + 'images/backgrounds/background.jpg)',
            //'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)');
        }
    );       
}