$(document).ready(function(){
	//POPUPS
	//Cuando se hace click en un link con una clase 'poplight' y el href comienza con # 
	$('a.poplight[href^=#]').click(function() {
    var popID = $(this).attr('rel'); //Obtener el name del popup
    var popURL = $(this).attr('href'); //Obtener el href para definir el tama�o

    //Extraer varables desde el href
    var query= popURL.split('?');
    var dim= query[1].split('&');
    var popWidth = dim[0].split('=')[1]; //Obtener el primer valor del query string 

    //Fade in del popup y bot�n de cerrar
    
    $('body').append( "<div id='conten_pop'> "+$('#' + popID).html()+"</div>" );
    
    popID = "conten_pop";
    
    $('#' + popID).css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close" style="float: right;">X</a>');

    //Definir el margen para centrar el alineamiento (vertical y horizontal)
    var popMargTop = ($('#' + popID).height()) / 2;
    var popMargLeft = ($('#' + popID).width()) / 2;

    //Apply Margin to Popup
    $('#' + popID).css({
        'margin-top' : -popMargTop,
        'margin-left' : -popMargLeft
    });
   
    //Fade in del background
    $('body').append('<div id="fade"></div>'); //Agregar la capa fade al final del tag body.

    $('#fade').css({'filter' : 'alpha(opacity=80)'}).show(); 
   
    $('#conten_pop').addClass("popup_block")
    $('#conten_pop').show();
    //Fade in la capa fade - .css({'filter' : 'alpha(opacity=80)'}) es usado para corregir el bug de IE con el fading de transparencias 
   // $('#' + popID).show();
  //  $('#' + popID).css('zIndex', 9999); 
    
    return false;
	});
	
	//Close Popups and Fade Layer
	$('a.close, #fade').live('click', function() { //Cuando se hace click en el bot�n de cerrar o en la capa fade...
		$('.popup_block').hide();
		  $('#fade').remove();  //fade ambas capas
	      $('a.close').remove();
	      $("#conten_pop").remove();
	    return false;
	});

});

function launchPopup(html){
	
	
}