$(document).ready(function(){
  setupCaptions(); 
  var el = document.getElementById("firstMenuLink");
  showDecade(1908, el);
  //$("#timeLineImages1908 a:first").trigger("click");
  //$("#timeLineImages1950 a:first").css("padding-left", "20px;");
  
});

var imageSpeed = 300;
var titleSpeed = 1200;
var contentSpeed = 900;
var captionSpeed = 900;

var lastDecade = 1908

function showDecade(n, curElement) {
 //$("#timeLineHolder").addClass("decadeClass" + n);
 $("#timeLineLinks a").each( 
  function() {
   this.onclick = function() {return false;};
  }
 );
 $(".current").removeClass();
 if(curElement) {
  curElement.className = "transition";
 } 
 $(".timeLineImagesClass span").hide(); 
 $("#timeLineImages" + lastDecade).fadeOut(imageSpeed, 
  function() {
   $("#timeLineImages" + n).fadeIn(imageSpeed);
  }
 );
 $("#timeLineTitle" + lastDecade).fadeOut(titleSpeed,
  function () {
   $("#timeLineTitle" + n).fadeIn(titleSpeed);  
  }
 );
 $("#timeLineContent" + lastDecade).fadeOut(contentSpeed,
  function() {
   $("#timeLineContent" + n).fadeIn(contentSpeed, 
    function () {
     if(curElement) {
      curElement.className = "current";
     }
     $("#timeLineLinks a").each( 
      function() {
       this.onclick = function() {    showDecade(this.rel, this); return false;   };
      }
     );
    }
   );
  }
 );
 lastDecade = n;
 $("#backToWebSiteLink").attr("href", "/");
 $("#backToWebSiteLink").click(function() {return true;});
}


function setupCaptions() {
 $(".imageWithCaption").click( function() {return false;});
 $(".imageWithCaption img").mouseover(function() {
   //$(this).removeAttr("title", "");
   $(this).mouseout(function(){});
   if ($(this).siblings("span").is(":hidden")) {
    $(this).siblings("span").slideDown(captionSpeed, function() {
      $(".imageWithCaption img").mouseout(function() {
       if ($(this).siblings("span").is(":hidden")) {
        //do nothing
       } 
       else {
        $(this).siblings("span").slideUp(captionSpeed, function() {
          //setupCaptions();
         }
        );
       } 
       }
      ); 
     }
    );
   } 
   else {
    //$(this).children("span").slideUp(captionSpeed);
   } 
  }
 );
}