var browser  = navigator.appName;
var ie       = (browser == 'Microsoft Internet Explorer');
var test     = "Fundament All Media is aan het testen \n"

/* Functies voor het formulier */
var formCount   = 0;
var formValid   = new Array();
var formMessage = '';

window.onload = startList;
function changeKop(div) {
  var El=document.getElementById(div);
  num = Math.random()*2;
  num = Math.round(num);
  kopurl="assets/gfx/algemeen/kop"+num+".jpg";
  El.style.backgroundImage="url("+kopurl+")"; 
}

function validate(s) {

  if (s != 'geslacht') {
    if (document.getElementById(s).value == '') {
      formValid[formCount] = s;
      formCount++;
    }
  }
}
function changelogdiv(div, user) {
  var logdiv=document.getElementById(div);
  if (div=="logincol2") {
    logdiv.innerHTML='<div class="kop koplogin"></div><p>You are now logged in as '+user+'<form name="uitlogForm" action="" method="post"><input type="submit" name="logout"  class="uitlogbutton" value=""/><input type="submit" name="profile"  class="profilebutton" value=""/></form></p>';

  }
  else
    logdiv.innerHTML='<div class="kop koplogin"></div><h1>Welcome to Tune into it</h1><br /><br /><p>You are now logged in as '+user+'<form name="uitlogForm" action="" method="post"><input type="submit" name="logout"  class="uitlogbutton" value=""/><input type="submit" name="profile"  class="profilebutton" value=""/></form></p>';

}
function startList()
{

if (document.all && document.getElementById)
{
 navRoot = document.getElementById("nav");
 for (i=0; i<navRoot.childNodes.length; i++)
 {
  node = navRoot.childNodes[i];
  if (node.nodeName=="LI")
  {
   node.onmouseover=function()
   {
   this.className+=" over";
   }
   node.onmouseout=function()
   {
    this.className=this.className.replace(" over", "");
   }
  }
 }
}
}



function heighthack(div) {
  //nu voor de colummen berekenen welke het langst is
		var loginhoogte=document.getElementById('logincol').offsetHeight;
		var forumhoogte=document.getElementById('forumcol').offsetHeight;
		var partnershoogte=document.getElementById('partnerscol').offsetHeight;
		var nieuwshoogte=document.getElementById('nieuwscol').offsetHeight;
		var interviewhoogte=document.getElementById('interviewcol').offsetHeight;
		var pollhoogte=document.getElementById('pollcol').offsetHeight;
		var afbhoogte=document.getElementById('afbcol').offsetHeight;
		var kophoogte=191;
		
	//er zijn 3 kolommen, bereken voor elke de totale hoogte en dan kijken welke het langst is	
    	var kolomlinks=kophoogte+afbhoogte+interviewhoogte+pollhoogte;
    	var kolommidden=kophoogte+loginhoogte+nieuwshoogte;
    	var kolomrechts=kophoogte+loginhoogte+forumhoogte+partnershoogte;
    	
    	//haal hoogste op:
    	hoogstecol=Math.max(kolomlinks,kolommidden,kolomrechts);
    	
    	//kolomlinks brekening voor pollhoogte
    	var kolomlinksverschil=hoogstecol-kolomlinks;
    	document.getElementById('pollcol').style.height = (pollhoogte+kolomlinksverschil-20)+"px";
    	//kolommidden brekening voor nieuwshoogte
    	var kolommiddenverschil=hoogstecol-kolommidden;
    	document.getElementById('nieuwscol').style.height = (nieuwshoogte+kolommiddenverschil-20)+"px";
    	//kolomrechts brekening voor partnerscolhoogte
    	var kolomrechtsverschil=hoogstecol-kolomrechts;
    	document.getElementById('partnerscol').style.height = (partnershoogte+kolomrechtsverschil-20)+"px";
    	
    	
        nObj = document.getElementById(div);
        nObj.style.height = (hoogstecol+1)+"px";
}

function heighthack2(div) {

  //nu voor de colummen berekenen welke het langst is
		var loginhoogte=document.getElementById('logincol2').offsetHeight;
		var forumhoogte=document.getElementById('forumcol').offsetHeight;
		var partnershoogte=document.getElementById('partnerscol').offsetHeight;
		
		var inhoudhoogte=document.getElementById('inhoudcol2').offsetHeight;
		//var afbhoogte=document.getElementById('afbcol2').offsetHeight;
		var kophoogte=191;
		
	//er zijn 3 kolommen, bereken voor elke de totale hoogte en dan kijken welke het langst is	
    	var kolomlinks=kophoogte+inhoudhoogte;
    	var kolomrechts=kophoogte+loginhoogte+forumhoogte+partnershoogte;
    	
    	//haal hoogste op:
    	hoogstecol=Math.max(kolomlinks,kolomrechts);
    	//alert(hoogstecol);
    	//kolomlinks brekening voor pollhoogte
    	var kolomlinksverschil=hoogstecol-kolomlinks;
    	document.getElementById('inhoudcol2').style.height = (inhoudhoogte+kolomlinksverschil-20)+"px";
    	//kolomrechts brekening voor partnerscolhoogte
    	var kolomrechtsverschil=hoogstecol-kolomrechts;
    	document.getElementById('partnerscol').style.height = (partnershoogte+kolomrechtsverschil-20)+"px";
    	
      
    	//zet container lengte al naar gelang hoogte hoogste kolom;
     
        nObj = document.getElementById(div);
        nObj.style.height = (hoogstecol+1)+"px";
		
}

function confirm_submit(){
  error = 0;
  placering=0;
  formulier=document.getElementById("tip_form");
  
  var tekst=(formulier.sender.value).toLowerCase();


  placering=tekst.indexOf("@");
  


  if(tekst ==""){
    alert ("Please enter your email address.");
    error = 1;
  } else {
    tegn=tekst.indexOf(" ");
    if(tegn!=-1){
      alert ("Please do not leave spaces in your email address.");
      error = 1;
    } else {
      if (tekst.indexOf("æ")!=-1 || tekst.indexOf("ø")!=-1 || tekst.indexOf("å")!=-1 ||
        tekst.indexOf("Æ")!=-1 || tekst.indexOf("Ø")!=-1 || tekst.indexOf("Å")!=-1 ||
        tekst.indexOf(";")!=-1 || tekst.indexOf(",")!=-1){
        alert ("Your email address does not seem to be valid.");
        error = 1;
      } else {
        if (placering<1 || tekst.length<=(placering+1)){
          alert ("Your email address does not seem to be valid.");
          error = 1;
        }
      }
    }
  }
  placering=0;
  tekst=(document.tip_form.email.value).toLowerCase();
  placering=tekst.indexOf("@");
  if(tekst ==""){
    alert ("Please enter the recipient's email address.");
    error = 1;
  } else {
    tegn=tekst.indexOf(" ");
    if(tegn!=-1){
      alert ("Please do not leave spaces in the recipient's email address.");
      error = 1;
    } else {
      if (tekst.indexOf("æ")!=-1 || tekst.indexOf("ø")!=-1 || tekst.indexOf("å")!=-1 ||
        tekst.indexOf("Æ")!=-1 || tekst.indexOf("Ø")!=-1 || tekst.indexOf("Å")!=-1 ||
        tekst.indexOf(";")!=-1 || tekst.indexOf(",")!=-1){
        alert ("The recipient's email address does not seem to be valid.");
        error = 1;
      } else {
        if (placering<1 || tekst.length<=(placering+1)){
          alert ("The recipient's email address does not seem to be valid.");
          error = 1;
        }
      }
    }
  }
  if(error == 0) document.tip_form.submit();

}

function formSubmit(test) {
  var form = (document.getElementById('form'))
  var theDiv = document.myform//document.getElementById('blok2');
  var theEls = theDiv.getElementsByTagName('label');
  
    //als test bestaat gaat het om het verkoopformulier
    if(test==true) {
    var telefoonnummer=(document.getElementById('telefoonnummer'));
    var email=(document.getElementById('emailadres'));
      
      for(i = 0; i < document.forms[0].contactvoorkeur.length; i++){
        if(document.forms[0].contactvoorkeur[i].checked){
          waarde = document.forms[0].contactvoorkeur[i].value;
          //alert(waarde);
          break;
        }
      }
      if(waarde=='E-mail') {
        if(email.value==""){
          alert('Als u contact wilt via E-mail, dient u een emailadres op te geven'); 
          return false;
        }
              
      }
      if(waarde=='Telefoon') {
        if(telefoonnummer.value=="") {
          alert('Als u contact wilt via telefoon, dient u een telefoonnummer op te geven');
          return false;
        }
      } 
      
    }
    
    
    
    
    
    
  for (i=0; i<theEls.length; i++) {
    if(theEls[i].className == 'required') {
      var theAttr = (ie)?'htmlFor':'for';
      validate(theEls[i].getAttribute(theAttr));
    }
  }
  
  if (formValid.length == 0) {
    document.myform.submit();
  } else {
    formMessage = 'De volgende velden zijn niet of niet goed ingevuld:'+'\n';
    for (i=0; i<formValid.length; i++) {
      formMessage += formValid[i];
      if (i!=(formValid.length-1)) {
        formMessage += ', ';
      }
    }
    
    formValid   = new Array();
    formCount   = 0;
    alert(formMessage);
  }
}

var buttonArr = new Array()
/* klap menu uit */
var oldSrc = new Array;
var newSrc = new Array;

function showMenu(i) {
  var theSrc = document.getElementById('img'+(i+1)).src;
  if (buttonArr[i] != 'on') {
    newSrc[i] = theSrc.substring(0, theSrc.lastIndexOf('.'));
    oldSrc[i] = newSrc[i]+'.png';
    newSrc[i] = newSrc[i]+'_sel.png';
    document.getElementById('img'+(i+1)).src = newSrc[i];
    buttonArr[i] = 'on';
    showMenuDiv(i);
  } else {
    document.getElementById('img'+(i+1)).src = oldSrc[i];
    buttonArr[i] = '';
    hideMenuDiv(i);

  }
}

function showMenuDiv(i) {
  document.getElementById('innerwrap'+i).style.display = 'block';
  document.getElementById('uitklap'+i).style.display = 'block';
  document.getElementById('uitklap'+i).style.height = document.getElementById('innerwrap'+i).offsetHeight+'px';
}

function hideMenuDiv(i) {
  document.getElementById('innerwrap'+i).style.display = 'none';
  document.getElementById('uitklap'+i).style.display = 'none';
  document.getElementById('uitklap'+i).style.height = document.getElementById('innerwrap'+i).offsetHeight+'px';
}

function setHeight(s) {
  var chHeight = document.getElementById('contentholder').offsetHeight; //contentholder height
//  alert('fundament test \n'+ window.innerHeight);
  var addHeight = (ie)?40:76;
  var winHeight = (ie)?document.body.clientHeight:window.innerHeight
  if ((chHeight-addHeight)<winHeight) {
    document.getElementById('content').style.height = (chHeight-addHeight)+'px';
    if (s!='home')document.getElementById('maincontent').style.height =  ((chHeight-addHeight-25))+'px';
  }
}

/* Functie om een element aan of uit te zetten */
function siteControl(theElement, theDisplay) {
  if (document.getElementById(theElement)) {
    document.getElementById(theElement).style.display = theDisplay;
  }
}

/* Functie voor het openen van een popup */
function popUp(URL,theWidth,theHeight,theScroll) {
  day = new Date();
  id = day.getTime();
  eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars="+ theScroll +",location=0,statusbar=1,menubar=0,resizable=0,width="+ theWidth +",height="+ theHeight +"');");
}

/* Deze functie wordt aangeroepen om navigatiefeedback aan te kunnen geven */
function setMenuClass(whichNr) {
  if (document.getElementById('mainmenuitema'+whichNr)) {
    document.getElementById('mainmenuitema'+whichNr).className = 'selected'+whichNr;
  }
}

/* Een functie om een timer in een pagina in te bouwen */
function timer() {
  setTimeout("index.php?id=1", 5000);
}

/* Deze functies worden gebruikt omdat je geen target=blank meer mag gebruiken */
try {
  document.addEventListener('click', handleClick, false);
  } catch(e) {
  if (document.attachEvent) {
	  document.attachEvent('onclick', handleClick);
  } else {
	  document.onclick = handleClick;
  }
}

function handleClick(e) {
  var event = e || window.event;
  if(event.ctrlKey || event.shiftKey || event.altKey) return true;
  if(event.which && event.which != 1) return true;

  var target = event.target || event.srcElement;
  while(target && !/^a$/i.test(target.nodeName)) {
	  target = target.parentNode;
}

if(!target || !target.getAttribute('rel')) return true;

  var rel = target.getAttribute('rel');
  var href = target.getAttribute('href');
  switch(rel) {
  case 'disclaimer':
	 window.open(href, '', 'width=300,height=250');
	 break;
  case 'informatie':
	 window.open(href, '', 'width=560,height=450,scrollbars=yes');
	 break;
  case 'external':
	 window.open(href);
	 break;
  default:
	 return true;
  }

  try { event.preventDefault(); } catch(e){}
  return false;
}

function init() {
  showMenu(1);
  showMenu(2);
  showMenu(3);
  setHeight('home')
}

function initsub() {
  setHeight();
}