var imagesFolder = '../images/sticker_thumbs/';
function createOutline(strImage){
	var oOutline;
	oOutline = document.createElement('div');
	oOutline.className = 'stickerOutline';
	oOutline.id = 'outline';
	oOutline.innerHTML = '<img src="' + imagesFolder + strImage + '" border="0" />';
	return oOutline;
}
function createThumb(coordX, coordY, strImage){
	var oThumb;
	oThumb = document.createElement('div');
	oThumb.className = 'stickerThumb';
	oThumb.style.left	= coordX.toString() + 'px';
	oThumb.style.top	= coordY.toString() + 'px';
	oThumb.onmouseover = function() {
		var oRoot = document.getElementById('stickersThumbs');
		oRoot.appendChild(createOutline(strImage));
		this.className = 'stickerThumbSelected';
	}
	oThumb.onmouseout = function() {
		var oRoot = document.getElementById('stickersThumbs');
		oRoot.removeChild(document.getElementById('outline'));
		this.className = 'stickerThumb';
	}
	return oThumb;
}
function loadThumbs(){
	var oRoot = document.getElementById('stickersThumbs');
	oRoot.appendChild(createThumb(310,	25,		've9.gif')); // Sac à dos rose
	oRoot.appendChild(createThumb(128,	167,	've10.gif')); // Imper orange
	oRoot.appendChild(createThumb(105,	332,	've11.gif')); // Parapluie spiderman
	oRoot.appendChild(createThumb(397,	150,	've12.gif')); // Lapin en peluche
	oRoot.appendChild(createThumb(250,	173,	've1.gif')); // Casquette bleue
	oRoot.appendChild(createThumb(454,	191,	've2.gif')); // Casquette Hello Kitty
	oRoot.appendChild(createThumb(548,	166,	've6.gif')); // Polo orange
	oRoot.appendChild(createThumb(596,	189,	've5B.gif')); // T-shirt noir
	oRoot.appendChild(createThumb(598,	255,	've5A.gif')); // Slip noir
	oRoot.appendChild(createThumb(590,	306,	've3A.gif')); // vêtement bleu 1
	oRoot.appendChild(createThumb(620,	346,	've3B.gif')); // vêtement bleu 2
	oRoot.appendChild(createThumb(556,	362,	've4.gif')); // Chaussettes violettes
	oRoot.appendChild(createThumb(17,		287,	've8.gif')); // Jean bleu
	//oRoot.appendChild(createThumb(463,	396,	'thumb3.gif')); // Cahier bleu ##
	//oRoot.appendChild(createThumb(352,	386,	'thumb3.gif')); // Cahier jaune ##
	oRoot.appendChild(createThumb(199,	373,	've13.gif')); // T-shirt jaune
	oRoot.appendChild(createThumb(85,		255,	've7.gif')); // Culotte dora l'exploratrice
}
window.onload = function() {
	loadThumbs();
	document.getElementById('enterSite').onclick = function() {
		window.location.replace('index.php?skipintro=1');
	};
};