var navSet = function(thisLink){
	$('#pageNav li').removeClass('sel');
	thisLink.parents('li').addClass('sel');
	thisLink.parent('li').children().children('li:first').addClass('sel');
	if (thisLink.parent().hasClass('topLink')){
			$('#pageNav li:first').addClass('sel').children().children('li:first').addClass('sel');					  
	  }
	Cufon.refresh('#pageNav li a');
	return false;
}

$(function(){
			//reset page
			$('html,body').animate({scrollTop:0},600);
			//handle long pages & about
			var winH = $(window).height();
			var targetH = $('#about').height() + $('#topHeader').height();
			var btmMarg = (winH - targetH)+24;
			if(winH>targetH){
				$('#about').css('margin-bottom',btmMarg+'px');
			}
			//set markers
			var diff = 156;
			var work1 = ($('#work1').offset().top)-diff;
				//$('#watch').append(' * '+work1);
			var work2 = ($('#work2').offset().top)-diff;
				//$('#watch').append(' * '+work2);
			var work3 = ($('#work3').offset().top)-diff;
				//$('#watch').append(' * '+work3);
			var about = ($('#about').offset().top)-diff;
			var aboutForce = ($('#about').offset().top)-diff-diff;
				$('#watch').append(' * '+about);
				$('#watch').append(' * '+aboutForce);
			//check for page movement
			$(window).scroll(function(){
				var loc = $(window).scrollTop();
				$('#watch').append(' + ' +loc);
				if (loc<work2){
					navSet($('#pageNav a:eq(0)'));
				}						   
				if (loc>=work2){
					navSet($('#pageNav ul a:eq(1)'));
				}						   
				if (loc>=work3){
					navSet($('#pageNav ul a:eq(2)'));
				}						   
				if (loc>=aboutForce || loc>=about){
					navSet($('#pageNav a:last'));
					if (loc>=about){
						$('html,body').animate({scrollTop:about},200);// keep page on about
					}
				}						   
		    });
			$('.scrollIt').click(function(){
				  if(location.pathname.replace(/^\//,'')==this.pathname.replace(/^\//,'')&&location.hostname==this.hostname){
					 var $target=$(this.hash);
					 $target=$target.length&&$target||$('[name='+this.hash.slice(1)+']');
					 if($target.length){
						var targetOffset=($target.offset().top)-156;
						$('html,body').animate({scrollTop:targetOffset},1000);
						//navSet($(this));
						return false;
					}
				  }
		  });

});