$(function() {

	var cancel = false;
        
  function blobDimsFor(ele) {
    return {left: ele.offsetParent.offsetLeft + ele.offsetLeft, width: ele.offsetWidth};
  }
  
  function setBlob(ele) {
    $('#blob').css(blobDimsFor(ele));
  }
  
  function animateBlob(ele) {
    $('#blob').stop().animate(blobDimsFor(ele), 'fast', 'easeInOutSine');
  }
  
  setBlob($('#nav a.selected, #nav a:first')[0]);
  
  $('#nav a').hover(function() {
    cancel = true;
    animateBlob(this);
  }, function() {
    cancel = false;
    setTimeout(function() {
      if (!cancel) animateBlob($('#nav a.selected, #nav a:first')[0]);
    }, 500);
  });
  
  $('#nav a').click(function() {
    $('#nav a').removeClass('selected');
    $(this).addClass('selected');
  });
  
  setInterval(function() {
    $('#slideshow li:first').remove().css({left: 808}).appendTo('#slideshow').animate({left: 0});
  }, 8000);

});

$(window).load(function() { $('#slideshow img').css('display', 'block'); });