var superIndex = 0;

$(document).ready(function(){
    flip(0);
});

function flip(index)
{
//    $("#tourHeaderText").html(headers[index]);
    $("#tourSummaryBarBottom li").css("backgroundColor", "#4f81bd" );
    $("#tourSummaryBarBottom li").eq(index).css("backgroundColor", "#385d8a" );

    var move = (Math.abs(superIndex - index) * 822);
    
    if(index > superIndex)
        $(".tourPanel").animate({left:"-=" + move + "px"},"normal");

    if(index < superIndex)
        $(".tourPanel").animate({left:"+=" + move + "px"},"normal");
    
    superIndex = index;
}