window.addEvent('domready', function() {
	
	$$('#navigation a').each(function(item, index){
		item.set('tween', {duration:200, transition: Fx.Transitions.Elastic.easeInOut});
		
		item.addEvent('mouseenter', function(e){
			//var event = new Event(e);
			item.set('morph', {duration:1500, transition: Fx.Transitions.Elastic.easeOut});
			item.morph('.rollover');
			//event.target.tween('height',96);
		});
		item.addEvent('mouseleave', function(e){
			//var event = new Event(e);
			item.set('morph', {duration:200, transition: Fx.Transitions.Sine.easeOut});
			item.morph('.default');
			//event.target.tween('height',86);
			
		});
	});
	
	var projectlist = $("thumb-list");

	if (projectlist!=null) {
		
		var infoPopup = new Element('div', {'id': 'info-popup', 'html': '<span class="caption">Test</span><span class="footer"></span>'});
		infoPopup.setStyles({'display':'none'});
		infoPopup.set('morph', {duration:500, transition: Fx.Transitions.Quint.easeInOut});
			
		infoPopup.inject($(document.body), 'before');
		
		
		$$('body #content #thumb-list a').each(function(thumb, index){
			
			thumb.addEvent('mouseenter', function(e){
				var event = new Event(e);
				infoPopup.setStyles({'display':'block', 'opacity':0});
				infoPopup.set({'html':'<span class="caption">'+thumb.getElement('img').get('alt')+'</span><span class="footer"></span>'});
				infoPopup.setPosition({x: thumb.getPosition().x + thumb.getSize().x/2 - infoPopup.getSize().x/2, y: thumb.getPosition().y-8});
				infoPopup.morph({'top': thumb.getPosition().y-12, 'opacity':1});
			});
			thumb.addEvent('mouseleave', function(e){
				var event = new Event(e);
				infoPopup.setStyles({'display':'none'});
			});
		});
	
	}
});