(function($) {
  
  $.fn.toggler = function() {
    return this.each(function() {
      $(this).click(onClick);
     // $(this).mouseout(onMouseout);
    });

    function onClick() {
    	var req = $(this).attr('id');
		$("#browsebox").css('display', 'block');
     	$("#browsebox").addClass('loading');
      	$("#browsebox").load("tags/shopboxmenu.cfm", {reqType: req}, function(){
		   $("#browsebox").css('display', 'block');
		   $("#browsebox").removeClass('loading');
		   var xPos = $("#header").attr('clientWidth') - $(this).attr('clientWidth') + ($("body").attr('clientWidth') - $("#header").attr('clientWidth'))/2;
		   $("#browsebox").css('left', xPos);
		   var test =  $("#closeButton");
		   $("#closeButton").click = function() {
	  			$("#browsebox").css('display', 'none');
	    	}
		 });
      return false;
    }
   
   function onMouseout() {
       $("#browsebox").css('display', 'none');
       return false;
    }
  }
  
  $.fn.closePoupup = function() {
	return this.each(function() {
      $(this).mouseleave(mouseLeave);
    });
	
	function mouseLeave() {
      	$("#browsebox").css('display', 'none');
    }
    
  }
  
})(jQuery);