(function(){
 
    var special = jQuery.event.special,
        uid1 = 'D' + (+new Date()),
        uid2 = 'D' + (+new Date() + 1);
 
    special.scrollstart = {
        setup: function() {
 
            var timer,
                handler =  function(evt) {
 
                    var _self = this,
                        _args = arguments;
 
                    if (timer) {
                        clearTimeout(timer);
                    } else {
                        evt.type = 'scrollstart';
                        jQuery.event.handle.apply(_self, _args);
                    }
 
                    timer = setTimeout( function(){
                        timer = null;
                    }, special.scrollstop.latency);
 
                };
 
            jQuery(this).bind('scroll', handler).data(uid1, handler);
 
        },
        teardown: function(){
            jQuery(this).unbind( 'scroll', jQuery(this).data(uid1) );
        }
    };
 
    special.scrollstop = {
        latency: 300,
        setup: function() {
 
            var timer,
                    handler = function(evt) {
 
                    var _self = this,
                        _args = arguments;
 
                    if (timer) {
                        clearTimeout(timer);
                    }
 
                    timer = setTimeout( function(){
 
                        timer = null;
                        evt.type = 'scrollstop';
                        jQuery.event.handle.apply(_self, _args);
 
                    }, special.scrollstop.latency);
 
                };
 
            jQuery(this).bind('scroll', handler).data(uid2, handler);
 
        },
        teardown: function() {
            jQuery(this).unbind( 'scroll', jQuery(this).data(uid2) );
        }
    };
 
})();


$(document).ready(function() { 	
		
		$("div.left ul li a").hover(function () {
			var projid=$(this).parent().attr("id");
			$("div.left ul li a").removeClass("selected");
			$(this).addClass("selected");
			$("div.right div.project_info").removeClass("selected");
			$("div.right div.project_info[id='"+projid+"_desc']").addClass("selected");
			}
		);
	
		var $scrollingDiv = $("div.floating_panel");
		var initpos = $scrollingDiv.position().top;
		
		$(window).bind('scrollstop', function(){
			var scrolled=$(window).scrollTop();
			var y = scrolled - initpos + 20;
			if (scrolled < initpos ) {
				y = 0;
			}
			$scrollingDiv.stop().animate({"top": y + "px"}, "slow" );
		});
	
});