(function($) {
  $.fn.easyOverlay = function(){	
    $(this).click(function(e){
      if($("#easyOverlay")) { $("#easyOverlay").remove();$("#lateral").remove(); }
      $("#cajacentral").append("<div id='easyOverlay'><a href='javascript:void(0)' class='closeit'>Cerrar&ensp;&ensp;&ensp;X</a></div>");
	   $("#cajacentral").append("<div id='lateral'></div>");
	  $("<img src='"+ this.name +"' />").appendTo('#lateral').load(function(){
																			
																			$("#lateral").css({
         
		  display: 'none',
          visibility: "visible"
        }).fadeIn();
																			
																			});//.fadeIn();
      $("<iframe src='"+ this.rel +"?123' alt='' width='680' height='500' frameborder='0' marginheight='0' marginwidth='0' scrolling='no' />").appendTo('#easyOverlay').load(function() {
        var wide = ($(window).width() / 2) - ($(this).width() / 2);
        var high = ($(window).height() / 2) - ($(this).height() / 2);			
		var scrollTop = $(window).scrollTop();
        $("#easyOverlay").css({
          
		  display: 'none',
          visibility: "visible"
        }).fadeIn();
      });
    });
    $("a.closeit").live("click", function(){
      $("#easyOverlay").fadeOut();
	   $("#lateral").fadeOut();
    });
  };
  
  
   $.fn.easyOverlay2 = function(){	
    $(this).click(function(e){
	ran=Math.floor(Math.random()*5)+1;
      if($("#easyOverlay")) { $("#easyOverlay").remove();$("#lateral2").remove(); }
	//   $("#cajacentral").hide();
      
	  $("#cajacentral").append("<p id='easyOverlay'><a href='javascript:void(0)' class='irahome'>Ir a Home</a></p>");
	   $("#cajacentral").append("<div id='lateral2'></div>");
	  $("<img src='imagenes/r"+ ran + ".png' style='margin-left:-20px' />").appendTo('#lateral2').load(function(){
																			
		$("#lateral2").css({
         
		  display: 'none',
          visibility: "visible"
        }).fadeIn();
																			
																			}); //.fadein();
      
	  $("<iframe src='"+ this.rel +"?123' alt='' width='680' height='500' allowtransparency='true' frameborder='0' marginheight='0' marginwidth='0' scrolling='no' />").appendTo('#easyOverlay').load(function() {
        var wide = ($(window).width() / 2) - ($(this).width() / 2);
        var high = ($(window).height() / 2) - ($(this).height() / 2);			
		var scrollTop = $(window).scrollTop();
        $("#easyOverlay").css({
         
		 display: 'none',
			  backgroundColor:'transparent',
			  border:'none',
			  	visibility: "visible"
			   
        });
		
		 $("#easyOverlay").ready(function(){
																			
			$(this).css({
		
     	    
     	   });
		
		}).show();
		
		
		
		
		
		
		$("#right").animate({"right": "-300px"}, "slow");
		$("#left").animate({"left": "-300px"}, "slow");
		$("#menu").fadeOut();
      });
    });
	

	
    $("a.irahome").live("click", function(){
    
	$("#right").animate({"right": "+=300px"}, "slow");
	  $("#left").animate({"left": "+=300px"}, "slow");
	  $("#menu").fadeIn();
	   $("#easyOverlay").fadeOut();
	   $("#lateral2").fadeOut();
	
    });
	
	
  };
  
})(jQuery)
