$(document).ready(function(){
var Duration = 150; //time in milliseconds

	      $('#menubar_bg ul li.imgmenu1 a').hover(function() {
	        $('#imgnavigation1').animate({ marginTop: '-40px' }, Duration);
	      }, function() {
	        $('#imgnavigation1').animate({ marginTop: '-30px' }, Duration);           
	      });
		  
	      $('#menubar_bg ul li.imgmenu2 a').hover(function() {
	        $('#imgnavigation2').animate({ marginTop: '-10px' }, Duration);
	      }, function() {
	        $('#imgnavigation2').animate({ marginTop: '0px' }, Duration);           
	      });
		  
		  $('#menubar_bg ul li.imgmenu3 a').hover(function() {
	        $('#imgnavigation3').animate({ marginTop: '-50px' }, Duration);
	      }, function() {
	        $('#imgnavigation3').animate({ marginTop: '-30px' }, Duration);           
	      });
		  
		  $('#menubar_bg ul li.imgmenu4 a').hover(function() {
	        $('#imgnavigation4').animate({ marginTop: '-40px' }, Duration);
	      }, function() {
	        $('#imgnavigation4').animate({ marginTop: '-30px' }, Duration);           
	      });

		
});

$(document).ready(function(){
var Duration = 150; //time in milliseconds

	      $('#imgnavigation1').hover(function() {
	        $(this).animate({ marginTop: '-40px' }, Duration);
	      }, function() {
	        $(this).animate({ marginTop: '-30px' }, Duration);           
	      });
		  
	      $('#imgnavigation2').hover(function() {
	        $(this).animate({ marginTop: '-10px' }, Duration);
	      }, function() {
	        $(this).animate({ marginTop: '0px' }, Duration);           
	      });
		  
		  $('#imgnavigation3').hover(function() {
	        $(this).animate({ marginTop: '-50px' }, Duration);
	      }, function() {
	        $(this).animate({ marginTop: '-30px' }, Duration);           
	      });
		  
		  $('#imgnavigation4').hover(function() {
	        $(this).animate({ marginTop: '-40px' }, Duration);
	      }, function() {
	        $(this).animate({ marginTop: '-30px' }, Duration);           
	      });

		
});