var _width;
var _height;

var _offsetleft;
var _offsettop;

var _box;
var _boxbg;

jQuery.fn.transparent = function(){
    return this.each (function () {
        _box = jQuery(this);
        _getBoxSize();
        _createElement();
    });
}

_setCss = function(){
//    jQuery('body').css({
//        position: 'relative',
//        'z-index': 1
///    });

    
    _box.css({
        position: 'absolute',
        left: _offsetleft,
        top: _offsettop - parseInt( _box.css('margin-top') ),
        'z-index': 3,
        'color': '#FFFFFF'
    });
    
    
    var do_left = (parseInt(_offsetleft)) + (parseInt( _box.css('marginLeft')));
        if(isNaN(do_left)){
            do_left = _offsetleft;        
        }
    
    _boxbg.css({
        background:'#000000',
        position: 'absolute',
        left: do_left,
        top: _offsettop,
        'z-index': 2,
        /** transparency **/
        filter: 'alpha(opacity=10)',
        opacity: '0.10'
        
    });
        
};

_getBoxSize = function(){
    offset = _box.offset();
    _width      = _box.outerWidth();
    _height     = _box.outerHeight();
    _offsettop  = offset.top;
    _offsetleft = offset.left; 
}

_createElement = function(){
    _boxbg = jQuery('<div class="transparentbg"/>');
    _boxbg.width(_width);
    _boxbg.height(_height);
    
    _setCss();
    
    _box.before(_boxbg);
    
}