window.onload = function() {
    $('#carousel_list').after('<div id="carousel_nav"><div id="carousel_pager"><span id="top_stories_text">Top Stories:</span></div></div>');
    $('#carousel_list').cycle({ pager: '#carousel_pager' });

    $('#carousel_pager').append('<span id="hover_to_pause">(hover to pause)</span>');

    $('#carousel_list h3, #carousel_list h4, #carousel_list > li > a').hover(function() {
        $('#carousel_list h3, #carousel_list h4').css('background-color', 'white');
    }, function() {
        $('#carousel_list h3, #carousel_list h4').css('background-color', '#e0e0e0');
    });

    var carousel_nav = $('#carousel_nav').height();
    var carousel_height = $('#carousel_list').height() + carousel_nav;
    var middle_height = $('#middle_col').height();

    if (carousel_height > middle_height) {
        var firstImg = $('#middle_col img:eq(0)');
        firstImg.css('margin-top', (10 + carousel_height - middle_height) + 'px');
    }
    else {
        $('#carousel_list').height(middle_height - carousel_nav);
    }
};

$('#top_sections').ready(function() {
    $('#top_sections').equalHeights();
});