$(document).ready(function() {
    $('a.tips').cluetip();
    var selected = $('a[@class^="sectionHighlight"]');
    if (selected.length == 0)
        return;
    var container = $("#sectionContainerMiddle");
    var containerLeft = container.offset().left;
    var containerWidth = container.width();
    var selectedLeft = selected.offset().left;
    var selectedTop = selected.offset().top;
    var selectedWidth = selected.width();
    var list = $("#sectionList");
    var listContainer = $("#sectionContainerMiddleContent");
    if ((selectedLeft + selectedWidth + 20) > (containerLeft + containerWidth))
    {
        var dx = (selectedLeft + selectedWidth) - (containerLeft + containerWidth)
        var listLeft = list.css("margin-left");
        listLeft = listLeft.substring(0, listLeft.length - 2);
        var newLeft = listLeft - (dx + 20);
        listContainer.css("margin-left", newLeft + "px");
    }
});