function rollIntopbar(color,rollouttime,value){
if(!document.getElementById('error')){
errordiv = document.createElement('div');
errordiv.id = 'error';
errordiv.style.position = 'fixed';
errordiv.style.top = '-20p';
errordiv.style.left = '0px';
errordiv.style.width = '100%';
errordiv.style.height = '24px';
errordiv.style.paddingTop = '1px';
errordiv.style.color = '#FFF';
errordiv.style.textAlign = 'center';
errordiv.style.fontFamily = "\"Lucida Grande\", Verdana, Arial";
errordiv.style.fontSize = '15px';
errordiv.style.fontWeight = 'bold';
errordiv.style.zIndex = '100';
document.body.insertBefore(errordiv,document.body.childNodes[0]);
}
if(!document.getElementById('shadow')){
shadowdiv = document.createElement('shadow');
shadowdiv.id = 'shadow';
shadowdiv.style.backgroundImage = "url('http://commons.leanopen.nl/img/topbar_shadow.png')";
shadowdiv.style.width = '100%';
shadowdiv.style.height = '10px';
shadowdiv.style.position = 'fixed';
shadowdiv.style.left = '0px';
shadowdiv.style.top = '-10px';
shadowdiv.style.zIndex = '100';
document.body.insertBefore(shadowdiv,document.body.childNodes[1]);
}

document.getElementById('error').innerHTML = value;
if(!color){
color = '#FF0000';
}
document.getElementById('error').style.backgroundColor = color;
if(rollouttime){
hoesnel3 = 10 //in milliseconden
div3 = document.getElementById('shadow');
div4 = document.getElementById('error');
timer3 = rollouttime*1000;
i5 = 0;
for (i4=25;i4>=-10;i4--) 
{
setTimeout("div4.style.top = '"+i5+"px'",timer3);
setTimeout("div3.style.top = '"+i4+"px'",timer3);
timer3 = timer3+hoesnel3;
i5--;
}	
}
hoesnel2 = 10 //in milliseconden
div3 = document.getElementById('shadow');
div4 = document.getElementById('error');
timer2 = 0;
i3 = -25;
for (i2=0;i2<=25;i2++) 
{
setTimeout("div4.style.top = '"+i3+"px'",timer2);
setTimeout("div3.style.top = '"+i2+"px'",timer2);
timer2 = timer2+hoesnel2;
i3++;
}
}