// JavaScript Document

$(document).ready(function() {	
	$('#boutique').hover(
		function () {
			$(this).find('img').animate({
				width: '100px',
				height: '101px',
				marginLeft:'-=10px',
			  }, 300, function() {
				// Animation complete.
			  });
	  	}, 
	  	function () {
			$(this).find('img').animate({
				width: '82px',
				height: '83px',
				marginLeft:'+=10px',
			  }, 300, function() {
				// Animation complete.
			  });
	  	}
	);
	
	$('#club').hover(
		function () {
			$(this).find('img').animate({
				width: '100px',
				height: '104px',
				marginRight:'-=10px',
			  }, 300, function() {
				// Animation complete.
			  });
	  	}, 
	  	function () {
			$(this).find('img').animate({
				width: '81px',
				height: '84px',
				marginRight:'+=10px',
			  }, 300, function() {
				// Animation complete.
			  });
	  	}
	);
	
	$('#code').hover(
		function () {
			$(this).find('img').animate({
				width: '100px',
				height: '104px',
				marginLeft:'-=10px',
			  }, 300, function() {
				// Animation complete.
			  });
	  	}, 
	  	function () {
			$(this).find('img').animate({
				width: '81px',
				height: '84px',
				marginLeft:'+=10px',
			  }, 300, function() {
				// Animation complete.
			  });
	  	}
	);
	
	$('#facebook').hover(
		function () {
			$(this).find('img').animate({
				width: '100px',
				height: '101px',
				marginLeft:'-=10px',
				marginBottom:'-=10px',
				marginTop:'-=10px',
			  }, 300, function() {
				// Animation complete.
			  });
	  	}, 
	  	function () {
			$(this).find('img').animate({
				width: '82px',
				height: '83px',
				marginLeft:'+=10px',
				marginBottom:'+=10px',
				marginTop:'+=10px',
			  }, 300, function() {
				// Animation complete.
			  });
	  	}
	);
	
	$('#youtube').hover(
		function () {
			$(this).find('img').animate({
				width: '100px',
				height: '130px',
				marginLeft:'-=10px',
			  }, 300, function() {
				// Animation complete.
			  });
	  	}, 
	  	function () {
			$(this).find('img').animate({
				width: '81px',
				height: '105px',
				marginLeft:'+=10px',
			  }, 300, function() {
				// Animation complete.
			  });
	  	}
	);
});
