/* BUGBUG: This is lazy, and wrong, and stupid. */
if(!VideoSelector)
{
	var VideoSelector = {
		'clicked' : [],

		'init' : function()
		{
			$$('.videoSelectorTabs p.lessMore a').invoke('observe', 'click', this.more,  false);
			$$('.videoSelectorTabs ul#videoSelectorTabs li a').invoke('observe', 'click', this.click, false);
		},
		
		'more' : function(e)
		{
			if(VideoSelectorLocation && VideoSelector.clicked.indexOf(this) == -1)
			{
				var header = this.up('div.videoList').down('h2');
				VideoSelector.clicked.push(this);
				window.pageTracker._trackEvent(VideoSelectorLocation, 'More Videos', header.textContent || header.innerText);
			}

			this.up('div').getElementsBySelector('ul').invoke('toggleClassName', 'active');
			this.innerHTML = this.innerHTML == 'More' ? 'Back' : 'More';
		},
		
		'click' : function(e)
		{
			$$('.videoSelectorTabs ul#videoSelectorTabs li').invoke('removeClassName', 'active');
			$$('.videoSelectorTabs div.videoList').invoke('removeClassName', 'active');
			this.up('li').addClassName('active');
			$(this.href.substr(this.href.indexOf('#') + 1)).addClassName('active');
			e.stop();
		}
	};
	
	document.observe('dom:loaded', VideoSelector.init.bindAsEventListener(VideoSelector));
}