var infoFadeDuration = 0.3;
var imageFadeDuration = 0.3;

function resumeOver(event) {
	var el = event.element();
	
	if (el.nodeName.toLowerCase() != 'img') {
		return;
	}
	
	var info = $(el).up('li').down('.information');
	var offset = $(el).cumulativeOffset();
	var infoHeight = '54';
	
	$(info).absolutize();
	$(info).setStyle({ 
		width: $(el).getWidth() + 'px',
		height: infoHeight + 'px',
		top: (offset.top + $(el).getHeight() - infoHeight) + 'px',
		left: offset.left + 'px'
	});

	var oldInfo = $$('.information.active')[0];
	
	if (oldInfo) {
		new Effect.Opacity(oldInfo, { duration: infoFadeDuration, to: 0 });
		//$(oldInfo).fade({ duration: 0.5, queue: { scope: 'infoout', position: 'end' }});
		$(oldInfo).removeClassName('active');
	}

	$(info).appear({ duration: infoFadeDuration, to: 0.9, queue: { scope: 'infoin', position: 'front' }});
	//new Effect.Opacity(info, { duration: 0.5, to: 1 });

	$(info).addClassName('active');
	
	$$('#resume-frontpage li img').each(function (e, index) { $(e).removeClassName('active'); });
	$(el).addClassName('active');
	
	new Effect.Opacity($(el), {duration: infoFadeDuration, to: 1 });
	
	$$('#resume-frontpage li img').each(function (e, index) {
		if (!$(e).hasClassName('active')) {
			//$(e).up('li').down('.information').fade({ duration: 0.5, queue: { position: 'end', scope: 'infoscope' } });
			new Effect.Opacity($(e), {duration: imageFadeDuration, to: 0.4 });
			$(e).addClassName('opaque');	
		}
	});
}

function resumeEnter(event) {
	$$('#resume-frontpage li img').each(function (e, index) {
		//if (!$(e).hasClassName('active')) {
			//$(e).up('li').down('.information').fade({ duration: 0.5, queue: { position: 'end', scope: 'infoscope' } });
			new Effect.Opacity($(e), {duration: imageFadeDuration, to: 0.4 });
			//$(e).addClassName('opaque');	
		//}
	});
}

// fade ut allt
function resumeLeave() {
	$$('#resume-frontpage li img').each(function (e, index) {
		$(e).removeClassName('active')
		//$(e).up('li').down('.information').fade({ duration: 0.5 });
		
		//if ($(e).hasClassName('opaque')) {
			new Effect.Opacity($(e), {duration: infoFadeDuration, to: 1});
		//}
	});
}

function getInfo(li) {
	var img = $(li).down('img');
	var info = $(li).down('.information');
	var offset = $(li).cumulativeOffset();
	var infoHeight = '54';
	
	$(info).absolutize();
	$(info).setStyle({ 
		width: $(img).getWidth() + 'px',
		height: infoHeight + 'px',
		top: (offset.top + $(img).getHeight() - infoHeight) + 'px',
		left: offset.left + 'px'
	});
	
	$(info).setOpacity(0.9);
	
	return info;
}

function projectEnter() {
	var info = getInfo(this);

	new Effect.Opacity($(this).down('img'), { duration: imageFadeDuration, to: 1 });
	$(info).appear({ duration: infoFadeDuration, to: 0.9, queue: { scope: 'infoin', position: 'front' }});
}

function projectLeave() {
	var info = getInfo(this);
	
	new Effect.Opacity($(this).down('img'), { duration: imageFadeDuration, to: 1 });
	new Effect.Opacity(info, { duration: 0.5, to: 0 });
}

function projectShow() {
	$$('#resume-frontpage li img').invoke('setOpacity', 0.4);
	$(this).down('img').setOpacity(1);
	getInfo(this).show();
}

function projectHide() {
	$(this).down('img').setOpacity(0.4);
	getInfo(this).hide();
}

function fadeAll() {
	//$$('#resume-frontpage li img').invoke('setOpacity', 0.4);
}

function showAll() {
	$$('#resume-frontpage li img').invoke('setOpacity', 1);
}

function informationClick() {
	var link = $(this).down('a').href;
	
	document.location.href = link;
}

$(document).observe('dom:loaded', function (event) {
	/*$$('#resume-frontpage li').invoke('observe', 'mouseenter', projectEnter);
	$$('#resume-frontpage li').invoke('observe', 'mouseleave', projectLeave);
		
	$('resume-frontpage').observe('mouseenter', resumeEnter);
	$('resume-frontpage').observe('mouseleave', resumeLeave);*/
	
	$$('#resume-frontpage li').invoke('observe', 'mouseenter', projectShow);
	$$('#resume-frontpage li').invoke('observe', 'mouseleave', projectHide);
	$('resume-frontpage').observe('mouseenter', fadeAll);
	$('resume-frontpage').observe('mouseleave', showAll);
	
	$$('#resume-frontpage li').invoke('observe', 'click', informationClick);
});