var isFading = false;

function changeImage(src,title,description){
	var containerId = 'slideshowContainer';
	var descriptionText = $('description').innerHTML;
	if(isFading){
		return false;
	}else{
		isFading = true;
	}
	var fadeOut = new Fx.Tween(containerId,
			{
				onComplete: function(){
					var changeImage = new Fx.Tween(containerId,
							{
								onStart: function(){
									$(containerId).innerHTML = '';
									$(containerId).innerHTML = '<img src="'+src+'" alt="" /> <div id="description">'+descriptionText+'</div>';
								},
								onComplete: function(){
									isFading = false;
								}
							}
						);
					changeImage.start('opacity', '0', '1');
				}
			}
		);
	fadeOut.start('opacity', '1', '0');
	return false;
}

function intro(){
	var contentId = 'OverlayContainer';
	var speed = 1000;
	var overlay = new Overlay(
		{
			opacity: 1,
			colour: '#9d9ea0',
			zIndex: 10,
			fadeIn: false
		}
	);
	// generate content
	var oContent = '<div class="pnormal"><img class="pnormal" title="" alt="" src="./pics/ima_intro.gif"/></div>';
	var overlayContent = new Element('div').setProperty('id', 'overlayContent').setStyles({
		zIndex: 2,
		backgroundColor: overlay.options.colour
	});
	overlayContent.innerHTML = oContent;
	overlayContent.inject(overlay.container,'inside');
	overlay.show();
	
	var fadeOut = new Fx.Tween(contentId,
			{
				duration: speed
			}
		);
	var fxStart = function(){
		fadeOut.start('opacity','1','0');
	}
	fxStart.delay(4000);
}

var allowResetArticle = true;
var activeText = 'text_0';
var currentText = 'text_0';
var activeAnchor;
function initArticleList() {
	var articleList = $('articleList');
	var anchors = articleList.getElements('a');
	var num_anchors = anchors.length;
	var anchor;
	for(var i=0;i<num_anchors;i++){
		anchor = anchors[i];
		if(i == 0){
			activeAnchor = anchor;
			anchor.className = 'aktiv';
		}else{
			$(anchor.rel).get('morph').start( { 'opacity': [0,0] } );
		}
		anchor.addEvents(
			{
				'mouseenter': function(){
					if($(this.rel).style.visibility == 'hidden'){
						allowResetArticle = true;
					}
					if(allowResetArticle){
						$(activeText).get('morph').start( { 'opacity': 0 } );
						activeText = this.rel;
						$(activeText).get('morph').start( { 'opacity': 1 } );
					}
					activeAnchor.className = '';
					activeAnchor = this;
					activeAnchor.className = 'aktiv';
					currentText = activeAnchor.rel;
					allowResetArticle = false;
					return false;
				},
				'click': function(){
					return false;
				}
			}
		);
	}
}

window.addEvent('domready',
	function(){
		if($('articleList')){
			initArticleList();
		}
	}
);