img1 = new Image;
img1.src = "http://www.magicphotoworld.com/img/foto1.png";
img2 = new Image;
img2.src = "http://www.magicphotoworld.com/img/foto2.png";
img3 = new Image;
img3.src = "http://www.magicphotoworld.com/img/foto3.png";
img4 = new Image;
img4.src = "http://www.magicphotoworld.com/img/foto4.png";

vakken = new Array("vak1","vak2","vak3","vak4");
//buttons = new Array("knop1","knop2","knop3","knop4");
positionTop = new Array("10","10","10","10");
positionLeft = new Array("10","10","10","10");

function animate_x(item,xstart,xstop){
	if(xstart <= xstop){
		xstart = xstart + 10;
		div = returnObject(item).style
		div.width = xstart
		animate_x_timer = setTimeout('animate_x("'+item+'",'+xstart+','+xstop+')', 40);
	} else {
	 //stopTimer(animate_x_timer);
	 clearTimeout(animate_x_timer)
	}
}

function rotator(nummer){
		if(nummer == 4){
		 nummer = 0;
		 
		}
		GrowItem(vakken[nummer], nummer)
		nummer++;		
		rotateTimer = setTimeout("rotator("+nummer+")", 10000);		
}

function stopTimer(timerNaam){
clearTimeout(timerNaam);
}

function restartTimer(nummer,timerNaam, button){
	stopTimer(timerNaam);
	rotateTimer = setTimeout("rotator("+nummer+")", 1500);
	//div = returnObject(buttons[button]).style
	div.backgroundColor = "";
}

function returnObject(item){
	if (document.getElementById){
		Object = document.getElementById(item);
		return Object;
	}
	else if (document.all){
		itemObject = document.all[item];
		return Object;
	}	
	else if (document.layers){
		itemObject = document.layers[item];
		return Object;
	}
}

function buttonOver(item, button){
	stopTimer(rotateTimer);
	//clearTimeout(animate_x_timer)
	GrowItem(item, button);
	//div = returnObject(buttons[button]).style
	//div.backgroundImage = "url(http://www.mangomarketing.nl/img/rotateover.png)";
	//div.color = "#FFFFFF";
	//div.lineHeight = "23px";
}

function GrowItem(item, button){
		for (i=0;i<4;i++){
			HideItem(i);
			//div = returnObject(buttons[i]).style
			//div.backgroundImage = "url(http://www.mangomarketing.nl/img/rotateknop1.png)";
			//div.color = "#FFFFFF";
			//div.lineHeight = "23px";
		}
	div = returnObject(item).style	
	div.zIndex = "100"
	div.visibility = "visible"
	div.top = "25"
	div.left = "0"
	div.height = "356px";
	//animate_x(item,0,530);
	div.width = "530px"
	//div = returnObject(buttons[button]).style
	//div.backgroundImage = "url(http://www.mangomarketing.nl/img/rotateover.png)";
	//div.color = "#FFFFFF";
	//div.lineHeight = "23px";
	returnObject('loading').visibility = "hidden";
}

function ShrinkItem(item){
	div = returnObject(vakken[item]).style
	div.height = "356px";
	div.width = "530px"
	for (i=0;i<4;i++){
			ShowItem(i);
	}
}

function HideItem(item){
	returnObject('loading').visibility = "visible";
	div = returnObject(vakken[item]).style
	div.zIndex = "1"
	div.visibility = "hidden";
}

function ShowItem(item){
	div = returnObject(vakken[item]).style
	div.top = positionTop[item];
	div.left = positionLeft[item];
	div.visibility = "visible";
}