function initialize ()
{
  firstInputFocus ();
}

function setMenu ()
{
  if (document.getElementById ('item'))
  {
    var pagesSelect = document.getElementById ('item').getElementsByTagName ('option');
    pagesSelect [0].text = 'Een ogenblik geduld';
  }
  
  ajax ('includes/ajax/getItemsByMenu.php?url=' + document.getElementById ('menu').value, 'items');
}

function searchMenu ()
{
  var menu = document.getElementById ('menu');
  var item = document.getElementById ('item');
  if (menu.value == 0)
  {
    alert ('Kies een provincice!');
  }
  
  else if (item.value == 0)
  {
    alert ('Kies een thema!');
  }
  
  else
  {
    window.location = (item.disabled == true ? menu.value : item.value);
  }
}

function showMenu (id, first)
{ 
  if (first)
  {
    var menu  = document.getElementById ('menu_' + id);
    var items = document.getElementById ('items_' + id);
    var open  = (menu.className.indexOf ('border-bottom') != -1 ? true : false);
    
    if (open)
    {
      menu.className  = menu.className.replace ('border-bottom', '');
      items.className = items.className.replace (' border-bottom', '');
    } 
    else
    {
      menu.className  += ' border-bottom';
      items.className += ' border-bottom';
    }
  }
  slideVertical ('items_' + id);
}

function createMarker (map, latLng, content) 
{
  var marker = new google.maps.Marker ({
    position: latLng,
    map: map
  });
  
  if (content != '')
  {
    var infowindow = new google.maps.InfoWindow ({});
    
    google.maps.event.addListener (marker, 'click', function () 
    {
      infowindow.setContent (content); 
      infowindow.open (map, marker);
    }
    );
  }
}

function googleMaps (latitude, longitude) 
{  
  var latLng  = new google.maps.LatLng (latitude, longitude);
  var options = {
    zoom: 8,
    center: latLng,
    mapTypeControl: false,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map (document.getElementById('maps'), options); 
  
  google.maps.event.addListener (map, 'click', function () 
  {
    infowindow.close ();
  }
  );
           
  ajax ('includes/accommodations.xml', '', function (response) 
  {                                                         
    var xml     = loadXML (response); 
    var markers = xml.documentElement.getElementsByTagName ('accommodation');
    for (var i  = 0; i < markers.length; i++) 
    {
      var lat     = parseFloat (markers[i].getAttribute ('latitude'));
      var lng     = parseFloat (markers[i].getAttribute ('longitude'));
      var point   = new google.maps.LatLng (lat, lng);
      var content = markers [i].getAttribute ('content');

      var marker = createMarker(map, point, content);
    }
  }
  );       
}

function addImageLine ()
{
  var tbody           = document.getElementById ('images');    
  tbody.style.display = '';
   
  var trs             = tbody.getElementsByTagName('tr');
  trLength            = trs.length;
  if (trLength > 0)
  {
    var ths             = trs [(trLength - 1)].getElementsByTagName ('th');
    var th              = parseInt (ths [0].innerHTML.substring ((ths [0].innerHTML.indexOf ('>') + 1)));
    trLength            = (th + 1);
  }
  else
  {
    trLength          = 1;
  }
  
  var tr     = document.createElement('tr');
      tr.setAttribute ('id', 'imageLine_' + trLength);  
          
  var td1   = document.createElement('th');
      td1.setAttribute ('class', 'padding-left border-bottom-dark-gray');
  var td2   = document.createElement('td');
      td2.setAttribute ('class', 'border-bottom-dark-gray');

  td1.innerHTML = '<input type="hidden" name="imageName[]" value="' + trLength + '" />' + trLength;
  td2.innerHTML = '<input type="file" name="image[]" />&nbsp;<b>Alt</b>&nbsp;<input type="text" name="alt[]" class="input" />&nbsp;<a href="javascript:;" id="deleteImage_' + trLength + '" style="text-decoration: none;"><img src="images/delete.png" alt="" /></a>';

  
  tr.appendChild (td1);
  tr.appendChild (td2);
 
  tbody.appendChild (tr);
 
  document.getElementById ('deleteImage_' + trLength).onclick = function ()
  {                      
    deleteImageline (tr);
  }   
}

function deleteImageline (tr)
{  
  tr.parentNode.removeChild (tr);
}   

function setIsHomepage (checked)
{
  if (checked == true)
  {
    hide ('has_url');
    hide ('has_accessible');
  }
  else
  {
    unhide ('has_url', true);
    unhide ('has_accessible', true);
  }
}