window.addEvent('domready', function() {
	
	var maxH = 1;
	var thumb_smallsize = 50;
	
	var langtexte = $$('#projektliste .projekt_halfcontent');
	var textsizes = new Array();
	langtexte.each(function(element, i) {
		textsizes[i] = element.getSize().y;
		if(maxH < textsizes[i]){
			maxH = textsizes[i];
		}
		element.setStyle("height", '1px' );
	});
	
	var thumbs = $$('div.projekt_thumb img');	
	var thumbsizes = new Array();
	thumbs.each(function(element, i) {
		thumbsizes[i] = [element.width, element.height];
		if(maxH < element.height){
			maxH = element.height;
		}
		element.setStyle( "width", thumb_smallsize+'px' );
		element.setStyle( "height", thumb_smallsize+'px' );
		element.setStyle( "border", '1px solid #ddd' );
	});
	
	var fx_thumb = new Fx.Elements(thumbs, {wait: false, duration: 500, transition: Fx.Transitions.Quad.easeOut});
	var fx_text = new Fx.Elements(langtexte, {wait: false, duration: 500, transition: Fx.Transitions.Quad.easeOut});
	
	var projekte = $$('#projektliste li');
	var thumb_fx_i = {};
	var text_fx_i = {};
	projekte.each(function(element, i) {
		element.addEvent('mouseenter', function(){
			element.setStyle("cursor", 'pointer' );
			var objW = thumbs[i].getStyle('width');
			var objH = thumbs[i].getStyle('height');		
			if(objH != thumbsizes[i]){
				thumbs[i].setStyle("border", '1px solid #fff' );
				thumb_fx_i[i] = {
					width: [ objW, thumbsizes[i][0] ],
					height: [ objH, thumbsizes[i][1] ]
				}		
				thumbs.each(function(thumb, o) {
					if(o != i){
						thumb.setStyle("border", '1px solid #ddd' );
						var objW = thumb.getStyle("width");
						if(objW != thumb_smallsize){
							var objH = thumb.getStyle("height");				
							thumb_fx_i[o] = {
								width: [ objW, thumb_smallsize ],
								height: [ objH, thumb_smallsize ]
							}
						}
					}
				});				
				fx_thumb.start(thumb_fx_i);
				
				langtexte.each(function(langtext, o) {
					var objH = langtext.getStyle("height");
					var objO = langtext.getStyle("opacity");
					if(o != i){
						text_fx_i[o] = {
							height: [ objH, '1px' ],
							opacity: [objO, '0']
						}
					}else{
						text_fx_i[o] = {
							height: [ objH, textsizes[o] ],
							opacity: [objO, '1']
						}
					}
				});
				fx_text.start(text_fx_i);
			}
		});
	});
	
	var cb_height = $('content_box').getSize().y;
	$('content_box').setStyle("height", (cb_height + maxH) );
	
});