$(document).ready(function (){

	$('#imgizq').click(function (){
		$('<div id="opaco">').css({
						'position': 'absolute',
						'top': '0px',
						'left': '0px',
						'bottom':'0px',
						'right':'0px',
						backgroundColor: 'black',
						'opacity': '0.75',
						'width': '100%',
						'height': $(document).height()+5+'px',
						zIndex: 5000
					}).appendTo("body");
		$('<img src="imgs/acceso-mapa.jpg" alt="" id="imagenizquierda" />').css({
						'position': 'absolute',
						'top': '50%',
						'left': '50%',
						'margin-top':'-'+$(this).height()/2+'px',
						'margin-left':'-320px',
						'display':'block',
						zIndex: 5010
					}).insertAfter("#opaco");

		$('#imagenizquierda').click(function (){
			$(this).remove();
			$('#opaco').remove();
		});

		return false;
	});

	$('#imgder').click(function (){
				$('<div id="opaco">').css({
						'position': 'absolute',
						'top': '0px',
						'left': '0px',
						'bottom':'0px',
						'right':'0px',
						backgroundColor: 'black',
						'opacity': '0.75',
						'width': '100%',
						'height': $(document).height()+5+'px',
						zIndex: 5000
					}).appendTo("body");
		$('<img src="imgs/acceso-aerea.jpg" alt="" id="imagenderecha" />').css({
						'position': 'absolute',
						'top': '50%',
						'left': '50%',
						'margin-top':'-'+$(this).height()/2+'px',
						'margin-left':'-320px',
						'display':'block',
						zIndex: 5010
					}).insertAfter("#opaco");

		$('#imagenderecha').click(function (){
			$(this).remove();
			$('#opaco').remove();
		});
		return false;
	});
});