var toggled = false;

var container_1 = $('container_1');
var container_2 = $('container_2');

var curr_ele = "slide_1";
var delay;

window.addEvent('domready', initialize);

function initialize(){
	container_1 = $('container_1');
	container_2 = $('container_2');

	$('ul_navi').getElements('li').each(function(el){

		if(el.getElement('ul') != null)
			el.addEvent('click', toggleSub);
		else
			el.addEvent('click', hideSub);
	});
	
	$('slide_1').addEvent('click', changeSlide);
	$('slide_2').addEvent('click', changeSlide);
	$('slide_3').addEvent('click', changeSlide);
	$('slide_4').addEvent('click', changeSlide);	
}

function hideSub(e){
	$('div_navi').set('tween', {duration:180});
	$('div_navi').tween('height', '65');
}

function toggleSub(e){

	$('ul_navi').getElements('ul').setStyle("display", "none");

	e.target.parentNode.getElement('ul').setStyle("display", "");

	var size = $('div_navi').getSize();

	$('div_navi').set('morph', {duration: 300});
	$('div_navi').morph({height:[size.y, 100]});
	
	return false;
}

function changeSlide(e){
	if(e.target.id == curr_ele)
	return false;
	
	$('div_slide').getElements('a').setStyle("background", "#a4d3f1");
	curr_ele = e.target.id;
	e.target.setStyle("background", "#fff");


	var slide = e.target.id;

	container_2.setStyles({
		background: '#2496e3 url(files/'+slide+'s.jpg)'
	});
	
	container_1.set('morph', {duration: 500, onComplete:arrangeSlides});
	container_1.morph({position:'absolute', left: -725});
	
	container_2.set('morph', {duration: 500});
	container_2.morph({position:'absolute', left: 0});

	temp = container_1;
	container_1 = container_2;
	container_2 = temp;

	return false;
}

function arrangeSlides(){
	container_2.setStyle('left', 725);
}

function fadeLogo(){ 
	pos = this.getStyle("left").toInt(); 
	opacity = this.get("opacity");
	
	this.setStyle("left", pos + slide_time);
	
	if(pos > 260 & opacity > 0)
		this.fade('out');
	else if(pos > 0 & opacity < 1)
		this.fade('in');
	
	
	
	if(pos > delay)
		this.setStyle("left", 0);
}

function loadLogos(xml){
	var nodePath = xml.selectNodes( "//slide/data/img");

	var lastX = 0; 
	delay = nodePath.length*70;
	var img = new Array();
	
	if(delay < 420)
		delay = 420;
	
	for(i=0; i<nodePath.length; i++){
		if(nodePath[i].nodeType == 1){
			var node = nodePath[i];
			
			img[i] = new Element('img', {src: slide_dir+node.getAttribute('src')});
			lastX += 70;
		
			$('div_referenzen').adopt(img[i] );
			
			img[i].setStyle("left", lastX);
			img[i].set('opacity', 0);
			
			periodical = fadeLogo.periodical(100, img[i] );	 
		}
	}
}

var req = new Request({method: 'post', url: slide_dir+'slide_data.xml', 
	onComplete: function(responseText, responseXML){
		loadLogos(responseXML);
	}
});

if(slide_ == "an")
req.send();