$(document).ready(function() {
	// panel resize
	$("#content,#hotspot").height($(window).height());  
	$(window).resize(function(){
	  $("#content,#hotspot").height($(window).height());  
	});	

	// set menu position
	$("a.menu").css("top",($('#about').height()+180));

	// content toggle
	$("a.menu").toggle(
      function () {
       $(this).text('About');      
  		$('#about').removeClass('active').fadeOut(500, function() {
    		$('#contact:not(:animated)').fadeIn(500).addClass('active');
 		}); 
      },
      function () {
        $(this).text('Contact');
  		$('#contact').removeClass('active').fadeOut(500, function() {
    		$('#about:not(:animated)').fadeIn(500).addClass('active');;
 		});         
      }
    );


	// content on hotspot
	$("#hotspot").hoverIntent(
      function () {
		// initial hide of content
		$(".text.active").fadeOut(1);      
        // display content
        $("#content").stop().animate({
    		left: '0'
  			}, 1000, function() {
  				$(".text.active").fadeIn(500);
  			});
      }, 
      function () {
        $("#content").animate({
    		left: '-264px'
  			}, 1000);
      }
    );
});