window.addEvent('domready', function() 
{
	
	var arrDivs = $('showcase').getElements('div').setStyle('opacity', 0);
	var arrProjects = $$('.project').setStyle('opacity', 0);
	
	var fadeDiv = function(el) 
	{
		var increaseDiv = new Fx.Morph(el, 
		{
			duration: 400,
			transition: Fx.Transitions.Back.easeOut
		});
		increaseDiv.start(
		{
			'width':[0,140],
			'height':[0,160],
			'top':[70,0],
			'left':[100,0],
			'opacity':[0,1]
		});
	};
	
	var intDelay = 0;
	var intCount = 0;
	arrDivs.each(function(el, i)
	{
		if(intCount == 4)
		{
			intDelay = intDelay - 100;
			fadeDiv.delay(intDelay, this, el);
			intDelay += 10;
			intCount = 0;
		}
		fadeDiv.delay(intDelay, this, el);
		intDelay += 50;
		intCount += 1;
	});
	
    if($('showcase'))
	{
		$$('#showcase li div').each(function(el, i)
		{
			el.addEvent('mouseenter', function(e)
			{
				e.stop();
				el.setStyle('z-index','999');
				var increaseDiv = new Fx.Morph(this, 
				{
					duration: 50
				});
				increaseDiv.start(
				{
					'padding':[10,20],
					'top':[0,-10],
					'left':[0,-10]
				});
			});
			
			el.addEvent('mouseleave', function(e)
			{
				e.stop();
				el.setStyle('z-index','100');
				var decreaseDiv = new Fx.Morph(this, 
				{
					duration: 101
				});
				decreaseDiv.start(
				{
					'padding':[20,10],
					'top':[-10,0],
					'left':[-10,0]

				});
			});
		});
	}
});