$(document).ready(function(){
	$('#web').hover(
	  function() {
	    $('#web_pop')
	    .css({
	  		opacity: 0,
	  		display: 'block'
		})
		.animate({
			opacity: 1,
	    	marginLeft: "10px"
	    	}, 300 );
	   },
	  function() {
	    $('#web_pop').animate({
	    opacity: 0,
	    marginLeft: "0"
	  }, 300 );  
	  }
	);
	$('#print').hover(
	  function() {
	    $('#print_pop')
	    .css({
	  		opacity: 0,
	  		display: 'block'
		})
	    .animate({
	    opacity: 1,
	    marginLeft: "-10px"
	    }, 300 );
	   },
	  function() {
	    $('#print_pop').animate({
	    opacity: 0,
	    marginLeft: "0"
	  }, 300 );  
	  }
	);
	$('#media').hover(
	  function() {
	    $('#media_pop')
	    .css({
	  		opacity: 0,
	  		display: 'block'
		})
	    .animate({
	    opacity: 1,
	    marginTop: "-10px"
	    }, 300 );
	   },
	  function() {
	    $('#media_pop').animate({
	    opacity: 0,
	    marginTop: "0"
	  }, 300 );  
	  }
	);
	$('#brand').hover(
	  function() {
	    $('#brand_pop')
	    .css({
	  		opacity: 0,
	  		display: 'block'
		})
	    .animate({
	    opacity: 1,
	    marginLeft: "-10px"
	    }, 300 );
	   },
	  function() {
	    $('#brand_pop').animate({
	    opacity: 0,
	    marginLeft: "0"
	  }, 300 );  
	  }
	);
});
$(function() {
	var speedOfMenu = 50;
	$('.home').hover(
	  function() {
	    $('.home_o').slideDown(speedOfMenu);
	  }, 
	  function() {
	    $('.home_o').slideUp(speedOfMenu);
	  }  
	);
		$('.portfolio').hover(
	  function() {
	    $('.portfolio_o').slideDown(speedOfMenu);
	  }, 
	  function() {
	    $('.portfolio_o').slideUp(speedOfMenu);
	  }  
	);
		$('.resume').hover(
	  function() {
	    $('.resume_o').slideDown(speedOfMenu);
	  }, 
	  function() {
	    $('.resume_o').slideUp(speedOfMenu);
	  }  
	);
		$('.contact').hover(
	  function() {
	    $('.contact_o').slideDown(speedOfMenu);
	  }, 
	  function() {
	    $('.contact_o').slideUp(speedOfMenu);
	  }  
	);});