//menu
var currentMainMenu = "";
var startSlideshow = new Array();
var slideshows = new Array();
var currentSlideshow;

//xml laden
$.ajax({
	url: "xml/galleries.xml",
	dataType: "xml",
	success: getStartSlideshowImages
});

function getStartSlideshowImages(xml){
	$(xml).find("photo").each(function(){
		var photo = new Array();
		if($(this).attr('homeSlideShow') != "0"){
			photo[0] = $(this).attr('name');
			photo[1] = $(this).attr('credits');
			photo[2] = $(this).attr('credits2');
			startSlideshow.push(photo);
		}
	})
	createSlideshow(startSlideshow);
	createMenu(xml);
}


function createMenu(xml){
	//galleries liste erstellen
	$("#portfolio").after("<ul id=categories></ul>")
	//für jede gefundene category ein listitem hinzufügen
	var i = 0; //welche category
	$(xml).find("category").each(function(){
		$("#categories").append("<li><a  href='#' title='asdasdf'>"+$(this).attr('name')+"</a></li>");
		//nur in das aktuel letzte listitem eine neue liste hinzufügen
		$("#categories li:last").append("<ul class=thumblist></ul>");
		var j = 0; //welche galleriey in der category
		//gallerien hinzufügen
		
		$(this).find("gallerie").each(function(){
			
			var gallery = new Array();
			
			$(this).find("photo").each(function(){
				//photos einer gallery in array speichern
				var photo = new Array();
				photo[0] = $(this).attr('name');
				photo[1] = $(this).attr('credits');
				photo[2] = $(this).attr('credits2');
				gallery.push(photo);
				
				//ausgewähltes thumb aus gallerie anzeigen
				if($(this).attr('previewThumb') == "true"){
					$("#categories ul:last").append("<li><img id="+i+" width='46' height='46' src='photos/t_"+$(this).attr('name')+"' /></li>");
					$("#"+i).fadeTo(10, 0.4);
				}
			});
			i++;
			//gallery in slideshows speichern
			slideshows.push(gallery);
			
		});
		
	});
	
	//categories und galleires ausblenden
	$("#categories, #categories ul").hide();

	initMenu();
}
function initMenu(){	
	//hauptmenüpunkte verlinken
	$("#menu > li > a").click(function() {
		//neuer hauptmenupunkt ist ausgewählt
		if(currentMainMenu != this && !$("#sidebar").is(":animated")){

			//$("#menu > li >  a").removeClass("activeMenu");
			currentMainMenu = this;
			//$("#"+currentMainMenu.id).addClass("activeMenu");

			switch (currentMainMenu.id) {
				case "portfolio": 
					
					hideSidebar();
					if($(this).next().is(':visible')) {
						//alle offenen submenpunkte schliessen
						//slideUp($("#menu ul"));
						return false;
					}else{
						slideDown($(this).next());
						return false;
					}	
					break;
			 
				case "about": 
					//alle offenen submenpunkte schliessen
					//slideUp($("#menu ul"));
					//sidebar zeigen
					showSidebar("subAbout");
					break;
			 
				case "contact": 
					//alle offenen submenpunkte schliessen
					//slideUp($("#menu ul"));
					//sidebar zeigen
					showSidebar("subContact");
					break;
			}
			return false;
		}
	})
	
	//submenupunkte verlinken
	$("#categories > li > a").click(function() {	
		slideUpDownElement($(this));
	});
	
	//gallerien verlinken
	$("#categories ul > li > img").click(function(){		   
		if(currentSlideshow != this.id || currentSlideshow == " ") 
		{
			$("#"+currentSlideshow).fadeTo(200, 0.4);
			$("#categories li a").removeClass("activeSubMenu");
			$(this).parent().parent().prev().addClass("activeSubMenu");
			currentSlideshow = this.id;
			createSlideshow(slideshows[this.id]);
		}
	})
	
	
	
	$("#categories ul > li > img").hover(function(){
		$(this).fadeTo(200, 1);	
	},function (){
		if(this.id != currentSlideshow){
			$(this).fadeTo(200, 0.4);
		}
	});
}


function slideUpDownElement(element){
	var checkElement = element.next();

	if(checkElement.is(':visible')) {
		slideUp(checkElement);
		return false;
	}else{
		//alle offenen galleries schliessen
		slideUp($("#categories ul"));
		slideDown(checkElement)
		return false;
	}	
}

function slideUp(element){

	element.slideUp({
		duration: 800,
		easing: 'easeOutExpo'
	})
}

function slideDown(element){
	
	element.slideDown({
		duration: 800,
		easing: 'easeOutExpo'
	})	
}