// ruimte tussen de plaatjes
var espace = 4;


var step = 4;
// verversen van de plaatjes in milliseconden
var rafraich = 40;

// positie van de plaatjesbar
docks_x = 10;
docks_y = 10;

// Taille de l'image au repos (carré)
//var largeur = 32;
var largeur = 60;// Taille de l'image au survol (carré) 
//var largeur_grow = 54;
var largeur_grow = 220;

var timer;


image = new Array();
image[0] = "slideshow_images/mds_2.jpg";
image[1] = "slideshow_images/dapperen_4.jpg";
image[2] = "slideshow_images/kaleidoscope_2.jpg";
image[3] = "slideshow_images/recordpalace_2.jpg";
image[4] = "slideshow_images/ateliersud2.jpg";
image[5] = "slideshow_images/imt_3.jpg";
image[6] = "slideshow_images/melk_3.jpg";
image[7] = "slideshow_images/norbruis.jpg";
image[8] = "slideshow_images/iview360be.jpg";
image[9] = "slideshow_images/nord_2.jpg";
image[10] = "slideshow_images/avadeyn.jpg";
image[11] = "slideshow_images/masdecrapel.jpg";
image[12] = "slideshow_images/bizjet_2.jpg";

taille = new Array();
for(i = 0; i < image.length; i++)
{
	taille[i] = largeur;
}


function docked(id)
{
	if(document.getElementById('icone_' + id).width < taille[id])
	{
		document.getElementById('icone_' + id).width = document.getElementById('icone_' + id).width + step;
		document.getElementById('icone_' + id).height = document.getElementById('icone_' + id).height + step;
		timer1 = window.setTimeout("docked("+ (id) + ")",rafraich);
	}
	if(document.getElementById('icone_' + id).width > taille[id])
	{
		document.getElementById('icone_' + id).width = document.getElementById('icone_' + id).width - step;
		document.getElementById('icone_' + id).height = document.getElementById('icone_' + id).height - step;
		window.setTimeout("docked("+ (id) + ")",rafraich);
	}
}


function setdocks(id)
{
	window.clearTimeout(timer);
	for(i = 0; i < image.length; i++)
	{
		if(i == id-1)
		{
			taille[i] = Math.round((largeur_grow-largeur) / 2) + largeur;
		}
		else 
		{
			if(i == id+1)
			{
				taille[i] = Math.round((largeur_grow-largeur) / 2) + largeur;
			}
			else
			{
				if(i == id)
				{
					taille[i] = largeur_grow;
				}
				else
				{
					taille[i] = largeur;
				}
			}
		}
		docked(i);
	}
	timer = window.setTimeout("setdocks(-2);",1500);
}