function init() {
    if (window.event) {
        if (document.captureEvents){
          document.captureEvents(Event.MOUSEMOVE);
        } else {
          window.captureEvents(Event.MOUSEMOVE);
        }
    }
  document.onmousemove = getXY;
}

function getOffset(strID){
  var objStart = document.getElementById(strID);
  // Startwert
  var intOffsetLeft = objStart.offsetLeft;
  // Offset-Objekt
  var objOffset = {
    left: objStart.offsetLeft,
    top: objStart.offsetTop
  }

  // Elternelement mit Offset ermitteln
  var objHelpOffset = objStart.offsetParent;

  // Solange OffsetElemente existieren
  while(objHelpOffset){
    // Offsets addieren
    objOffset.left += objHelpOffset.offsetLeft;
    objOffset.top += objHelpOffset.offsetTop;
    // Nächstes OffsetElement
    objHelpOffset = objHelpOffset.offsetParent;
  }

  return objOffset;  // Offset-Objekt zurückgeben; Zugriff über .left und .top
}

var mousex 
var mousey; 
var div_left = 0;
var div_top = 0;
var width = 700;
function getXY(e) { 
    if(!e) e = window.event; 
    var body = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ? 
    window.document.documentElement : window.document.body || null; 
     
	mousey = e.pageY ? e.pageY : e.clientY + body.scrollTop; 
    mousex = e.pageX ? e.pageX : e.clientX + body.scrollLeft; 
	if(mousex < div_left) { mousex = div_left; }
	if(mousex > (div_left + width)) { mousex = div_left + width; }
} 
init();

function img_over(elem) {
	var bild = elem.src;
	var bild_over = bild.replace(/\.jpg/g, "_r.jpg");
	bild_over = bild_over.replace(/\.png/g, "_r.png");
	elem.src = bild_over;
}
function img_out(elem) {
	var bild = elem.src;
	var bild_over = bild.replace(/\_r.jpg/g, ".jpg");
	bild_over = bild_over.replace(/\_r.png/g, ".png");
	elem.src = bild_over;
}
function description(menue, aufzu) {
	if(aufzu == 'auf') {
//$("text_" + menue).style.display = 'block';
//		new Effect.BlindDown('text_' + menue, { duration:0.3 });
		new Effect.SlideDown('text_' + menue, { duration:0.2 });
	} else {
//$("text_" + menue).style.display = 'none';
		new Effect.SlideUp('text_' + menue, { duration:0.2 });
	}
}
function eingabe(elem, part) {
	if(part == "firma") {
		if(elem.value == "Ihr Firmenname") { elem.value = ''; }
	}
	if(part == "name") {
		if(elem.value == "Ihr Name") { elem.value = ''; }
	}
	if(part == "strasse") {
		if(elem.value == "Ihre Strasse") { elem.value = ''; }
	}
	if(part == "ort") {
		if(elem.value == "Ihr Wohnort") { elem.value = ''; }
	}
	if(part == "plz") {
		if(elem.value == "Ihre PLZ") { elem.value = ''; }
	}
	if(part == "email") {
		if(elem.value == "Ihre eMailadresse") { elem.value = ''; }
	}
	if(part == "mitteilung") {
		if(elem.value == "Ihre Mitteilung an uns...") { elem.value = ''; }
	}
}
function startbild_schliessen() {
	$("startbild").style.display = 'none';
}
function zurueck() {
	illustration_stop();
	if($("illustration").style.display = 'none') {
		new Effect.Fade("illustration", { duration:0.3 });
		new Effect.Fade("menue_illustration", { duration:0.3 });
	}
	konzeption_stop();
	if($("konzeption").style.display = 'none') {
		new Effect.Fade("konzeption", { duration:0.3 });
		new Effect.Fade("menue_konzeption", { duration:0.3 });
	}
	design_stop();
	if($("design").style.display = 'none') {
		new Effect.Fade("design", { duration:0.3 });
	}
	if($("mich").style.display = 'none') {
		new Effect.Fade("mich", { duration:0.3 });
	}
	if($("kontakt").style.display = 'none') {
		new Effect.Fade("kontakt", { duration:0.3 });
	}
	if($("impressum").style.display = 'none') {
		new Effect.Fade("impressum", { duration:0.3 });
	}
	$("info").innerHTML = '';
	$("menue_zurueck").style.display = 'none';
}
var illustration_timeout;
var konzeption_timeout;
var design_timeout;
function illustration_stop() { clearTimeout(illustration_timeout); }
function konzeption_stop() 	 { clearTimeout(konzeption_timeout); }
function design_stop() 		 { clearTimeout(design_timeout); }

function illustration_bewegen() {
	var stepping = Math.floor((div_left + width/2 - mousex) / 10);
	elem = $("illustration_inhalt");
	if(((parseInt(elem.style.left) + stepping) <= 70)&&((parseInt(elem.style.left) + stepping) >= -(maxlength_illustration - width + 100))) {
	elem.style.left = (parseInt(elem.style.left) + stepping) + "px";
	}
	illustration_timeout = setTimeout("illustration_bewegen()", 40);
}
function konzeption_bewegen() {
	var stepping = Math.floor((div_left + width/2 - mousex) / 10);
	elem = $("konzeption_inhalt");
	if(((parseInt(elem.style.left) + stepping) <= 70)&&((parseInt(elem.style.left) + stepping) >= -(maxlength_konzeption - width + 100))) {
	elem.style.left = (parseInt(elem.style.left) + stepping) + "px";
	}
	konzeption_timeout = setTimeout("konzeption_bewegen()", 40);
}
function design_bewegen() {
	var stepping = Math.floor((div_left + width/2 - mousex) / 10);
	elem = $("design_inhalt");
	if(((parseInt(elem.style.left) + stepping) <= 70)&&((parseInt(elem.style.left) + stepping) >= -(maxlength_design - width + 100))) {
	elem.style.left = (parseInt(elem.style.left) + stepping) + "px";
	}
	design_timeout = setTimeout("design_bewegen()", 40);
}
function illustration() {
	function einblenden() {
		new Effect.Appear("menue_illustration", { duration:0.3 });
		new Effect.Appear("illustration", { duration:0.3, afterFinish:illustration_bewegen });
		div_left = getOffset('illustration').left + 50;
		div_top = getOffset('illustration').top;
	}
	var myAjax = new Ajax.Updater("illustration_inhalt", "aktionen.php", { method: 'post', postBody: 'open=illustration', onComplete:einblenden } );
	$("info").innerHTML = '<img src="img/men_illustration_r.png" border="0" width="115" height="24" />';
	$("menue_zurueck").style.display = 'block';
}
function konzeption() {
	function einblenden() {
		new Effect.Appear("menue_konzeption", { duration:0.3 });
		new Effect.Appear("konzeption", { duration:0.3, afterFinish:konzeption_bewegen });
		div_left = getOffset('konzeption').left + 50;
		div_top = getOffset('konzeption').top;
	}
	var myAjax = new Ajax.Updater("konzeption_inhalt", "aktionen.php", { method: 'post', postBody: 'open=konzeption', onComplete:einblenden } );
	$("info").innerHTML = '<img src="img/men_konzeption_r.png" border="0" width="104" height="24" />';
	$("menue_zurueck").style.display = 'block';
}
function design() {
	function einblenden() {
		new Effect.Appear("design", { duration:0.3, afterFinish:design_bewegen });
		div_left = getOffset('design').left + 50;
		div_top = getOffset('design').top;
	}
	var myAjax = new Ajax.Updater("design_inhalt", "aktionen.php", { method: 'post', postBody: 'open=design', onComplete:einblenden } );
	$("info").innerHTML = '<img src="img/men_design_r.png" border="0" width="71" height="24" />';
	$("menue_zurueck").style.display = 'block';
}
function kontakt() {
	function weiter() {
		$("menue_zurueck").style.display = 'block';
	}
	illustration_stop();
	if($("illustration").style.display = 'none') {
		new Effect.Fade("illustration", { duration:0.3 });
		new Effect.Fade("menue_illustration", { duration:0.3 });
	}
	konzeption_stop();
	if($("konzeption").style.display = 'none') {
		new Effect.Fade("konzeption", { duration:0.3 });
		new Effect.Fade("menue_konzeption", { duration:0.3 });
	}
	design_stop();
	if($("design").style.display = 'none') {
		new Effect.Fade("design", { duration:0.3 });
	}
	if($("mich").style.display = 'none') {
		new Effect.Fade("mich", { duration:0.3 });
	}
	if($("impressum").style.display = 'none') {
		new Effect.Fade("impressum", { duration:0.3 });
	}
	$("info").innerHTML = '<img src="img/head_kontakt.png" border="0" width="74" height="22" />';
	new Effect.Appear("kontakt", { duration:0.3, afterFinish:weiter() });
}
function mich() {
	function weiter() {
		$("menue_zurueck").style.display = 'block';
	}
	illustration_stop();
	if($("illustration").style.display = 'none') {
		new Effect.Fade("illustration", { duration:0.3 });
		new Effect.Fade("menue_illustration", { duration:0.3 });
	}
	konzeption_stop();
	if($("konzeption").style.display = 'none') {
		new Effect.Fade("konzeption", { duration:0.3 });
		new Effect.Fade("menue_konzeption", { duration:0.3 });
	}
	design_stop();
	if($("design").style.display = 'none') {
		new Effect.Fade("design", { duration:0.3 });
	}
	if($("impressum").style.display = 'none') {
		new Effect.Fade("impressum", { duration:0.3 });
	}
	if($("kontakt").style.display = 'none') {
		new Effect.Fade("kontakt", { duration:0.3 });
	}
	$("info").innerHTML = '<img src="img/head_mich.png" border="0" width="200" height="22" />';
	new Effect.Appear("mich", { duration:0.3, afterFinish:weiter() });
}
function impressum() {
	function weiter() {
		$("menue_zurueck").style.display = 'block';
	}
	illustration_stop();
	if($("illustration").style.display = 'none') {
		new Effect.Fade("illustration", { duration:0.3 });
		new Effect.Fade("menue_illustration", { duration:0.3 });
	}
	konzeption_stop();
	if($("konzeption").style.display = 'none') {
		new Effect.Fade("konzeption", { duration:0.3 });
		new Effect.Fade("menue_konzeption", { duration:0.3 });
	}
	design_stop();
	if($("design").style.display = 'none') {
		new Effect.Fade("design", { duration:0.3 });
	}
	if($("kontakt").style.display = 'none') {
		new Effect.Fade("kontakt", { duration:0.3 });
	}
	if($("mich").style.display = 'none') {
		new Effect.Fade("mich", { duration:0.3 });
	}
	$("info").innerHTML = '<img src="img/head_impressum.png" border="0" width="89" height="22" />';
	new Effect.Appear("impressum", { duration:0.3, afterFinish:weiter() });
}
function illustration_detail(bild) {
	function einblenden() {
		new Effect.Appear("detail", { duration:0.3 });
	}
	var myAjax = new Ajax.Updater("detail", "aktionen.php", { method: 'post', postBody: 'open=illustration_big&bild=' + bild, onComplete:einblenden } );
}
function konzeption_detail(bild) {
	function einblenden() {
		new Effect.Appear("detail", { duration:0.3 });
	}
	var myAjax = new Ajax.Updater("detail", "aktionen.php", { method: 'post', postBody: 'open=konzeption_big&bild=' + bild, onComplete:einblenden } );
}
function design_detail(bild) {
	function einblenden() {
		new Effect.Appear("detail", { duration:0.3 });
	}
	var myAjax = new Ajax.Updater("detail", "aktionen.php", { method: 'post', postBody: 'open=design_big&bild=' + bild, onComplete:einblenden } );
}
var kontakt_versendet = function(r) {
	if(r.responseText == 'ok') {
		$("kontakt").innerHTML = '<div id="kontakt_versendet"><p>Vielen Dank f&uuml;r Ihre Anfrage, wir werden uns schnellstm&ouml;glich mit Ihnen in Verbindung setzen!</p></div>' +
								 '<div id="kontakt_info"><img src="img/kontakt.png" border="0" width="182" height="151" /></div>'
	} else {
		$("kontakt_fehler").innerHTML = r.responseText;
	}
}
function kontakt_senden() {
	$("kontakt_sendebutton").innerHTML = '<img src="img/but_anfrage.png" border="0" width="173" height="22" />';
	var str = "";
	var f = Form.getElements($("kontakt_form"));
	for(var i=0, len=f.length; i < len; i++) {
		if(i > 0) { str += "&"; }
		str += f[i].name + "=" + (f[i].value).replace(/&/g, "##!!##");
	}
	var myAjax = new Ajax.Request("aktionen.php", { method: 'post', postBody: 'kontakt=senden&' + str, onComplete: kontakt_versendet } );
}
function detail_schliessen() {
	new Effect.Fade("detail", { duration:0.3 });
}