// functions

$(document).ready(function() {

//  $('#menu li ul').animate({marginLeft:'-300px'}, 10);
 
  $('#menu li a.show-1').hover(function() {
	$('#menu li ul#item-1').animate({marginLeft:'0px'}, 400);
	$('#menu li ul#item-2').animate({marginLeft:'-300px'}, 100);
	$('#menu li ul#item-3').animate({marginLeft:'-300px'}, 100);
    return false;
  });
  
  $('#menu li a.show-2').hover(function() {
	$('#menu li ul#item-2').animate({marginLeft:'0px'}, 400);
	$('#menu li ul#item-1').animate({marginLeft:'-300px'}, 100);
	$('#menu li ul#item-3').animate({marginLeft:'-300px'}, 100);
    return false;
  });
  
  $('#menu li a.show-3').hover(function() {
	$('#menu li ul#item-3').animate({marginLeft:'0px'}, 400);
	$('#menu li ul#item-1').animate({marginLeft:'-300px'}, 100);
	$('#menu li ul#item-2').animate({marginLeft:'-300px'}, 100);
    return false;
  });
  
  $('#page p.home a').hover(function() {
	$('#menu li ul').animate({marginLeft:'-300px'}, 10);
    return false;
  });
  
  $('#menu li a.mask').hover(function() {
	$('#menu li ul').animate({marginLeft:'-300px'}, 10);
    return false;
  });

});