saunadrome_base = 'http://dev.mustbedreaming.com/saunadrome';

function numPersons(obj)
{
    numpersons = obj.options[obj.selectedIndex].value;

    for(var i=1; i<11; i++)
    {
        document.getElementById("personid"+i).style.display= (i<=numpersons)? "block":"none";
    }

}

function change_class(id) {
    var keys = ['sauna_drome', 'beauty_farm', 'arrangementen', 'specials'];
    for (var i = 0;i<keys.length;i++) {
        if (id != keys[i]) document.getElementById(keys[i]).className = "root";
    }

    var current = document.getElementById(id);

    if (current.className == 'root') {
        current.className = 'root active';
    } else {
        current.className = 'root';
    }
}

function bookmark()
{
    if (document.all)
        window.external.AddFavorite('http://www.saunadrome.nl/reserveren/saunabezoek_reserveren', 'Beauty Farm Sauna Drôme');
}

/**** Saunabezoek reserveren ****/

function calculate_total()
{
    var result = '<table class="totals_table">';
    var total  = 0;
    var totals_div = document.getElementById('totals');

    // loop door arrangementen
    for (var i = 0; i < arrangementen.length; i++)
    {
        var id    = arrangementen[i][0];
        var name  = arrangementen[i][1];
        var price = arrangementen[i][2];

        var el    = document.forms['form'].elements['arrangementen['+id+']'];
        var count = parseInt(el.options[el.selectedIndex].value);

        if (count > 0)
        {
            var subtotal = count*price;
            var real_subtotal = (subtotal/100).toFixed(2);

            result += '<tr><td width="20" style="padding-right: 10px; text-align: right;">'+count+'x</td><td>'+name+'</td><td width="10">&euro;</td><td width="40"  style="text-align: right; padding-right: 20px;">'+real_subtotal+'</td></tr>';
            total += subtotal;
        }
    }

    // loop door massages
    for (var i = 0; i < massages.length; i++)
    {
        var minutes = massages[i][0];
        var price   = massages[i][1];

        var el    = document.forms['form'].elements['massages['+minutes+']'];
        var count = parseInt(el.options[el.selectedIndex].value);

        if (count > 0)
        {
            var subtotal = count*price;
            var real_subtotal = (subtotal/100).toFixed(2);

            result += '<tr><td width="20" style="padding-right: 10px; text-align: right;">'+count+'x</td><td>Massage van '+minutes+' minuten</td><td width="10">&euro;</td><td width="40" style="text-align: right; padding-right: 20px;">'+real_subtotal+'</td></tr>';
            total += subtotal;
        }
    }

    // loop door hamambehandelingen
    for (var i = 0; i < hamam.length; i++)
    {
        var minutes = hamam[i][0];
        var price   = hamam[i][1];

        var el    = document.forms['form'].elements['hamams['+minutes+']'];
        var count = parseInt(el.options[el.selectedIndex].value);

        if (count > 0)
        {
            var subtotal = count*price;
            var real_subtotal = (subtotal/100).toFixed(2);

            result += '<tr><td width="20" style="padding-right: 10px; text-align: right;">'+count+'x</td><td>Hamambehandeling van '+minutes+' minuten</td><td width="10">&euro;</td><td width="40" style="text-align: right; padding-right: 20px;">'+real_subtotal+'</td></tr>';
            total += subtotal;
        }
    }

    var real_total = (total/100).toFixed(2);

    result += '<tr class="divider"><td colspan="4">&nbsp;</td></tr>';
    result += '<tr class="totals"><td colspan="2">Totaal:</td><td>&euro;</td><td style="text-align: right; padding-right: 20px;">'+real_total+'</td></tr>';
    result += '</table>';

    if(total>0)
    {
        totals_div.innerHTML     = result;
        totals_div.style.display = 'block';
    }
    else
    {
        totals_div.style.display = 'none';
    }
    document.forms['form'].elements['total'].value = total;
}

function reserveren_calculate_total()
{
    var result = '<table class="totals_table">';
    var total  = 0;
    var totals_div = document.getElementById('totals');

    // loop door arrangementen
    for (var i = 1; i < 4; i++)
    {
        var el = document.forms['form'].elements['arr'+i];
        if (el.options[el.selectedIndex].value != '-')
        {
            var id = parseInt(el.options[el.selectedIndex].value);

            var el    = document.forms['form'].elements['arraantal'+i];
            var count = parseInt(el.options[el.selectedIndex].value);

            var name  = arrangementen[id][1];
            var price = arrangementen[id][2];
        }
        else
        {
            var count = 0;
        }

        if (count > 0)
        {
            var subtotal = count*price;
            var real_subtotal = (subtotal/100).toFixed(2);

            result += '<tr><td width="20" style="padding-right: 10px; text-align: right;">'+count+'x</td><td>'+name+'</td><td width="10">&euro;</td><td width="40"  style="text-align: right; padding-right: 20px;">'+real_subtotal+'</td></tr>';
            total += subtotal;
        }
    }

    // loop door behandelingen
    for (var i = 1; i < 4; i++)
    {
        var el = document.forms['form'].elements['beh'+i];
        if (el.options[el.selectedIndex].value != '-')
        {
            var id = parseInt(el.options[el.selectedIndex].value);

            var el    = document.forms['form'].elements['behaantal'+i];
            var count = parseInt(el.options[el.selectedIndex].value);

            var name  = behandelingen[id][1];
            var price = behandelingen[id][2];
        }
        else
        {
            var count = 0;
        }

        if (count > 0)
        {
            var subtotal = count*price;
            var real_subtotal = (subtotal/100).toFixed(2);

            result += '<tr><td width="20" style="padding-right: 10px; text-align: right;">'+count+'x</td><td>'+name+'</td><td width="10">&euro;</td><td width="40"  style="text-align: right; padding-right: 20px;">'+real_subtotal+'</td></tr>';
            total += subtotal;
        }
    }

    var real_total = (total/100).toFixed(2);

    result += '<tr class="divider"><td colspan="4">&nbsp;</td></tr>';
    result += '<tr class="totals"><td colspan="2">Totaal:</td><td>&euro;</td><td style="text-align: right; padding-right: 20px;">'+real_total+'</td></tr>';
    result += '</table>';

    if(total>0)
    {
        totals_div.innerHTML     = result;
        totals_div.style.display = 'block';
    }
    else
    {
        totals_div.style.display = 'none';
    }
    document.forms['form'].elements['total'].value = total;
}

/**** Saunaaanbieding ****/

toggle = function(element)
  {
      var style = document.getElementById(element).style;
      if (style.display == 'block') {
          style.display = 'none';
      } else {
          style.display = 'block';
      }
}

plusmin = function(element)
  {
      var style = document.getElementById(element).style;
      if (style.backgroundImage == 'url(http://www.saunadrome.nl/resources/images/aktiepagina/minus.gif)') {
          style.backgroundImage = 'url(http://www.saunadrome.nl/resources/images/aktiepagina/expand.gif)';
      } else {
          style.backgroundImage = 'url(http://www.saunadrome.nl/resources/images/aktiepagina/minus.gif)';
      }
}