$('.col_izq_foto')
	.css({		
		position: 'relative',
		width: 450,			
		height: 400
	});


$('#g1screen')
	.css({
		opacity: 1, 		
		position: 'absolute',
		top:0,			
		left:0,
		'z-index': 1		
	})
	.after(
		$('<img id="g1top">')
			.attr('src', $('#g1screen').attr('src'))
			.css({
				opacity: 0.5, 
				position: 'absolute', 
				top:0,			
				left:0,
				'z-index': 2
			})
	);


var opacity = {
	opacity: 0.5		
};

var clear = {
	opacity: 1		
};
	
$('.g1')
	.click(function  (e) {
		e.preventDefault();
		$('#g1top')
			.attr('src', $('#g1screen').attr('src'))
			.css({
				opacity: 0.5 
			});
		
		$('#g1screen')
			.attr('src', $(this).attr('href'))
			.css({
				opacity: 0.5 
			});		
			
			
		$('#g1screen').animate({ opacity: 1	}, {
				queue: false,
				duration: 3500,
				easing: 'linear'
			});
		
		$('#g1top').animate({ opacity: 0	}, {
				queue: false,
				duration: 3500,
				easing: 'linear'
			});			
		
	})	
	.hover(
		function  (e) {
			$(this).animate(opacity, {
				queue: false,
				duration: 2,
				easing: 'swing'
			});
		},
		function  (e) {
			$(this).animate(clear, {
				queue: false,
				duration: 2,
				easing: 'swing'
			});
		}	
	);