$(document).ready(function () {

	

	$('#overlay-magento').hover(
		
		function() {
			$('.desaturate.01.grey').css('display', 'none');  
			$('.desaturate.01.color').css('display', 'block'); 
			
		},
		
		function() {			
			$('.desaturate.01.grey').css('display', 'block');  
			$('.desaturate.01.color').css('display', 'none'); 
		}
	
	);
	
	$('#overlay-green').hover(
		
		function() {
			$('.desaturate.02.grey').css('display', 'none');  
			$('.desaturate.02.color').css('display', 'block'); 
			// $('.desaturate.02.color').css('position', 'relative');  
		},
		
		function() {			
			$('.desaturate.02.grey').css('display', 'block');  
			$('.desaturate.02.color').css('display', 'none'); 
			// $('.desaturate.02.color').css('position', 'absolute');  
		}
	
	);
	
	$('#overlay-violet').hover(
		
		function() {
			$('.desaturate.03.grey').css('display', 'none');  
			$('.desaturate.03.color').css('display', 'block'); 
			// $('.desaturate.03.color').css('position', 'relative');  
		},
		
		function() {			
			$('.desaturate.03.grey').css('display', 'block');  
			$('.desaturate.03.color').css('display', 'none'); 
			// $('.desaturate.03.color').css('position', 'absolute');  
		}
	
	);
	
	$('#overlay-sepia').hover(
		
		function() {
			$('.desaturate.04.grey').css('display', 'none');  
			$('.desaturate.04.color').css('display', 'block'); 
			// $('.desaturate.04.color').css('position', 'relative');  
		},
		
		function() {			
			$('.desaturate.04.grey').css('display', 'block');  
			$('.desaturate.04.color').css('display', 'none'); 
			// $('.desaturate.04.color').css('position', 'absolute');  
		}
	
	);
	
	
});