maxpast=0
past_x=new Array()
past_y=new Array()
past_image=new Array()
past_lien=new Array()

// Déclarer ici les pastilles
// fonction add_pastille(x,y,image,lien)
// x,y = coin supérieur gauche par rapport à l'image du labyrinthe
// image = utilisé pour la case sous le labyrinthe (dans répertoire images)
// image0 = image par défaut dans la case sous le labyrinthe (dans répertoire images)

	image0='LABYRINTIK%20LE%20PASSAGE.jpg'

	add_pastille(258,112,'CONTACT_20071123.jpg','contact/contact.html')
	add_pastille(30,295,'COSMOS_20071123.jpg','Cosmos/cosmos.html')
	add_pastille(200,341,'LABYRINTIK%20VIDEO_20071123.jpg','video/labyrintik_video.html')
	add_pastille(72,28,'LESPRIT%20LABYRINTIK_20071123.jpg','esprit%20Labyrintik/esprit%20Labyrintik.html')
	add_pastille(118,155,'SCENARIO%20CINE%20CONCEPT%20FILM_20071130.jpg','scenario%20cine/scenario%20cine.html')
	add_pastille(374,341,'TPODA%20DIGITAL%20ART.jpg','http://www.tpoda.com')
	add_pastille(380,28,'QUICKTIME.jpg','quicktime/quicktime.html')
//	add_pastille(298,250,'ESPACE LABYRINTIK.jpg','espace')
	add_pastille(338,158,'LABYRINTIK%20MYSPACE.jpg','http://www.myspace.com/labyrintik')
	add_pastille(152,374,'DIGITAL%20MICROFILM.jpg','soon/soon.html')
	add_pastille(309,204,'MATIERE%20PIXEL.jpg','http://www.matierepixel.com')

//
//

function add_pastille(x,y,image,lien)
{
	past_x[maxpast]=x
	past_y[maxpast]=y
	past_image[maxpast]=image
	past_lien[maxpast]=lien
	maxpast=maxpast+1
}

var past_preload=new Image
var pasta_preload=new Image
var titre_preload=new Image
var img_preload=new Array()

function preload_images() {
	past_preload.src="images/pastille.jpg"
	pasta_preload.src="images/pastillea.jpg"
	titre_preload.src="images/"+image0
	for (i=1;i<=maxpast;i++) {
		img_preload[i-1]=new Image
		img_preload[i-1].src="images/"+past_image[i-1]
	}
}

function init_pastilles() {
	preload_images()
	for (i=1;i<=maxpast;i++) {
		itop=past_y[i-1]+getTop(document.getElementById("laby"))
		ileft=past_x[i-1]+getLeft(document.getElementById("laby"))
		past=document.createElement("div")
		past.innerHTML="\
		<img id='past"+i+"' class='pastille' src='images/pastille.jpg' border='0' alt='' \
		     onMouseOver='imgtit.src=img_preload["+i+"-1].src;past"+i+".src=pasta_preload.src' \
		     onMouseOut='imgtit.src=titre_preload.src;past"+i+".src=past_preload.src' \
		     onClick='window.location=\""+past_lien[i-1]+"\"' \
//		     style='{top:"+itop+"px;left:"+ileft+"px;}' \
		>"
		document.body.appendChild(past)
	}
	refresh_pastilles()
}

function refresh_pastilles() {
	for (i=1;i<=maxpast;i++) {
		itop=past_y[i-1]+getTop(document.getElementById("laby"))
		ileft=past_x[i-1]+getLeft(document.getElementById("laby"))
		document.getElementById("past"+i).style.top=itop+"px"
		document.getElementById("past"+i).style.left=ileft+"px"
	}
}

function getTop(MyObject) {
	if (MyObject.offsetParent)
		return (MyObject.offsetTop + getTop(MyObject.offsetParent))
	else return (MyObject.offsetTop)
}

function getLeft(MyObject) {
	if (MyObject.offsetParent)
		return (MyObject.offsetLeft + getLeft(MyObject.offsetParent))
	else return (MyObject.offsetLeft)
}