/*
 * plugin desarollado por Eduardo Rodriguez Pati�o en sus ratos de hueveo
 * Este plugin permite crear un simple popup con diversas opciones de personalizacion
 * 
 */

$(document).ready(function(){
	jQuery.fn.popup = function(options){
		/* Parametros de configuracion */
		var defaults = {
			width: '',
			height: '',
			draggable: false,
			title: '',
			content: '',
			icon: ''
		};
		var options = $.extend(defaults, options);
		
		/* Creacion de la ventana */
		var _window = $(this);
		/* Configuracion basica del POPUP */
		$(".pgPopup-title",_window).text(options.title);
		$(".pgPopup-content",_window).html(options.content);
		if(!options.icon){ /* Si queremos agregar un icono a nuestro POPUP */
			$(".pgPopup-icon",_window).hide();
		}else{
			alert(options.icon)
			$(".pgPopup-icon",_window).html('<img src="'+options.icon+'" alt="No se pudo cargar el icono" />');
		}
 		if(options.draggable){ 	/* Si podemos mover el POPUP */
			_window.draggable({ handle:'.pgPopup-header'});
			$(".pgPopup-header",_window).css('cursor','move');
		}
		$(_window).css({ /* Tamaño del POPUP */
			width: options.width,
			height: options.height
		});
		
		$(_window).css({ /* Centrar el POPUP */
			position:'absolute',
			left: (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px",
			top: (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px"
		});
		
		_window.fadeIn();
	}
	
	$(".pgPopup-close").live('click',function(){
		$(this).parent().parent().hide(500);		
	})
	
	/*Tabs*/
	$(".pgTabs a").live('click',function(){
		$("li",$(this).parent().parent()).removeClass('active');
		$(this).parent().addClass('active');
		$(".tab_content", $(this).parent().parent().parent()).hide();
		$(".tab_content", $(this).parent().parent().parent()).eq($(this).parent().index()).show();
		
		return false;
	})
	
})

$(document).keydown(function(e) {
    if (e.keyCode == 27) {
        $(".pgPopup").hide('fast');
    }
});