var recentArticleID = 1;
	var menu;
	var mainActiveItem;
	var subActiveItem;
	var mainItems = new Array();
	var subItems = new Array();
	var recentX = 45;
  
	function trim(str){
		return str.replace(/\s+/g,"");
	}
  
	function naviItem(id, label, path, target) {
		var html = '<div class="naviItem" id="' + id + '" onclick="changePage(\'' + path + '\',\'' + label + '\',\'' + id + '\')"><img id="' + id + '_left" src="gfx/navi_left.png"/><span id="' + id + '_middle" >' + label + '</span><img id="' + id + '_right" src="gfx/navi_right.png"/></div>';
		$("#" + target).append($(html));
		$("#" + id).animate({ 
			left: recentX + "px"
		}, 1500);

		recentX += $("#" + id).width() - 20;
	}
  
	function setActive(id) {		
		if($("#" + id).parent().attr("id") == "naviMain") {
			if(mainActiveItem != id) {
				createNavi(id, true);
			}
			subActiveItem = "";
			mainActiveItem = id;
			for(var i=0; i< mainItems.length; i++) {
				if(mainItems[i] != mainActiveItem) {
					$("#" + mainItems[i] + "_left").attr('src','gfx/navi_left.png');
					$("#" + mainItems[i] + "_middle").css('background-image','url("gfx/navi_middle.png")');
					$("#" + mainItems[i] + "_right").attr('src','gfx/navi_right.png');
				}
			}
			for(var i=0; i< subItems.length; i++) {
				if(subItems[i] != subActiveItem) {
					$("#" + subItems[i] + "_left").attr('src','gfx/navi_left.png');
					$("#" + subItems[i] + "_middle").css('background-image','url("gfx/navi_middle.png")');
					$("#" + subItems[i] + "_right").attr('src','gfx/navi_right.png');
				}
			}
		} else {
			subActiveItem = id;
			$($(menu).jpath("item.item")).each(function() {
				parentItem = this;
				$(parentItem.item).each(function() {
					if(this.id == subActiveItem) {
						if(mainActiveItem != parentItem.id) {
							setActive(parentItem.id);
							createNavi(parentItem.id, true);
						}
						subActiveItem = id;
					}
				});
			});
			
			
			for(var i=0; i< subItems.length; i++) {
				if(subItems[i] != subActiveItem) {
					$("#" + subItems[i] + "_left").attr('src','gfx/navi_left.png');
					$("#" + subItems[i] + "_middle").css('background-image','url("gfx/navi_middle.png")');
					$("#" + subItems[i] + "_right").attr('src','gfx/navi_right.png');
				}
			}
		}
		$("#" + id + "_left").attr('src','gfx/navi_left_active.png');
		$("#" + id + "_middle").css('background-image','url("gfx/navi_middle_active.png")');
		$("#" + id + "_right").attr('src','gfx/navi_right_active.png');
	}
  
  function createNavi(parentItem, sub) {
	recentX = 45;
	var countItems = 0;
	if(sub) {
		$("#naviSub").html('<img src="gfx/navi0.png" style="float:left"/>');
	}
	
	var node;
	if(sub) {
		$($(menu).jpath("item.item")).each(function() {
			if(this.id == parentItem) {
				node = this;
			}
		});
	} else {
		if ($(menu).jpath('item.id:is('+ parentItem +')')) {
			node = $(menu).jpath('item');
		}
	}
	
	if(node) {
		$(node.item).each(function() {
			if(this.label) {
			if(sub) {
				var button = new naviItem(this.id, this.label, this.path, "naviSub");
				subItems.push(this.id);
			} else {
				var button = new naviItem(this.id, this.label, this.path, "naviMain");
				mainItems.push(this.id);
			}
			countItems++;
			}
		});
	}
	
	if(countItems == 0) 
		$("#naviSub").html('');
	
	$('.naviItem').hover(
		function() { 
			if(this.id != mainActiveItem && this.id != subActiveItem) {	
				$("#" + this.id + "_left").attr('src','gfx/navi_left_active.png');
				$("#" + this.id + "_middle").css('background-image','url("gfx/navi_middle_active.png")');
				$("#" + this.id + "_right").attr('src','gfx/navi_right_active.png');
			}
		},
		function() { 
			if(this.id != mainActiveItem && this.id != subActiveItem) {	
				$("#" + this.id + "_left").attr('src','gfx/navi_left.png');
				$("#" + this.id + "_middle").css('background-image','url("gfx/navi_middle.png")');
				$("#" + this.id + "_right").attr('src','gfx/navi_right.png');
			}
		}
	);
	
	if(!sub) {
		$.historyInit(pageload);
	}
	
  }
  
  function changePage(path, label, id) {
	if($("#" + id).parent().attr("id") == "naviMain") {
		if(mainActiveItem != id) {
			createNavi(id, true);
		}
		mainActiveItem = id;
		for(var i=0; i< mainItems.length; i++) {
			if(mainItems[i] != mainActiveItem) {
				$("#" + mainItems[i] + "_left").attr('src','gfx/navi_left.png');
				$("#" + mainItems[i] + "_middle").css('background-image','url("gfx/navi_middle.png")');
				$("#" + mainItems[i] + "_right").attr('src','gfx/navi_right.png');
			}
		}
	} else {
		subActiveItem = id;
		for(var i=0; i< subItems.length; i++) {
			if(subItems[i] != subActiveItem) {
				$("#" + subItems[i] + "_left").attr('src','gfx/navi_left.png');
				$("#" + subItems[i] + "_middle").css('background-image','url("gfx/navi_middle.png")');
				$("#" + subItems[i] + "_right").attr('src','gfx/navi_right.png');
			}
		}
	}
	loadContent(path);
  }
  
function begin() {
	$("#container").css("display", "block");
	$("#preload").fadeOut("slow");
	$.ajax({
		type: "GET",
		async: "false",
		url: "index.php?article_id=7.xml",
		dataType: "xml", 
		success: function(xml) { 
			menu = $.xml2json(xml); 
			createNavi("naviItem_0", false);
		}
	});
	sidebarSlideshow();
}

function init() {

	//var _images = ["gfx/navi_left.png", "gfx/navi_right.png", "gfx/navi_middle.png", "gfx/navi_middle_active.png", "gfx/navi_left_active.png", "gfx/navi_right_active.png"];
	
	var _images = [	"gfx/Bilder/sidebar_layer.png", "gfx/print.png",
					"gfx/bookmark.png", "gfx/back.png",
					"gfx/Bilder/design_new_07.jpg", "gfx/navi0.png",
					"gfx/Bilder/design_new_01.png", "gfx/loading.png",
					"gfx/print_hover.png", "gfx/bookmark_hover.png",
					"gfx/back_hover.png", "gfx/Bilder/design_new_02.jpg",
					"gfx/Bilder/design_new_11.jpg", "gfx/Bilder/design_new_03.jpg",
					"gfx/Bilder/design_new_04.jpg", "gfx/sidebarImage_back.jpg",
					"gfx/Bilder/design_new_08.jpg", "gfx/Bilder/design_new_05.jpg",
					"gfx/Bilder/footer.jpg", "gfx/navi_left.png",
					"gfx/navi_right.png", "gfx/navi_left_active.png",
					"gfx/navi_right_active.png", "files/sidebar_tabaluga_01.jpg",
					"gfx/navi_middle.png", "gfx/navi_middle_active.png"	]; 
	
	imagesLoaded = 0;
	gotime = _images.length;

	$.each(_images,function(e) {
		var newImage = new Image();
	    newImage.src = this;
	    newImage.onload = function () { imageIsLoaded(this) };
		
		imageIsLoaded( newImage );
	});
}

function imageIsLoaded( newImage )
{
    if ( newImage.alreadyLoaded || newImage.width == 0)
	    	return true;

    newImage.alreadyLoaded = true;

    ++imagesLoaded;
	if(imagesLoaded == gotime) {
		begin();
	}
}


function getCategory() {
  return seletedCategory.value;
}

function getMoreInfo(data, divID) {
  $("#moreInfo_" + divID).html("<br>" + data + "<br><br><a href='javascript:hideMoreInfo(\"" + data + "\", " + divID + ")'>Schlie&szlig;en...</a>");
}

function hideMoreInfo(data, divID) {
  $("#moreInfo_" + divID).html("<a href='javascript:getMoreInfo(\"" + data + "\", " + divID + ")'>Weiterlesen...</a>");
}

// PageLoad function
	// This function is called when:
	// 1. after calling $.historyInit();
	// 2. after calling $.historyLoad();
	// 3. after pushing "Go Back" button of a browser
	function pageload(hash) {
		// hash doesn't contain the first # character.
		if(hash != "index.php") {
			if(hash) {
				var firstSplit = hash.split("&");
				var splitted = firstSplit[0].split("=");
				recentArticleID = splitted[1];
				setActive("naviItem_" + recentArticleID);
				$("#loadingStatus").animate({ 
					width: "250px"
				}, 1000);

				$.ajax({
					type: "GET",
					async: "false",
					url: hash,
					success: function(data) {
						if(data != "") {
							$("#loadingStatus").animate({ 
								width: "0"
							}, 1000);
							$("#dynamicContent").html(data);
							decoGreyboxLinks();
							$(".validated").blur(function() {
								$(this).validate.init(this);
							});
							$("#leftWhite").css("height", $("#middle").height() - 768 + "px");
							$("#rightWhite").css("height", $("#middle").height() - 768 + "px");
							//$("#background").css("height", $("#middle").height() + "px");
						} else {
							$("#loadingStatus").animate({ 
								width: "0"
							}, 1000);
							$("#dynamicContent").html("<h1>Diese Seite existiert nicht oder wird derzeit umgestaltet</h1>");
							$("#leftWhite").css("height", $("#middle").height() - 768 + "px");
							$("#rightWhite").css("height", $("#middle").height() - 768 + "px");
							//$("#background").css("height", $("#middle").height() + "px");
						}
				  
						//Formular
						var options = { 
							target:        '#dynamicContent',   // target element(s) to be updated with server response 
							beforeSubmit:  preSubmit,  // pre-submit callback 
							//success:       showResponse  // post-submit callback 

							// other available options: 
							url:       'php/action.php',        // override for form's 'action' attribute 
							type:      'post'// 'get' or 'post', override for form's 'method' attribute 
							//dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
							//clearForm: true        // clear all form fields after successful submit 
							//resetForm: true        // reset the form after successful submit 

							// $.ajax options can be used here too, for example: 
							//timeout:   3000 
						};
						$('#kontaktForm').ajaxForm(options);
					}
				});
			} else {
				loadContent("index.php?article_id=1");
			}
		}
	}
	
function preSubmit() {
	var countErrors = 0;
	$(".error").each(function() {
		countErrors++;
		$(this).html('<img src="gfx/exclamation.gif" border="0" style="float:left;" />');
	});
	if(countErrors > 0) {
		return false;
	} else {
		return true;
	}
}
   
function loadContent(target) {
	var hash = target;
	hash = hash.replace(/^.*#/, '');	// moves to a new page. 
	// pageload is called at once. 
	$.historyLoad(hash);
}

function hide(target) {
	$("#" + target).hide();
}

function show(target) {
	$("#" + target).show();
}

function printPage() {
	var adresse = "index.php?article_id=53&FORM[aid]=" + recentArticleID;
	var MeinFenster = window.open(adresse, "_blank", "width=800,height=400,left=100,top=200,scrollbars=yes");
	MeinFenster.focus();
}

/* <![CDATA[ */

function showMap(address, html, divID) {
	
	if($("#map_" + divID).html() == ""){
		var key = "ABQIAAAAdsDNFkkgo8wYOQU6MG4I0hTyZR2Y89HhYIhTp4wJuLpsakwXQxS244SeySVVgZT_2seTFX_w2GgdJA";
		var getUrl = 'php/getCoords.php5?key=' + key + '&q=' + address;
		$("#map_" + divID).html("Karte wird geladen...");
		$.ajax({
			type: "GET",
			async: "false",
			url: getUrl,
			success: 
				function(data) {
					var point = data.split("###");
					createMap(point[0],point[1], html, divID);
				}
		});
	} else {
		$("#map_" + divID).css("display", "block");
	}
	
}

function createMap(latitude, longitude, html, divID) {
		if (GBrowserIsCompatible()) {
			$("#map_" + divID).width(400);
			$("#map_" + divID).height(400);
			var map = new GMap2(document.getElementById("map_" + divID));
			map.setCenter(new GLatLng(latitude, longitude), 13);   
			map.setZoom(15);     
			var point1 = new GLatLng(latitude, longitude);
			var locInfo = new GMarker(point1);
			GEvent.addListener(locInfo, "click", function()
				{locInfo.openInfoWindowHtml(html)});
			map.addOverlay(locInfo);
			locInfo.openInfoWindowHtml(html);	
			$("#map_" + divID).append('<div class="closeMap"><a href="javascript:close(\'map_' + divID + '\')">Karte schlie&szlig;en</a></div>');	
			map.setUIToDefault();
		}
}	

function close(target) {
	$("#" + target).css("display", "none");
}

function focusNavi() {
	$("#navi").append("");
}

function createBookmarkLink() {

	title = "Musicalcompany Martin Luther - Hartha (Sachsen)"; 
	url = "http://www.musicalcompany.de";

	if(Bookmark.canBookmark()) {
		Bookmark.bookmarkPage(url, title);
	} else {
		alert("Bitte benutzen Sie " + Bookmark.getKeystroke() + " um die Seite zu Ihren Favoriten hinzuzuf\xFCgen");
	}

}
 
function sidebarSlideshow() {
	/*
	var pos = $("#sidebarImage").offset();
	if(pos.top < 250) {
		$("#sidebarLayer").css( { "left": pos.left + "px", "top": "250px" } );
	} else {
		$("#sidebarLayer").css( { "left": pos.left + "px", "top": pos.top + "px" } );
	}
	*/
	$("#sidebarLayer").css("visibility", "visible");
	$("#sidebarImage").image("files/sidebar_tabaluga_01.jpg");

	$.ajax({
		type: "GET",
		async: "false",
		url: "index.php?article_id=57",
		success: function(data) {
			var images = data.split("###");
			var times = images.length;
			$("#sidebarImage").everyTime(10000, function(i) {
				$(this).image(images[i%times]);
			}); //endEveryTime
	   }
	});
}

function jumpToAnchor(targetDiv) {
	
   // duration in ms
   var duration=1500;

   // easing values: swing | linear
   var easing='swing';

   var target=$("#" + targetDiv).offset().top;

      // animate to target and set the hash to the window.location after the animation
      $("html:not(:animated),body:not(:animated)").animate({ scrollTop: target }, duration, easing, function() { });

}

/* ]]> */