var defaultTop = 0;
var defaultOffset = 0;
var now = 0;

(function($){
	$(function(){
		defaultTop = $('#nav').css('top').replace(/px/, '') - 0;
		defaultOffset = $('#main_image').offset().top + $('#main_image').height();
		setInterval(function(){
			//if ( now != $(document).scrollTop() ) {
				now = $(document).scrollTop();
				if ( now > defaultOffset ) {
					if ( window.navigator.userAgent.match(/msie\s(6|7)/i)){
						$('#nav').queue([]).animate({ top: now - defaultOffset + defaultTop }, 50);
					} else {
						$('#nav').css({ position: 'fixed', top: 0, left: $('#main').offset().left });
					}
				} else {
					$('#nav').queue([]).css({ position: 'absolute', top: defaultTop, left: 0 });
				}
			//}
		}, 100);
	});
})(jQuery);