$(document).ready(function () {




  $('#occasion').live('click', function () {

    _SubmitResult('submit', $(this).attr('rel'));
    //var location = parent.window.location.href;
    //window.location.href = $(this).attr('rel') + "#outer=" + location + "";

  });

  try {
    $("a[rel^='prettyPhoto']").prettyPhoto({social_tools:false});
  } catch (Error) { }

  /**************************************************/
  /*      Foto's wisselen voor presentatie          */
  /**************************************************/
  var position = 0;
  $(".pijl_rechts").click(function () {
    position = (position + 2);
    $(".fotogroep").attr('class', 'fotolinks');
    $(".fotorechts").css('display', 'none');
    $(".fotolinks").css('display', 'none');
    $(".fotolinks").fadeOut('300', function callback() { $(".fotolinks").css('background-image', "url('/img/fotos/foto" + (position - 1) + ".png')").fadeIn('300') });
    $(".fotorechts").fadeOut('300', function callback() { $(".fotorechts").css('background-image', "url('/img/fotos/foto" + (position) + ".png')").fadeIn('300') });

    if (position >= 9) {
      $(".pijl_rechts").css('background-image', "url('/img/layout/pijl_clear.png')");
      $(".pijl_links").css('background-image', "url('/img/layout/pijl_links.png')");
      $(".pijl_links").css('cursor', 'pointer');
      $(".pijl_rechts").css('cursor', 'default');
    } else {
      $(".pijl_rechts").css('background-image', "url('/img/layout/pijl_rechts.png')");
      $(".pijl_links").css('background-image', "url('/img/layout/pijl_links.png')");
    }
  });

  $(".pijl_links").click(function () {
    position = (position - 2);
    if (position <= 1) {
      $(".fotorechts").css('display', 'none');
      $(".fotolinks").css('display', 'none');
      $(".fotolinks").attr('class', 'fotogroep').css('background-image', "url('/img/fotos/fotogroep.png')").fadeIn('300');
      $(".pijl_rechts").css('background-image', "url('/img/layout/pijl_rechts.png')");
      $(".pijl_links").css('background-image', "url('/img/layout/pijl_clear.png')");
      $(".pijl_links").css('cursor', 'default');
      $(".pijl_rechts").css('cursor', 'pointer');
    } else {
      $(".fotolinks").fadeOut('300', function callback() { $(".fotolinks").css('background-image', "url('/img/fotos/foto" + (position - 1) + ".png')").fadeIn('300') });
      $(".fotorechts").fadeOut('300', function callback() { $(".fotorechts").css('background-image', "url('/img/fotos/foto" + (position) + ".png')").fadeIn('300') });
      $(".pijl_rechts").css('background-image', "url('/img/layout/pijl_rechts.png')");
      $(".pijl_links").css('background-image', "url('/img/layout/pijl_links.png')");
    }




  });



  /*******************************************************/
  /*      Tips ouders wisselen voor presentatie          */
  /*******************************************************/

  var positiontest = 2;
  $(".pijl_rechts_tips").click(function () {
    positiontest = (positiontest + 2);
    $(".fotolinks_tips").fadeOut('300', function callback() { $(".fotolinks_tips").css('background-image', "url('/img/fotos/tip" + (positiontest - 1) + ".jpg')").fadeIn('300') });
    $(".fotorechts_tips").fadeOut('300', function callback() { $(".fotorechts_tips").css('background-image', "url('/img/fotos/tip" + (positiontest) + ".jpg')").fadeIn('300') });

    if (positiontest >= 2) {
      $(".pijl_rechts_tips").css('background-image', "url('/img/layout/pijl_clear.png')");
      $(".pijl_links_tips").css('background-image', "url('/img/layout/pijl_links.png')");
      $(".pijl_links_tips").css('cursor', 'pointer');
      $(".pijl_rechts_tips").css('cursor', 'default');
    } else {
      $(".pijl_rechts_tips").css('background-image', "url('/img/layout/pijl_rechts.png')");
      $(".pijl_links_tips").css('background-image', "url('/img/layout/pijl_links.png')");
    }
  });

  $(".pijl_links_tips").click(function () {
    positiontest = (positiontest - 2);
    $('.fotogroep').attr('class', 'fotolinks');
    $(".fotolinks_tips").fadeOut('300', function callback() { $(".fotolinks_tips").css('background-image', "url('/img/fotos/tip" + (positiontest - 1) + ".jpg')").fadeIn('300') });
    $(".fotorechts_tips").fadeOut('300', function callback() { $(".fotorechts_tips").css('background-image', "url('/img/fotos/tip" + (positiontest) + ".jpg')").fadeIn('300') });

    if (position <= 2) {
      $(".pijl_rechts_tips").css('background-image', "url('/img/layout/pijl_rechts.png')");
      $(".pijl_links_tips").css('background-image', "url('/img/layout/pijl_clear.png')");
      $(".pijl_links_tips").css('cursor', 'default');
      $(".pijl_rechts_tips").css('cursor', 'pointer');
    } else {
      $(".pijl_rechts_tips").css('background-image', "url('/img/layout/pijl_rechts.png')");
      $(".pijl_links_tips").css('background-image', "url('/img/layout/pijl_links.png')");
    }

  });


  /*******************************************************/
  /*      Verzenden knoppen tonen en alert                    */
  /*******************************************************/

  $('.knop').parent().click(function (e) {
    alert('Bedankt voor uw interesse!');
    return false;
  });


  /*******************************************************/
  /*      Invoervelden leeg maken en vullen                   */
  /*******************************************************/

  $('.informatie_input').click(function () {
    if ($(this).attr('value') == "*") {
      $(this).attr('value', '');
    }
  });

  $('.informatie_input').blur(function () {
    if ($(this).attr('value') == "") {
      $(this).attr('value', '*');
    }
  });



  /*******************************************************/
  /*      Verzenden van formulier: 'informatie aanvragen'*/
  /*******************************************************/

  $("#verstuur_informatieaanvragen").click(function () {
    var loOk = true;

    $(this).attr("disabled", "true");

    // controle aanhef
    $(".check").each(function () {
      if ($(this).val() == "*") {
        loOk = false;
      }
    });

    if ($('#subject').attr('value') == 'info') {
      if (loOk == true) {
        var postform = $("form").serialize();

        $.ajax({
          type: "POST",
          url: "/asp/verzend.asp",
          data: postform,
          beforeSend: function () {
            //Hier functies voor het verzenden

            // veld validatie
            chFoutmelding = "";

            $("form input, form select").each(function () {
              //veldwaarden += "&" + $(this).attr("name") + "=" + $(this).attr("value");

              veldnaam = $(this).attr("name");
              arControleResultaat = "";

              switch ($(this).attr("name")) {
                case "naam":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "adres":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "postcode":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [2]);
                  break
                case "plaats":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "email":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [4]);
                  break
                case "telefoon":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [12]);
                  break
                case "naam_directeur":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "naam_kontactpersoon":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "aantal_leerlingen":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "aantal_klassen":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "aantal_locaties":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "vragen":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break


                default: return // andere velden dan genoemd worden overgeslagen (ook buttons!)
              }
              for (i = 0; i < arControleResultaat.length; i++) {
                if (arControleResultaat[i] != null) {
                  if (arControleResultaat[i] != '') {
                    chFoutmelding += $("#" + veldnaam).html() + " " + arControleResultaat[i] + "\n";
                  }
                }
              }
            });
            if (chFoutmelding != '') {
              alert("Het formulier kan niet verzonden worden door de volgende oorzaak: \n\n" + chFoutmelding);
              $("#verstuur_informatieaanvragen").removeAttr("disabled");
              return false;
            }
          },
          success: function (response) {
            // Acties na succesvolle verzending	

            if (response == "1") {
              $('.informatieformulier').html("<h4 id='verzondenbericht'>Uw aanvraag is verzonden, bedankt voor uw interesse!</h4>");
            }
            else {
              alert('Probleem bij het verzenden');
            }
          },
          error: function (requestobject, errortype, exeptionobject) {
            // Hier functies wanneer verzenden mislukt is				
          }
        });
      } else {
        $('.foutmelding_form').html('* U dient alle verplichte velden in te vullen.');
        $('.check').css('background-color', '#F1F2A5');
      }
    }

    if ($('#subject').attr('value') == 'afspraak') {
      if (loOk == true) {
        var postform = $("form").serialize();

        $.ajax({
          type: "POST",
          url: "/asp/verzend.asp",
          data: postform,
          beforeSend: function () {
            //Hier functies voor het verzenden

            // veld validatie
            chFoutmelding = "";

            $("form input, form select").each(function () {
              //veldwaarden += "&" + $(this).attr("name") + "=" + $(this).attr("value");

              veldnaam = $(this).attr("name");
              arControleResultaat = "";

              switch ($(this).attr("name")) {
                case "naam":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "adres":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "postcode":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [2]);
                  break
                case "plaats":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "email_school":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [4]);
                  break
                case "telefoon":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [12]);
                  break
                case "naam_directeur":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "naam_kontaktpersoon":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "telefoon_kontaktpersoon":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [12]);
                  break
                case "aantal_leerlingen":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "aantal_klassen":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "aantal_locaties":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "voorkeursdatum1":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "voorkeursdatum2":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "voorkeursachtergrond":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "vragen":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [0]);
                  break


                default: return // andere velden dan genoemd worden overgeslagen (ook buttons!)
              }
              for (i = 0; i < arControleResultaat.length; i++) {
                if (arControleResultaat[i] != null) {
                  if (arControleResultaat[i] != '') {
                    chFoutmelding += $("#" + veldnaam).html() + " " + arControleResultaat[i] + "\n";
                  }
                }
              }
            });
            if (chFoutmelding != '') {
              alert("Het formulier kan niet verzonden worden door de volgende oorzaak: \n\n" + chFoutmelding);
              $("#verstuur_informatieaanvragen").removeAttr("disabled");
              return false;
            }
          },
          success: function (response) {
            // Acties na succesvolle verzending	

            if (response == "1") {
              $('.informatieformulier').html("<h4 id='verzondenbericht'>Uw aanvraag is verzonden, bedankt voor uw interesse!</h4>");
            }
            else {
              alert('Probleem bij het verzenden');
            }
          },
          error: function (requestobject, errortype, exeptionobject) {
            // Hier functies wanneer verzenden mislukt is				
          }
        });
      } else {
        $('.foutmelding_form').html('* U dient alle verplichte velden in te vullen.');
        $('.check').css('background-color', '#F1F2A5');
      }
    }


    if ($('#subject').attr('value') == 'tipvrienden') {
      if (loOk == true) {
        var postform = $("form").serialize();

        $.ajax({
          type: "POST",
          url: "/asp/verzend.asp",
          data: postform,
          beforeSend: function () {
            //Hier functies voor het verzenden

            // veld validatie
            chFoutmelding = "";

            $("form input, form select").each(function () {
              //veldwaarden += "&" + $(this).attr("name") + "=" + $(this).attr("value");

              veldnaam = $(this).attr("name");
              arControleResultaat = "";

              switch ($(this).attr("name")) {
                case "emailzelf":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [4]);
                  break
                case "emailvriend":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [4]);
                  break
                case "naamzelf":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "naamvriend":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [1]);
                  break
                case "persoonlijkbericht":
                  arControleResultaat = fuControles($("input[name=" + $(this).attr("name") + "]").get(0), [0]);
                  break


                default: return // andere velden dan genoemd worden overgeslagen (ook buttons!)
              }
              for (i = 0; i < arControleResultaat.length; i++) {
                if (arControleResultaat[i] != null) {
                  if (arControleResultaat[i] != '') {
                    chFoutmelding += $("#" + veldnaam).html() + " " + arControleResultaat[i] + "\n";
                  }
                }
              }
            });
            if (chFoutmelding != '') {
              alert("Het formulier kan niet verzonden worden door de volgende oorzaak: \n\n" + chFoutmelding);
              $("#verstuur_informatieaanvragen").removeAttr("disabled");
              return false;
            }
          },
          success: function (response) {
            // Acties na succesvolle verzending	

            if (response == "1") {
              $('.informatieformulier').html("<h4 id='verzondenbericht'>Uw aanvraag is verzonden, bedankt voor uw interesse!</h4>");
            }
            else {
              alert('Probleem bij het verzenden');
            }
          },
          error: function (requestobject, errortype, exeptionobject) {
            // Hier functies wanneer verzenden mislukt is				
          }
        });
      } else {
        $('.foutmelding_form').html('* U dient alle verplichte velden in te vullen.');
        $('.check').css('background-color', '#F1F2A5');
      }
    }



  });



})