/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*             ___                          _  _                     */
/*            | . ) ___  _  _  ___  _  _  _ | || | __ _              */
/*            |  < | . || `| || . || || || || || |/ _` |             */
/*            |___)|___||_|`_||_  ||____||_||_||_|\__,_|             */
/*                             ,__|                                  */
/*  ___                                      _   _                   */
/* |  _| __ _  _  _ __  __ __ _  __   ____  |  \| | ___ __  __ __ _  */
/* | |_ / _` || `| |\ \/ // _` ||__  |____| | |`  || . |\ \/ // _` | */
/* |___|\__,_||_|`_| \__/ \__,_| __|        |_| \_||___| \__/ \__,_| */
/*                                                                   */
/*                                                                   */
/*         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.safari) { //Safari
        if (parseFloat($bong.browser.version) == 530.19) {
            $bong('.bongSearchPad a').css('margin-top', '-1px');
        }
    }

    if ($bong.browser.msie) { //IE
        //$bong('.bongMenuBlockPad').css('margin-top', '-1px');

        if (parseInt($bong.browser.version) == 7) {
            //alert('test7');
            $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);

                    ////////////////////////////////////////
                    var demoSZWidth = 100;
                    var demoSZHeight = 100;
                    var demoSZColor = '#012256'

                    $bong('#demoSZ div').css('width', demoSZWidth);
                    $bong('#demoSZ div').css('height', demoSZHeight);

                    $bong('#demoSZ').css('border', '3px solid #333');
                    $bong('#demoSZ div').css('border', '3px solid #333');

                    $bong('#demoSZ1').css('background', demoSZColor + ' url(' + skinPath + 'imagesDemo/800.png) repeat-x scroll center center');
                    $bong('#demoSZ2').css('background', demoSZColor + ' url(' + skinPath + 'imagesDemo/950.png) repeat-x scroll center center');
                    $bong('#demoSZ3').css('background', demoSZColor + ' url(' + skinPath + 'imagesDemo/1024.png) repeat-x scroll center center');

                    $bong('#demoSZ1').hover(function() { skinWidhAndFlash(1, skinPath); }, function() { skinWidhAndFlash(flashWidth, skinPath); });
                    $bong('#demoSZ2').hover(function() { skinWidhAndFlash(2, skinPath); }, function() { skinWidhAndFlash(flashWidth, skinPath); });
                    $bong('#demoSZ3').hover(function() { skinWidhAndFlash(3, skinPath); }, function() { skinWidhAndFlash(flashWidth, skinPath); });
                    //////////////////////////////////////////////
                }

                if (id == 'backgrounds') {

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

                    switchBackground(background, skinPath);

                    ////////////////////////////////////////
                    var demoBGWidth = 205;
                    var demoBGHeight = 50;
                    var demoBGColor = '#012256'

                    $bong('#demoBG div').css('width', demoBGWidth);
                    $bong('#demoBG div').css('height', demoBGHeight);

                    $bong('#demoBG').css('border', '3px solid #333');
                    $bong('#demoBG div').css('border', '3px solid #333');

                    $bong('#demoBG1').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/amate.png) repeat-x scroll center center');
                    $bong('#demoBG2').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/axis.png) repeat-x scroll top center');
                    $bong('#demoBG3').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/axispositive.png) repeat-x scroll top center');
                    $bong('#demoBG4').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/burlap.png) repeat-x scroll center center');
                    $bong('#demoBG5').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/damask.png) repeat-x scroll top center');
                    $bong('#demoBG6').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/fishskin.png) repeat-x scroll top center');
                    $bong('#demoBG7').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/grafik.png) repeat-x scroll top center');
                    $bong('#demoBG8').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/grecas.png) repeat-x scroll top center');
                    $bong('#demoBG9').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/gridpositive.png) repeat-x scroll center center');
                    $bong('#demoBG10').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/japanese.png) repeat-x scroll top left');
                    $bong('#demoBG11').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/metalgrid.png) repeat-x scroll top center');
                    $bong('#demoBG12').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/metalicgrid.png) repeat-x scroll top center');
                    $bong('#demoBG13').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/mosaic.png) repeat-x scroll center center');
                    $bong('#demoBG14').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/parket.png) repeat-x scroll center center');
                    $bong('#demoBG15').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/retrocircles.png) repeat-x scroll center center');
                    $bong('#demoBG16').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/retrorectangles.png) repeat-x scroll top center');
                    $bong('#demoBG17').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/stripes.png) repeat-x scroll center center');
                    $bong('#demoBG18').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/thehills.png) repeat-x scroll top left');
                    $bong('#demoBG19').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/toks.png) repeat-x scroll center center');
                    $bong('#demoBG20').css('background', demoBGColor + ' url(' + skinPath + 'images/backgrounds/waves.png) repeat-x scroll center center');

                    $bong('#demoBG1').hover(function() { switchBackground(1, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG2').hover(function() { switchBackground(2, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG3').hover(function() { switchBackground(3, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG4').hover(function() { switchBackground(4, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG5').hover(function() { switchBackground(5, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG6').hover(function() { switchBackground(6, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG7').hover(function() { switchBackground(7, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG8').hover(function() { switchBackground(8, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG9').hover(function() { switchBackground(9, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG10').hover(function() { switchBackground(10, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG11').hover(function() { switchBackground(11, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG12').hover(function() { switchBackground(12, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG13').hover(function() { switchBackground(13, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG14').hover(function() { switchBackground(14, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG15').hover(function() { switchBackground(15, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG16').hover(function() { switchBackground(16, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG17').hover(function() { switchBackground(17, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG18').hover(function() { switchBackground(18, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG19').hover(function() { switchBackground(19, skinPath); }, function() { switchBackground(background, skinPath); });
                    $bong('#demoBG20').hover(function() { switchBackground(20, skinPath); }, function() { 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 = '#012256';
                    var hoverColor = '#333333';
                    var selectedColor = '#000000';

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

                    switchIcons(menuStyleName, skinPath);


                    ////////////////////////////////////////
                    var demoFSWidth = 75;
                    var demoFSHeight = 75;
                    var demoFSColor = '#012256'

                    $bong('#demoFS div').css('width', demoFSWidth);
                    $bong('#demoFS div').css('height', demoFSHeight);


                    //$bong('#demoFS').css('border', '3px solid #333');
                    $bong('#demoFS div').css('border-top', '6px solid #333');
                    $bong('#demoFS div').css('border-right', '6px solid #333');
                    $bong('#demoFS div').css('border-left', '6px solid #333');
                    $bong('#demoFS .demoFS4,#demoFS .demoFS7,#demoFS .demoFS5,#demoFS .demoFS8,#demoFS .demoFS6,#demoFS .demoFS9').css('border-bottom', '6px solid #333');

                    $bong('#demoFS td').css('padding', '0 5px');

                    $bong('.demoFS1').css('background', demoFSColor + ' url(' + skinPath + 'imagesDemo/TAB_GLASS.png) no-repeat scroll center center');
                    $bong('.demoFS2').css('background', demoFSColor + ' url(' + skinPath + 'imagesDemo/TAB_Grad.png) no-repeat scroll center center');
                    $bong('.demoFS3').css('background', demoFSColor + ' url(' + skinPath + 'imagesDemo/TAB_Plain.png) no-repeat scroll center center');
                    $bong('.demoFS4').css('background', demoFSColor + ' url(' + skinPath + 'imagesDemo/CAP_GLASS.png) no-repeat scroll center center');
                    $bong('.demoFS5').css('background', demoFSColor + ' url(' + skinPath + 'imagesDemo/CAP_Grad.png) no-repeat scroll center center');
                    $bong('.demoFS6').css('background', demoFSColor + ' url(' + skinPath + 'imagesDemo/CAP_Plain.png) no-repeat scroll center center');
                    $bong('.demoFS7').css('background', demoFSColor + ' url(' + skinPath + 'imagesDemo/bar_GLASS.png) no-repeat scroll center center');
                    $bong('.demoFS8').css('background', demoFSColor + ' url(' + skinPath + 'imagesDemo/bar_Grad.png) no-repeat scroll center center');
                    $bong('.demoFS9').css('background', demoFSColor + ' url(' + skinPath + 'imagesDemo/bar_Plain.png) no-repeat scroll center center');
                    $bong('.demoFS10').css('background', demoFSColor + ' url(' + skinPath + 'imagesDemo/CAP_GLASS.png) no-repeat scroll center center');
                    $bong('.demoFS11').css('background', demoFSColor + ' url(' + skinPath + 'imagesDemo/CAP_Grad.png) no-repeat scroll center center');
                    $bong('.demoFS12').css('background', demoFSColor + ' url(' + skinPath + 'imagesDemo/CAP_Plain.png) no-repeat scroll center center');

                    $bong('.demoFS1').hover(function() {
                        switchMenu('vmenu' + 'bar' + '_' + 'glass' + '_dk', 'menu' + 'tab' + '_' + 'glass' + '_dk', idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons('glass', skinPath);
                    }, function() {
                        switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons(menuStyleName, skinPath);
                    });

                    $bong('.demoFS2').hover(function() {
                        switchMenu('vmenu' + 'bar' + '_' + 'grad' + '_dk', 'menu' + 'tab' + '_' + 'grad' + '_dk', idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons('grad', skinPath);
                    }, function() {
                        switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons(menuStyleName, skinPath);
                    });

                    $bong('.demoFS3').hover(function() {
                        switchMenu('vmenu' + 'bar' + '_' + 'plain' + '_dk', 'menu' + 'tab' + '_' + 'plain' + '_dk', idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons('plain', skinPath);
                    }, function() {
                        switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons(menuStyleName, skinPath);
                    });

                    $bong('.demoFS4').hover(function() {
                        switchMenu('vmenu' + 'cap' + '_' + 'glass' + '_dk', 'menu' + 'cap' + '_' + 'glass' + '_dk', idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons('glass', skinPath);
                    }, function() {
                        switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons(menuStyleName, skinPath);
                    });

                    $bong('.demoFS5').hover(function() {
                        switchMenu('vmenu' + 'cap' + '_' + 'grad' + '_dk', 'menu' + 'cap' + '_' + 'grad' + '_dk', idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons('grad', skinPath);
                    }, function() {
                        switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons(menuStyleName, skinPath);
                    });

                    $bong('.demoFS6').hover(function() {
                        switchMenu('vmenu' + 'cap' + '_' + 'plain' + '_dk', 'menu' + 'cap' + '_' + 'plain' + '_dk', idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons('plain', skinPath);
                    }, function() {
                        switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons(menuStyleName, skinPath);
                    });

                    $bong('.demoFS7').hover(function() {
                        switchMenu('vmenu' + 'bar' + '_' + 'glass' + '_dk', 'menu' + 'cap' + '_' + 'glass' + '_dk', idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons('glass', skinPath);
                    }, function() {
                        switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons(menuStyleName, skinPath);
                    });

                    $bong('.demoFS8').hover(function() {
                        switchMenu('vmenu' + 'bar' + '_' + 'grad' + '_dk', 'menu' + 'cap' + '_' + 'grad' + '_dk', idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons('grad', skinPath);
                    }, function() {
                        switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons(menuStyleName, skinPath);
                    });

                    $bong('.demoFS9').hover(function() {
                        switchMenu('vmenu' + 'bar' + '_' + 'plain' + '_dk', 'menu' + 'cap' + '_' + 'plain' + '_dk', idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons('plain', skinPath);
                    }, function() {
                        switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons(menuStyleName, skinPath);
                    });

                    $bong('.demoFS10').hover(function() {
                        switchMenu('vmenu' + 'cap' + '_' + 'glass' + '_dk', 'menu' + 'cap' + '_' + 'glass' + '_dk', idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons('glass', skinPath);
                    }, function() {
                        switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons(menuStyleName, skinPath);
                    });

                    $bong('.demoFS11').hover(function() {
                        switchMenu('vmenu' + 'cap' + '_' + 'grad' + '_dk', 'menu' + 'cap' + '_' + 'grad' + '_dk', idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons('grad', skinPath);
                    }, function() {
                        switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons(menuStyleName, skinPath);
                    });

                    $bong('.demoFS12').hover(function() {
                        switchMenu('vmenu' + 'cap' + '_' + 'plain' + '_dk', 'menu' + 'cap' + '_' + 'plain' + '_dk', idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons('plain', skinPath);
                    }, function() {
                        switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath);
                        switchIcons(menuStyleName, skinPath);
                    });
                    /////////////////////////////////////////////
                    /////////////////////////////////////for mixed<table cellpadding="0" cellspacing="0" border="0" align="center">               
                    var demoMFSWidth = 42 + 30;
                    var demoMFSHeight = 90 + 30;
                    var demoMFSColor = '#012256'

                    $bong('#demoMFSGlass').css('margin', '0 10px');
                    $bong('#demoMFSGrad').css('margin', '0 10px');
                    $bong('#demoMFSPlain').css('margin', '0 10px');

                    $bong('#demoMFSGlass div').css('width', demoMFSWidth);
                    $bong('#demoMFSGlass div').css('height', demoMFSHeight);

                    $bong('#demoMFSGlass').css('border', '3px solid #333');
                    $bong('#demoMFSGlass div').css('border', '3px solid #333');

                    $bong('#demoMFSPlain div').css('width', demoMFSWidth);
                    $bong('#demoMFSPlain div').css('height', demoMFSHeight);

                    $bong('#demoMFSPlain').css('border', '3px solid #333');
                    $bong('#demoMFSPlain div').css('border', '3px solid #333');

                    $bong('#demoMFSGrad div').css('width', demoMFSWidth);
                    $bong('#demoMFSGrad div').css('height', demoMFSHeight);

                    $bong('#demoMFSGrad').css('border', '3px solid #333');
                    $bong('#demoMFSGrad div').css('border', '3px solid #333');

                    $bong('#demoMFSGlass .demoMFS1').css('background', demoMFSColor + ' url(' + skinPath + 'imagesDemo/TAB_CAP_GLASS.png) no-repeat scroll center center');
                    $bong('#demoMFSGlass .demoMFS2').css('background', demoMFSColor + ' url(' + skinPath + 'imagesDemo/CAP_CAP_GLASS.png) no-repeat scroll center center');
                    $bong('#demoMFSGlass .demoMFS3').css('background', demoMFSColor + ' url(' + skinPath + 'imagesDemo/TAB_BAR_GLASS.png) no-repeat scroll center center');
                    $bong('#demoMFSGlass .demoMFS4').css('background', demoMFSColor + ' url(' + skinPath + 'imagesDemo/CAP_BAR_GLASS.png) no-repeat scroll center center');

                    $bong('#demoMFSGrad .demoMFS1').css('background', demoMFSColor + ' url(' + skinPath + 'imagesDemo/TAB_CAP_GRAD.png) no-repeat scroll center center');
                    $bong('#demoMFSGrad .demoMFS2').css('background', demoMFSColor + ' url(' + skinPath + 'imagesDemo/CAP_CAP_GRAD.png) no-repeat scroll center center');
                    $bong('#demoMFSGrad .demoMFS3').css('background', demoMFSColor + ' url(' + skinPath + 'imagesDemo/TAB_BAR_GRAD.png) no-repeat scroll center center');
                    $bong('#demoMFSGrad .demoMFS4').css('background', demoMFSColor + ' url(' + skinPath + 'imagesDemo/CAP_BAR_GRAD.png) no-repeat scroll center center');

                    $bong('#demoMFSPlain .demoMFS1').css('background', demoMFSColor + ' url(' + skinPath + 'imagesDemo/TAB_CAP_PLAIN.png) no-repeat scroll center center');
                    $bong('#demoMFSPlain .demoMFS2').css('background', demoMFSColor + ' url(' + skinPath + 'imagesDemo/CAP_CAP_PLAIN.png) no-repeat scroll center center');
                    $bong('#demoMFSPlain .demoMFS3').css('background', demoMFSColor + ' url(' + skinPath + 'imagesDemo/TAB_BAR_PLAIN.png) no-repeat scroll center center');
                    $bong('#demoMFSPlain .demoMFS4').css('background', demoMFSColor + ' url(' + skinPath + 'imagesDemo/CAP_BAR_PLAIN.png) no-repeat scroll center center');

                    $bong('#demoMFSGlass .demoMFS1').hover(function() { switchMenu('vmenu' + 'cap' + '_' + 'glass' + '_dk', 'menu' + 'tab' + '_' + 'glass' + '_dk', idleColor, hoverColor, selectedColor, skinPath); switchIcons('glass', skinPath); }, function() { switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath); switchIcons(menuStyleName, skinPath); });
                    $bong('#demoMFSGlass .demoMFS2').hover(function() { switchMenu('vmenu' + 'cap' + '_' + 'glass' + '_dk', 'menu' + 'cap' + '_' + 'glass' + '_dk', idleColor, hoverColor, selectedColor, skinPath); switchIcons('glass', skinPath); }, function() { switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath); switchIcons(menuStyleName, skinPath); });
                    $bong('#demoMFSGlass .demoMFS3').hover(function() { switchMenu('vmenu' + 'bar' + '_' + 'glass' + '_dk', 'menu' + 'tab' + '_' + 'glass' + '_dk', idleColor, hoverColor, selectedColor, skinPath); switchIcons('glass', skinPath); }, function() { switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath); switchIcons(menuStyleName, skinPath); });
                    $bong('#demoMFSGlass .demoMFS4').hover(function() { switchMenu('vmenu' + 'bar' + '_' + 'glass' + '_dk', 'menu' + 'cap' + '_' + 'glass' + '_dk', idleColor, hoverColor, selectedColor, skinPath); switchIcons('glass', skinPath); }, function() { switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath); switchIcons(menuStyleName, skinPath); });

                    $bong('#demoMFSGrad .demoMFS1').hover(function() { switchMenu('vmenu' + 'cap' + '_' + 'Grad' + '_dk', 'menu' + 'tab' + '_' + 'Grad' + '_dk', idleColor, hoverColor, selectedColor, skinPath); switchIcons('Grad', skinPath); }, function() { switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath); switchIcons(menuStyleName, skinPath); });
                    $bong('#demoMFSGrad .demoMFS2').hover(function() { switchMenu('vmenu' + 'cap' + '_' + 'Grad' + '_dk', 'menu' + 'cap' + '_' + 'Grad' + '_dk', idleColor, hoverColor, selectedColor, skinPath); switchIcons('Grad', skinPath); }, function() { switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath); switchIcons(menuStyleName, skinPath); });
                    $bong('#demoMFSGrad .demoMFS3').hover(function() { switchMenu('vmenu' + 'bar' + '_' + 'Grad' + '_dk', 'menu' + 'tab' + '_' + 'Grad' + '_dk', idleColor, hoverColor, selectedColor, skinPath); switchIcons('Grad', skinPath); }, function() { switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath); switchIcons(menuStyleName, skinPath); });
                    $bong('#demoMFSGrad .demoMFS4').hover(function() { switchMenu('vmenu' + 'bar' + '_' + 'Grad' + '_dk', 'menu' + 'cap' + '_' + 'Grad' + '_dk', idleColor, hoverColor, selectedColor, skinPath); switchIcons('Grad', skinPath); }, function() { switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath); switchIcons(menuStyleName, skinPath); });

                    $bong('#demoMFSPlain .demoMFS1').hover(function() { switchMenu('vmenu' + 'cap' + '_' + 'Plain' + '_dk', 'menu' + 'tab' + '_' + 'Plain' + '_dk', idleColor, hoverColor, selectedColor, skinPath); switchIcons('Plain', skinPath); }, function() { switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath); switchIcons(menuStyleName, skinPath); });
                    $bong('#demoMFSPlain .demoMFS2').hover(function() { switchMenu('vmenu' + 'cap' + '_' + 'Plain' + '_dk', 'menu' + 'cap' + '_' + 'Plain' + '_dk', idleColor, hoverColor, selectedColor, skinPath); switchIcons('Plain', skinPath); }, function() { switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath); switchIcons(menuStyleName, skinPath); });
                    $bong('#demoMFSPlain .demoMFS3').hover(function() { switchMenu('vmenu' + 'bar' + '_' + 'Plain' + '_dk', 'menu' + 'tab' + '_' + 'Plain' + '_dk', idleColor, hoverColor, selectedColor, skinPath); switchIcons('Plain', skinPath); }, function() { switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath); switchIcons(menuStyleName, skinPath); });
                    $bong('#demoMFSPlain .demoMFS4').hover(function() { switchMenu('vmenu' + 'bar' + '_' + 'Plain' + '_dk', 'menu' + 'cap' + '_' + 'Plain' + '_dk', idleColor, hoverColor, selectedColor, skinPath); switchIcons('Plain', skinPath); }, function() { switchMenu(vMenuName, hMenuName, idleColor, hoverColor, selectedColor, skinPath); switchIcons(menuStyleName, skinPath); });
                    ///////////////////////////////////////////////////////



                }

                if (id == 'edges') {

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

                    switchLayout(skinLayout, skinPath, edge);


                    //////////////////////////////////////////////////////////////////////////////////////////////////

                    var demoEGWidth = 100;
                    var demoEGHeight = 50;
                    var demoEGColor = '#012256'

                    $bong('#demoEG div').css('width', demoEGWidth);
                    $bong('#demoEG div').css('height', demoEGHeight);

                    $bong('#demoEG').css('border', '3px solid #333');
                    $bong('#demoEG div').css('border', '3px solid #333');

                    $bong('#demoEG1').css('background', demoEGColor + ' url(' + skinPath + 'images/edges/cinta_dk_r_tl.png) no-repeat scroll center center');
                    $bong('#demoEG2').css('background', demoEGColor + ' url(' + skinPath + 'images/edges/cinta_lt_r_tl.png) no-repeat scroll center center');
                    $bong('#demoEG3').css('background', demoEGColor + ' url(' + skinPath + 'images/edges/plainstroke_r_tl.png) no-repeat scroll center center');
                    $bong('#demoEG4').css('background', demoEGColor + ' url(' + skinPath + 'images/edges/stroke_bk_r_tl.png) no-repeat scroll center center');
                    $bong('#demoEG5').css('background', demoEGColor + ' url(' + skinPath + 'images/edges/plain_r_tl.png) no-repeat scroll center center');
                    $bong('#demoEG6').css('background', demoEGColor + ' url(' + skinPath + 'images/edges/plain2_r_tl.png) no-repeat scroll center center');

                    $bong('#demoEG7').css('background', demoEGColor + ' url(' + skinPath + 'images/edges/cinta_dk_s_tl.png) no-repeat scroll center center');
                    $bong('#demoEG8').css('background', demoEGColor + ' url(' + skinPath + 'images/edges/cinta_lt_s_tl.png) no-repeat scroll center center');
                    $bong('#demoEG9').css('background', demoEGColor + ' url(' + skinPath + 'images/edges/plainstroke_s_tl.png) no-repeat scroll center center');
                    $bong('#demoEG10').css('background', demoEGColor + ' url(' + skinPath + 'images/edges/stroke_bk_s_tl.png) no-repeat scroll center center');
                    $bong('#demoEG11').css('background', demoEGColor + ' url(' + skinPath + 'images/edges/plain_s_tl.png) no-repeat scroll center center');
                    $bong('#demoEG12').css('background', demoEGColor + ' url(' + skinPath + 'images/edges/plain2_s_tl.png) no-repeat scroll center center');

                    $bong('#demoEG1').hover(function() { switchLayout(skinLayout, skinPath, 2); }, function() { switchLayout(skinLayout, skinPath, edge); });
                    $bong('#demoEG2').hover(function() { switchLayout(skinLayout, skinPath, 4); }, function() { switchLayout(skinLayout, skinPath, edge); });
                    $bong('#demoEG3').hover(function() { switchLayout(skinLayout, skinPath, 6); }, function() { switchLayout(skinLayout, skinPath, edge); });
                    $bong('#demoEG4').hover(function() { switchLayout(skinLayout, skinPath, 8); }, function() { switchLayout(skinLayout, skinPath, edge); });
                    $bong('#demoEG5').hover(function() { switchLayout(skinLayout, skinPath, 10); }, function() { switchLayout(skinLayout, skinPath, edge); });
                    $bong('#demoEG6').hover(function() { switchLayout(skinLayout, skinPath, 12); }, function() { switchLayout(skinLayout, skinPath, edge); });

                    $bong('#demoEG7').hover(function() { switchLayout(skinLayout, skinPath, 1); }, function() { switchLayout(skinLayout, skinPath, edge); });
                    $bong('#demoEG8').hover(function() { switchLayout(skinLayout, skinPath, 3); }, function() { switchLayout(skinLayout, skinPath, edge); });
                    $bong('#demoEG9').hover(function() { switchLayout(skinLayout, skinPath, 5); }, function() { switchLayout(skinLayout, skinPath, edge); });
                    $bong('#demoEG10').hover(function() { switchLayout(skinLayout, skinPath, 7); }, function() { switchLayout(skinLayout, skinPath, edge); });
                    $bong('#demoEG11').hover(function() { switchLayout(skinLayout, skinPath, 9); }, function() { switchLayout(skinLayout, skinPath, edge); });
                    $bong('#demoEG12').hover(function() { switchLayout(skinLayout, skinPath, 11); }, function() { 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);
                    //////////////////////////////////////
                    var demoDisplayWidth = 50;
                    var demoDisplayHeight = 50;
                    var demoDisplayColor = '#012256'

                    $bong('#demoDisplay div').css('width', demoDisplayWidth);
                    $bong('#demoDisplay div').css('height', demoDisplayHeight);

                    $bong('#demoDisplay1').css('background', demoDisplayColor + ' url(' + skinPath + 'images/edges/cinta_dk_r_tl.png) no-repeat scroll center center');
                    $bong('#demoDisplay2').css('background', demoDisplayColor + ' url(' + skinPath + 'images/edges/cinta_lt_r_tl.png) no-repeat scroll center center');
                    $bong('#demoDisplay3').css('background', demoDisplayColor + ' url(' + skinPath + 'images/edges/plainstroke_r_tl.png) no-repeat scroll center center');
                    $bong('#demoDisplay4').css('background', demoDisplayColor + ' url(' + skinPath + 'images/edges/stroke_bk_r_tl.png) no-repeat scroll center center');
                    $bong('#demoDisplay5').css('background', demoDisplayColor + ' url(' + skinPath + 'images/edges/plain_r_tl.png) no-repeat scroll center center');
                    $bong('#demoDisplay6').css('background', demoDisplayColor + ' url(' + skinPath + 'images/edges/plain2_r_tl.png) no-repeat scroll center center');
                    $bong('#demoDisplay7').css('background', demoDisplayColor + ' url(' + skinPath + 'images/edges/cinta_dk_s_tl.png) no-repeat scroll center center');
                    $bong('#demoDisplay8').css('background', demoDisplayColor + ' url(' + skinPath + 'images/edges/cinta_lt_s_tl.png) no-repeat scroll center center');
                    $bong('#demoDisplay9').css('background', demoDisplayColor + ' url(' + skinPath + 'images/edges/plainstroke_s_tl.png) no-repeat scroll center center');

                    $bong('#demoDisplay1').hover(function() {

                        displaySkinObjects(false, false, false, false, false, false, false, false, false);

                    }, function() {

                        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)
            });
        }
    });
}