(function(jQuery) {
  
  jQuery.pop = function(options){
    
    // settings
    var settings = {
     pop_class : '.pop',
     pop_toggle_text : ''
    }
    
    // inject html wrapper
    function initpops (){
      jQuery(settings.pop_class).each(function() {
        var pop_classes = jQuery(this).attr("class");
        jQuery(this).addClass("pop_menu");
        jQuery(this).wrap("<div class='"+pop_classes+"'></div>");
        jQuery(".pop_menu").attr("class", "pop_menu");
        jQuery(this).before(" \
          <div class='pop_toggle'>"+settings.pop_toggle_text+"</div> \
          ");
      });
    }
    initpops();
    
    // assign reverse z-indexes to each pop
    var totalpops = jQuery(settings.pop_class).size() + 1000;
    jQuery(settings.pop_class).each(function(i) {
     var popzindex = totalpops - i;
     jQuery(this).css({ zIndex: popzindex });
    });
    // close pops if user clicks outside of pop
    activePop = null;
    function closeInactivePop( isBody ) {
      jQuery(settings.pop_class).each(function (i) {
        if (jQuery(this).hasClass('active') && ((isBody && i!=activePop) || !isBody )) {
//        if (jQuery(this).hasClass('active')) {
          jQuery(this).removeClass('active');
          }
      });
      return false;
    }
    jQuery(settings.pop_class).mouseover(function() { activePop = jQuery(settings.pop_class).index(this); });
    jQuery(settings.pop_class).mouseout(function() { activePop = null; });

    jQuery(document.body).mouseover(function(){ 
     closeInactivePop( true );
    });

    // close that pop
    jQuery(".pop_close").click(function(){
		closeInactivePop( false );
    });

    // toggle that pop
    jQuery(".pop_toggle").mouseover(function(){
      document.getElementById('pop_contents').style.display = '';
      jQuery(this).parent(settings.pop_class).toggleClass("active");
    });
  }

})(jQuery);


// 팝업 팁

this.vtip = function() {    
    this.xOffset = -100; // x distance from mouse
    this.yOffset = 10; // y distance from mouse       
    
    jQuery(".vtip").unbind().hover(    
        function(e) {
            this.t = this.title;
            this.title = ''; 
            this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset);
            
            jQuery('body').append( '<p id="vtip">' + this.t + '</p>' );
            jQuery('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn("slow");
            
        },
        function() {
            this.title = this.t;
            jQuery("p#vtip").fadeOut("fast").remove();
        }
    ).mousemove(
        function(e) {
            this.top = (e.pageY + yOffset);
            this.left = (e.pageX + xOffset);
                         
            jQuery("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
        }
    );            
    
};

jQuery(document).ready(function(jQuery){vtip();})