document.getElementsByClassName = function(class_name) {
    var docList = this.all || this.getElementsByTagName('*');
    var matchArray = new Array();

    /*Create a regular expression object for class*/
    var re = new RegExp("(?:^|\\s)"+class_name+"(?:\\s|$)");
    for (var i = 0; i < docList.length; i++) {
        if (re.test(docList[i].className) ) {
            matchArray[matchArray.length] = docList[i];
        }
    }

	return matchArray;
}

function hovermain(id)
{
  var button = document.getElementById(id);
  button.style.backgroundImage = 'url(../img/buttons/mainmenu_hover_tile.jpg)';
}

function clearMain()
{
  var boxes = document.getElementsByClassName('mainmenu_button_middle');  
  // loop through all checkboxes
  for (var i=0; i<boxes.length; i++){
  boxes[i].style.backgroundImage = 'url(../img/buttons/mainmenu_tile.jpg)';
  }
}	

function clearMain2(id)
{
  var boxes = document.getElementsByClassName('mainmenu_button_middle');  
  // loop through all checkboxes
  for (var i=0; i<boxes.length; i++){
  if(boxes[i].id!=id)
  boxes[i].style.backgroundImage = 'url(../img/buttons/mainmenu_tile.jpg)';
  }
}

function showSub(id)
{
  clearSub(id);
  var submenu = document.getElementById('sub_menu_wrapper_'+id);
  submenu.style.display = 'block';
}

function clearSub(id)
{
  var boxes = document.getElementsByClassName('sub_menu_wrapper');  
  // loop through all checkboxes
  for (var i=0; i<boxes.length; i++){
  if(boxes[i].id!='sub_menu_wrapper_'+id)
  boxes[i].style.display = 'none';
  }
}


function submitForm(id)
{
  document.getElementById(id).submit();
}

function submitUploadForm()
{
  document.getElementById('loader').style.visibility = 'visible';
  submitForm('uploadForm');
}

function deleteResearch(id)
{
  if(confirm('Weet u zeker dat u dit item wilt verwijderen?'))
  {
     document.getElementById('hfIdToDelete').value=id;
     submitForm('researchDeleteForm');
  }
   
}

function deleteCancer(id)
{
  if(confirm('Weet u zeker dat u dit item wilt verwijderen?'))
  {
     document.getElementById('hfIdToDelete').value=id;
     submitForm('cancerDeleteForm');
  }
   
}

function deleteTreatment(id)
{
  if(confirm('Weet u zeker dat u dit item wilt verwijderen?'))
  {
     document.getElementById('hfIdToDelete').value=id;
     submitForm('treatmentDeleteForm');
  }
   
}

function deleteHospital(id)
{
  if(confirm('Weet u zeker dat u dit item wilt verwijderen?'))
  {
     document.getElementById('hfIdToDelete').value=id;
     submitForm('hospitalDeleteForm');
  }
   
}

function deleteMainHospital(id)
{
  if(confirm('Weet u zeker dat u dit hoofdziekenhuis wilt verwijderen? Gekoppelde ziekenhuizen worden teruggeplaatst in ongecategorieseerd.'))
  {
     document.getElementById('hfMainIdToDelete').value=id;
     submitForm('mainhospitalDeleteForm');
  }
   
}

function deleteWord(id)
{
  if(confirm('Weet u zeker dat u dit item wilt verwijderen?'))
  {
     document.getElementById('hfIdToDelete').value=id;
     submitForm('wordDeleteForm');
  }
   
}

function deleteFaq(id)
{
  if(confirm('Weet u zeker dat u dit item wilt verwijderen?'))
  {
     document.getElementById('hfIdToDelete').value=id;
     submitForm('FAQDeleteForm');
  }
   
}


function unlinkBackground(id)
{
   document.getElementById('hfIdToUnlink').value=id;
   submitForm('unlinkForm');  
}

var currentPhoto = 0;

function nextPhoto(photos, titles, preurl)
{
   var thumb = currentPhoto+1;
   if(currentPhoto!=photos.length-1)
   {
    cleanUpBorders();
     currentPhoto++;
     
     var thumb = currentPhoto+1; 
     var biggy = 'biggy';
     var thumbholder = 'imageThumb_'+thumb;
     var textholder = 'photoText';
     url = "/"+ preurl +"/"+ photos[currentPhoto];
     document.getElementById(biggy).style.visibility = "hidden";
  	 document.getElementById(biggy).src = url;
  	 document.getElementById(biggy).style.visibility = "visible";
  	 document.getElementById(textholder).innerHTML = titles[currentPhoto]; 
  	 document.getElementById(thumbholder).style.border = "2px solid #98ca3c";
   }         
   
   if(input = document.getElementById('photoTitleInput'))
   {
      input.value = titles[currentPhoto];
      input = document.getElementById('filenameToEdit');
      input.value = photos[currentPhoto];
   }
}

function prevPhoto(photos, titles, preurl)
{
   
   if(currentPhoto!=0)
   {
     cleanUpBorders();
     currentPhoto--;
     
     var thumb = currentPhoto+1; 
     var biggy = 'biggy';
     var thumbholder = 'imageThumb_'+thumb;
     var textholder = 'photoText';
     url = "/"+ preurl +"/"+ photos[currentPhoto];
     document.getElementById(biggy).style.visibility = "hidden";
  	 document.getElementById(biggy).src = url;
  	 document.getElementById(biggy).style.visibility = "visible";
  	 document.getElementById(textholder).innerHTML = titles[currentPhoto]; 
  	 document.getElementById(thumbholder).style.border = "2px solid #98ca3c";
   }         
   
   if(input = document.getElementById('photoTitleInput'))
   {
      input.value = titles[currentPhoto];
      input = document.getElementById('filenameToEdit');
      input.value = photos[currentPhoto];
   }
     
   
}

function switchImageNew(id, marginTop, marginLeft, caption)
{
cleanUpBordersNew();
document.getElementById('bigImage').src='/upload/photo.php?id='+id;
document.getElementById('border_'+id).style.visibility = 'visible';
document.getElementById('bigImage').style.marginTop= marginTop; 
document.getElementById('bigImage').style.marginLeft= marginLeft; 
document.getElementById('caption').innerHTML= caption;
}

function switchImage(url, marginTop, thumbNumber, photo, folder, galleryId)
{
  cleanUpBorders();
  var longUrl = "/"+ folder +"/"+ url;
  var biggy = 'biggy';
  var thumbholder = 'imageThumb_'+thumbNumber;
  var textholder = 'photoText';
   
  document.getElementById(biggy).style.visibility = "hidden";
  document.getElementById(biggy).src = longUrl;
  document.getElementById(biggy).style.visibility = "visible";
  
  if(input = document.getElementById('photoTitleInput'))
     {
      input.value = photo;
      input = document.getElementById('filenameToEdit');
      input.value = url;
     } 
  
  if(urlInput = document.getElementById('urlInput'))
      urlInput.value = url;
  
  document.getElementById(textholder).innerHTML = photo;
  
  document.getElementById(thumbholder).style.border = "2px solid #98ca3c";
  currentPhoto = thumbNumber;
}

function cleanUpBorders()
{
       var thumbs = document.getElementsByClassName('galery_thumb');
   
		// loop through all checkboxes
		for (var i=0; i<thumbs.length; i++){
		thumbs[i].style.border="2px solid white";  
		}		
}

function cleanUpBordersNew()
{
       var thumbs = document.getElementsByClassName('galery_thumb_border');
   
		// loop through all checkboxes
		for (var i=0; i<thumbs.length; i++){
		thumbs[i].style.visibility = 'hidden'; 
		}		
}

function showWelcome()
{
  var arrayPageSize = getPageSize();
  Element.setHeight('overlay', arrayPageSize[1]);
  new Effect.Appear('overlay', { duration: 0.2, from: 0.0, to: 0.8 });
  
  var content = "<h1>Welkom in het beheersysteem</h1><p style='margin-top: 20px; font-size: 13px;'>Welkom in uw content beheer omgeving van Infobuddy.<br/> Maak in het bovenstaande menu uw keuze om onderdelen toe te voegen en/of te wijzigen.</p>";
  content += "<input type='button' onclick='cancelSwitchToHospital()' value='ga verder' style='margin-right: 30px;' />";
  var margin = 20;
  document.getElementById('message').innerHTML = content;
  document.getElementById('message').style.marginTop = margin+'px';
  document.getElementById('message').style.visibility = 'visible';
}

function switchToHospital(hospitalId, oldName, newName, depth, redirectURL, subdomain)
{

  var arrayPageSize = getPageSize();
  Element.setHeight('overlay', arrayPageSize[1]);
  new Effect.Appear('overlay', { duration: 0.2, from: 0.0, to: 0.8 });
  
  var margin = getPageYScroll();
  var margin = margin + 20;
  
  if(hospitalId!=0)
  {
  var content = "<p style='margin-top: 20px;'>U wordt nu doorverwezen naar de Infobuddy omgeving van: </p><span class='message_header'>'"+newName+"'</span><br /><br />";}
  else
  {
  var content = "<p style='margin-top: 20px;'>U wordt nu doorverwezen naar de Infobuddy omgeving van: </p><span class='message_header'>INFOBUDDY<br />ALGEMEEN</span><br /><br />";
  }
  
  var html = "<form action='/inc/switchToHospitalPages.php' method='post'>"+content+"<input type='button' onclick='cancelSwitchToHospital()' value='keer terug' style='margin-right: 30px;' /><input type='hidden' name='hfHospitalId' value='"+hospitalId+"'><input type='hidden' name='hfRedirect' value='"+redirectURL+"'><input type='hidden' name='hfSubdomain' value='"+subdomain+"'><input type='submit' value='verder naar "+newName+"' /></form>";
  document.getElementById('message').innerHTML = html;
  document.getElementById('message').style.marginTop = margin+'px';
  document.getElementById('message').style.visibility = 'visible';
}

function cancelSwitchToHospital()
{
  document.getElementById('message').innerHTML = "";
  document.getElementById('message').style.visibility = 'hidden';
  new Effect.Fade('overlay', { duration: 0.2, from: 0.8, to: 0 });
}

function hideUploadForm()
{
  document.getElementById('message').innerHTML = "";
  document.getElementById('message').style.visibility = 'hidden';
  new Effect.Fade('overlay', { duration: 0.2, from: 0.8, to: 0 });
}

function addCategory(id)
{
  document.getElementById('row'+id).style.display = 'block';
}



function showDescription(id, desc)
{
  var specs = document.getElementById('description_'+id);
  
  if(specs.style.visibility == 'visible')
  {
    specs.style.visibility = 'hidden';
    specs.style.position = 'absolute';
  }
  else
  {
    specs.style.visibility = 'visible';
    specs.style.position = 'relative';
    specs.innerHTML = desc;
  }
  
  
}

function showAwnser(id, desc)
{
  var specs = document.getElementById('faqAwnser_'+id);
  
  if(specs.style.visibility == 'visible')
  {
    specs.style.visibility = 'hidden';
    specs.innerHTML = "";
  }
  else
  {
    specs.style.visibility = 'visible';
    specs.innerHTML = desc;
  }
  
  
}



function checkSearchValues()
{
   var errors = 0;
   var submittedCode = document.getElementById('postcodeField').value;
   var submittedProvince = document.getElementById('homeProvincesBox').value;
   
   if((submittedCode.length>6)&&(submittedCode!='')&&(submittedProvince==0))
   {
     alert('ongeldige postcode');
     errors = 1;
   }
     
   if(submittedCode=='of voer postcode in')
   {  
     document.getElementById('postcodeField').value = '';
     errors = 0;
   }
   
   if((submittedProvince==0)&&(submittedCode==""))
   {
     alert('geen invoer');
     errors = 1;
   }
   
   if(errors==0)
     submitForm('mapForm');
}

function showHospitalSpecs(id)
{
  var specs = document.getElementById('hospital_specs_'+id);
  var link = document.getElementById('hospital_showhidelink_'+id);
  
  specs.style.display = 'block';
  link.innerHTML = "<a href='javascript: hideHospitalSpecs("+id+");' class='tiny_green'>Verberg gegevens</a>";
}

function hideHospitalSpecs(id)
{
  var specs = document.getElementById('hospital_specs_'+id);
  var link = document.getElementById('hospital_showhidelink_'+id);
 
  specs.style.display = 'none';
  
  link.innerHTML = "<a href='javascript: showHospitalSpecs("+id+");' class='tiny_green'>Toon gegevens</a>";
}

function showMainHospitalSpecs(id)
{
  var specs = document.getElementById('mainhospital_specs_'+id);
  var link = document.getElementById('mainhospital_showhidelink_'+id);
  
  specs.style.display = 'block';
  link.innerHTML = "<a href='javascript: hideMainHospitalSpecs("+id+");' class='tiny_green'>Verberg gegevens</a>";
}

function hideMainHospitalSpecs(id)
{
  var specs = document.getElementById('mainhospital_specs_'+id);
  var link = document.getElementById('mainhospital_showhidelink_'+id);
  
  specs.style.display = 'none';
  
  link.innerHTML = "<a href='javascript: showMainHospitalSpecs("+id+");' class='tiny_green'>Toon gegevens</a>";
}

function jsChangeClickerColor(id)
{
var boxes = document.getElementsByClassName('button_click_start_active');  
for (var i=0; i<boxes.length; i++)
boxes[i].className = 'button_click_start';

var boxes = document.getElementsByClassName('button_click_middle_active');  
for (var i=0; i<boxes.length; i++)
boxes[i].className = 'button_click_middle';
  
var boxes = document.getElementsByClassName('button_click_end_active');  
for (var i=0; i<boxes.length; i++)
boxes[i].className = 'button_click_end';  

  var start = document.getElementById('clickerStart_'+id);
  start.className = "button_click_start_active";
  var middle = document.getElementById('clickerMiddle_'+id);
  middle.className = "button_click_middle_active";
  var end = document.getElementById('clickerEnd_'+id);
  end.className = "button_click_end_active";
}