/* 

  SearchField 
  written by Alen Grakalic, provided by Css Globe (cssglobe.com)
  please visit http://cssglobe.com/post/1202/style-your-websites-search-field-with-jscss/ for more info
  
*/

this.fagfield = function(){
  
  // CONFIG 
  
  // this is id of the search field you want to add this script to. 
  // You can use your own id just make sure that it matches the search field in your html file.
  var id = "fagfield";
  
  // Text you want to set as a default value of your search field.
  var defaultText = "Find dit fag";  
  
  // set to either true or false
  // when set to true it will generate search suggestions list for search field based on content of variable below
  var suggestion = true;
  
  // static list of suggestion options, separated by comma
  // replace with your own
  var suggestionText = "Akvarium, Artister, Bedemand, Begravelsesvæsen, Biograf, Boligselskab, Bowlingcenter, Bunkere, Cafe, Cafeterie, Campingpladser, Catering, Civilforsvar, Dentallaboratorie, Diskotek, Dyrepark, Dyrepasser, Dørmænd, Ejendomsfunktionær, Ejendomsservice, Erhvervsdykker, Feriecenter, Festudlejning, Flymekaniker, Forlystelsesparker, Forsvar, Forsvarsskole, Frisør, Fængselsfunktionær, Gasforsyning, Grillbar, Hotel, Hotel- og restaurationsskole, Husassistent, Idrætsanlæg, Industrirengøring, Isbar, Kloakservice, Kok, Koncerthal, Konferencecenter, Kosmetiker, Krematorie, Kriminalforsorgen, Kro, Kultursted, Kursusejendomme, Køkkenmedarbejder, Livredder, Låsesmed, Militær, Motionscenter, Museum, Musiker, Natklub, Officersskole, Organist, Politi, Politiskole, Pølsevogn, Radaranlæg, Radio, Receptionist, Rengøring, Rengøringsassistent, Renseri, Rensningsanlæg, Restaurant, Sanitør, Scenemedarbejder, Serveringspersonale, Serviceassistent, Sikkerhedsbranche, Skadesservice, Skomager, Skorstensfejer, Skønhedspleje, Smørrebrødsjomfru, Solcenter, Spildevandsanlæg, Spillested, Sportsanlæg, Sportsklub, Stuepige, Svømmehal, Tandtekniker, Teater, Tjener, Tv, Udlejning af ejendomme, Vagt, Vandforsyning, Vandrehjem, Vaskeri, Vicevært, Vinduespolerer, Værditransport, Værtshus, Wellnesscenter, Zoologisk have,";
  // END CONFIG (do not edit below this line, well unless you really, really want to change something :) )
  
  // Peace, 
  // Alen

  var field = document.getElementById(id);  
  var classInactive = "fag_inactive";
  var classActive = "fag_active";
  var classText = "fag_text";
  var classSuggestion = "fag_suggestion";
  //this.safari = ((parseInt(navigator.productSub)>=20020000)&&(navigator.vendor.indexOf("Apple Computer")!=-1));
  if(field /*&& !safari*/){
    field.value = defaultText;
    field.c = field.className;    
    field.className = field.c + " " + classInactive;
    field.onfocus = function(){
      this.className = this.c + " "  + classActive;
      this.value = (this.value == "" || this.value == defaultText) ?  "" : this.value;
    };
    field.onblur = function(){
      this.className = (this.value != "" && this.value != defaultText) ? this.c + " " +  classText : this.c + " " +  classInactive;
      this.value = (this.value != "" && this.value != defaultText) ?  this.value : defaultText;
      fag_clearList();
    };
    if (suggestion){
      
      var selectedIndex = 1;
            
      field.setAttribute("autocomplete", "off");
      var div = document.createElement("div");
      var list = document.createElement("ul");
      list.style.display = "none";
      div.className = classSuggestion;
      list.style.width = field.offsetWidth+ "px";
      div.appendChild(list);
      field.parentNode.appendChild(div);  

      field.onkeypress = function(e){
        
        var key = fag_getKeyCode(e);
    
        if(key == 13){ // enter
          fag_selectList();
          selectedIndex = 1;
          return false;
        };  
      };
        
      field.onkeyup = function(e){
      
        var key = fag_getKeyCode(e);
    
        switch(key){
        case 13:
          return false;
          break;      
        case 27:  // esc
          field.value = "";
          selectedIndex = 1;
          fag_clearList();
          break;        
        case 38: // up
          fag_navList("up");
          break;
        case 40: // down
          fag_navList("down");    
          break;
        default:
          fag_startList();      
          break;
        };
      };
      
      this.fag_startList = function(){
        var arr = fag_getListItems(field.value);
        if(field.value.length > 0){
          fag_createList(arr);
        } else {
          fag_clearList();
        };  
      };
      
      this.fag_getListItems = function(value){
        var arr = new Array();
        var src = suggestionText;
        var src = src.replace(/, /g, ",");
        var arrSrc = src.split(",");

        for(i=0;i<arrSrc.length;i++){
          if(arrSrc[i].substring(0,value.length).toLowerCase() == value.toLowerCase()){
            arr.push(arrSrc[i]);
          };
        };        
        return arr;
      };
      
      this.fag_createList = function(arr){        
        fag_resetList();      
        if(arr.length > 0) {
          for(i=0;i<arr.length;i++){        
            li = document.createElement("li");
            a = document.createElement("a");
            a.href = "javascript:void(0);";
            a.i = i+1;
            a.innerHTML = arr[i];
            li.i = i+1;
            li.onmouseover = function(){
              fag_navListItem(this.i);
            };
            a.onmousedown = function(){
              selectedIndex = this.i;
              fag_selectList(this.i);    
              return false;
            };          
            li.appendChild(a);
            list.setAttribute("tabindex", "-1");
            list.appendChild(li);  
          };  
          list.style.display = "block";        
        } else {
          fag_clearList();
        };
      };  
      
      this.fag_resetList = function(){
        var li = list.getElementsByTagName("li");
        var len = li.length;
        for(var i=0;i<len;i++){
          list.removeChild(li[0]);
        };
      };
      
      this.fag_navList = function(dir){      
        selectedIndex += (dir == "down") ? 1 : -1;
        li = list.getElementsByTagName("li");
        if (selectedIndex < 1) selectedIndex =  li.length;
        if (selectedIndex > li.length) selectedIndex =  1;
        fag_navListItem(selectedIndex);
      };
      
      this.fag_navListItem = function(index){  
        selectedIndex = index;
        li = list.getElementsByTagName("li");
        for(var i=0;i<li.length;i++){
          li[i].className = (i==(selectedIndex-1)) ? "selected" : "";
        };
      };
      
      var en = "http://www.bar-service.dk/Default.aspx?ID=7242";
      var to = "http://www.bar-service.dk/Default.aspx?ID=7111";
      var tre = "http://www.bar-service.dk/Default.aspx?ID=7235";
      var fire = "http://www.bar-service.dk/Default.aspx?ID=7222";
      var fem = "http://www.bar-service.dk/Default.aspx?ID=7299";
      var seks = "http://www.bar-service.dk/Default.aspx?ID=7212";
      
      this.fag_selectList = function(){
        li = list.getElementsByTagName("li");  
        a = li[selectedIndex-1].getElementsByTagName("a")[0];   
            if(a.innerHTML == "Akvarium"){
              window.location = seks;
            }
            else if(a.innerHTML == "Artister") {
              window.location = seks;
            }
            else if(a.innerHTML == "Bedemand") {
              window.location = fem;
            }
            else if(a.innerHTML == "Begravelsesvæsen") {
              window.location = fem;
            } 
            else if(a.innerHTML == "Biograf") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Boligselskab") {
              window.location = fire;
            } 
            else if(a.innerHTML == "Bowlingcenter") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Bunkere") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Cafe") {
              window.location = en;
            } 
            else if(a.innerHTML == "Cafeterie") {
              window.location = en;
            } 
            else if(a.innerHTML == "Campingpladser") {
              window.location = en;
            } 
            else if(a.innerHTML == "Catering") {
              window.location = en;
            } 
            else if(a.innerHTML == "Civilforsvar") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Dentallaboratorie") {
              window.location = fem;
            } 
            else if(a.innerHTML == "Diskotek") {
              window.location = en;
            } 
            else if(a.innerHTML == "Dyrepark") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Dyrepasser") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Dørmænd") {
              window.location = en;
            } 
            else if(a.innerHTML == "Ejendomsfunktionær") {
              window.location = fire;
            } 
            else if(a.innerHTML == "Ejendomsservice") {
              window.location = fire;
            } 
            else if(a.innerHTML == "Erhvervsdykker") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Feriecenter") {
              window.location = en;
            } 
            else if(a.innerHTML == "Festudlejning") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Flymekaniker") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Forlystelsesparker") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Forsvar") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Forsvarsskole") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Frisør") {
              window.location = fem;
            } 
            else if(a.innerHTML == "Fængselsfunktionær") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Gasforsyning") {
              window.location = fire;
            } 
            else if(a.innerHTML == "Grillbar") {
              window.location = en;
            } 
            else if(a.innerHTML == "Hotel") {
              window.location = en;
            } 
            else if(a.innerHTML == "Hotel og restaurationsskole") {
              window.location = en;
            } 
            else if(a.innerHTML == "Husassistent") {
              window.location = to;
            } 
            else if(a.innerHTML == "Idrætsanlæg") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Industrirengøring") {
              window.location = to;
            } 
            else if(a.innerHTML == "Isbar") {
              window.location = en;
            } 
            else if(a.innerHTML == "Kloakservice") {
              window.location = fire;
            } 
            else if(a.innerHTML == "Kok") {
              window.location = en;
            } 
            else if(a.innerHTML == "Koncerthal") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Konferencecenter") {
              window.location = en;
            } 
            else if(a.innerHTML == "Kosmetiker") {
              window.location = fem;
            } 
            else if(a.innerHTML == "Krematorie") {
              window.location = fem;
            } 
            else if(a.innerHTML == "Kriminalforsorgen") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Kro") {
              window.location = en;
            } 
            else if(a.innerHTML == "Kultursted") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Kursusejendomme") {
              window.location = en;
            } 
            else if(a.innerHTML == "Køkkenmedarbejder") {
              window.location = en;
            } 
            else if(a.innerHTML == "Livredder") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Låsesmed") {
              window.location = fem;
            } 
            else if(a.innerHTML == "Militær") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Motionscenter") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Museum") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Musiker") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Natklub") {
              window.location = en;
            } 
            else if(a.innerHTML == "Officersskole") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Organist") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Politi") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Politiskole") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Pølsevogn") {
              window.location = en;
            } 
            else if(a.innerHTML == "Radaranlæg") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Radio") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Receptionist") {
              window.location = en;
            } 
            else if(a.innerHTML == "Rengøring") {
              window.location = to;
            } 
            else if(a.innerHTML == "Rengøringsassistent") {
              window.location = to;
            } 
            else if(a.innerHTML == "Renseri") {
              window.location = to;
            } 
            else if(a.innerHTML == "Rensningsanlæg") {
              window.location = fire;
            } 
            else if(a.innerHTML == "Restaurant") {
              window.location = en;
            } 
            else if(a.innerHTML == "Sanitør") {
              window.location = to;
            } 
            else if(a.innerHTML == "Scenemedarbejder") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Serveringspersonale") {
              window.location = en;
            } 
            else if(a.innerHTML == "Serviceassistent") {
              window.location = to;
            } 
            else if(a.innerHTML == "Sikkerhedsbranche") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Skadesservice") {
              window.location = to;
            } 
            else if(a.innerHTML == "Skomager") {
              window.location = fem;
            } 
            else if(a.innerHTML == "Skorstensfejer") {
              window.location = fire;
            } 
            else if(a.innerHTML == "Skønhedspleje") {
              window.location = fem;
            } 
            else if(a.innerHTML == "Smørrebrødsjomfru") {
              window.location = en;
            } 
            else if(a.innerHTML == "Solcenter") {
              window.location = fem;
            } 
            else if(a.innerHTML == "Spildevandsanlæg") {
              window.location = fire;
            } 
            else if(a.innerHTML == "Spillested") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Sportsanlæg") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Sportsklub") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Stuepige") {
              window.location = en;
            } 
            else if(a.innerHTML == "Svømmehal") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Tandtekniker") {
              window.location = fem;
            } 
            else if(a.innerHTML == "Teater") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Tjener") {
              window.location = en;
            } 
            else if(a.innerHTML == "Tv") {
              window.location = seks;
            } 
            else if(a.innerHTML == "Udlejning af ejendomme") {
              window.location = fire;
            } 
            else if(a.innerHTML == "Vagt") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Vandforsyning") {
              window.location = fire;
            } 
            else if(a.innerHTML == "Vandrehjem") {
              window.location = en;
            } 
            else if(a.innerHTML == "Vaskeri") {
              window.location = to;
            } 
            else if(a.innerHTML == "Vicevært") {
              window.location = fire;
            } 
            else if(a.innerHTML == "Vinduespolerer") {
              window.location = fire;
            } 
            else if(a.innerHTML == "Værditransport") {
              window.location = tre;
            } 
            else if(a.innerHTML == "Værtshus") {
              window.location = en;
            } 
            else if(a.innerHTML == "Wellnesscenter") {
              window.location = fem;
            } 
            else if(a.innerHTML == "Zoologisk have") {
              window.location = seks;
            }

        field.value = a.innerHTML;
        fag_clearList();
      };      
      
    };
  };
  
  this.fag_clearList = function(){
    if(list){
      list.style.display = "none";
      selectedIndex = 1;
    };
  };    
  this.fag_getKeyCode = function(e){
    var code;
    if (!e) var e = window.event;
    if (e.keyCode) code = e.keyCode;
    return code;
  };
  
};

// script initiates on page load. 

this.addEvent = function(obj,type,fn){
  if(obj.attachEvent){
    obj['e'+type+fn] = fn;
    obj[type+fn] = function(){obj['e'+type+fn](window.event );}
    obj.attachEvent('on'+type, obj[type+fn]);
  } else {
    obj.addEventListener(type,fn,false);
  };
};
addEvent(window,"load",fagfield);