function changeImage(){
	var anchor = this;
	var galleryId = anchor.getParent('li').get('class');
	var numberNavigation = anchor.getParent('ul');
	var listElements = numberNavigation.getChildren('li');
	listElements.each(
		function(element){
			if(element.className != 'pipe' && element.className != 'uebersicht'){
				element.getChildren('a')[0].className = '';
			}
		}
	);
	$(galleryId).get('morph').start( { 'opacity': 0 } ).chain(
		function(){
			var filename = anchor.get('rel'); // .split('#')[0]
			var copyright = anchor.get('rel').split('#')[1];
			$(galleryId).set('src',filename);
			$(galleryId).set('title',copyright);
			var imagePreload = new Asset.images(filename,
				{
					onComplete: function(){
						$(galleryId).set('index', (anchor.getElement('span.cufon-alt').get('html')*1-1));
						$(galleryId).get('morph').start( { 'opacity': 1 } );
						anchor.className = 'active';
						Cufon.refresh();
					}
				}
			);			
		}
	);
	return false;
}

function showNextImage(){
	var image = this;
	var currentGalleryImage = image.get('index');
	currentGalleryImage++;
	var parentDiv = image.getParent('div');
	var numberNavigation = parentDiv.getElement('.numberNavigation');
	var anchors = numberNavigation.getElements('a');
	if(anchors[currentGalleryImage]){
		var fx = changeImage.bind(anchors[currentGalleryImage]);
		fx.delay(1);
	}else{
		currentGalleryImage = 0;
		var fx = changeImage.bind(anchors[0]);
		fx.delay(1);
	}
	image.set('index', currentGalleryImage);
}

function setGalleryFunctions(){
	if($$('.numberNavigation').length > 0){
		var numberNavigation = $$('.numberNavigation');
		var num_numberNavigation = numberNavigation.length;
		var anchor;
		var elements;
		var num_elements;
		var parentDiv;
		var image
		for(var i=0;i<num_numberNavigation;i++){
			elements = numberNavigation[i].getChildren('li');		
			num_elements = elements.length;
			for(var j=0;j<num_elements;j++){
				anchor = elements[j].getChildren('a')[0];
				if(anchor && elements[j].className != 'uebersicht'){
					anchor.addEvent('click',changeImage.bind(anchor));
				}
			}
			parentDiv = numberNavigation[i].getParent('div');
			image = parentDiv.getElement('img');
			image.set('index', 0);
			if(elements.length > 0){
				image.addEvent('click', showNextImage.bind(image));
			}
		}
	}
}

/*
function setGalleryFunctions(){
	if($$('.numberNavigation').length > 0){
		var numberNavigation = $$('.numberNavigation');
		var num_numberNavigation = numberNavigation.length;
		var anchor;
		var elements;
		var num_elements;
		for(var i=0;i<num_numberNavigation;i++){
			elements = numberNavigation[i].getChildren('li');		
			num_elements = elements.length;
			for(var j=0;j<num_elements;j++){
				anchor = elements[j].getElement('a');
				if(anchor && elements[j].className != 'uebersicht'){
					anchor.addEvent('click',changeImage.bind(anchor));
				}
			}
			
		}
	}
} */

function intro(){
	var contentId = 'OverlayContainer';
	var speed = 1000;
	var overlay = new Overlay(
		{
			opacity: 1,
			colour: '',
			zIndex: 10,
			fadeIn: false
		}
	);
	// generate content
	var oContent = '<div class="pnormal"><img class="pnormal" title="" alt="intro" src="./pics/intro.jpg"/></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 show_intro = 0;
window.addEvent('domready',
	function(){
		if(document.body.className == 'articleid_1'){
			if(show_intro == 1){
				intro();				
			}
		}
		setGalleryFunctions();
	}
);

Cufon.replace('.navigation a, h1', { fontFamily: 'DIN-Light', hover: true, hoverables: { a: true } });
Cufon.replace('#smallNav a, #navigation a, #subNavigation a, .numberNavigation', { fontFamily: 'DIN-Regular', hover: true, hoverables: { a: true } });