// PowerScript by Owenray - www.owenray.nl

window.onload = function(){footer();};//functie footer() uitvoeren als de pagina geladen is
window.onresize = function(){footer();};//functie footer() uitvoeren als de pagina resized
myfooter = 0;//variabele maken
opp=0;
fade=0;

function footer(){
myfooter = document.getElementById('footer')//footer defineren
  if(docsize()<=630){// als de breedte lager is als 1024 css style display op none zetten
    //myfooter.style.display = 'none';
	fade = 'out';
	fadeDo();
  }
  else{// anders footer wel laten zien
    //myfooter.style.display = 'block';
	fade = 'in';
	fadeDo();
  }
}

function docsize() {//docwith 
  myHeight = 0;
  if( typeof( window.innerHeight ) == 'number' ) {
    //geen-IE
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientHeight) ) {
    //IE 4 compatible
    myHeight = document.body.clientHeight;
  }
  return(myHeight);//breedte teruggeven, hiermee word krijgt de functie de waarde van de breedte van de pagina
}

function fadeDo(){

  if(fade=='in'){//if fadingin
    if(opp!=100){
      opp = opp+1;
	  
	  //ie
	  myfooter.style.filter = 'alpha(opacity='+opp+')';
	  
	  //ff based browsers
      if(opp<=10){//als onder de 10 normaal behandelt zou worden zou je eerst 0,1 0,2 0,3 etc krijgen
      myfooter.style.opacity = '.0'+opp;
	  }
	  else if(opp==100){//als 100 normaal behandelt zou worden zou de waarde 0,1 worden
      myfooter.style.opacity = '1';
	  }
	  else{
      myfooter.style.opacity = '.'+opp;
	  }
    }
    myfooter.style.display = 'block';//show footer
  }
  else if(fade=='out'){
    if(opp!=0){
      opp = opp-1;
	  
	  //ie
	  myfooter.style.filter = 'alpha(opacity='+opp+')';
	  
	  //ff based browsers
      if(opp<=10){//als onder de 10 normaal behandelt zou worden zou je eerst 0,1 0,2 0,3 etc krijgen
      myfooter.style.opacity = '.0'+opp;
  	  }
	  else{
      myfooter.style.opacity = '.'+opp;
	  }
    }
    else{
      myfooter.style.display = 'none;';
    }
  }
  setTimeout('fadeDo()', 10);//change value for faster/slower fade
  
}