// Prepare any site-wide JS that needs to run once the page has loaded
$(function() {
    if (typeof gBc == 'undefined' || gBc != -1) {
       BrowserCompatible.allowCancel = true;
       BrowserCompatible.allowToHide = true;
       BrowserCompatible.images = {
           "background": gImgPath+"obsolete-bg.gif",
           "cancel": gImgPath+"close.gif"
        }
       BrowserCompatible.browsersList = {
           "Chrome": {
                "image": gImgPath+"browser-chrome.png",
                "link": "http://www.google.com/chrome/"
            },
            "Opera": {
                    "image": gImgPath+"browser-opera.png",
                    "link": "http://www.opera.com/products/desktop/"
            },
            "Firefox": {
                    "image": gImgPath+"browser-firefox.png",
                    "link": "http://www.mozilla.com/firefox"
            },
            "IExplorer": {
                    "image": gImgPath+"browser-ie.png",
                    "link": "http://www.microsoft.com/windows/internet-explorer/download-ie.aspx"
            },
            "Safari": {
                    "image": gImgPath+"browser-safari.png",
                    "link": "http://www.apple.com/safari/"
            },
            "Flock": {
                    "image": gImgPath+"browser-flock.png",
                    "link": "http://www.flock.com/"
            }
       }
       BrowserCompatible.check();
   }

   // Rounded corners
    $('.corner, div.newsItem, div.productItem, #newsListPanel, .sideBar .panel, #sideNavigation').corner('5px');
    $('#navigation li:not(.hasChildren) a.topLevel, #navigation li a.active').corner('bottom 5px');
    $('#navigation li ul').corner('bottom tr 5px');

    $('#navigation>li').hover(function() {
        $(this).children('ul').addClass('sfHover');
    }, function() {
        $(this).children('ul').removeClass('sfHover');
    });

    $('.btn').each(function(){
        var b = $(this);
        var tt = b.text() || b.val();
        b.text('').css({
            cursor:'pointer'
        }).prepend('<i></i>').append($('<span>').
            text(tt).append('<i></i><span></span>'));
    });
});

