//Ab hier kommt das Drag & Drop-Script für die Fahrzeugaufbereitung

var objDrag = null;     // Element, über dem Maus bewegt wurde

  var mouseX   = 0;       // X-Koordinate der Maus
  var mouseY   = 0;       // Y-Koordinate der Maus

  var offX = 0;           // X-Offset der Maus zur linken oberen Ecke des Elements
  var offY = 0;           // Y-Offset der Maus zur linken oberen Ecke des Elements

  // Browserweiche
  IE = document.all&&!window.opera;
  DOM = document.getElementById&&!IE;

  // Initialisierungs-Funktion
  function init(){
    // Initialisierung der Überwachung der Events
    document.onmousemove = doDrag;  // Bei Mausbewegung die Fkt. doDrag aufrufen
    document.onmouseup = stopDrag;  // Bei Loslassen der Maustaste die Fkt. stopDrag aufrufen
  }

  // Wird aufgerufen, wenn die Maus über einer Box gedrückt wird
  function startDrag(objElem) {
    // Objekt der globalen Variabel zuweisen -> hierdurch wird Bewegung möglich
    objDrag = objElem;

    // Offsets im zu bewegenden Element ermitteln
    offX = mouseX - objDrag.offsetLeft;
    offY = mouseY - objDrag.offsetTop;
  }

  // Wird ausgeführt, wenn die Maus bewegt wird
  function doDrag(ereignis) {
    // Aktuelle Mauskoordinaten bei Mausbewegung ermitteln
    mouseX = (IE) ? window.event.clientX : ereignis.pageX;
    mouseY = (IE) ? window.event.clientY : ereignis.pageY;

    // Wurde die Maus über einem Element gedrück, erfolgt eine Bewegung
    if (objDrag != null) {
      // Element neue Koordinaten zuweisen
      objDrag.style.left = (mouseX - offX) + "px";
      objDrag.style.top = (mouseY - offY) + "px";

      // Position in Statusleiste ausgeben
      //window.status = "Box-Position: " + objDrag.style.left + ", " + objDrag.style.top;
    }
  }

  // Wird ausgeführt, wenn die Maustaste losgelassen wird
  function stopDrag(ereignis) {
    // Objekt löschen -> beim Bewegen der Maus wird Element nicht mehr verschoben
    objDrag = null;
  }



if (screen.width < 1024) {
  document.getElementsByTagName("body")[0].style.overflow='auto';
} else {
  document.getElementsByTagName("body")[0].style.overflow='hidden';
}


//Für die Seite 15:
function zeige(id) {
	document.getElementById(id).style.display='inline';
	document.getElementById("Unter_Layer_0").style.zIndex='1';
	document.getElementById("Unter_Layer_1").style.zIndex='1';
	document.getElementById("Unter_Layer_2").style.zIndex='1';
	document.getElementById("Unter_Layer_3").style.zIndex='1';
	document.getElementById("Unter_Layer_4").style.zIndex='1';
	document.getElementById(id).style.zIndex='99';
}
function verstecke(id) {
	document.getElementById(id).style.display='none';
	document.getElementById(id).style.zIndex='1';
}

//Für die Menus:
function show(layername)
{
document.getElementById(layername).style.display='inline';
}

function hide()
{
document.getElementById('sub_3').style.display='none';
document.getElementById('sub_4').style.display='none';
document.getElementById('sub_5').style.display='none';
document.getElementById('sub_6').style.display='none';
document.getElementById('sub_7').style.display='none';
}

function black(id) {
	layer1='td1_'+id;
	layer2='td2_'+id;
	dotlayer='dot_'+id;
   document.getElementById(layer1).style.backgroundColor='#000000';
   document.getElementById(layer2).style.backgroundColor='#000000';
   document.getElementById(dotlayer).src='images/whitedot.gif';
}
function white(id) {
	layer1='td1_'+id;
	layer2='td2_'+id;
	dotlayer='dot_'+id;
   document.getElementById(layer1).style.backgroundColor='';
   document.getElementById(layer2).style.backgroundColor='';
   document.getElementById(dotlayer).src='images/blackdot.gif';
}