$(document).ready(function() {

  $('#name').focus();

  // Position the areas panel
  $('#areas').show().delay(500).animate({left:'-48em'},250).animate({left:'-51em'},250);
  
  // Allow the areas panel to be opened and closed
  $(".open").toggle(
    function() {
      $(this).text('-');
      $("#areas").animate({
        left : 0
      }, 250);
    },
    function() {
      $(this).text('+');
      $("#areas").animate({
        left : '-51em'
      }, 250);
    }
  );
  
  // Handle the login form
  $('#open').toggle(
    function() {
      $('#login form').slideDown(300);
      $(this).addClass('close');
    },
    function() {
      $('#login form').fadeOut(600);
      $(this).removeClass('close');
    }
  );
    
  // Handle the iframe
	$(".iframe").fancybox({
    width : '90%',
    height : '90%',
    titlePosition: 'outside'
  });
});