/** KOPF ANFANG ##################################################
# Name:
#    JAVASCRIPT-Funktionen
# Kunde(optional):
#    MGEPA Internet
# Zweck:
#    Diverse JavaScript-Funktionen
# Vorraussetzungen:
#    Javascript, jQuery
# Copyright:
#    IT.NRW 05/2011
#
##################################################################
# Grunderstellung des Skriptes
#    Bartlomiej Oczko am 10.05.2011
#
######################################################KOPF ENDE#*/

   $(document).ready(function() {
      $('#hilfsnavi').css('display', 'none');
      $('#sliderNav').css('left', '590px');
      $('#sliderNav').empty();
      $('.slide').removeClass('u');
      $('#imageList li').removeClass('u');
      $('#imageList li.remove').remove();
      $('#q').keyup(askForProposal);


   /* http://jquery.malsup.com/cycle/lite/ */
      $('#slideContainer').cycle({ 
         fx: 'fade',  
         timeout: 15000,
         pager: '#sliderNav',
         pagerAnchorBuilder: makeMGEPALink
      });
      
      $('#imageList').cycle({ 
         fx: 'fade',
         sync: true,
         timeout: 2000,
         prev: '#prev',
         next: '#next',
         pause: 1
      });

      $('#tabs').tabs();

      $('#proposalContainer').click(function(event) {
         event.stopPropagation();
         $('#proposalContainer').show();
      });

      $(document).click(function() {
         $('#proposalContainer').hide();
      });
   });

   function auf() {
      $('#hilfsnavi').toggle();
   }

   function clearField(inputObject, string) {
      if (inputObject.value == string) {
         inputObject.value = "";
      }
   }

   function resetField(inputObject, string) {
      if (jQuery.trim(inputObject.value) == "") {
         inputObject.value = string;
      }  
   }

   function makeMGEPALink(index,element) {
      var link;
      var letters = ["M", "G", "E", "P", "A"];
      link = '<a href="#">'+ (letters[index]) +'</a>';
      return link;
   }

   function unique(arrayName) {
      return $.grep(arrayName,function(v,k){
         return $.inArray(v,arrayName) === k;
      });
   }

   function askForProposal(event) {
      if (event.keyCode == '13') {
         event.preventDefault();
         return;
      }

      var container = $('#proposalContainer');
      var input = $('#q').val();

      if ((input === undefined) || (input == "") || input.length < 3) {
         container.html("");
         container.hide();
         return;
      }

      var url = "http://www.mgepa.nrw.de/proposal/";
      var data = "wt=json&terms=true&terms.fl=searchText&terms.limit=10&omitHeaders=true&terms.prefix=" + encodeURIComponent(input);
      
      $.ajax({
         type: "GET",
         dataType: "json",
         url: url,
         data: data,
         xhrFields: {
            withCredentials: true
         },
         success: processProposal
      });      

      function processProposal(data) {
         var term = data.terms[1];
         if (term.length > 0) {
            var termArray = Array();
            for (var k = 0; k < term.length; k = k+2) {
               termArray.push($.trim(term[k]));
            }
            termArray = unique(termArray);
            container.show();
            var temp = '<ul>';
            for (var t in termArray) {
               temp += '<li><a href="/suche/index.php?q=' + termArray[t] + '">' + termArray[t].replace(input, "<b>" + input + "</b>") + '</a></li>';
            }
            temp += '</ul>';
            container.html(temp);
         } else {
            container.html("");
            container.hide();
         }
      }
   }
