// Array zur Zuordnung der Details zu den Zonen (Gehirn, Kopf, Hals, Brust, ...)
details = new Array();
details[0] = new Array(); // Array für Mann
details[1] = new Array(); // Array für Frau
details[2] = new Array(); // Array für Kind


// Variable, die die aktuelle Detail-Liste speichert (Mann 0, Frau 1, Kind 2)
detailsliste=0;

// Variable, die den aktuell aktiven Flashfilm speichert
film=0;

// Variable, die das ausgewählte Detail speichert
detailaktiv="";

// Variable, die die ausgewählte Zone speichert
zoneaktiv="";

// Variable, die die ausgewähltes Fachgebiet speichert
fachgebietaktiv="";

// Details zur gewählten Zone zeigen
function detailsShow(zone) {
  document.getElementById('koerperkompass_ergebnisliste').innerHTML = '';
  document.getElementById('koerperkompass_ergebnisliste').style.display = 'none';
  document.getElementById('koerperkompass_ergebnis').style.display = 'none';
  
  if (zone == "Brust") {
	 zone = "Brust/Rücken";
  }
	if (zone == "Armebeine") {
	 zone = "Arme, Beine";
  }
  zoneaktiv = zone;
  // Gewählte Zone: Link anzeigen
  document.getElementById('link_zone').innerHTML = zone;
  document.getElementById('link_zone').style.color = '#F1932E';
  // Dropdown der Details: Link zurücksetzen
  document.getElementById('link_detail').innerHTML = 'bitte wählen';
	// Ausgewähltes Detail zurücksetzen
	detailaktiv="";
	reset(1);
	string_gesamt_details="";
	film.SetVariable("aktiv",1);
	if (zone!="reset") {
	  // Zone in Flash als aktiv markieren
    switch (zone) {
      case "Kopf": zoneID = 2; break;
      case "Hals": zoneID = 3; break;
      case "Brust/Rücken": zoneID = 4; break;
      case "Bauch": zoneID = 5; break;
      case "Unterleib": zoneID = 6; break;
      case "Arme, Beine": zoneID = 7; break;
    }
  	film.SetVariable("aktiv",zoneID);
  	// Gewählter Körper: Grenzen einblenden
    film.TSetProperty('mcKoerper.mcGrenzen', 6, 100);
		// Array aus String der Details (Mann, Frau oder Kind)
		// details_gewaehlt = details[detailsliste][zone].split("|");
		
		// Benötigte Werte per Prototype holen
		//////////////////////////////////////////////////////////////////////////////////////
		
		// parameters: 'id='+ kk_plugin_pid+'&step=1&g='+typ+'&clinicPid='+ kk_clinic_pid,
		
		// alert(kk_plugin_pid + ' - ' + kk_clinic_pid);
		
		url = baseUrl + 'index.php';
    new Ajax.Request(url, {
      method: 'post',
      parameters: 'id='+ kk_plugin_pid +'&clinicPid='+ kk_clinic_pid +'&step=2&g='+typ+'&z='+zone,
      onSuccess: function(transport) {
        string_gesamt_details = '';
        // alert('Step3 vorbereiten');
        var notice = $('notice');
        details_gewaehlt_codes = transport.responseText;
        details_gewaehlt = details_gewaehlt_codes.split(";");

        /* SORTIERT DIE EINTRÄGE ALPHABETISCH */        
        details_gewaehlt.sort();
        details_gewaehlt.shift();
        
        // Schleife für zusammengesetzten String, der in Liste der details eingefügt wird
      	for (var j=0; j<details_gewaehlt.length-1; j++) {		  
      	  strDetails = details_gewaehlt[j].replace("\n","");
      		string_gesamt_details+= "<li><a href=\"\" onclick=\"fachgebieteShow('" + strDetails + "')\" value=\"" + details_gewaehlt[j] + "\">" + details_gewaehlt[j] + "</a></li>";
      	}
      	// Dropdowns einblenden und befüllen
      	//string_gesamt_details+="</ul><input type=\"hidden\" name=\"dropdown_details\" value=\"\" />";
        document.getElementById("dropdown_details_liste").innerHTML=string_gesamt_details;
      	//document.getElementById("dropdown_details").style.display = 'block';
      	document.getElementById('details-wahl-1').style.display = 'block';
      	document.getElementById('details-wahl-2').style.display = 'none';
      	// Event zum Überwachen der Links wg. Dropdown
      	var options = document.getElementById("dropdown_details_liste").getElementsByTagName('A');
        for (var j = 0; j < options.length; j++) {
          option = options[j];
          Event.observe(option, 'click', (observeOption), false);
        }
      },
      onFailure: function(transport) {
        alert ('Fehler:'+ transport.status);
      }
    });       
	} else {
	  reset(2);
  }
}


var firstDosearch = true;
// Fachgebiete zum gewählten Organ anzeigen
function fachgebieteShow(pDetail) {
  document.getElementById('koerperkompass_ergebnisliste').innerHTML = '';
  document.getElementById('koerperkompass_ergebnisliste').style.display = 'none';
  document.getElementById('koerperkompass_ergebnis').style.display = 'none';
  
  // Alle Körper zeigen
  koerperAlle();
  
	// Detail in Karte markiert lassen
	karte_details(zoneaktiv,pDetail);
	detailaktiv=pDetail;
	// Gewähltes Detail: Link anzeigen
  document.getElementById('link_detail').innerHTML = pDetail;
  // Dropdown der Fachgebiete: Link zurücksetzen
  if (document.getElementById('link_fachgebiet')) {
    document.getElementById('link_fachgebiet').innerHTML = 'bitte w&auml;hlen';
  }
	string_gesamt="";
	fachgebiete_gewaehlt = new Array();
	if (pDetail!="reset") {
    	// Benötigte Werte per Prototype holen
    	//////////////////////////////////////////////////////////////////////////////////////
    	url = baseUrl + 'index.php';
      new Ajax.Request(url, {
        method: 'post',
        parameters: 'id='+ kk_plugin_pid +'&clinicPid='+ kk_clinic_pid +'&step=3&g='+typ+'&z='+zoneaktiv+'&zd='+pDetail,
        onSuccess: function(transport) {
          string_gesamt_details = '';
          var notice = $('notice');
          details_gewaehlt_codes = transport.responseText;
          details_gewaehlt = details_gewaehlt_codes.split(";");     
          string_gesamt_details = '';
          
          // Button zum Abschicken einblenden
          document.getElementById("button_submit").style.display = 'block'; 
          
          /* SORTIERT DIE EINTRÄGE ALPHABETISCH */
          details_gewaehlt.sort();
          details_gewaehlt.shift();
          
          // Schleife für zusammengesetzten String, der in Liste der details eingefügt wird
        	for (var j=0; j<details_gewaehlt.length-1; j++) {		  
        	  strDetails =  details_gewaehlt[j].replace("\n","");
        		string_gesamt_details+= "<li><a href=\"\" onclick=\"abteilungenShow('" + strDetails + "')\" value=\"" + details_gewaehlt[j] + "\">" + details_gewaehlt[j] + "</a></li>";
        	}
          // Dropdowns einblenden und befüllen
          
          // NOT NEEDED
        	// document.getElementById("dropdown_fachgebiete_liste").innerHTML=string_gesamt_details;
        	//document.getElementById("dropdown_fachgebiete").style.display = 'block';
        	if (document.getElementById('fachgebiete-wahl-1')) {
        	   document.getElementById('fachgebiete-wahl-1').style.display = 'block';
        	   document.getElementById('fachgebiete-wahl-2').style.display = 'none';
        	}
        	
        	if(getVar('fromClinic')== 1) {
        	  if(firstDosearch==true) {
              dosearch();
              firstDosearch = false;
            }
            
          }
        	// Event zum Überwachen der Links wg. Dropdown
        	
        	
        	// NOT NEEDED
        	// var options = document.getElementById("dropdown_fachgebiete_liste").getElementsByTagName('A');
        	
        	
        	/* NOT NEEDED
          for (var j = 0; j < options.length; j++) {
            option = options[j];
            Event.observe(option, 'click', (observeOption), false);
          } 
          */     
        },
        onFailure: function(transport) {
          alert ('Fehler:'+ transport.status);
        }
      });       	    
  	} 
}

function abteilungenShow(pFachgebiet) {
  document.getElementById('koerperkompass_ergebnisliste').innerHTML = '';
  document.getElementById('koerperkompass_ergebnisliste').style.display = 'none';
  document.getElementById('koerperkompass_ergebnis').style.display = 'none';
  
	// Benötigte Werte per Prototype holen
	//////////////////////////////////////////////////////////////////////////////////////
	url = baseUrl + 'index.php';
  new Ajax.Request(url, {
    method: 'post',
    parameters: 'id='+ kk_plugin_pid +'&clinicPid='+ kk_clinic_pid +'&step=4&g='+typ+'&z='+zoneaktiv+'&zd='+detailaktiv+'&s='+pFachgebiet,
    onSuccess: function(transport) {
      string_gesamt_details = '';
      // NOT NEEDED
      //document.getElementById('link_fachgebiet').innerHTML = transport.responseText;
      // Button zum Abschicken einblenden
      document.getElementById("button_submit").style.display = 'block';
      fachgebietaktiv = transport.responseText;
      
      if(getVar('fromClinic')== 1) {
        dosearch();
      }
      
    },
    onFailure: function(transport) {
      alert ('Fehler:'+ transport.status);
    }
  });
}

// Ansichten der Körper wechseln (Mann, Frau, Kind)
function koerper(zielframe) {
  document.getElementById('koerperkompass_ergebnisliste').innerHTML = '';
  document.getElementById('koerperkompass_ergebnisliste').style.display = 'none';
  document.getElementById('koerperkompass_ergebnis').style.display = 'none';
  
  reset(3);
  switch(zielframe) {
    case '1':
      film = document.flashFilm_mann;
      typ = 'Mann';
      break;
    case '2':
      film = document.flashFilm_frau;
      typ = 'Frau';
      break;
    case '3':
      film = document.flashFilm_kind;
      typ = 'Kind';
      break;
    default:
      reset(4);
      break;
  }
  // Ergebnisliste sichtbar?
  /*if (document.getElementById('koerperkompass_ergebnis').style.display == 'block') {
    koerpertausch();
  }*/
  
	// Benötigte Werte per Prototype holen
	//////////////////////////////////////////////////////////////////////////////////////
	url = baseUrl + 'index.php';
  new Ajax.Request(url, {
    method: 'post',
    parameters: 'id='+ kk_plugin_pid +'&clinicPid='+ kk_clinic_pid +'&step=1&g='+typ,
    onSuccess: function(transport) {
      string_gesamt_details = '';
      var notice = $('notice');
      details_gewaehlt_codes = transport.responseText;
      details_gewaehlt = details_gewaehlt_codes.split(";");     
      string_gesamt_details = '';
      // Schleife für zusammengesetzten String, der in Liste der details eingefügt wird
    	for (var j=0; j<details_gewaehlt.length-1; j++) {		  
    	  strDetails = details_gewaehlt[j].replace("\n","");
    		string_gesamt_details+= "<li><a href=\"\" onclick=\"detailsShow('" + strDetails + "')\" value=\"" + details_gewaehlt[j] + "\">" + details_gewaehlt[j] + "</a></li>";
    	}
      // Dropdowns einblenden und befüllen
    	document.getElementById("select_zones").innerHTML=string_gesamt_details;
    	// Event zum Überwachen der Links wg. Dropdown
    	var options = document.getElementById("select_zones").getElementsByTagName('A');
      for (var j = 0; j < options.length; j++) {
        option = options[j];
        Event.observe(option, 'click', (observeOption), false);
      }        
    },
    onFailure: function(transport) {
      alert ('Fehler:'+ transport.status);
    }
  });       	    
  
  
  // Gewählte Typ: Link anzeigen
  document.getElementById('link_typ').innerHTML = typ;
  document.getElementById('link_typ').style.color = '#F1932E';
  
  // Gewählten Körper auf 100% alpha, Grenzen einblenden, Buttons ganzer Körper deaktivieren
  film.TSetProperty('mcKoerper', 6, 100);
  film.TSetProperty('mcKoerper.mcGrenzen', 6, 100);
  film.TGotoFrame('mcKoerper.butKoerper', 1);

	// Dropdown der Zonen einblenden
	//document.getElementById('dropdown_zonen').style.display = 'block';
	document.getElementById('zone-wahl-1').style.display = 'block';
	document.getElementById('zone-wahl-2').style.display = 'none';
	// Dropdown der Zonen: Link zurücksetzen
  document.getElementById('link_zone').innerHTML = 'bitte w&auml;hlen';
  
	// zielframe um eins verringern, weil bei Verwendung von TGotoFrame der Zielframe 0-basiert ist!
	zielframe-=1;
	// Detailliste festlegen
	detailsliste=zielframe;
}

// Organe, die nicht in Flash enthalten sind
var string_check = "Blut|Blutgefäße|Hormone|Nerven|Psyche|Zahn-, Mund-, Kiefer- und Gesichtschirurgie|Schultern";
var arr_check = string_check.split('|');

// Flash-Effektsteuerung: bei mouseover/-out Details einblenden
function karte_details(regionname,bildname) {
	film.TSetProperty("mcKoerper.mcAktiv",6,0);
	if (regionname == "Brust/Rücken") {
	 regionname = "Brust";
  } 
	if (regionname == "Arme, Beine") {
	 regionname = "Armebeine";
  } 
	var k = false;
  for (var i=0; i<arr_check.length; i++) {
    if (arr_check[i] == bildname) {
      k = true;
    }
  }
  if (k == false) {
	 film.TGotoLabel("mcKoerper.mcOrgane"+regionname,bildname);
	} else {
	 film.TGotoFrame("mcKoerper.mcOrgane"+regionname,0);
	 film.TSetProperty("mcKoerper.mcAktiv",6,100);
  }
}

// Suche durchführen
function dosearch() {
  document.getElementById('koerperkompass_ergebnisliste').style.display = 'block';
  document.getElementById('koerperkompass_ergebnis').style.display = 'block';
	// Benötigte Werte per Prototype holen
	//////////////////////////////////////////////////////////////////////////////////////
	url = baseUrl + 'index.php';
  new Ajax.Request(url, {
    method: 'post',
    parameters: 'id='+ kk_plugin_pid +'&clinicPid='+ kk_clinic_pid +'&step=6&g='+typ+'&z='+zoneaktiv+'&zd='+detailaktiv+'&s='+fachgebietaktiv,
    onSuccess: function(transport) {
      var notice = $('notice');
      document.getElementById('koerperkompass_ergebnis').style.display = 'block';
      document.getElementById('koerperkompass_ergebnisliste').innerHTML = transport.responseText;
      koerpertausch();
    },
    onFailure: function(transport) {
      alert ('Leider ist ein Fehler aufgetreten. Bitte versuchen Sie es zu einem späteren Zeitpunkt erneut.');
    }
  });       	    
}


var browser = navigator.userAgent;
if (browser.lastIndexOf('Firefox') != -1) {
  var fox = 1;
} else {
  var fox = 0;
}

function koerpertausch() {
  if (fox == 1) {
    switch(typ) {
        case 'Mann':
          document.getElementById('koerperkompass_spalte_2').style.width = '183px';
          document.flashFilm_mann.width = 166;
          document.flashFilm_frau.width = 0;
          document.flashFilm_kind.width = 0;
          break;
        case 'Frau':
          document.getElementById('koerperkompass_spalte_2').style.width = '0';
          document.getElementById('koerperkompass_spalte_2').style.borderRight = '0';
          document.getElementById('koerperkompass_spalte_3').style.width = '183px';
          document.flashFilm_mann.width = 0;
          document.flashFilm_frau.width = 166;
          document.flashFilm_kind.width = 0;
          break;
        case 'Kind':
          document.getElementById('koerperkompass_spalte_2').style.width = '0';
          document.getElementById('koerperkompass_spalte_3').style.width = '0';
          document.getElementById('koerperkompass_spalte_2').style.borderRight = '0';
          document.getElementById('koerperkompass_spalte_3').style.borderRight = '0';
          document.getElementById('koerperkompass_spalte_4').style.width = '183px';
          document.flashFilm_mann.width = 0;
          document.flashFilm_frau.width = 0;
          document.flashFilm_kind.width = 166;
          break;
      }
  } else {
      switch(typ) {
        case 'Mann':
          document.getElementById('koerperkompass_spalte_2').style.display = 'block';
          document.getElementById('koerperkompass_spalte_3').style.display = 'none';
          document.getElementById('koerperkompass_spalte_4').style.display = 'none';
          break;
        case 'Frau':
          document.getElementById('koerperkompass_spalte_3').style.display = 'block';
          document.getElementById('koerperkompass_spalte_2').style.display = 'none';
          document.getElementById('koerperkompass_spalte_4').style.display = 'none';
          break;
        case 'Kind':
          document.getElementById('koerperkompass_spalte_4').style.display = 'block';
          document.getElementById('koerperkompass_spalte_2').style.display = 'none';
          document.getElementById('koerperkompass_spalte_3').style.display = 'none';
          break;
      }
    }
}


function koerperAlle() {
  // Spalte einblenden, Flashfilme Größe anpassen
  document.getElementById('koerperkompass_spalte_2').style.width = '183px';
  document.getElementById('koerperkompass_spalte_2').style.display = 'block';
  document.getElementById('koerperkompass_spalte_2').style.borderRight = '10px solid #e2e2e2';
  document.flashFilm_mann.width = 166;
  document.getElementById('koerperkompass_spalte_3').style.width = '183px';
  document.getElementById('koerperkompass_spalte_3').style.display = 'block';
  document.getElementById('koerperkompass_spalte_3').style.borderRight = '10px solid #e2e2e2';
  document.flashFilm_frau.width = 166;
  document.getElementById('koerperkompass_spalte_4').style.width = '183px';
  document.getElementById('koerperkompass_spalte_4').style.display = 'block';
  document.flashFilm_kind.width = 166;
}


function reset(pStufe) {
  if (pStufe >= 1) {
    // Ausblenden des Dropdowns für Fachgebiete
    //document.getElementById('dropdown_fachgebiete').style.display = 'none';
    if (document.getElementById('fachgebiete-wahl-1')) {
  	 document.getElementById('fachgebiete-wahl-1').style.display = 'none';
  	 document.getElementById('fachgebiete-wahl-2').style.display = 'block';
  	}
    // Button zum Abschicken ausblenden
  	document.getElementById("button_submit").style.display = 'none';
    // Alle MCs mit den Details der Regionen auf Frame 0
    if (film != 0) {
      film.TGotoFrame("mcKoerper.mcOrganeKopf",0);
      film.TGotoFrame("mcKoerper.mcOrganeHals",0);
      film.TGotoFrame("mcKoerper.mcOrganeBrust",0);
      film.TGotoFrame("mcKoerper.mcOrganeBauch",0);
      film.TGotoFrame("mcKoerper.mcOrganeUnterleib",0);
      film.TGotoFrame("mcKoerper.mcOrganeArmebeine",0);
      // Evtl. aktives Organ wieder ausblenden
      var grrr = zoneaktiv;
      if (grrr == "Brust/Rücken") {
    	 grrr = "Brust";
      } 
    	if (grrr == "Arme, Beine") {
    	 grrr = "Armebeine";
      }
      film.TGotoFrame("mcKoerper.mcOrgane"+grrr,0);
  		film.TSetProperty("mcKoerper.mcAktiv",6,100);
  	}
  }
  if (pStufe >= 2) {
    // Ausblenden des Dropdowns für Details
    //document.getElementById('dropdown_details').style.display = 'none';
  	document.getElementById('details-wahl-1').style.display = 'none';
  	document.getElementById('details-wahl-2').style.display = 'block';
  }
  if (pStufe >= 3) {
    // Wählen eines anderen Körpers
    // Alle Körper auf 50% alpha
    document.flashFilm_mann.TSetProperty('mcKoerper', 6, 50);
    document.flashFilm_frau.TSetProperty('mcKoerper', 6, 50);
    document.flashFilm_kind.TSetProperty('mcKoerper', 6, 50);
    // Alle Grenzen ausblenden
    document.flashFilm_mann.TSetProperty('mcKoerper.mcGrenzen', 6, 0);
    document.flashFilm_frau.TSetProperty('mcKoerper.mcGrenzen', 6, 0);
    document.flashFilm_kind.TSetProperty('mcKoerper.mcGrenzen', 6, 0);
    // Alle Buttons für den ganzen Körper aktivieren
    document.flashFilm_mann.TGotoFrame('mcKoerper.butKoerper', 0);
    document.flashFilm_frau.TGotoFrame('mcKoerper.butKoerper', 0);
    document.flashFilm_kind.TGotoFrame('mcKoerper.butKoerper', 0);
    // Keine aktive Zone
    document.flashFilm_mann.SetVariable("aktiv", 1);
    document.flashFilm_frau.SetVariable("aktiv", 1);
    document.flashFilm_kind.SetVariable("aktiv", 1);
    // Borders
    document.getElementById('koerperkompass_spalte_2').style.borderRight = '10px solid #e2e2e2';
    document.getElementById('koerperkompass_spalte_3').style.borderRight = '10px solid #e2e2e2';
    
  }
  if (pStufe >= 4) {
    // Zurücksetzen des Dropdowns für den Körper
    // Ausblenden des Dropdowns für Zonen
    document.getElementById('dropdown_zonen').style.display = 'none';
	  document.getElementById('zone-wahl-2').style.display = 'block';
	  document.getElementById('zone-wahl-1').style.display = 'none';
    // Alle Körper auf 100% alpha
    document.flashFilm_mann.TSetProperty('mcKoerper', 6, 100);
    document.flashFilm_frau.TSetProperty('mcKoerper', 6, 100);
    document.flashFilm_kind.TSetProperty('mcKoerper', 6, 100);
    film=0;
  }
  // Alle Körper zeigen
  koerperAlle();
}


// Ergebnisliste der Kliniken und Fachabteilungen
function ergebnisShowHide(pMama) {
  // Array mit allen Divs
  var divArr = pMama.getElementsByTagName('DIV');
  // Array mit allen Bildern (gibt nur eins)
  var imgArr = pMama.getElementsByTagName('IMG');
  
  // Elemente ein- / ausblenden
  for (var i=0; i<divArr.length; i++) {
    if (divArr[i].className == 'ergebnis_adresse' || divArr[i].className == 'ergebnis_fachabteilungen') {
      if (divArr[i].style.display == 'block') {
        divArr[i].style.display = 'none';
      } else {
        divArr[i].style.display = 'block';
      }
    }
  }
  
  // Bild größer / kleiner
  if (imgArr[0].style.width == '120px') {
    imgArr[0].style.width = '60px';
    imgArr[0].style.height = '40px';
  } else {
    imgArr[0].style.width = '120px';
    imgArr[0].style.height = '80px';
  }
}


// Ergebnisliste der Fachabteilungen einer Klinik
function ergebnisShow(pMama) {
  // Array mit allen Divs
  var divArr = pMama.getElementsByTagName('DIV');
  // Array mit allen Bildern (gibt nur eins)
  var imgArr = pMama.getElementsByTagName('IMG');
  
  // Elemente ein- / ausblenden
  for (var i=0; i<divArr.length; i++) {
    if (divArr[i].className == 'ergebnis_adresse' || divArr[i].className == 'ergebnis_fachabteilungen') {
      if (divArr[i].style.display == 'block') {
        divArr[i].style.display = 'block';
      } else {
        divArr[i].style.display = 'block';
      }
    }
  }
  
  // Bild größer / kleiner
  if (imgArr[0].style.width == '120px') {
    imgArr[0].style.width = '120px';
    imgArr[0].style.height = '80px';
  } else {
    imgArr[0].style.width = '120px';
    imgArr[0].style.height = '80px';
  }
}




//initialize dropdowns
    var hideDropDowns = function() {
        
	   var dropdowns = document.getElementsByClassName('select');
	   for (var i = 0; i < dropdowns.length; i++) {
	       dropdown = dropdowns[i];
	       Element.addClassName(dropdown, 'hide-dropdown');
	   }
	
	}
	
	Event.observe(window, 'load', hideDropDowns, false);
	
	
	//observe dropdown opener
	var observeOpener = function(opener) {
	    
	    var dropdown = opener.parentNode.parentNode;
	    
	    if (Element.hasClassName(dropdown, 'hide-dropdown')) {
	    	Element.removeClassName(dropdown, 'hide-dropdown');    
	    } else {
	        Element.addClassName(dropdown, 'hide-dropdown');
	    }
	    return false;
	    
	    
	}
	
	//observing dropdown option
	var observeOption = function(event) {
	   
	   var option = Event.element(event);
	   var value = option.childNodes[0].nodeValue;
	   var itemid = option.getAttribute('value');
	   
	   var selectbox = Event.findElement(event, 'ul');
	       
	   setDDValue(selectbox.parentNode, itemid, value);
	   
	   Element.addClassName(selectbox.parentNode, 'hide-dropdown');
	   
	   Event.stop(event);
						
	}
	
	//observing dropdown options
	var observeDropDownOptions = function(event) {
	  
	   var selects = document.getElementsByClassName('selectbox');
	   for (var i = 0; i < selects.length; i++) {
	       select = selects[i];
	       var options = select.getElementsByTagName('A');
	       for (var j = 0; j < options.length; j++) {
	       	   option = options[j];
	           Event.observe(option, 'click', (observeOption), false);
	       }
	   }  
	   
	   Event.stop(event);
	
	}
	
	Event.observe(window, 'load', (observeDropDownOptions), true);
	
	
	
	//setting dropdown value into hidden field
	function setDDValue(dropdown, itemid, value) {
	
	   var a = dropdown.getElementsByTagName('A')[0];
	   var input = dropdown.getElementsByTagName('INPUT')[0];
	   
	   Element.update(a, value);
	   a.style.color = '#F1932E';
	   
	   if (input) {
	     input.value = itemid;
	   }
	   
	}
	
	//closing dropdown by ESC
	var onKeyPress = function(event) {
	  
	    switch(event.keyCode) {
	     case Event.KEY_ESC:
	       hideDropDowns(event);
	       Event.stop(event);
	       return;
	     }
	  
	}
	
	Event.observe(document, "keypress", (onKeyPress), true);

	//closing dropdown by click out of it
	var hideDropDownsOnClick = function(event) {
	
	   var a = Event.element(event);
	   if (a.tagName == 'A' || (a.tagName == 'IMG' && a.parentNode.tagName == 'A')) {
      if (a.className == 'ddli' || a.className == 'dd-opener' || a.parentNode.className == 'dd-opener') { 
        return false;
      }
    }
				
	   var dropdowns = document.getElementsByClassName('select');
	   for (var i = 0; i < dropdowns.length; i++) {
	       dropdown = dropdowns[i];
	       Element.addClassName(dropdown, 'hide-dropdown');
	   }
	
	}
	
	Event.observe(document, "click", (hideDropDownsOnClick), true);