function AbrirPopup(type,id)
{
	 var src="";
	 var width="";
	 var height="";
	 var left="";
	 var bottom="";
	
	if(type){
		  src="http://localhost/markco/img/"+id+".jpg";
		  width="845";
		  height="554";
		  bottom=-25;
		  left=width-32;
		  
		  
	}else{
		 src=id;
		 width="700";
		 height="475";
		 left=width-32;
		 bottom="5";
	}
	
	var scrollCachePosition = 0;
	scrollCachePosition = $(window).scrollTop();
		//Envío el scroll a la posición 0 (left), 0 (top), es decir, arriba de todo.
	
		window.top.scroll(0,0);
		var altura=$("body").outerHeight();
		var alturaTotal=$("#container").outerHeight()+$("#footer").outerHeight()+40;
		
		if ($("body").outerHeight()>alturaTotal){
			var altura=$("body").outerHeight();
	    }else{
		//Si la capa 'wrapper' es más grande que el body incrementa la altura de la capa 'wrapper' a la capa 'capaPopUp'.
			var altura=alturaTotal;
		}	
		window.document.getElementById("capaPopUp").style.height=altura+"px";
		//Muestro la capa con el efecto 'slideToggle'.
		$("#capaPopUp").slideToggle();

		//Calculo la altura de la capa 'popUpDiv' y lo divido entre 2 para darle un margen negativo.
		var altura=$("#popUpDiv").outerHeight();

		$("#popUpDiv").css("margin-top","-"+parseInt(altura/2)+"px");
		
		//Calculo la anchura de la capa 'popUpDiv' y lo divido entre 2 para darle un margen negativo.
		var anchura=$("#popUpDiv").outerWidth();
		$("#popUpDiv").css("margin-left","-"+parseInt(anchura/2)+"px");
		$("#mainImg").attr("src", src);
		$("#capaContent").css("height",height);
		$("#capaContent").css("width",width);
		$("#popUpDiv").css("overflow","hidden");
		$(".cerrar").css("left",left);
		$(".cerrar").css("bottom",bottom);
		//Muestro la capa con el efecto 'slideToggle'.
		$("#popUpDiv").slideToggle();

	
}
//Variable que almacenará la posición del scroll, por defecto tiene valor 0.
var scrollCachePosition = 0;



function image_off_to_on(id_img) 
{
			
			
        	var element=document.getElementById(id_img);
			var t=element.src;
  		    element.src=t.replace("-off", "-on");
			
			
}
     
function image_on_to_off(id_img) 
{
        	var element=document.getElementById(id_img);
			var t=element.src;
  		    element.src=t.replace("-on", "-off");
}
	   
function show(id)
{
		  
		 if(id=="p1")
		 {
			  //alert("IF");
		   document.getElementById("p2").style.display="none";
		   document.getElementById("p1-container").style.display="block";	   
		    //alert("*IF");
		 }
		 else
		 {
			  //alert("Else");
		   document.getElementById("p1-container").style.display="none";
		   document.getElementById("p2").style.display="block";	
		   document.getElementById("p2").style.zIndex=800;						 
		    //alert("*Else");
		 }
}

$(function() {
/*	$("#abrirPop").click(function(event) {
		scrollCachePosition = $(window).scrollTop();
		//Envío el scroll a la posición 0 (left), 0 (top), es decir, arriba de todo.
		window.top.scroll(0,0);

		//Si el body es mas grande que la capa 'wrapper' incrementa la altura del body a la capa 'capaPopUp'.
		if ($("body").outerHeight()>$("#wrapper").outerHeight()){
			var altura=$("body").outerHeight();
	    }else{
		//Si la capa 'wrapper' es más grande que el body incrementa la altura de la capa 'wrapper' a la capa 'capaPopUp'.
			var altura=$("#wrapper").outerHeight();
		}
		window.document.getElementById("capaPopUp").style.height=altura+"px";
		event.preventDefault();
		//Muestro la capa con el efecto 'slideToggle'.
		$("#capaPopUp").slideToggle();

		//Calculo la altura de la capa 'popUpDiv' y lo divido entre 2 para darle un margen negativo.
		var altura=$("#popUpDiv").outerHeight();
		$("#popUpDiv").css("margin-top","-"+parseInt(altura/2)+"px");
		
		//Calculo la anchura de la capa 'popUpDiv' y lo divido entre 2 para darle un margen negativo.
		var anchura=$("#popUpDiv").outerWidth();
		$("#popUpDiv").css("margin-left","-"+parseInt(anchura/2)+"px");
		
		//Muestro la capa con el efecto 'slideToggle'.
		$("#popUpDiv").slideToggle();
	});*/
	$("#cerrar").click(function(event) {
		event.preventDefault();
		//Cierro las capas con el efecto 'slideToggle'.
		$("#capaPopUp").slideToggle();
		$("#popUpDiv").slideToggle();
		//Si la variable scrollCachePosition es mayor que 0 incrementará la posición del scroll al valor que se almacenó. 
		if (scrollCachePosition > 0) {
			window.top.scroll(0,scrollCachePosition);
			//Reseteamos la variable scrollCachePosition a 0 para poder ejecutar el script tantas veces sea necesario.
			scrollCachePosition = 0;
		}
	});
});