// JavaScript Document
window.addEvent('domready', function(e){
	function hide(element) {		
		element.set('tween', {duration: 'long'});
		element.tween('opacity',0);
		element.setStyle('display','none');
	}
	function show(element) {
		element.setStyle('display','block');
		element.set('tween', {duration: 'long'});
		element.tween('opacity',1);
	}
	var teaser_container = $$('.teaser-container');
	var teaser_links = $$('.teaser-container a');								 
	var detail_nodes = $$('.detail-container');
	
	var hideall = function() { $each(detail_nodes, hide) };
	
	var fnChain = new Chain();	

	$each(teaser_links, function(teaser_link, index) {		
		teaser_link.addEvent('click', function(e) {
			//e.stop(); //stop event
			if($('details-container').getStyle('display') == 'none') { $('details-container').setStyle('opacity','0').setStyle('display','block').tween('opacity',1); }
			fnChain.chain(hideall(), function() { show(detail_nodes[index]); });
			fnChain.callChain();
		});
	});
	
	$each(teaser_container, function(container, index) {
		var imgs = container.getFirst().getChildren('img');
		if(imgs.length == 2) {
			container.addEvent('mouseenter', function(e) {
				imgs[1].tween('opacity',0);
			});
			container.addEvent('mouseleave', function(e) {
				imgs[1].tween('opacity',1);
			});			
		}
	});
	
	if(location.hash) {
		var hash = $('detail-' + location.hash.substr(1));
		if(hash) {
			if($('details-container').getStyle('display') == 'none') { $('details-container').setStyle('opacity','0').setStyle('display','block').tween('opacity',1); }
			fnChain.chain(hideall(), function() { show(hash); });
			fnChain.callChain();
		}
	}

});