// JavaScript Document //

<!-- crosbrowser bookmark website -->
function bookmarksite(title,url){
if (window.sidebar) // firefox
	window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
	var elem = document.createElement('a');
	elem.setAttribute('href',url);
	elem.setAttribute('title',title);
	elem.setAttribute('rel','sidebar');
	elem.click();
} 
else if(document.all)// ie
	window.external.AddFavorite(url, title);
}


<!-- switch when value is anders to show a inputfield -->
function switchFromWhere(field) {
	if(field.value=='7' || field.value=='8') {
		document.getElementById('inputAnders').style.display='block';
	} else {
		document.getElementById('inputAnders').style.display='none';
	}
}	

function youSure()
{
	var yousure = confirm("Weet u het zeker? \nAl uw gegevens zullen worden verwijderd!");
	if (yousure)
	{
		return true;
	}
	else
	{
		return false;
	}
}

function youSureFront(formName)
{
	var yousure = confirm("Weet u het zeker? \nAl uw gegevens zullen worden verwijderd!");
	if (yousure)
	{
		document.forms[formName].submit();
	}	
}

function doBlink() {
  // Blink, Blink, Blink...
  var blink = document.all.tags("BLINK")
  for (var i=0; i < blink.length; i++)
    blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" 
}

function startBlink() {
  // Make sure it is IE4
  if (document.all)
    setInterval("doBlink()",1000)
}

function getKey(e) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
if(keycode == 13){
user.submit(user);
}
}



function initTip() {
	var div = document.getElementsByTagName("div");
	for(var i=0; i<div.length ;i++) {
		if( div[i].className == "toolTip" ) div[i].style.visibility="hidden";
	}
}

function showTip(obj) {
	document.getElementById(obj).style.visibility=(document.getElementById(obj).style.visibility=='hidden')?'visible':'hidden';

}



function tableruler()
{
 if (document.getElementById && document.createTextNode)
  {
   var tables=document.getElementsByTagName('table');
   // alert(tables.length);
   for (var i=0;i<tables.length;i++)
   {
    if(tables[i].className=='ruler')
    {
     var trs=tables[i].getElementsByTagName('tr');
     //alert(trs.length);
     for(var j=0;j<trs.length;j++)
     {
     	//alert(j);
      if(trs[j].parentNode.nodeName=='TBODY')
       {
       	 
       trs[j].onmouseover=function(){this.className='ruled';return false}
       if (trs[j].className == 'color_1')
       {
       		trs[j].onmouseout=function(){this.className='color_1';return false}
      	}
      else
      	{
      		trs[j].onmouseout=function(){this.className='color_2';return false}
      	}
     }
    }
   }
   else if (tables[i].className=='ruler_div')
   	{
   		//alert("sukkel");
     var trs=tables[i].getElementsByTagName('div');
     alert(trs.length);
     for(var j=0;j<trs.length;j++)
     {
     	//alert(j);
      if(trs[j].parentNode.nodeName=='TD')
       {       
       trs[j].onmouseover=function(){this.className='ruled';return false}
       trs[j].onmouseout=function(){this.className='media_div';return false}
     }
    }
   }
   else if (tables[i].className=='ruler_div_klein')
   	{
   		//alert("sukkel");
     var trs=tables[i].getElementsByTagName('div');
     //alert(trs.length);
     for(var j=0;j<trs.length;j++)
     {
     	//alert(j);
      if(trs[j].parentNode.nodeName=='TD')
       {       
       trs[j].onmouseover=function(){this.className='ruled_klein';return false}
       trs[j].onmouseout=function(){this.className='media_div_klein';return false}
     }
    }
   }
  }
 }
}

function select_radio(form_id, radio_id)
{
	document.getElementById("radio_" + form_id + "_" + radio_id).checked = true;
	
}

function doSubmit(name_form) {
			
	document.forms[name_form].submit();
	
}

function doSubmitMail(name_form, actie) {
			
	document.forms[name_form].action = "?pagina=mailbox_" + actie;
	document.forms[name_form].submit();
	
}

function doDelete(name_form, page) {
	
	document.forms[name_form].action = "?pagina=" + page + "_verwijderen";
	document.forms[name_form].submit();
	
}

function change_button(page)
{
	if (page == "datebox")
	{
		document.getElementById("menu_1").innerHTML = "<a href='javascript:doSubmit(\"overzicht\");'><img src='images/website/flirt_knop_edit.jpg' alt='date bewerken' /></a>";
		document.getElementById("menu_2").innerHTML = "<a href='javascript:doDelete(\"overzicht\", \"datebox\");'><img src='images/website/flirt_knop_verwijder.jpg' alt='date verwijderen' /></a>";	
	}
	else if (page == "flirtbox")
	{
		document.getElementById("menu_1").innerHTML = "<a href='javascript:doSubmit(\"overzicht\");'><img src='images/website/flirt_knop_edit.jpg' alt='flirt bewerken' /></a>";
		document.getElementById("menu_2").innerHTML = "<a href='javascript:doDelete(\"overzicht\", \"flirtbox\");'><img src='images/website/flirt_knop_verwijder.jpg' alt='flirt verwijderen' /></a>";
	}
	else if (page == "mailbox")
	{
		document.getElementById("menu_3").innerHTML = "<a href='javascript:doSubmitMail(\"overzicht\", \"beantwoorden\");'><img src='images/website/mail_knop_beantwoord.jpg' alt='bericht beantwoorden' /></a>";
		document.getElementById("menu_2").innerHTML = "<a href='javascript:doSubmitMail(\"overzicht\", \"doorsturen\");'><img src='images/website/mail_knop_doorsturen.jpg' alt='bericht doorsturen' /></a>";
		document.getElementById("menu_1").innerHTML = "<a href='javascript:doDelete(\"overzicht\", \"mailbox\");'><img src='images/website/mail_knop_verwijder.jpg' alt='bericht verwijderen' /></a>";
		
	}
}

function show_foto(id, id2, aantal)
{
	for(i = 1; i <= aantal; i++)
	{
		document.getElementById("foto_" + i + "_" + id2).style.display = "none";
	}
	document.getElementById("foto_" + id + "_" + id2).style.display = "block";
	
}


function hide(selection, id, silent)
{
	
	if (silent == false)
	{		
		for (i=1; i<=5; i++)
		{
			document.getElementById("detail" + i + "_1").style.display = "none";
			document.getElementById("detail" + i + "_2").style.display = "none";
			document.getElementById("detail" + i + "_3").value = "";
		}
		//document.getElementById("hidden").style.display = "none"; //hide example
	}
			
	if (selection == 'main')
	{	
		if (id == 0)
		{
			document.getElementById("vervoer").name = "";
			document.getElementById("lokatie").name = "lokatie";
			document.getElementById("vervoer").selectedIndex = 0;
			document.getElementById("vervoer1").style.display = "none";
			document.getElementById("vervoer2").style.display = "none";
			document.getElementById("lokatie1").style.display = "block";
			document.getElementById("lokatie2").style.display = "block";
		}
		else if (id == 1)
		{
			document.getElementById("vervoer").name = "lokatie";
			document.getElementById("lokatie").name = "";
			document.getElementById("lokatie").selectedIndex = 0;
			document.getElementById("lokatie1").style.display = "none";
			document.getElementById("lokatie2").style.display = "none";
			document.getElementById("vervoer1").style.display = "block";
			document.getElementById("vervoer2").style.display = "block";
		}		
	}
	else if (selection == 'sub')
	{				
		if (id <= 10)
		{
			document.getElementById("detail1_1").innerHTML = "Naam :";
			document.getElementById("detail1_1").style.display = "block";
			document.getElementById("detail1_2").style.display = "block";
		}
		else if (id == 11)
		{
			document.getElementById("detail1_1").innerHTML = "Weg nr. of straat :";
			document.getElementById("detail1_1").style.display = "block";
			document.getElementById("detail1_2").style.display = "block";
			
			document.getElementById("detail2_1").innerHTML = "Richting :";
			document.getElementById("detail2_1").style.display = "block";
			document.getElementById("detail2_2").style.display = "block";
			
			document.getElementById("detail3_1").innerHTML = "Kleur :";
			document.getElementById("detail3_1").style.display = "block";
			document.getElementById("detail3_2").style.display = "block";
			
			document.getElementById("detail4_1").innerHTML = "Merk :";
			document.getElementById("detail4_1").style.display = "block";
			document.getElementById("detail4_2").style.display = "block";
			
			document.getElementById("detail5_1").innerHTML = "Kenteken :";
			document.getElementById("detail5_1").style.display = "block";
			document.getElementById("detail5_2").style.display = "block";
			
			// SET YELLOW BG COLOR!
			document.getElementById("detail5_3").style.backgroundColor = "yellow";
		
			// SHOW SMALL EXAMPLE!!
			//document.getElementById("hidden").style.display = "block";
		}
		else if (id == 12)
		{
			document.getElementById("detail1_1").innerHTML = "Richting :";
			document.getElementById("detail1_1").style.display = "block";
			document.getElementById("detail1_2").style.display = "block";
		}
		else if (id == 13)
		{
			document.getElementById("detail1_1").innerHTML = "Buslijn :";
			document.getElementById("detail1_1").style.display = "block";
			document.getElementById("detail1_2").style.display = "block";
		}
		else if (id == 14)
		{
			document.getElementById("detail1_1").innerHTML = "Vluchtnummer :";
			document.getElementById("detail1_1").style.display = "block";
			document.getElementById("detail1_2").style.display = "block";
			
			document.getElementById("detail2_1").innerHTML = "Maatschappij :";
			document.getElementById("detail2_1").style.display = "block";
			document.getElementById("detail2_2").style.display = "block";
			
			document.getElementById("detail3_1").innerHTML = "Bestemming :";
			document.getElementById("detail3_1").style.display = "block";
			document.getElementById("detail3_2").style.display = "block";
		}
		else if (id == 15 || id == 16)
		{
			document.getElementById("detail1_1").innerHTML = "Lijnnummer :";
			document.getElementById("detail1_1").style.display = "block";
			document.getElementById("detail1_2").style.display = "block";
		}
		else if (id == 17)
		{
			document.getElementById("detail1_1").innerHTML = "Kleur fiets :";
			document.getElementById("detail1_1").style.display = "block";
			document.getElementById("detail1_2").style.display = "block";
			
			document.getElementById("detail2_1").innerHTML = "Straatnaam :";
			document.getElementById("detail2_1").style.display = "block";
			document.getElementById("detail2_2").style.display = "block";

		}
		else if (id == 18)
		{
			document.getElementById("detail1_1").innerHTML = "Straatnaam :";
			document.getElementById("detail1_1").style.display = "block";
			document.getElementById("detail1_2").style.display = "block";
		}
	}	
}

function show_message(soort){
	document.getElementById("message").style.visibility = "visible";
if (soort == "nickname")
	{
		document.getElementById("message").innerHTML = "<strong>Nickname</strong> moet minimaal 5 karakters lang zijn!<br> <a href=javascript:hide_message();>OK</a> <br>";
	}
	else
	{
		document.getElementById("message").innerHTML = "Are you sure you want to remove the selected " + item + "<br><a href=javascript:doSubmit('del');>YES</a> / <a href=javascript:hide_message();>NO</a> <br>";
	}
	document.getElementById("message").focus();
}

function hide_message(){

	document.getElementById("message").style.visibility = "hidden";
			
}

function martijn_stinkt()
{
	form1 = document.forms["zoeken2"];
	form2 = document.forms["zoeken3"];
	if ((form1.elements[2].selectedIndex == 5) || (form1.elements[2].selectedIndex == 6) || (form2.elements[2].selectedIndex == 5) || (form2.elements[2].selectedIndex == 6))
	{
		document.getElementById("omschrijving_tekst1").style.visibility = "hidden";
		document.getElementById("omschrijving_tekst2").style.visibility = "hidden";
		form1.elements[4].style.visibility = "hidden";
		form2.elements[4].style.visibility = "hidden";
	}	
}

function checkForm(formName)
{	
	var error = 0;
	var errormessage = "Selecteer tenminste de volgende opties:\n=========================\n";
	if (document.forms[formName].elements[1].selectedIndex == 0)
	{
		error = 1;
		errormessage += "- Geef een keuze op voor 'ik ben een'\n";
	}
	if (document.forms[formName].elements[2].selectedIndex == 0)
	{
		error = 1;
		errormessage += "- Geef een keuze op voor 'ik zoek een'\n";
	}
		
	if (error == 1)
	{
		alert(errormessage);
	}
	else
	{
		document.forms[formName].submit();
	}
		
}