//onload function
window.onload = function()
{
	var x = document.getElementById('menu').getElementsByTagName('a'); 
	var pic = new Array();
	pic['pic1'] = document.getElementById('picture1');
	pic['pic2'] = document.getElementById('picture2');
	pic['pic3'] = document.getElementById('picture3');
	
	for(var i=0;i<x.length;i++) { 
		if(x[i].className == 'active') var returnclass = x[i];
	}
	for (var i=0;i<x.length;i++) {
		x[i].onmouseover = function () {
			if(this.className != returnclass.className) {
				this.className = 'active'; returnclass.className = ''; }
		} 
		x[i].onmouseout = function () {
			if(this.className != returnclass.className) {
				this.className = ''; returnclass.className = 'active'; }
		}
	}
	
	var picture = pic['pic1'];
	picture.onmouseover = function () 
	{
		mouseover(this,1);
	};
	picture.onmouseout = function ()
	{
		mouseout(this,1);		
	};
	
	picture = pic['pic2'];
	picture.onmouseover = function () 
	{
		mouseover(this,2);
	};
	picture.onmouseout = function ()
	{
		mouseout(this,2);		
	};
	
	picture = pic['pic3'];
	picture.onmouseover = function () 
	{
		mouseover(this,3);
	};
	picture.onmouseout = function ()
	{
		mouseout(this,3);		
	};
	
	if(document.getElementById('fotomove1')) { opvullen(); }
	if(document.getElementById('container')) { activatewebcam(); }
	
	if(document.getElementById('webcampicture'))
	{
		newImage = new Image(); 
		var unique = new Date();
		newImage.src = "http://www.cappucinorotterdam.nl/webcam/webcam.jpg?time=" + unique.getTime();
		
		setInterval('LoadNewImage()',3000); 	
	}
}

function LoadNewImage() 
{ 
	var unique = new Date(); 
	document.getElementById('webcampicture').src = newImage.src; 
	newImage.src = "http://www.cappucinorotterdam.nl/webcam/webcam.jpg?time=" + unique.getTime(); 
} 

function mouseover(obj,i)
{
	document.getElementById('kroontje').className = 'kroontje_over'+ i;
	obj.className = 'picture'+i+'_over';	
}

function mouseout(obj,i)
{
	document.getElementById('kroontje').className = 'kroontje';
	obj.className = 'picture'+i;
}

function activatewebcam()
{
	var obj = document.getElementById('container');
}