function searchform(key) {
  var output='<form action="/wwjw">Trefwoord: <input type="text" name="query" /><br/><input type="submit" value="Zoeken" /></form>';
  $("#widget").empty();
  $("#widget").append(output);  
}

function search(key) {
  if(!key) {
    $("#widget").empty();
    $("#widget").append("<p>U heeft geen sleutel meegegeven.</p>");
    return;
  }
  var link = "http://www.wordwatjewil.be/api/opleiding/";
  var path = window.location.search;
  var opleiding = getParameterByName('opleiding');
  var regio = getParameterByName('regio');
  var query = getParameterByName('query');
  var page = getParameterByName('page');
  if(!page) {
    page = "0";   
  }
  $(document).ready(function(){
    $.getJSON("http://www.wordwatjewil.be/widget_api" + path + "&key=" + key + "&callback=?", function(data){
      $("#widget").empty();
      if(opleiding) {
        if (data.opleiding) {
          var opl = data.opleiding;
          $("#widget").empty();
          $("#widget").append("<h2>" + opl.programma.naam + "</h2>");
          if(opl.programma.omschrijving) {
            $("#widget").append("<h3>Omschrijving</h3>");
            $("#widget").append("<p>" + opl.programma.omschrijving + "</p>");
          }
          $("#widget").append("<h3>Organisator</h3>");
          $("#widget").append("<p>" + opl.organisatie_overzicht.naam + "<br/>" + opl.organisatie_overzicht.straat + " " + opl.organisatie_overzicht.huisnummer + "<br/>" + opl.organisatie_overzicht.postcode + " " + opl.organisatie_overzicht.gemeente + "</p>");
          $("#widget").append("<h3>Lesplaats</h3>");
          $("#widget").append("<p>" + opl.lesplaats.naam + "<br/>" + opl.lesplaats.straat + " " + opl.lesplaats.huisnummer + "<br/>" + opl.lesplaats.postcode + " " + opl.lesplaats.gemeente + "</p>");
          $("#widget").append("<h3>Lesmoment</h3>");
          $("#widget").append("<p>" + opl.lesmoment.naam + ", van " + opl.startdatum + " tot " + data.opleiding.einddatum + "</p>");
          $("#widget").append("<p><a href='" + link + opl.sessie_id + "'>Lees meer ></a></h2>");
        }
        else {
          $("#widget").append("<p>Er is geen opleiding met deze code gevonden.</p>");
        }
      }
      else {
        if(data.opleidingen) {
          var totaal = data.opleidingen.totaal;
          $.each(data.opleidingen.item, function(i,opl){
            $("#widget").append($("<a>" + opl.programma_overzicht.naam + "</a>").attr("href", "/wwjw?opleiding=" + opl.sessie_id)).append("<br/>" + opl.organisatie_overzicht.naam_kort + ", " + opl.lesmoment.naam + ", " + opl.startdatum + "<br/><br/>");
          });
          if(totaal > 10) {
            var elements = totaal / 20;
            $("#widget").append(pager(page, elements));
          }
        }
        else {
          $("#widget").append("<p>Er zijn geen resultaten gevonden.</p>");
        }
      }
    });
  });
}
  
function pager(element, elements) {
  var link = "/wwjw" + window.location.search;
  link = link.replace('&page=' + element, '');
  element = parseInt(element);
  elements = parseInt(elements);
  var output = '<div class="item-list"><ul class="pager">';
  if (element!=0) {
    var goto = (element - 1);
    output += '<li class="pager-first first"><a href="' + link + '&page=0" title="Ga naar de eerste pagian" class="active"><<</a></li>';
    output += '<li class="pager-previous"><a href="' + link + '&page=' + goto + '" title="Ga naar de vorige pagina" class="active">vorige</a></li>';
  }
  if(element <= 7) {
    var first = 0;
    if(elements < 8) {
      var last = elements  
    }
    else {
      var last = 9;  
    }
  }
  else {
    var first = (element - 4);
    var last = (element + 4);
    if(first < 0) {
      first = 0;
      last = 8;
    }
    if(last > elements) {
      first = (elements - 8);
      last = (elements);
    }
  }
  var thispage = element + 1;
  var lastpage = elements - 1;
  output += "<li class='pager-current'>pagina " + thispage + " van " + elements + "</li>";
  if (element < lastpage) {
    var goto = element + 1;
    output += '<li class="pager-next"><a href="' + link  + '&page=' + goto + '" title="Ga naar de volgende pagina" class="active">volgende</a></li>';  
    output += '<li class="pager-last last"><a href="' + link + '&page=' + lastpage + '" title="Ga naar de laatste pagina" class="active">>></a>';
  }
  output += '</ul></div>';
  return output;
}

function getParameterByName(name) {
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}