// JavaScript Document
 $(function() {
	$('#menutitles').css({'marginTop': '-45px'});		
	$('#tabs ul li').css({'opacity': 0.0});
   $('#menuAccess').css({'opacity': 0.0});
      $('#homeInfo').css({'opacity': 0.4});

   $('#menuAccess').hover(
      function () {
	 $(this).animate({'opacity': 1.0}, 'slow', 'swing');       
	  }, 
      function () {
		$(this).animate({'opacity': 0.0}, 'slow', 'swing');       
	  }
    );
   $('#menuAccess').toggle(
      function () {
	 $('#header').animate({'marginTop': '0'}, 'fast', 'swing'); 
	 $('#page').animate({'marginTop': '190px'}, 'fast', 'swing');       

	  }, 
      function () {
		$('#header').animate({'marginTop': '-210px'}, 'fast', 'swing');
		$('#page').animate({'marginTop': '0'}, 'fast', 'swing');       

	  }
    );
   $('#tabs ul li').hover(
      function () {
	 $(this).animate({'opacity': 1.0}, 'slow', 'swing');
	 $('#menutitles').css({'marginTop': '0'}, 100);
	 var itemInfo = $(this).attr('info');
	 $("#menutitles").html(itemInfo);
	  }, 
      function () {
		$(this).animate({'opacity': 0.0}, 'slow', 'swing');
		$('#menutitles').css({'marginTop': '-45px'}, 100);
		var itemInfo = '';
	 	$("#menutitles").html(itemInfo);
	}
    );
      $('#homeInfo').hover(
      function () {
	 $(this).animate({'opacity': 1.0}, 'slow', 'swing');
	  }, 
      function () {
		$(this).animate({'opacity': 0.4}, 'slow', 'swing');
	}
    );
 });