$(document).ready(function() {

    // Choose country dropdown
    $('#choose_country h5 a').click(function() {
        $(this).toggleClass('on');
        $('#countries').slideToggle(300);
        return false;
    });
    /* Commented out so menu won't disappear when US cities fade out.
    $('#choose_country').mouseleave(function() {
        var trigger = $('#choose_country h5 a');
        if (trigger.hasClass('on')) {
            $('#countries').slideToggle('fast');
            trigger.removeClass('on');
        }
    });
    */

    /* Now a nested accordion -- code in master
    // Reveal cities within countries
    function showCities() {
        $(this).addClass('hover').find('ul').fadeIn();
    }
    function hideCities() {
        $(this).removeClass('hover').find('ul').fadeOut();
    }
    $("#choose_country #countries ul ul > li").hoverIntent(showCities, hideCities);
    */

    // Maintain topnav on-state when dropdown is exposed 
    $("#navigation .AspNet-Menu-WithChildren ul").hover(
        function() { $(this).addClass('show').parent().addClass('on'); },
        function() { $(this).removeClass('show').parent().removeClass('on'); }
    );

    // Homepage bucket rollovers
    if ($("#buckets").length > 0) {
        $("#buckets").tabs("#hero div", { event: "mouseover", effect: "fade", fadeOutSpeed: "slow", rotate: true }).slideshow({ autoplay: "true", interval: "6000" });
    }

    // Click 'apply' and scroll to the top, then focus first field (careers)
    $('.accordionHeader .apply_btn').click(function() {
        $('html, body').animate({ scrollTop: 0 }, 'slow', function() {
            $('.form input:first').focus();
        });
    });

});

// Faux rounded corners once images have loaded
$(window).load(
    function() {
        $('.content img').each(function(index) {
            var cssheight = $(this).height();
            var csswidth = $(this).width();
            var cssfloats = $(this).css('float');
            var cssmargint = $(this).css('margin-top');
            var cssmarginr = $(this).css('margin-right');
            var cssmarginb = $(this).css('margin-bottom');
            var cssmarginl = $(this).css('margin-left');
            var csspaddingt = $(this).css('padding-top');
            var csspaddingr = $(this).css('padding-right');
            var csspaddingb = $(this).css('padding-bottom');
            var csspaddingl = $(this).css('padding-left');
            var cssTransplant = {
                'height': cssheight,
                'width': csswidth,
                'float': cssfloats,
                'margin-top': cssmargint,
                'margin-right': cssmarginr,
                'margin-bottom': cssmarginb,
                'margin-left': cssmarginl,
                'padding-top': csspaddingt,
                'padding-right': csspaddingr,
                'padding-bottom': csspaddingb,
                'padding-left': csspaddingl
            }
            var cssClearOut = {
                'height': cssheight,
                'width': csswidth,
                'float': 'none',
                'margin': '0',
                'padding': '0'
            }
            $(this).css(cssClearOut).wrap('<div class="rcorners"></div>').before('<span class="tl"></span><span class="tr"></span><span class="bl"></span><span class="br"></span>').parent().css(cssTransplant);

        });
    }
);