/* - - - - - - - - - - - - - - - - - - - - - - -
 JavaScript
 Friday, August 20, 2010 2:07:42 PM
 HAPedit 3.1.11.111
 - - - - - - - - - - - - - - - - - - - - - - - */
(function($){
var settings;
$.fn.outsetframe = function(options){
 settings = $.extend({
 classPrefix: "",
 size: 12
 },options || {});
var CP = settings.classPrefix;
var size = settings.size;
// TOP LEFT Corner
var $tlcorn = $('<div ></div>')
  .css({
  height: size,
  width: size,
  left: this.offset().left -size,
  top: this.offset().top -size,
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP +'tlc').appendTo('body');
// TOP RIGHT Corner
var $trcorn = $('<div ></div>')
  .css({
  height: size,
  width: size,
  left: this.offset().left + this.outerWidth(),
  top: this.offset().top -size,
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP + 'trc').appendTo('body');
// BOTTOM LEFT Corner
var $blcorn = $('<div ></div>')
  .css({
  height: size,
  width:size,
  left: this.offset().left -size,
  top: this.offset().top + this.outerHeight(),
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP +'blc').appendTo('body');
// BOTTOM RIGHT Corner
var $brcorn = $('<div ></div>')
.css({
    height: size,
    width:size,
    left: this.offset().left + this.outerWidth(),
    top: this.offset().top + this.outerHeight(),
    position: 'absolute'
  })
.addClass('removeable')
  .addClass(CP + 'brc').appendTo('body');
// TOP BAR
var $topbar = $('<div ></div>')
  .css({
  height: size,
  left: this.offset().left,
  top: this.offset().top -size,
  width: this.outerWidth(),
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP + 'top').appendTo('body');
// BOTTOM BAR
var $botbar = $('<div ></div>')
  .css({
  height: size,
  left: this.offset().left,
  top: this.offset().top + this.outerHeight(),
  width: this.outerWidth(),
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP + 'bot').appendTo('body');
// LEFT BAR
var $lftbar = $('<div ></div>')
  .css({
  width: size,
  height: this.outerHeight(),
  left: this.offset().left -size,
  top: this.offset().top,
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP +'lft').appendTo('body');
//RIGHT BAR
var $ritbar = $('<div ></div>')
  .css({
  width:size,
  height: this.outerHeight(),
  left: this.offset().left + this.outerWidth(),
  top: this.offset().top,
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP +'rit').appendTo('body');
}//outsetframe function
/* INSET */
$.fn.insetframe = function(options){
 settings = $.extend({
 classPrefix: "",
 radius:22,
 size: 10
 },options || {});
var CP = settings.classPrefix;
var size = settings.size;//parseInt(settings.size);
var radius= settings.radius;//parseInt(settings.radius);
var cornersize = size + radius;
// TOP LEFT Corner
var $tlcorn = $('<div ></div>')
  .css({
  height: cornersize,
  width: cornersize,
  left: this.offset().left -size,
  top: this.offset().top -size,
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP +'b_ftlc').appendTo('body');
// TOP RIGHT Corner
var $trcorn = $('<div ></div>')
  .css({
  height: cornersize,
  width: cornersize,
  left: this.offset().left + this.outerWidth() -radius,
  top: this.offset().top -size,
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP + 'b_ftrc').appendTo('body');
// BOTTOM LEFT Corner
var $blcorn = $('<div ></div>')
  .css({
  height: cornersize,
  width:cornersize,
  left: this.offset().left -size,
  top: this.offset().top + this.outerHeight() -radius,
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP +'b_fblc').appendTo('body');
// BOTTOM RIGHT Corner
var $brcorn = $('<div ></div>')
.css({
    height: cornersize,
    width:cornersize,
    left: this.offset().left + this.outerWidth() -radius,
    top: this.offset().top + this.outerHeight() -radius,
    position: 'absolute'
  })
  .addClass('removeable')
  .addClass(CP + 'b_fbrc').appendTo('body');
// TOP BAR
var $topbar = $('<div ></div>')
  .css({
  height: size,
  left: this.offset().left + radius,
  top: this.offset().top -size,
  width: this.outerWidth() -2*radius,
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP + 'b_ftop').appendTo('body');
// BOTTOM BAR
var $botbar = $('<div ></div>')
  .css({
  height: size,
  left: this.offset().left + radius,
  top: this.offset().top + this.outerHeight(),
  width: this.outerWidth() -2*radius,
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP + 'b_fbot').appendTo('body');
// LEFT BAR
var $lftbar = $('<div ></div>')
  .css({
  width: size,
  height: this.outerHeight() -2*radius,
  left: this.offset().left -size,
  top: this.offset().top +radius,
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP +'b_flft').appendTo('body');
//RIGHT BAR
var $ritbar = $('<div ></div>')
  .css({
  width:size,
  height: this.outerHeight() -2*radius,
  left: this.offset().left + this.outerWidth(),
  top: this.offset().top +radius,
  position: 'absolute'
})
.addClass('removeable')
.addClass(CP +'b_frit').appendTo('body');
}//insetframe function

$.fn.shadowme = function(options){
 settings = $.extend({
 classPrefix: "",
 size: 16,
 sides: "br"
 },options || {});
//if (settings.sides.length != 2) return;
var CP = settings.classPrefix;
var B = (settings.sides.indexOf("b") >=0);
var R = (settings.sides.indexOf("r") >=0);
var T = (settings.sides.indexOf("t") >=0);
var L = (settings.sides.indexOf("l") >=0);
//if((B&&T) ||(L&&R)) return;
//alert(this.offset().left);
//var $this = this;
var indent = 0;
var skipindent = (settings.sides.length == 4 );
var shorten= (skipindent)?0:settings.size;
  if(B){
  if(!skipindent) indent =  (R)?settings.size:0;
  var $botbar = $('<div ></div>')
      .css({
      height: settings.size,
      top: this.offset().top + this.outerHeight(),
      width: this.outerWidth() - shorten,
      position: 'absolute',
      left: this.offset().left +indent
  })
  .addClass('removeable')
  .addClass(CP + 'bot').appendTo('body');
}
if(R){
  if(!skipindent) indent= (B)? settings.size:0;
  var $ritbar = $('<div ></div>')
      .css({
      width:settings.size,
      height: this.outerHeight() - shorten,
      left: this.offset().left + this.outerWidth(),
      position: 'absolute',
      top: this.offset().top + indent
  })
  .addClass('removeable')
  .addClass(CP +'rit').appendTo('body');

}
if(T){
  if(!skipindent) indent= (R)? settings.size:0;
  var $topbar = $('<div ></div>')
    .css({
    height: settings.size,
    left: this.offset().left +indent,
    top: this.offset().top - settings.size,
    width: this.outerWidth() -shorten,
    position: 'absolute'
  })
  .addClass('removeable')
  .addClass(CP + 'top').appendTo('body');
}
if(L){
  if(!skipindent) indent= (B)? settings.size:0;
  var $lftbar = $('<div ></div>')
    .css({
    width: settings.size,
    height: this.outerHeight() -shorten,
    left: this.offset().left - settings.size,
    top: this.offset().top + indent,
    position: 'absolute'
  })
  .addClass('removeable')
  .addClass(CP +'lft').appendTo('body');
}
if(R && B){
  var $brcorn = $('<div ></div>')
      .css({
      height: settings.size,
      width:settings.size,
      left: this.offset().left + this.outerWidth(),
      top: this.offset().top + this.outerHeight(),
      position: 'absolute'
    })
    .addClass('removeable')
    .addClass(CP + 'brc').appendTo('body');

}
if(R&&T){
  var $trcorn = $('<div ></div>')
    .css({
    height: settings.size,
    width: settings.size,
    left: this.offset().left + this.outerWidth(),
    top: this.offset().top - settings.size,
    position: 'absolute'
  })
  .addClass('removeable')
  .addClass(CP + 'trc').appendTo('body');
}
if(L&&T){

  var $tlcorn = $('<div ></div>')
   .css({
   height: settings.size,
   width: settings.size,
   left: this.offset().left - settings.size,
   top: this.offset().top - settings.size,
   position: 'absolute'
  })
  .addClass('removeable')
  .addClass(CP +'tlc').appendTo('body');
}
if(L&&B){
  var $blcorn = $('<div ></div>')
    .css({
    height: settings.size,
    width:settings.size,
    left: this.offset().left -settings.size,
    top: this.offset().top + this.outerHeight(),
    position: 'absolute'
 })
 .addClass('removeable')
 .addClass(CP +'blc').appendTo('body');
}

}//shadowme function


})(jQuery);



