jQuery Div pozicija

Sveiki,

susidūriau su problema, jog nežinau kaip parašyti jQuery scriptuką, kuris skrolinant naršyklės langą keistų divo poziciją.

Pavyzdys būtų čia http://www.lymphsystem.net/ dešinėje esanti Google reklama.

Plačiau apie tai ko reikia:

turiu sitefeedback formą, kuri yra dešinėje pusėje. Jos aukštis 660px. Atsidarius saitą su PC, kuris negali matyti tokio aukščio - formos apačia pasislepia, kadangi yra nustatyta position:fixed. Taigi scrollinant langą, reikia kad ta forma stovėtų vietoj iki footerio, o paskui pasislintų į viršų, kad matytūsi ir visa apačia - kaip tik tame linke taip ir yra.

Galit padėt?

Kolkas parašiau tik tiek kodo:

jQuery(function () {
		var div = jQuery('#site-feedback-panel');
		var divTop = div.offset().top;

		div.css({'position':'fixed','top':'10%'});

		jQuery(window).scroll(function (event) {
			var windowTop = jQuery(window).scrollTop();

			if (windowTop < divTop) {
				console.log('a');
				//div.css({'position':'fixed','top':'50px','bottom':''});
			} else {
				console.log('b');
				//div.css({'position':'absolute','top':'','bottom':'100px'});
			}

		});
	});

mažai naudos iš šito kodo, nes nelabai ir veikia... :|

Atidarai source ir surandi ta elementa.

<aside class="widget widget_text" id="text-2" style="">

Ziuri toliau kur randasi tas id ir pamatai tokia eilute.

<script type="text/javascript">
jQuery(document).ready(function(){
 var q2w3_sidebar_1_options = { "sidebar" : "sidebar-2", "margin_top" : 50, "margin_bottom" : 1031, "screen_max_width" : 1200, "width_inherit" : false, "widgets" : ['text-2'] };
 q2w3_sidebar(q2w3_sidebar_1_options);
 setInterval(function () { q2w3_sidebar(q2w3_sidebar_1_options); }, 1500);
});
</script>

Is patirties zinau, kad wp vartotojai yra tinginiai ir patis nieko nedaro, todel logiskai mastant q2w3_sidebar_1_options gali buti susietas su kazkokiu pluginu. Imetam i google q2w3_sidebar, jis mums pataiso i q2w3 sidebar ir gauname pirma nuoroda i http://wordpress.org/plugins/q2w3-fixed-widget/

Parsisiunti plugina, atidarai js, matai kaip veikia. Nors realiai ta faila galima butu ir source rasti, bet tingejau ziureti.

na tuos radau, žiūrėjau, bet nesuprantu aš kaip ten veikia.. :|

jQuery(function () {
		var obj = jQuery('#site-feedback-panel');
		var window_height = jQuery(window).height();
		var offset_top = obj.offset().top;
		var obj_height = obj.height();

		obj.addClass("inactive").css({'position':'fixed','top':'10%'});

		jQuery(window).scroll(function (event) {
			var scroll = jQuery(this).scrollTop();
			if (obj.hasClass("active")) {
				if (scroll+obj_height < window_height) { 
					obj.css('top', '10%');
					obj.css('bottom', '');
				} else { 
					obj.css('top', '');
					obj.css('bottom', '220px');
				}
			}
		});
	});

na cia jau kažkas į tą pusę beveik veikia. galit padėt užbaigt?