// code direkt nach seitenaufbau starten


$(document).ready(function()
{
 	var links = {
 	0:'start',
 	1:'veranstaltungen',
 	2:'fotos',
 	3:'partner',
 	4:'impressum'
 	
 	};
 	
 	//Startseite selektieren
 	$("#"+selected).css({background: 'url(images/buttons/'+selected+'Hover.png)'});
	// allen links im div 'navigation' eine click()-funktion zuweisen.
	// es wird auch auf alle links von der dynamisch nachgeladenen
	// seiten reagiert (solange die seiten in das content-div geladen werden)!
	
	
	$("#navigation a").mouseover(function() {
    	var id = $(this).attr("id");
    	if(selected!=id) $(this).css({background: 'url(images/buttons/'+id+'.png)'});
  	}).mouseout(function(){
   	 	var id = $(this).attr("id");
    	if(selected!=id) $(this).css({background: 'url(images/buttons/'+id+'Normal.png)'});
  	});
	
	
	
	
			
		$('#nextParty').click(function(){
			updateLinks(1);
           $('#inhalt').fadeOut(400,function(){ change('veranstaltungen.htm') });
		});
		
		$('#start').click(function(){
			updateLinks(0);
           $('#inhalt').fadeOut(400,function(){ change('start.htm') });
		});
		$('#veranstaltungen').click(function(){
			updateLinks(1);
           $('#inhalt').fadeOut(400,function(){ change('veranstaltungen.htm') });
          
		});
		$('#fotos').click(function(){
			updateLinks(2);
           $('#inhalt').fadeOut(400,function(){ change('fotos.php') });
		});
		$('#partner').click(function(){
			updateLinks(3);
           $('#inhalt').fadeOut(400,function(){ change('partner.htm') });
		});
		$('#impressum').click(function(){
			updateLinks(4);
           $('#inhalt').fadeOut(400,function(){ change('impressum.htm') });
		});
		
		
		

		 
		function change(loc){
		$.ajax({
		  url: loc,
		  type: 'POST',
		  success: function( neueDaten ) {
		      $('#inhalt').html( neueDaten );
		    },
		  complete: function(){
		    $('#inhalt').fadeIn(500);
		  }
		});
		   }
		   
		 function updateLinks(i) {
			var pageToLoadName = links[i];
		 	$.each(links, function(key,value) { 
			
			if(pageToLoadName==value) {
				$("#"+value).css({background: 'url(images/buttons/'+value+'Hover.png)'});
				selected = value;
			} else {
	  			$("#"+value).css({background: 'url(images/buttons/'+value+'Normal.png)'});
	  		}
			});
		 }
		 /*
	/*$("#navigation a, #nextParty a").live("click",function()
	{
		
		// das link-ziel jeweils auslesen & zwischenspeichern
		var pageToLoad = $(this).attr("href");
		var pageToLoadName = pageToLoad.substring(0,pageToLoad.length-4);
	
		var id = $(this).attr("id");
		// varaible fŸr den neuen inhalt
		
		$.each(links, function(key,value) { 
			
			if(pageToLoadName==value) {
				$("#"+pageToLoadName).css({background: 'url(images/buttons/'+pageToLoadName+'Hover.png)'});
				selected = key;
			} else {
	  			$("#"+value).css({background: 'url(images/buttons/'+value+'Normal.png)'});
	  		}
		});
		//$("."+class).addClass(class+"Hover");
		//$("."+class).removeClass(class);
		
		var pageContent;
	 
		$("#inhalt").load(pageToLoad); 
		// wichtig! sonst wird der a-link im browser aufgerufen!
		return false;
	});*/
	
});