﻿/***********************************************
* name: popup 
* by ygor gonzalez
* date: 2011-10-31
* desc
***********************************************/


    
    function showPopup(content, title) {
       
        // add popup window to 
        $('#aspnetForm').append(    
        '<div id="popup" >'+
		    '<div id="popup_title_bar" >'+
				    '<span id="popup_title_bar_title">'+ title + '</span>'+
				    '<a id="popup_title_bar_close" class="close_popup" href="javascript:close_popup();">close</a>'+
		    '</div>'+
		    '<div id="popup_content" >'+
		    '</div>'+
	    '</div>');
	    
	    //add overlay to the page
	    $('body').append('<div id="popup_overlay"></div>');
	    
	      //  show overlay
    	  
	     $("#popup_overlay").css("opacity", "0.6");  
         $("#popup_overlay").fadeIn();
          
         //$(window).scrollTop(0,0);
        
         //add content to the popup
         $('#popup_content').append(content);
         
         
         // show popup;
         
         $('#popup_overlay').css('visibility','visible');
         $('#popup').css('visibility','visible');
         $('#popup').fadeIn().center();
  
    }
    
    
    function showPopup2(content, title, width, height) {
       
        // add popup window to 
        $('#aspnetForm').append(    
        '<div id="popup" class="popup2">'+
		    '<div id="popup_title_bar2" >'+
				    '<span id="popup_title_bar_title2">'+ title + '</span>'+
				    '<a id="popup_title_bar_close2" class="close_popup" href="javascript:close_popup();">close</a>'+
		    '</div>'+
		    '<div id="popup_content2" >'+
		    '</div>'+
	    '</div>');
	    
	    //add overlay to the page
	    $('body').append('<div id="popup_overlay"></div>');
	    
	      //  show overlay
    	  
	     $("#popup_overlay").css("opacity", "0.6");  
         $("#popup_overlay").fadeIn();
          
         //$(window).scrollTop(0,0);
  
         //add content to the popup
        $('#popup_content2').append(content);
         
         
         // show popup;
               
         
         $('#popup_content2').css('height',height);
         $('#popup_overlay').css('visibility','visible');
         $('#popup').css('visibility','visible').css('width',width);
         $('#popup').fadeIn().center();
  
    }
    
    
    
    function close_popup() {
       //hide and remove object from page
     $('#popup').fadeOut("slow").remove();
     $('#popup_overlay').hide().remove();
    
    }
    


jQuery.fn.center = function () {
        this.css("position","absolute");
        $(window).scrollTop(0,0);
          
        this.css("top", (( $(window).height() - this.height() ) / 2+$(window).scrollTop()) + "px");
        this.css("left", (( $(window).width() - this.width() ) / 2+$(window).scrollLeft()) + "px");
        return this;

    }
