var dropels, queue;

window.addEvent('domready', function() {
	$$('#nav a.products').addEvent('mouseenter', openProductsMenu);
	$$('#nav a.products-fre').addEvent('mouseenter', openProductsMenu);
	dropels = $$('#nav a.products, #nav a.products-fre, #dropdown-area, img.shadow');
	dropels.addEvent('mouseleave', closeMenu);
	dropels.addEvent('mouseenter', function() {
		clearTimeout(queue);
	});
	
	var textarea = $('VotingEmail');
	if (textarea) {
		textarea.addEvents({
			focus: function() {
				if (textarea.value.contains('Your email address'))
					textarea.set('value', '');
			},
			blur: function () {
				if (textarea.value == '')
					textarea.set('value', 'Your email address');
			}
		});
	}
	
	var sidebarFX = function() {
		var box1 = new Fx.Morph('side1', {
			duration: 'long',
			transition: Fx.Transitions.Sine.easeOut
		});
		var box2 = new Fx.Morph('side2', {
			duration: 'long',
			transition: Fx.Transitions.Sine.easeOut
		});
		
		var opacity = $('side1').getStyle('opacity');
		var newOpacity1, newOpacity2, height;
		
		if( opacity == 1 ) {
			newOpacity1 = 0;
			newOpacity2 = 1;
			height = $('side2').getStyle('height');
		} else {
			newOpacity1 = 1;
			newOpacity2 = 0;
			height = $('side1').getStyle('height');
		}
		$('sidebar-container').setStyle('height', height);
		
		box1.start({
			'opacity': newOpacity1
		});
		box2.start({
			'opacity': newOpacity2
		});
	}
	
	if( $('sidebar-container') ) {
		var height = $('side1').getStyle('height');
		$('sidebar-container').setStyle('height', height);
		
		$('side2').setStyle('opacity', 0);
		sidebarFX.periodical(5000);
	}
});

var closeMenu = function(e) {
	if(!dropels.contains(e.relatedTarget)) {
		queue = (function() { $('dropdown-area').tween('top', -200); }).delay(500);
	}
}
var openProductsMenu = function() {
	var dropper = $('dropdown-area');
	dropper.setStyle('left', 0);
	dropper.getChildren().setStyle('display', 'none');
	dropper.tween('top', [-200, 0]);
	(function() { $('products').setStyle('display', 'block'); }).delay(20);
}

var video_index_pagi = function(obj) {
	if (obj.nodeName == 'A') {
		var params = {'ajax' : true};
		var jsRequest = new Request.HTML({
			//evalScripts:true, 
			onRequest:function () {
					$("ajax-pagi").fade("out");
				},
			onSuccess:function (responseText, responseXML) {
					$("ajax-pagi").fade("in");
				}, 
			update:"ajax-pagi", 
			url: obj.href
		}).post(params);
	}
}