﻿/***********************************************************************

Skriptbibliothek

Erstellt von: HK
Letzte Änderung: 13.06.2009
Version: 1.0

**********************************************************************/

/* Definition der Objekte mit Verweis auf die einzelnen Eigenschaften

Beschreibung:

var m_objektname = {
 img: Ort und Dateiname des Overlaybildes bei Mouseover
 link: Sprungziel bei Klick auf Overlaybild
 seite: Zugehörigkeit zu Bereich (a links, c rechts) wird benötigt um das Hintergrundbild wieder herzustellen
 id:  id des Menülinks, der beim Mouseover markiert werden soll 
};


*/
var aktmenue;   


var m_ueberuns = {
 img:  "pics_background/SaO_web_a_01-wir_over.gif",
 img1: "pics_background/SaO_web_b_01-wir_over.gif",
 over: null,
 over1: null, 
 link:"ueberuns.html",
 seite: "a",
 seite1: "b",
 id:  "m_ueberuns"
};


var m_anbauregion = {
 img:  "pics_background/SaO_web_a_01-region_over.gif",
 img1: "pics_background/SaO_web_b_01-region_over.gif", 
 img2: "pics_background/SaO_web_c_01-region_over.gif",
 over: null,
 over1: null,
 over2: null,
 link: "anbauregion.html",
 seite: "a",
 seite1: "b",
 seite2: "c", 
 id:  "m_anbauregion"
};


var m_obstsortiment = {
 img: "pics_background/SaO_web_a_01-obst1_over.gif",
 img1: "pics_background/SaO_web_c_01-obst2_over.gif", 
 over: null,
 over1: null,
 link: "obstsortiment.html",
 seite: "a",
 seite1: "c",
 id:  "m_obstsortiment"
};

m_verpackung = {
 img: "pics_background/SaO_web_c_01-verpackg_over.gif",
 img1: "pics_background/SaO_web_b_01-verpack1_over.gif",
 over: null,
 over1: null,
 link: "verpackung.html",
 seite: "c",
 seite1: "b",
 id:  "m_verpackung"
};

m_verpackung_mitte = {
 img: "pics_background/SaO_web_b_01-verpack2_over.gif",
 over: null,
 link: "verpackung.html",
 seite: "b",
 id:  "m_verpackung"
};



var m_qualitaet = {
 img: "pics_background/SaO_web_a_01-quali_over.gif",
 over: null,
 link: "qualitaet.html",
 seite: "a",
 id:  "m_qualitaet"
};

var m_jobs = {
 img: "pics_background/SaO_web_a_01-jobs_over.gif",
 img1: "pics_background/SaO_web_b_01-jobs_over.gif",
 over: null,
 over1: null,
 link: "jobs.html",
 seite: "a",
 seite1: "b",
 id:  "m_jobs"
};

var m_news = {
 img: "pics_background/SaO_web_a_01-news_over.gif",
 over:null,
 over1: null,
 link: "news.html",
 seite: "a",
 id:  "m_news"
};

var m_hofladen = {
 img: "pics_background/SaO_web_c_01-laden_over.gif",
 over: null,
 link: "hofladen.html",
 seite: "c",
 id:  "m_hofladen"
};

var m_links = {
 img: "pics_background/SaO_web_c_01-links_over.gif",
 over: null,
 link: "links.html",
 seite: "c",
 id:  "m_links"
};

var m_kontakt = {
 img: "pics_background/SaO_web_c_01-kontakt_over.gif",
 over: null,
 link: "kontakt.html",
 seite: "c",
 id:  "m_kontakt"
};


var m_login = {
 img: "",
 link: "login.html",
 seite:  "",
 id:  "m_login"
};

var m_obstsortiment2 = {
 img: "pics_background/SaO_web_c_01-obst2_over.gif",
 img1: "pics_background/SaO_web_a_01-obst1_over.gif",
 over: null,
 link: "obstsortiment.html",
 seite: "c",
 seite1: "a",
 id:  "m_obstsortiment"
};

var m_anbauregion2 = {
 img:  "pics_background/SaO_web_c_01-region_over.gif",
 img1: "pics_background/SaO_web_a_01-region_over.gif",
 over: null,
 over1: null,
 link: "anbauregion.html",
 seite: "c",
 seite1: "a",
 id:  "m_anbauregion"
};


// Reaktionen bei Überfahren und Anklicken von Menüpunkten
// seite: a, b, c
// ereignis: mouseover, mouseout
//
function aktion(ereignis, wert) {
  if (! wert) return;
  var seite = wert.seite;
  var originalbildname = "SaO_web_" + seite + "_01";
  var originalbildurl= "pics_background/SaO_web_" + seite + "_01.gif";
  var menueid = wert.id;
  var zeigebild =wert.img;
  var originalbild = originalbildname ;
  switch (ereignis){
    
    case "mouseover":
		  	      
      changeImages(originalbild, zeigebild);
      // evtl. zweites Bild zeigen
      if (wert.img1) {
        changeImages("SaO_web_" + wert.seite1 + "_01", wert.img1);
      }

      // evtl. drittes Bild zeigen
      if (wert.img2) {
        changeImages("SaO_web_" + wert.seite2 + "_01", wert.img2);
      }

      changeClass(menueid, "menuemarkiert");
      break;
      
    case "mouseout":
      zeigebild = originalbildurl;
      changeImages(originalbild, zeigebild);
      // evtl. zweites Bild wieder herstellen
      if (wert.img1) {
        originalbildname = "SaO_web_" + wert.seite1 + "_01"
        originalbildurl= "pics_background/SaO_web_" + wert.seite1+ "_01.gif";
        changeImages(originalbildname, originalbildurl);
        
        // Bild für aktuell ausgewählten Menüpunkt
        // nicht wiederherstellen - bleibt ausgewählt


      }

      // evtl. drittes Bild wiederherstellen
      if (wert.img2) {
        originalbildname = "SaO_web_" + wert.seite2 + "_01"
        originalbildurl= "pics_background/SaO_web_" + wert.seite2+ "_01.gif";
        changeImages(originalbildname, originalbildurl);
      }


      // Menueklasse für aktuell ausgewählten Menüpunkt
      // nicht wiederherstellen
      if (!aktmenue){
        changeClass(menueid, "menuenormal");
      }
      else {
	      if (wert.id != aktmenue.id) {
	        changeClass(menueid, "menuenormal");
	      }
	 }
      // jetzt Bild wiederherstellen für aktuell ausgewählten Menüpunkt
      // aktmenue existiert nicht auf Startseite
      if (aktmenue) {
        seite = aktmenue.seite;
        originalbildname = "SaO_web_" + seite + "_01";
        originalbildurl= "pics_background/SaO_web_" + seite + "_01.gif";
        menueid = aktmenue.id;
        zeigebild =aktmenue.img;
        originalbild = originalbildname ;
        changeImages(originalbild, zeigebild); 
        
        if (aktmenue.img1){
	        seite = aktmenue.seite1;
	        originalbildname = "SaO_web_" + seite + "_01";
	        originalbildurl= "pics_background/SaO_web_" + seite + "_01.gif";
	        menueid = aktmenue.id;
	        zeigebild =aktmenue.img1;
	        originalbild = originalbildname ;
	        changeImages(originalbild, zeigebild); 
       
        }
 
        if (aktmenue.img2){
	        seite = aktmenue.seite2;
	        originalbildname = "SaO_web_" + seite + "_01";
	        originalbildurl= "pics_background/SaO_web_" + seite + "_01.gif";
	        menueid = aktmenue.id;
	        zeigebild =aktmenue.img2;
	        originalbild = originalbildname ;
	        changeImages(originalbild, zeigebild); 
       
        }

  
      }

     break;
    
    case "menue":
      changeImages(originalbild, zeigebild);
      // evtl. zweites Bild zeigen
      if (wert.img1) {
        changeImages("SaO_web_" + wert.seite1 + "_01", wert.img1);
      }

      // evtl. drittes Bild zeigen
      if (wert.img2) {
        changeImages("SaO_web_" + wert.seite2 + "_01", wert.img2);
      }
      
      changeClass(menueid, "menuemarkiert");
      break;
    
    case "mousedown":
      window.location.href = wert.link;
      break;

  
  }  
  return true; 
} 

/*********************************

HELPERfunktionen 

********************************/

function changeClass(Elem, myClass) {
	var elem;
	if(document.getElementById) {
		var elem = document.getElementById(Elem);
	} else if (document.all){
		var elem = document.all[Elem];
	}
	// nur wechseln, wenn Element existiert
	if (elem) {
      elem.className = myClass;
	}
	//elem.style.backgroundColor	= "red";
}


function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}


function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
		  // überprüfen, ob zu änderndes Bild überhaupt existiert
		  if (document[changeImages.arguments[i]]){
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		  }
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		

		m_ueberuns.over = newImage(m_ueberuns.img);
		m_ueberuns.over1 = newImage(m_ueberuns.img1);
		
		m_anbauregion.over = newImage(m_anbauregion.img);
		m_anbauregion.over1 = newImage(m_anbauregion.img1);
        m_anbauregion2.over = newImage(m_anbauregion2.img);

		m_obstsortiment.over = newImage(m_obstsortiment.img);
		m_obstsortiment2.over = newImage(m_obstsortiment2.img);
		
		m_verpackung.over = newImage(m_verpackung.img);
		m_verpackung.over1 = newImage(m_verpackung.img1);
		m_verpackung_mitte.over = newImage(m_verpackung_mitte.img);
		
		m_qualitaet.over = newImage(m_qualitaet.img);		
		
		m_jobs.over = newImage(m_jobs.img);
		m_jobs.over1 = newImage(m_jobs.img1);

		m_news.over = newImage(m_news.img);
		m_hofladen.over = newImage(m_hofladen.img );
    	m_links.over = newImage(m_links.img);
		m_kontakt.over = newImage(m_kontakt.img);

	
		preloadFlag = true;
		aktion("menue", aktmenue);
	}
}

