changeContent = function(li) {
	if (_opened==li) return;
	if (_opened) {
		_opened.setStyles({
			'font-weight': 'normal',
			'color': '#727272'
		});
	}
	_opened=li;
	_opened.setStyles({
		'font-weight': 'bold',
		'color': '#000'
	});
	if ($('screenshot').getStyle('opacity')>0) {
		$('screenshot').effect('opacity', {
			duration: 200, 
			transition:Fx.Transitions.linear,
			onComplete: function() {
				$('screenshot').setStyle('background-image', '');
			}
		}).start(1,0);
	}
	$('flower').effect('opacity', {
		duration: 200, 
		transition:Fx.Transitions.linear, 
		onComplete: function() {
			$('flowerimage').src = _flowers.get(_opened.id).file;
			$('flowerimage').height = _flowers.get(_opened.id).height;
			$('flowerimage').width = _flowers.get(_opened.id).width;
			$('flower').setStyle('height', _flowers.get(_opened.id).height);
			$('flower').effect('opacity', {duration: 500, transition:Fx.Transitions.linear}).start(0,1);
		}
	}).start(1,0);
	$('content').effect('opacity', {
		duration: 500, 
		transition:Fx.Transitions.linear, 
		onComplete: function() {
			$('content').empty();
			new Ajax(li.id+'.html', {
				update: $('content'), 
				async: true,
				onComplete: function() {
					$$('.projekt').each(
						function(p) {
							new Image().src='_projekte/'+p.id+'.gif';
							p.addEvent('click', function() {
								$('screenshot').effect('opacity', {
									duration: 200, 
									transition:Fx.Transitions.linear, 
									onComplete: function() {
										$('screenshot').setStyle('background-image', 'url(_projekte/'+p.id+'.gif)');
										$('screenshot').effect('opacity', {duration: 500, transition:Fx.Transitions.linear}).start(0,1);
									}
								}).start(1,0);
							});
						}
					);
				}
			}).request();
			$('content').setStyle('height', '360px');
			$('content').effect('opacity', {duration: 500, transition:Fx.Transitions.linear}).start(0,1);
		}
	}).start(1,0);
}

headlineClicked = function(evt) {
	if (_closed) return;
	_opened.setStyles({
		'font-weight': 'normal',
		'color': '#727272'
	});
	_closed=true;
	_opened=null;
	if ($('screenshot').getStyle('opacity')>0) {
		$('screenshot').effect('opacity', {
			duration: 200, 
			transition:Fx.Transitions.linear,
			onComplete: function() {
				$('screenshot').setStyle('background-image', '');
			}
		}).start(1,0);
	}
	$('content').effect('opacity', {
		duration: 500, 
		transition:Fx.Transitions.linear, 
		onComplete: function() {
			$('content').empty();
			$('content').setStyle('height', 'auto');
			$('flower').effect('opacity', {
				duration: 200, 
				transition:Fx.Transitions.linear, 
				onComplete: function() {
					$('flowerimage').src = _flowers.get('start').file;
					$('flowerimage').height = _flowers.get('start').height;
					$('flowerimage').width = _flowers.get('start').width;
					$('flower').setStyle('height', _flowers.get('start').height);
					$('flower').effect('opacity', {duration: 500, transition:Fx.Transitions.linear}).start(0,1);
				}
			}).start(1,0);
			headlineEffect.start({
				'margin-top': [125],
				'margin-bottom': [50]
			});
		}
	}).start(1,0);
}

startClicked = function() {
	headlineEffect.start({
		'padding-top': [-120],
		'margin-top': [-120],
		'opacity': [1,0]
	});
}

sendForm = function(_form) {
	$('content').effect('opacity', {
		duration: 500, 
		transition:Fx.Transitions.linear, 
		onComplete: function() {
			new Ajax('kontakt.html', {
				method: 'post',
				update: $('content'), 
				async: true,
				data: $(_form)
			}).request();
			$('content').setStyle('height', '360px');
			$('content').effect('opacity', {duration: 500, transition:Fx.Transitions.linear}).start(0,1);
		}
	}).start(1,0);
	return false;
}

var _closed=true;
var _opened=null;
var headlineEffect = null;

var _flowers = new Hash({
	'start': {'file': '_images/orchid.png'},
	'infos': {'file': '_images/fressia.png'},
	'projekte': {'file': '_images/tulips.png'},
	'kontakt': {'file': '_images/hyacinth.png'},
	'impressum': {'file': '_images/gerbera.png'}
});

window.addEvent('domready', function() {
	_flowers.each(
		function(f) {
			var i = new Element('img', {
				src: f.file,
				events: {
					load: function() {
						f.width=i.width;
						f.height=i.height;
					}
				}
			});
			if (i.complete) {
				f.width=i.width;
				f.height=i.height;
			}
		}
	);
  $ES('#navi li').each(
		function(li) {
			li.addEvent('click', function(evt) {
				if (_closed) {
					headlineEffect.start({
						'margin-top': [0],
						'margin-bottom': [25]
					});
				}
				_closed=false;
				changeContent(li);
			})
		}
	);
	if ($('headline')) {
		$('headline').addEvent('click', headlineClicked);
		headlineEffect = new Fx.Styles('headline', {duration: 500,transition: Fx.Transitions.linear});
	}
	if ($('start')) {
		$('start').addEvent('click', startClicked);
		headlineEffect = new Fx.Styles('start', {
			duration: 500,
			transition: Fx.Transitions.linear, 
			onComplete: function() {
				window.location='start.html';	
		}});
	}
	init = $E('body').innerHTML.match(/init:\s(\w+)/);
	if (init && $(init[1])) {
		$(init[1]).fireEvent('click');
	}
});