YAHOO.namespace("PageUI");
var dom = YAHOO.util.Dom;
var evt = YAHOO.util.Event;
var active = '';
var linkColor = '#91C918';
var activeColor = '#999BAD';
var att1 = { opacity: { to: 0 } };
var att2 = { opacity: { to: 1 } };
var img = 0;
var first;

function init(){
	var items = dom.getElementsByClassName("nav","a");
	for(var i=0;i<items.length;i++){
		evt.addListener(items[i], "click", navigate, items[i]);
	}
	evt.addListener("slide-nav", "click", slide, this);
	setTimeout("slide()", 3000);
}

function navigate(e){
	var container = document.getElementById("page-content");
	var obj = (e.target) ? e.target : e.srcElement;
	var parent = obj.parentNode;
	var parentClass = (parent.parentNode.getAttribute("class") ? parent.parentNode.getAttribute("class") : parent.parentNode.getAttribute("className"));
	
	if(active != ''){
		active.style.color = linkColor;
	}
	active = obj;
	active.style.color = activeColor;
	
	var fade_out = new YAHOO.util.Anim("page-content", att1,0.5);
	var fade_in = new YAHOO.util.Anim("page-content", att2,0.5);
	
	fade_out.animate();
	fade_out.onComplete.subscribe(
	function (){
		var r = newXMLObject();
		var uri = '/_include/ajax/navigator.php?_q=';
		uri += timestamp+"|";
		uri += obj.href+"|";
		
		r.onreadystatechange = function(){
			if(r.readyState == 4){
				document.getElementById("page-content").innerHTML = r.responseText;
				fade_in.animate();
				}
			else{
				document.getElementById("page-content").innerHTML = '<div class="loading"><img src="images/wait_black.gif" alt="Inhalt wird geladen" align="center" /><br /><br />Inhalt wird geladen</div>';
			}
		}
		
		r.open("GET",uri,true);
		r.send(null);
		}
	);
}

function slide(){
	img++;
	var fade_out = new YAHOO.util.Anim("slide", att1,0.5,YAHOO.util.Easing.easeOut);
	var fade_in = new YAHOO.util.Anim("slide", att2,0.5,YAHOO.util.Easing.easeOut);
	if(img == 1){
		first = document.getElementById("slide").src;
	}
	fade_out.animate();
	fade_out.onComplete.subscribe(
	function (){
		var r = newXMLObject();
		var uri = '/_include/ajax/slider.php?_q=';
		uri += timestamp+"|";
		uri += img+"|";
		
		r.onreadystatechange = function(){
			if(r.readyState == 4){
				if(r.responseText == 0){
					document.getElementById("slide").src = first;
					img = 1;
				}
				else{
					document.getElementById("slide").src = 'images/slides/'+r.responseText;
				}
				fade_in.animate();
				fade_in.onComplete.subscribe(function(){setTimeout("slide()", 3000);});
				}
		}
		
		r.open("GET",uri,true);
		r.send(null);
		}
	);
}

YAHOO.util.Event.onDOMReady(init);