/* ----- Grafiken laden ------ */
grafik1 = new Image();
grafik1.src = "grafik/startseite.gif";     
grafikhover1 = new Image();
grafikhover1.src = "grafik/startseite_hover.gif";

grafik2 = new Image();
grafik2.src = "grafik/webdesign.gif";     
grafikhover2 = new Image();
grafikhover2.src = "grafik/webdesign_hover.gif";

grafik3 = new Image();
grafik3.src = "grafik/text.gif";     
grafikhover3 = new Image();
grafikhover3.src = "grafik/text_hover.gif";

grafik4 = new Image();
grafik4.src = "grafik/team.gif";     
grafikhover4 = new Image();
grafikhover4.src = "grafik/team_hover.gif";

grafik5 = new Image();
grafik5.src = "grafik/wissenswert.gif";     
grafikhover5 = new Image();
grafikhover5.src = "grafik/wissenswert_hover.gif";

grafik6 = new Image();
grafik6.src = "grafik/projekte.gif";     
grafikhover6 = new Image();
grafikhover6.src = "grafik/projekte_hover.gif";

grafik7 = new Image();
grafik7.src = "grafik/links.gif";     
grafikhover7 = new Image();
grafikhover7.src = "grafik/links_hover.gif";

grafik8 = new Image();
grafik8.src = "grafik/impressum.gif";     
grafikhover8 = new Image();
grafikhover8.src = "grafik/impressum_hover.gif";

grafik9 = new Image();
grafik9.src = "grafik/igel.gif";     
grafikhover9 = new Image();
grafikhover9.src = "grafik/igel_hover.gif";

grafik10 = new Image();
grafik10.src = "grafik/kontakt_link.gif";     
grafikhover10 = new Image();
grafikhover10.src = "grafik/kontakt_hover.gif";

grafik11 = new Image();
grafik11.src = "grafik/pfeil_oben1.gif";     
grafikhover11 = new Image();
grafikhover11.src = "grafik/pfeil_oben1_hover.gif";

grafik12 = new Image();
grafik12.src = "grafik/pfeil_oben2.gif";     
grafikhover12 = new Image();
grafikhover12.src = "grafik/pfeil_oben2_hover.gif";

grafik13 = new Image();
grafik13.src = "grafik/pfeil_oben3.gif";     
grafikhover13 = new Image();
grafikhover13.src = "grafik/pfeil_oben3_hover.gif";

grafik14 = new Image();
grafik14.src = "grafik/pfeil_unten1.gif";     
grafikhover14 = new Image();
grafikhover14.src = "grafik/pfeil_unten1_hover.gif";

grafik15 = new Image();
grafik15.src = "grafik/pfeil_unten2.gif";     
grafikhover15 = new Image();
grafikhover15.src = "grafik/pfeil_unten2_hover.gif";

grafik16 = new Image();
grafik16.src = "grafik/pfeil_unten3.gif";     
grafikhover16 = new Image();
grafikhover16.src = "grafik/pfeil_unten3_hover.gif";

grafik17 = new Image();
grafik17.src = "grafik/mailtext.gif";     
grafikhover17 = new Image();
grafikhover17.src = "grafik/mailtext_hover.gif";

/* ----- Austauschfunktion ------- */

function wechsel(betrifft,zeig)
{
zurquelle=betrifft;
betrifft="grafik"+betrifft;
if (zeig=="ja")
{
quelle="grafikhover"+zurquelle;
}
else
{
quelle=betrifft;
}
eval("document."+betrifft+".src="+quelle+".src");
}

/* ----- Textebene bewegen ------- */
//Das Objekt, das gerade bewegt wird.
var dragobjekt = null;

// Position, an der das Objekt angeklickt wurde.
//var dragx = 0;
var dragy = 0;

// Mausposition
//var posx = 0;
var posy = 0;


function draginit() {
 // Initialisierung der Überwachung der Events

  document.onmousemove = drag;
  document.onmouseup = dragstop;
}


function dragstart(element) {
   //Wird aufgerufen, wenn ein Objekt bewegt werden soll.

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


function dragstop() {
  //Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.

  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) {
 //   dragobjekt.style.left = (posx - dragx) + "px";
    dragobjekt.style.top = (posy - dragy) + "px";
  }
}
draginit();