var setTimeLineWidth = -1;
var setStaffWidth = -1;

$(document).ready(function(){

    $('#timeline-carousel-nav .left').click(function(){

        setTimeLineWidth = setTimeLineWidth + 82;
        $('#timeline-carousel ul').animate({marginLeft: setTimeLineWidth}, 500);
        var displayLink = (setTimeLineWidth == 0)? 'none' : 'block';
        $('#timeline-carousel-nav .right').css('display','block');
        $('#timeline-carousel-nav .left').css('display',displayLink);
        return false;
    });
    
    
    $('#timeline-carousel-nav .right').click(function(){
 
        setTimeLineWidth = setTimeLineWidth - 82;
        $('#timeline-carousel ul').animate({marginLeft: setTimeLineWidth}, 500);
        var displayLink = (setTimeLineWidth == ((82*11)-$('#timeline-carousel ul').width()))? 'none' : 'block';
        $('#timeline-carousel-nav .left').css('display','block');
        $('#timeline-carousel-nav .right').css('display',displayLink);
        return false;
    });
    
    $('#staff-carousel-nav .left').click(function(){

        setStaffWidth = setStaffWidth + 82;
        $('#staff-carousel ul').animate({marginLeft: setStaffWidth}, 500);
        var displayLink = (setStaffWidth == 0)? 'none' : 'block';
        $('#staff-carousel-nav .right').css('display','block');
        $('#staff-carousel-nav .left').css('display',displayLink);
        return false;
    });
    
    
    $('#staff-carousel-nav .right').click(function(){
 
        setStaffWidth = setStaffWidth - 82;
        $('#staff-carousel ul').animate({marginLeft: setStaffWidth}, 500);
        var displayLink = (setStaffWidth == ((82*11)-$('#staff-carousel ul').width()))? 'none' : 'block';
        $('#staff-carousel-nav .left').css('display','block');
        $('#staff-carousel-nav .right').css('display',displayLink);
        return false;
    });
   
   
 });

function setTimeLine(selectedOrdinal){

    //how many years
    var s = $("#timeline-carousel li").length;
    
    var getWidth = $('#timeline-carousel li').width()+5;
    
    if(setTimeLineWidth==-1){setTimeLineWidth = (10- selectedOrdinal)*getWidth;}
    
    $('#timeline-carousel ul').css({marginLeft: setTimeLineWidth});
    $('#timeline-carousel ul').css('width',s*getWidth);
    
    var totalWidth = $('#timeline-carousel ul').width();
    if(setTimeLineWidth == ((getWidth*11)-totalWidth))
    {
     $('#timeline-carousel-nav .right').css('display','none');
    }
    else
    { 
    $('#timeline-carousel-nav .right').css('display','block');
    }
    
    if(s<11 || setTimeLineWidth == 0)
    {
      $('#timeline-carousel-nav .left').css('display','none');
    }
    else
    {
        $('#timeline-carousel-nav .left').css('display','block');
    }
    
    $('.time-span').fadeIn("fast");
    
}

function setStaff(selectedOrdinal){

    //how many years
    var s = $("#staff-carousel li").length;
    
    
    
    var getWidth = $('#staff-carousel li').width()+5;
    
    if(setStaffWidth==-1){setStaffWidth = 0;}
    
    $('#staff-carousel ul').css({marginLeft: setStaffWidth});
    $('#staff-carousel ul').css('width',s*getWidth);
    
    var totalWidth = $('#staff-carousel ul').width();
    if(s<11 || setStaffWidth == ((getWidth*11)-totalWidth))
    {
     $('#staff-carousel-nav .right').css('display','none');
    }
    else
    {
        $('#staff-carousel-nav .right').css('display','block');
    }
    
    if(setStaffWidth == 0)
    {
      $('#staff-carousel-nav .left').css('display','none');
    }
    else
    {
        $('#staff-carousel-nav .left').css('display','block');
    }
    
    $('.staff-span').fadeIn("fast");
    
}

function setImages(){
    
   
    var s = $("#image-carousel li").length;
    if (s>1){$('#image-carousel-nav').html('<span class="left"><a href="#"><span></span>&lt;</a></span><span class="right"><a href="#"><span></span>&gt;</a></span>');}
 
    
    // Get the width of the outermost slider-container div.
    var getWidth = $('#image-carousel li').width()+10;
    $('#image-carousel ul').css('width',s*getWidth);
    var totalWidth = $('#image-carousel ul').width();
    
    
    // Set a global variable to keep track of how far
    // the "slider" should be moved.
    var setWidth = 0;
    
    $('#image-carousel-nav .left').css('display','none');    
    if (totalWidth < $('#image-carousel').width()) {$('#image-carousel-nav .right').css('display','none');}
    
    //alert(setWidth);
    // Subtract the pane width from the amount by which
    // the "slider" has already been moved.
    // Don't forget to give back the changed setWidth variable!
    $('#image-carousel-nav .left').click(function(){
        setWidth = setWidth + getWidth;
        $('#image-carousel ul').animate({marginLeft: setWidth}, 500);
        var displayLink = (setWidth == 0)? 'none' : 'block';
        $('#image-carousel-nav .right').css('display','block');
        $('#image-carousel-nav .left').css('display',displayLink);
        return false;
    });
    
    // Same thing in reverse.
    $('#image-carousel-nav .right').click(function(){
        setWidth = setWidth - getWidth;
        $('#image-carousel ul').animate({marginLeft: setWidth}, 500);
        var displayLink = (setWidth == ((getWidth*10)-totalWidth))? 'none' : 'block';
        $('#image-carousel-nav .left').css('display','block');
        $('#image-carousel-nav .right').css('display',displayLink);
        return false;
    });
    
};