var currPanel = 0;

var ListClass = "lil";
var ListClassSelected = "lilselected";

var AnimTime = 450;
var AnimStartN = -300;
var AnimEndO = 320;

function animate(oldPanel, newPanel) {

    var np = $("#ex" + newPanel);
    np.show();

    $("#divInfo").animate({ height: np.height() }, AnimTime);
    np.css("left", AnimStartN).css("top", 0);
    $("#ex" + oldPanel).animate({ left: AnimEndO }, AnimTime, function() { $(this).hide(); });
    np.animate({ left: 0 }, AnimTime);
}

function changePanel(newPanel) {
    try {

        if (currPanel == newPanel) return false;

        animate(currPanel, newPanel);

        var currp = $("#lex" + currPanel);
        var newp = $("#lex" + newPanel);

        currp.children().closest("img").attr("src", "/_images/lst-deselected.png");
        newp.children().closest("img").attr("src", "/_images/lst-selected.png");

        var clsd = ListClass; 
        if (currPanel == 1) clsd = ListClass + " top"; 

        var cls = ListClassSelected; 

        if (newPanel == 1) cls = ListClassSelected + " topclear";

        currp.attr("class", clsd);
        newp.attr("class", cls);

        currPanel = newPanel;
    }
    catch (e) { alert(e); }

    return false;
}