﻿// =============================================================================================================
// ***** Tien vragen scripts *****
// =============================================================================================================

var currentQuestion = 1;
var currentAction = "";

// Constants
var laden = "load";
var resultaatTonen = "results";
var opslaan = "save";

function init10Q()
{
  initARC('aspnetForm','radioOn','radioOff','checkboxOn','checkboxOff');
  try
  {
    if(1==2) 
    {
      // --------------------------------------------
      // Alle vragen invullen en naar vraag 10 gaan
      // --------------------------------------------
      var f = document.forms['aspnetForm'];
      
      currentQuestion = 10;
      for(var n = 1; n < 11; n++) 
      {
        f["v" + n][0].click();
      }
      for(var i = 1; i < 10; i++) 
      {
        hide('vraag' + i);
      }
      // --------------------------------------------
    }
    else
    {
      currentQuestion = 1;
      for(var i = 2; i < 11; i++) 
      {
        hide('vraag' + i);
      }
    }
    
    
  }
  catch (err)
  {
    alert(err);
  }
}

function serializeParameters10Q(action)
{
  // submit
  var f = document.forms['aspnetForm'];
  var optie; 
  var antwoorden = "";
  
  if(action == resultaatTonen) 
  {
    for(var n = 1; n < 11; n++)
    {
      optie = f["v" + n];
      for(var i = 0; i < optie.length; i++)
      {
        if(optie[i].checked == true)
        {
          antwoorden += "&a" + n + "=" + (optie[i].value);
        }
      }
    }
  }
  else
  {
    for(var n = 1; n < 11; n++)
    {
      if(f["a" + n]) { antwoorden += "&a" + n + "=" + f["a" + n].value; }
    }
  }
    
  if(f['tienVragenNieuwsbrief']) {if(f['tienVragenNieuwsbrief'].checked == true) antwoorden += "&nieuwsbrief=" + f['tienVragenNieuwsbrief'].value; }
  if(f['tienVragenContact']) { if(f['tienVragenContact'].checked == true) antwoorden += "&contact=" + f['tienVragenContact'].value; }
  if(f['tienVragenToelichting']) { if(f['tienVragenToelichting'].checked == true) antwoorden += "&toelichting=" + f['tienVragenToelichting'].value; }
  if(f['tienVragenNaam']) { antwoorden += "&naam=" + f['tienVragenNaam'].value; }
  if(f['tienVragenEmail']) { antwoorden += "&emailadres=" + f['tienVragenEmail'].value; }
  if(f['tienVragenTel']) { antwoorden += "&telefoonnummer=" + f['tienVragenTel'].value; }
  
  //alert(antwoorden);
  return antwoorden;
}

function volgendeVraag()
{
  var f = document.forms["aspnetForm"];
  var optie = f["v" + currentQuestion];
  var o;
  var check = false;
  var msg;
  
  // Controle of alles is ingevuld
  if(currentQuestion <= 10)
  {
    msg = "U heeft nog geen antwoord op de vraag gegeven.";
    for(var i = 0; i < optie.length; i++)
    {
      if(optie[i].checked == true)
      {
        check = true;
      }
    }
  }
  
  // Bij fout, melding weergeven en blijven waar we zijn
  if(!check)
  {
    alert(msg);
    return;
  }

  // Geen fouten, dan verder gaan
  hide("vraag" + currentQuestion);
  if(currentQuestion == 10)
  {
    TienVragenQuizResultaatTonen();
  }
  else 
  {
    currentQuestion++;
    show("vraag" + currentQuestion);
  }
}

function opslaan10Q()
{
  var f = document.forms["aspnetForm"];
  

  if(f['nieuwsbrief'] && f['contact'] && f['toelichting'] && f['naam'] && f['emailadres'] && f['telefoonnummer']) 
  {
    if(f['nieuwsbrief'].checked == true || f['contact'].checked == true || f['toelichting'].checked == true)
    {
      if(f['naam'].value == "" || f['emailadres'].value == "")
      {
        alert('Gelieve uw naam en emailadres in te vullen.');
        return;
      }
      if(!isValidEmail(f['emailadres'].value))
      {
        alert('Gelieve een correct emailadres in te vullen.');
        return;
      }
    }
    else
    {
      if(f['naam'].value != "" || f['emailadres'].value != "")
      {
        alert('U heeft nog geen optie aangevinkt.');
        return;
      }
    }    
  }
  TienVragenQuizOpslaan();
}

function close10Q()
{
  var o = getObject('popup');
  o.innerHTML = "";
  hidePopup();
}

/* ========================================================================== */
/* xmlHttp Request TienVragenOpslaan
/* ========================================================================== */
/* JQuery */
//function TienVragenQuizLaden()
//{  
//  var url="TienVragenQuizHandler.aspx?";
//  var params = "pageid=1&action=" + laden;
//  $("#popup").load(url+params,
//    function() {
//      showPopup(); init10Q();
//    }
//  );
//}

//function TienVragenQuizResultaatTonen()
//{
//  var url="TienVragenQuizHandler.aspx?";
//  var params = "pageid=1&action=" + resultaatTonen + serializeParameters10Q(resultaatTonen);
//  $("#popup").load(url+params);
//}

//function TienVragenQuizOpslaan()
//{
//  var url="TienVragenQuizHandler.aspx?";
//  var params = "pageid=1&action=" + opslaan + serializeParameters10Q(opslaan);
//  $("#popup").load(url+params);
//}

/* Prototype */
function TienVragenQuizLaden()
{  
 var url="TienVragenQuizHandler.aspx";
  var params = "pageid=1&ajax=1&action=" + laden;
  new Ajax.Updater({ success:'popup', failure:'popup' }, url, {
    parameters: params,
    method:'get',
    onComplete: function(){ showPopup(); init10Q();}
    });  
}

function TienVragenQuizResultaatTonen()
{
  var url="TienVragenQuizHandler.aspx";
  var params = "pageid=1&ajax=1&action=" + resultaatTonen + serializeParameters10Q(resultaatTonen);
  new Ajax.Updater({ success:'popup', failure:'popup' }, url, {
    parameters: params,
    method:'get'
    });
}

function TienVragenQuizOpslaan()
{
  var url="TienVragenQuizHandler.aspx";
  var params = "pageid=1&ajax=1&action=" + opslaan + serializeParameters10Q(opslaan);
  new Ajax.Updater({ success:'popup', failure:'popup' }, url, {
    parameters: params,
    method:'get'    
    });
}