YUI().use( "node", "node-menunav", 'anim', 'transition', 'overlay', function(Y){
	
	var htmlNode = Y.one('html');
	Y.on('contentready', function(){

		//menu
		var menu = Y.one("#main-nav");
		menu.plug(Y.Plugin.NodeMenuNav);
		//	Show the menu now that it is ready
		htmlNode.removeClass("yui3-nav-disabled");

	}, '#main-nav');
	

	//video
	Y.on('contentready', function(){
		var WidgetPositionAlign = Y.WidgetPositionAlign;
		Y.one('body').append(Y.one('#video_list'));
		Y.one("#col_centre").setStyle('position', 'relative');
		
		var settings = {
			currentVideoId:'',
			currentVideoNode:null,
			overlay:new Y.Overlay({
				width:"100%",
				height:"100%",
				zIndex:200,
				shim:true,
				id:'video_overlay',
				headerContent: '',
				bodyContent: '<div id="overlay_wrapper"><div id="overlay_header"><a href="#" id="overlay_close">Close</a><div class="clear"><!-- clear --></div></div><div id="overlay_content"></div></div>'
			})
		};
		
		settings.overlay.set("align", {points:[WidgetPositionAlign.TL, WidgetPositionAlign.TL]});
		settings.overlay.render("body");
		settings.overlay.hide();
		
		/**
		 * 
		 */
		function hideVideo(){
			settings.currentVideoNode.addClass('hidden');
			Y.one('#video_list').append(settings.currentVideoNode);
			//settings.currentOverlay.get('contentBox')
			settings.overlay.hide();
			settings.currentVideoNode = null;
			Y.one('body').setStyle('overflow','auto');
		}
		
		/**
		 * 
		 */
		function showVideo(){
			settings.currentVideoNode.removeClass('hidden');
			Y.one('#overlay_content').append(settings.currentVideoNode);
			settings.overlay.set("centered", true);
			settings.overlay.show();
			Y.one('body').setStyle('overflow','hidden');
		}
		
		//////////////////////////////////
		/**
		 * nav item click
		 */
		this.delegate('click', function(e){
			e.preventDefault();
			var vid_thumbs;
			
			// settings.currentVideoId = this.get('hash');
			// settings.currentVideoNode = Y.one( settings.currentVideoId );
			
			vid_thumb = this.get('parentNode').one('div.vid_thumb');
			
			
			vid_thumb.setStyle('overflow', 'hidden');
			
			if ( vid_thumb.hasClass('hidden') ){
				
				vid_thumb.setStyle('height', '0px');
				
				/*vid_thumb.setStyle('display', 'block');*/
				
				vid_thumb.removeClass('hidden');
				
				vid_thumb.transition({
					duration: 0.25,
					easing: 'ease-in',
					height: "76px"
				});
				
			} else {
				//console.log('not hidden');
				vid_thumb.transition({
					duration: 0.25,
					easing: 'ease-out',
					height: "0px"
				}, function(){
					this.addClass('hidden')
				});
			}
			
		}, 'a.video_link');
		
		//////////////////////////////////
		/**
		 * thumbnail click
		 */
		this.delegate('click', function(e){
			if (this.hasClass('follow_link')){
				return true;
			}
			e.preventDefault();
			//console.log(this.siblings('a.video_link'));
			var vid_links;
			
			if ( settings.currentVideoNode ){
				hideVideo();
			}

			vid_link = this.get('parentNode').one('a.video_link');
			
			settings.currentVideoId = vid_link.get('hash');
			settings.currentVideoNode = Y.one( settings.currentVideoId );
			showVideo();
			
		}, 'div.vid_thumb');
		
		/**
		 * Close Link
		 */
		Y.on('click', function(){
			if ( settings.currentVideoNode ){
				hideVideo();
			}
		}, '#overlay_close');
		
	}, '#video-sidebar');
	
	htmlNode.removeClass("no-js");
	
});

function vimeo_player_loaded(){
	console.log('loaded');
}