var ANIMATION_SPEED_TO_OPEN = 700;
var ANIMATION_SPEED_TO_CLOSE = 500;
var TIME_TO_WAIT_UNTIL_CLOSING = 500;

$(document).ready(function(){	
	
	var togleClass = 'item-is-open';
	var triggeredElement = $('ul#windows li div');
	var triggeredElementTopOffsetWhenOpen = 0;
	var triggeredElementTopOffsetWhenClosed = '220px';
	
	triggeredElement.css({
		'position': 'relative',
		'top': triggeredElementTopOffsetWhenClosed
	});
	
	triggeredElement.mouseenter(function()
	{
		if( !$(this).hasClass(togleClass) )
		{
			$(this).addClass(togleClass)
			    .stop()
			    .animate({ top: triggeredElementTopOffsetWhenOpen }, ANIMATION_SPEED_TO_OPEN);
		}
	});
	
	triggeredElement.mouseleave(function()
	{
		if( $(this).hasClass(togleClass) )
		{
			$(this).removeClass(togleClass)
				.stop()
				.delay(TIME_TO_WAIT_UNTIL_CLOSING)
				.animate({ top: triggeredElementTopOffsetWhenClosed }, ANIMATION_SPEED_TO_CLOSE);
		}
	});	

});