$('document').ready(function(){      
   $('a').filter('.popup').click(function(e){
      e.preventDefault();
      
      $('<div id="overlay"></div>').appendTo('body');
      $('#overlay').css({
         'width' : $(document).width(),
         'height': $(document).height()
      });
      $('#overlay').toggle();
      $('#overlay').fadeTo('fast', 0, function(){
         $(this).css('background-color','#000');
         $(this).toggle();
         $(this).fadeTo('normal', 0.7);
      });
      
      $('<div class="p_frame"></div>').appendTo('body');
      $('.p_frame').toggle();
      $('.p_frame').click(function(e){
         if ($(e.target).is('.p_frame')) {
            $(this).remove();
            $('#overlay').fadeOut('normal', function(){
               $(this).remove();
            });
         }
      });
      
      $('<div id="p_outer"></div>').appendTo('.p_frame');
      $('#p_outer').load($(this).attr('href')+'&pop=product', function(){
         $('.p_frame').show('drop', {direction: 'up'}, 500);
         $('<a class="p_close" href="#">Close</a>').appendTo('#p_outer');
         $('.p_close').click(function(e){
            e.preventDefault();
            
            $('.p_frame').toggle();
            $('#overlay').fadeOut('normal', function(){
               $(this).remove();
            });
            $('.p_frame').remove();
         });
      });
   });
});