(function( $ ){
	$.popup = function ( id, options )
	{
		init( id, options );
	};
	
	$.fn.popup = function( id, options )
	{
		init( id, options );
		bind( this, id );
		return this;
	};
	
	$.popupdisplay = function( id )
	{
		display_popup( id );
	};
	
	$.popuphide = function( id )
	{
		disable_overlay( id );
	};
	
	$.popupcenter = function( id )
	{
		center_popup( id );
	};
	
	var config = {
		speed : 'slow',
		event : 'click',
		effect : true,
		move : 'default',
		close : true,
		center: true
	};
	
	init = function( id, options )
	{
		if( options )
	    {
			jQuery.extend( config, options );
		}
		
		$("#" + id).hide();
		$("#" + id + "_overlay").hide();
		
		$("#" + id + "_overlay").bind('click', function() {
			disable_overlay( id );
			return false;
		});
		
		if(config.close)
        {
            $("#" + id + "_close").bind('click', function() {
            	disable_overlay( id );
            	return false;
            });
        }
		
		$(window).scroll(function()
		{
			resizeheights(id);
		});
		
		resizeheights(id);
	};
	
	bind = function ( link, id )
	{
		$(link).bind(config.event, function()
		{
			display_popup( id );
		});
	};
	
	// functions
	brwstester = function()
    {
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
    };
    
    resizeheights = function(id)
    {
        $("#" + id + "_overlay").css({'height' : $(window).height() + brwstester().scrollTop  + "px"});
    };
    
    display_overlay = function(id)
    {
        if(config.effect)
        {
            $("#" + id + "_overlay").show().fadeTo(config.speed, 0.33);
        }
        else
        {
            $("#" + id + "_overlay").css({opacity: '0.33'}).show();
        }
    };
    
    disable_overlay = function(id)
    {
		$("#" + id).hide();
        if(config.effect)
        {
            $("#" + id + "_overlay").fadeOut(config.speed).fadeTo("", 100);
        }
        else
        {
            $("#" + id + "_overlay").hide();
        }
    };
    
    center_popup = function(id)
    {
          var scwidth  = $(window).width();
          var scheight = $(window).height();
          var tblwidth = $("#" + id).outerWidth();
          var tblheight = $("#" + id).outerHeight();

          var D_width = (scwidth - tblwidth);
          if(D_width > 0)
          {
              D_width /= 2;
          }
          else if(D_width < 0)
          {
              D_width *= -1;
              D_width /= 2;
          }
          $("#" + id).css('left', D_width  + 'px');

          var D_height = (scheight - tblheight);
          if(D_height > 0)
          {
        	  config.center = true;
              D_height /= 2;
          }
          else if(D_height < 0)
          {
        	  config.center = false;
              D_height = 0;
          }
          $("#" + id).css('top', brwstester().scrollTop + D_height + 'px');
    };
    
    display_popup = function(id)
    {
        display_overlay(id);
        center_popup(id);
       	$(window).scroll(function() {
       		if (config.center)
            {
       			center_popup(id);
            }
        });

        if(config.move == 'down')
        {
            //move from up
            var top = document.getElementById(id).style.top;
            $("#" + id).css({'top': (brwstester().scrollTop - 100) + 'px'}).show().animate({"top":  top}, config.speed);
        }
        else if(config.move == 'up')
        {
            //move from down
            var top = document.getElementById(id).style.top;
            $("#" + id).css({'top': (brwstester().scrollTop +  (screen.height)) + 'px'}).show().animate({"top": top}, config.speed);
        }
        else if(config.move == 'right')
        {
            //move from left
            var left = document.getElementById(id).style.left;
            $("#" + id).css({'width': $("#" + id).width(), 'left': screen.width + 'px'}).show().animate({"left": left}, config.speed);
        }
        else if(config.move == 'left')
        {
            //move from right
            var left = document.getElementById(id).style.left;
            $("#" + id).css({'width': $("#" + id).width(), 'left': '-' + $("#" + id).width() + 'px'}).show().animate({"left": left}, config.speed);
        }
        else if(config.move == 'slidedown')
        {

            $("#" + id).slideDown(config.speed);
        }
        else
        {
            //default
            if(config.effect)
            {
                $("#" + id).fadeIn(config.speed);
            }
            else
            {
                $("#" + id).show();
            }
        }
    };
})( jQuery );