/////////////////////////////////////////////////////
// Drag & Drop Funktion 
/////////////////////////////////////////////////////

  //Das Objekt, das gerade bewegt wird.
  var dragobjekt = null;

  // Position, an der das Objekt angeklickt wurde.
  // relativ zur oberen, rechten Ecke des Objekts
  var dragx = 0;
  var dragy = 0;

  // Mausposition
  // relativ zur oberen, rechten Ecke des Fensters
  var posx = 0;
  var posy = 0;
  
  function draginit() {
  
  // Initialisierung der Überwachung der Events
  
  document.onmousemove = drag;
  document.onmouseup = dragstop;

  // Textmarkierung verhindern
  document.ondrag = function() {return false;};
  document.onselectstart = function() {return false;};
  	
  // Dragobjekt Position	
  if (document.cookie) {
	// Cookie auslesen
	a = document.cookie;
	
	PoseX = a.substring(0,a.indexOf('='));
	if(a.indexOf(';') != -1) {
		wertX = a.substring(a.indexOf('=')+1,a.indexOf(';'));
	} else {
		wertX = a.substr(a.indexOf('=')+1,a.length);
	}
	
	a = a.substr(a.indexOf(';')+1,a.length);
	
	PoseY = a.substring(0,a.indexOf('='));
	if(a.indexOf(';') != -1) {
		wertY = a.substring(a.indexOf('=')+1,a.indexOf(';'));
	} else {
		wertY = a.substr(a.indexOf('=')+1,a.length);
	}
	
	// Navigator an Benutzerposition ausrichten
	document.getElementById('navigation').style.left = wertX + "px";
	document.getElementById('navigation').style.top = wertY + "px";
//	alert(wertY);
//	alert(document.cookie);
	} else {
/*		// Navigator an Mauszeiger ausrichten
		posx = document.all ? window.event.clientX : ereignis.pageX;
		posy = document.all ? window.event.clientY : ereignis.pageY;
		document.getElementById('navigation').style.left = (posx - dragx) + "px";
		document.getElementById('navigation').style.top = (posy - dragy) + "px"; */
		
		// Navigator an feste Position
		document.getElementById('navigation').style.left = "290px"; // 790
		document.getElementById('navigation').style.top = "35px"; // 40
	 }
  }

  function dragstart(element) {
     //Wird aufgerufen, wenn ein Objekt bewegt werden soll.
     //Parameter element: Das zu bewegende Objekt.

    dragobjekt = element;
    dragx = posx - dragobjekt.offsetLeft;
    dragy = posy - dragobjekt.offsetTop;
  }


  function dragstop() {
    //Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.
	
	hoehe = (window.innerHeight) ? window.innerHeight : document.documentElement.offsetHeight;
	breite = (window.innerWidth) ? window.innerWidth : document.documentElement.offsetWidth;
	if(dragobjekt != null)
    {
        dragobjekt = null;
    }
  }

  function drag(ereignis) {
    //Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.
	
    posx = document.all ? window.event.clientX : ereignis.pageX;
    posy = document.all ? window.event.clientY : ereignis.pageY;
    if(dragobjekt != null) {
		if(document.getElementById('navigation') == dragobjekt) {
			dragobjekt.style.left = (posx - dragx) + "px";
			dragobjekt.style.top = (posy - dragy) + "px";	
	  
	// Cookie setzen
	var ablauf = new Date();
	var Tag = ablauf.getTime() + (24 * 60 * 60 * 1000);
	ablauf.setTime(Tag);
	document.cookie = "PoseX="+(posx - dragx)+"; path=/; expires="+ablauf.toGMTString()+";";
	document.cookie = "PoseY="+(posy - dragy)+"; path=/; expires="+ablauf.toGMTString()+";";
	/*
		} // BoxInfo function
		if(document.getElementById('boxInfo') == dragobjekt) {
			dragobjekt.style.left = (posx - 150) + "px";
			dragobjekt.style.top = (posy - 40) + "px";
			*/
		
		} else {
			dragobjekt.style.left = (posx - dragx) + "px";
			dragobjekt.style.top = "0px";
		}
    }
  }

/////////////////////////////////////////////////////
// Puldown Menü
/////////////////////////////////////////////////////

function zeigen() {
	button = document.getElementById('nav').style.visibility
	if(button == "visible") {
		document.getElementById('nav').style.visibility = "hidden";
	} else {
		document.getElementById('nav').style.visibility = "visible";
	}
}

function zeige_info() {
	document.getElementById('draginfo').style.visibility = "visible";
	document.getElementById('nav_button').style.visibility = "hidden";
}

function weg_info() {
	document.getElementById('draginfo').style.visibility = "hidden";
	document.getElementById('nav_button').style.visibility = "visible";
}

function zeigeInfo() {
	document.getElementById('draginfo').style.visibility = "visible";
	document.getElementById('nav_button_red').style.visibility = "hidden";
}

function wegInfo() {
	document.getElementById('draginfo').style.visibility = "hidden";
	document.getElementById('nav_button_red').style.visibility = "visible";
}

/////////////////////////////////////////////////////
// Bildueberblendung - Fader
/////////////////////////////////////////////////////

// Funktion zum Überblenden von einem Bild auf ein anderes
// Mit den beiden Parametern werden die IDs der Bildelemente angegeben,
// die ineinander übergeblendet werden sollen.
function fade_to (element_id1, element_id2) {
  // Prozess noch nicht gestartet?
  if (!this.proc) {
    // Überblendung auf das gleiche Bild ist nicht möglich!
    if (element_id1 == element_id2) {
      alert ('Sie muessen die IDs zweier unterschiedlicher HTML-Elemente angeben!');
      return;
    }
    // Prozess starten
    this.proc = window.setInterval ('fade_to(\'' + element_id1 + '\', \'' + element_id2 + '\')', 50);
  }
  else {
    // Effekt läuft bereits
    // Verweise auf die Elemente holen...
    var e = document.getElementById (element_id1);
    var e2 = document.getElementById (element_id2);
    var opacity1, opacity2;
    // Aktuelle Transparenz der beiden Bilder bei
    // Opera und Mozilla-Abkömmlingen mit opacity Style-Eigenschaft..
    if (!e.filters) {
      opacity1 = !e.style.opacity ? 1 : parseFloat (e.style.opacity);
      opacity2 = !e2.style.opacity ? 0 : parseFloat (e2.style.opacity);
    }
    // bzw. über die Filter des IE ermitteln.
    else {
      opacity1 = !e.filters.alpha.opacity ? 1 : parseFloat (e.filters.alpha.opacity) / 100;
      opacity2 = !e2.filters.alpha.opacity ? 0 : parseFloat (e2.filters.alpha.opacity) / 100;
    }
    // Volle Transparenz von Bild 1 noch nicht erreicht?
    if (opacity1 != 0) {
      // Transparenz der beiden Bilder um 5% in die unterschiedlichen
      // Richtungen anpassen.
      opacity1 -= 0.05;
      opacity2 += 0.05;
      // Anpassung der Styles erfolgt wieder Browserabhängig
      if (!e.filters) {
        e.style.opacity = opacity1;
        e2.style.opacity = opacity2;
      }
      else {
        e.filters.alpha.opacity = opacity1;
        e2.filters.alpha.opacity = opacity2;
      }
    }
    else {
      // Volle Transparenz von Bild 1 erreicht!
      // Das andere Bild ist in diesem Fall vollständig eingeblendet!
      window.clearInterval (this.proc);
      this.proc = null;
    }
  }
}

/////////////////////////////////////////////////////
// Aktueller Jahr setzen
/////////////////////////////////////////////////////

function date() {
	var jetzt = new Date();
	var Jahr = jetzt.getYear();
	if (Jahr < 999)
		Jahr += 1900;
	document.write(Jahr);
}

/////////////////////////////////////////////////////
// Mausvervolger
/////////////////////////////////////////////////////

function maus() {
	button = document.getElementById('boxInfo').style.visibility
	if(button == "visible") {
		document.getElementById('boxInfo').style.visibility = "hidden";
	} else {
		document.getElementById('boxInfo').style.visibility = "visible";
	}
}

function mausRef() {
	button = document.getElementById('boxInfoRef').style.visibility
	if(button == "visible") {
		document.getElementById('boxInfoRef').style.visibility = "hidden";
	} else {
		document.getElementById('boxInfoRef').style.visibility = "visible";
	}
}