$(window).load(function () {  
  var left = $('#Floater').offset().left;
  var top = $('#Floater').offset().top;
  var FH = $('#Floater').outerHeight();
  var limitBottom = $('.footer').offset().top;
  var marginBottom = 20;
  
  $(window).scroll(function (event) {
	limitBottom = $('.footer').offset().top;
	  var windowScrollTop = $(this).scrollTop();
	  var floaterTop = $('#Floater').offset().top;
	  
	  
	  $('#WindowScrollTop').text(windowScrollTop);
	  $('#FloaterTop').text(floaterTop + " | " + top + " | " + (floaterTop + FH));
	  $('#Situation').text(0);
	  
	  $('#debug').css("top", windowScrollTop + 10);
	  
	  if(windowScrollTop > top) {
		  // check bottom border
		  
		  if(windowScrollTop + FH + marginBottom < limitBottom) {
			$("#Floater").css("position", "fixed");
		  	$("#Floater").css("left", left);
		  	$("#Floater").css("top", 10);
		  } else {
			  var newTop = limitBottom - FH - windowScrollTop; 
			  $("#Floater").css("position", "fixed");
			  $("#Floater").css("left", left);
			  $("#Floater").css("top", newTop - marginBottom);
		  }
	  } else {
		  $("#Floater").css("position", "");
		  $("#Floater").css("left", "");
		  $("#Floater").css("top", "");
	  }
		  
	  
  });
  /*  $(window).scroll(function (event) {
    var f = $(this).scrollTop();
	var t = $(window).scrollTop();

	t3  = $('#Floater').parent().offset().top;
	t4  = $('.footer').offset().top;
	
	FH2 = FH + t + 20;
	diff = t - t3;
//	$('.pos').html(diff + '<br>TOP: '+ t +'<br>FH: '+ FH2 +'<br>Top3: '+ t3 +'<br>FTR Top:' + t4);

	if ($.browser.webkit) {
		t4 = t4 - 160;
	}

	if(FH2 < t4){	
		if(diff > 0){
			$('#Floater').attr('style', 'left: ' + left + 'px; top:0px;');
			$('#Floater').addClass('fixed'); 
		}
		else {
			$('#Floater').removeClass('fixed'); 
			$('#Floater').attr('style', 'left: 0; top:0');
		}
	}
	else {

		ttt = FH2 - t4;
		$('#Floater').attr('style', 'left: ' + left + 'px; top:-'+ ttt +'px;');
		$('#Floater').addClass('fixed'); 
	}
  });*/
 

});