$(document).ready(function(){
      $("#main_window > div").hide();
      $.getJSON("getNaviJS.php5", function(data) {
        navigation.items = data.items;
        navigation.initialize();
        navigation.activate(navigation.items.startseite);
      });
      $("#navi > ul > li > a").attr("href", "");
    });
  
    navigation = {
      active_nav : "", 
      initialize : function() {
        $("#page_content").css({'position' : 'relative'});
        for (var i in this.items) {
          var j=this.items[i];
  	  $("#" + j.content_id).css({'position' : 'absolute', 'top' : '0', 'left' : '0'});
          $("#" + j.nav_id).bind("mousedown", {obj:j}, function(e) { navigation.activate(e.data.obj); return false; });
          $("#" + j.nav_id).bind("click", function(e) { return false; });
        }
      },
      activate : function(i) { 
        if (this.active_nav != i) {
          if (this.active_nav != "") {
            $("#" + this.active_nav.content_id).fadeOut(1500);
	    $("#" + this.active_nav.nav_id).removeClass(this.active_nav.sel_class);
	    $("#" + this.active_nav.nav_id).addClass(this.active_nav.def_class);
          }  
          $("#" + i.content_id).fadeIn(1500);
	  $("#" + i.nav_id).removeClass(i.def_class);
	  $("#" + i.nav_id).addClass(i.sel_class);
	  if (i.img_list == "false") {
	    $("#imagelist").fadeOut(1500);
	    $("#main_window").width(649);
	  } else {
	    if ($("#imagelist").css("display") != "none") {
	      $("#imagelist").fadeOut(1500, function() {
                $.getJSON("getImageList.php5", {il: i.img_list}, function(data) {
	          imagelist.initialize(data.imgs);
	        });
	        $("#imagelist").fadeIn(1500);
	      });
	    } else {
              $.getJSON("getImageList.php5", {il: i.img_list}, function(data) {
	        imagelist.initialize(data.imgs);
	      });
	      $("#imagelist").fadeIn(1500);
	    }
	    $("#main_window").width(512);
	  }
          this.active_nav = i;
	}
      }
    };