// JavaScript Document
var Event = YAHOO.util.Event;
var Dom = YAHOO.util.Dom;

YAHOO.example.ElementViewer = function(el, callback) {
	var y = Dom.getY(el);
	var o = new YAHOO.util.CustomEvent('element finder', 
		this, 
		true,
		YAHOO.util.CustomEvent.FLAT
	);
	o.subscribe(callback);
	function f() {
		var top = (document.documentElement.scrollTop ? 
			document.documentElement.scrollTop :
			document.body.scrollTop);
		var vpH = 82;// Dom.getViewportHeight();
		var view = parseInt(vpH + top);
		if ( view >= y ) {
			o.fire(view);
		}
	}
	Event.on(window, 'scroll', f);
};

Event.on(window, 'load', function() {
	YAHOO.example.ElementViewer('welcome', function(Y) {
		//console.log('ft is in view at:' + Y);
		if(!animateScroll){
			$('#nav-who a').removeClass('current');
			$('#nav-what a').removeClass('current');
			$('#nav-find a').removeClass("current");
			
			$('#nav-welcome a').addClass("current");
			pauseVideo();
		}
	});
	YAHOO.example.ElementViewer('what', function(Y) {
		//console.log('ft is in view at:' + Y);
		if(!animateScroll){
			$('#nav-welcome a').removeClass('current');
			$('#nav-who a').removeClass('current');
			$('#nav-find a').removeClass("current");
			
			$('#nav-what a').addClass("current");
			pauseVideo();
		}
	});
	YAHOO.example.ElementViewer('who', function(Y) {
		//console.log('ft is in view at:' + Y);
		if(!animateScroll){
			$('#nav-welcome a').removeClass('current');
			$('#nav-what a').removeClass('current');
			$('#nav-find a').removeClass("current");
			
			$('#nav-who a').addClass("current");
			pauseVideo();
		}
	});
	YAHOO.example.ElementViewer('find', function(Y) {
		//console.log('ft is in view at:' + Y);
		if(!animateScroll){
			$('#nav-welcome a').removeClass('current');
			$('#nav-who a').removeClass('current');
			$('#nav-what a').removeClass('current');
			
			$('#nav-find a').addClass("current");
			pauseVideo();
		}
	});
});