(function ($) {
   
    $.fn.stickyfloat = function(options, lockBottom) {
    	var $obj 				= $(this);
    	var parentPaddingTop 	= parseInt($obj.parent().css('padding-top'));
    	var startOffset 		= $obj.parent().offset().top;
    	var opts 				= $.extend({ startOffset: startOffset, offsetY: parentPaddingTop, duration: 200, lockBottom:false }, options);
    	
    	var height = getClientHeight();
    	document.getElementById('mail_icon').style.top = (height/2-50)+"px";
    	
    	$obj.css({ position: 'absolute' });
    	
    	if(opts.lockBottom){
    		var bottomPos = $obj.parent().height() - $obj.height() + parentPaddingTop; //get the maximum scrollTop value
    		if( bottomPos < 0 )
    			bottomPos = 0;
    	}
    	
    	$(window).scroll(function () { 
    		$obj.stop(); // stop all calculations on scroll event
    
    		var pastStartOffset			= $(document).scrollTop() > opts.startOffset;	// check if the window was scrolled down more than the start offset declared.
    		var objFartherThanTopPos	= $obj.offset().top > startOffset;	// check if the object is at it's top position (starting point)
    		var objBiggerThanWindow 	= $obj.outerHeight() < $(window).height();	// if the window size is smaller than the Obj size, then do not animate.

                if($j('.b-extend-map-search').is(':visible'))
                    objBiggerThanWindow = false;

    		// if window scrolled down more than startOffset OR obj position is greater than
    		// the top position possible (+ offsetY) AND window size must be bigger than Obj size
    		if( (pastStartOffset || objFartherThanTopPos) && objBiggerThanWindow ){
                        var newpos = ($(document).scrollTop() -startOffset + opts.offsetY );
    			if ( newpos > bottomPos )
    				newpos = bottomPos;
    			if ( $(document).scrollTop() < opts.startOffset ) // if window scrolled < starting offset, then reset Obj position (opts.offsetY);
    				newpos = parentPaddingTop;
				if((newpos > 0) && ($('.top-panel',$obj).hasClass('active-panel'))) {
					
					/*$('.top-panel-ico a',$obj).removeClass('selected');
					$('.top-panel',$obj).removeClass('active-panel');
					$$('DIV#bg_mail').removeClass('back_mail');
					
					document.getElementById('active-panel_id').style.top = "";
					document.getElementById('bg_mail').style.height= "0px";*/
				}
    			$obj.animate({ top: newpos }, opts.duration );
    		}
    	});
    };

})(jQuery);

$j(document).ready(function() {
	if($j('.top-panel-sticky').length) {
		$j('.top-panel-sticky').stickyfloat();
	};
});