/**
 * @desc Center a element with jQuery in window
 * @version 1.0
 * @example
 * $("element").center();
 *
 */
jQuery.fn.loadmask = function(showmask) {

   return this.each(function(){
		//initializing variables
		var $self = jQuery(this);
		
		if (showmask!=false) {
		  $self.prepend('<div class="loadmask-container"><div class="loadmask"></div></div>');
		  // initializing the css properties
		  var $obj = $self.find('.loadmask-container');
		  var cssProp = {
		    position: 'relative',
  			top: 0,
  			left: 0,
  			width: 0,
  			height: 0
  		};
  		$obj.css(cssProp);
      var off1 = $self.offset();
      var off2 = $obj.offset();
      
      var cssProp = {
		    position: 'absolute',
  			z_index: 11000,
  			top: (off1.top-off2.top),
  			left: (off1.left-off2.left),
  			width: $self.outerWidth(),
  			height: $self.outerHeight()
  		};
		  //aplying the css
		  $obj.find('div').css(cssProp);
		} 
    else
    {
      $self.find('.loadmask-container').remove();
    } 
   });

};
