window.addEvent('domready', function(){
	// Add the label animation
	document.id('login').getElements('[type=text], [type=password], textarea').each(function(element){
		if (element.get('value') != '') {
			element.addClass('focus');
		}
		
		// On focus, fix a bug with ie7
		element.addEvent('focus', function(event) {
			element.addClass('focus');
		}.bind(element));
		
		// On blur, add the label back if necesary and validate the field
		element.addEvent('blur', function(event) {
			(element.get('value') == '')
				? element.removeClass('focus')
				: element.addClass('focus');
		}.bind(element));
	});
	
	// Get the navigation and video container
	var nav = document.id('poken-info').getElement('.video-nav');
	var content = document.id('poken-info').getElement('.video-content');
	
	// Add the video animation
	nav.getElements('li a').each(function(element) {
		element.addEvent('click', function(event) {
			event.preventDefault();
		
			// Select the navigatio
			nav.getElements('li a').removeClass('active');
			element.addClass('active');
			
			// Replace the video
			content.getElements('li').each(function(element) {
				// Create a clone
				element.removeClass('active').clone(true, true).inject(element,'after').addClass('clone');
				
				// Destroy the original element
				element.destroy();
			});
			
			// Make active the current video
			content.getElement(element.get('href')).addClass('active');
		}.bind(element));
	});
	
	// Add smooth scroll
	new Fx.SmoothScroll({wheelStops: false});
});