loader=new Image();
loader.src="loader.gif";
function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 
function addSmilie(code)
{
document.writeform.bericht.value+=code;
document.writeform.bericht.focus();
}
var xmlHttp1

function writebook()
{
xmlHttp1=GetXmlHttpObject()
if (xmlHttp1==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
var naam = document.writeform.naam.value;
var bericht = document.writeform.bericht.value;
var email = document.writeform.email.value;
var website = document.writeform.website.value;
var url1="schrijf.php?schrijf=ja&naam="+naam+"&bericht="+bericht+"&email="+email+"&website="+website;

xmlHttp1.onreadystatechange=stateChanged1;
xmlHttp1.open("GET",url1,true);
xmlHttp1.send(null);
} 

function stateChanged1() 
{ 
if (xmlHttp1.readyState==4)
{ 
document.getElementById("schrijfform").innerHTML=xmlHttp1.responseText;
book(0, "nee");
}
if (xmlHttp1.readyState==3)
{ 
document.getElementById("schrijfform").innerHTML="<img src='loader.gif' />";
}
if (xmlHttp1.readyState==2)
{ 
document.getElementById("schrijfform").innerHTML="<img src='loader.gif' />";
}
if (xmlHttp1.readyState==1)
{ 
document.getElementById("schrijfform").innerHTML="<img src='loader.gif' />";
}
if (xmlHttp1.readyState==0)
{ 
document.getElementById("schrijfform").innerHTML="<img src='loader.gif' />";
}
}



var xmlHttp

function book(start, begin)
{
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 

var url="book.php?start="+start;
if(begin == "ja") {
opacity('book', 100, 0, 500);
}
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
} 

function stateChanged() 
{ 
opacity('book', 0, 100, 500);
if (xmlHttp.readyState==4)
{ 
document.getElementById("book").innerHTML=xmlHttp.responseText;
}
if (xmlHttp.readyState==3)
{ 
document.getElementById("book").innerHTML="<img src='loader.gif' />";
}
if (xmlHttp.readyState==2)
{ 
document.getElementById("book").innerHTML="<img src='loader.gif' />";
}
if (xmlHttp.readyState==1)
{ 
document.getElementById("book").innerHTML="<img src='loader.gif' />";
}
if (xmlHttp.readyState==0)
{ 
document.getElementById("book").innerHTML="<img src='loader.gif' />";
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}