var curPos = 0;

function scrollDown(id){
	var realID = id.substr(9);
	eval('var curPos = thumbPos'+realID);
	if(document.getElementById('scroll'+realID).getElementsByTagName('div')[0].offsetHeight + curPos - document.getElementById('scroll'+realID).offsetHeight > 0){
		curPos -= 10;
		document.getElementById('scroll'+realID).getElementsByTagName('div')[0].style.top = curPos+'px';
		eval('thumbPos'+realID+' = '+curPos+';');
	}
}

function showPreview(monImg,id){
	var i = 0;
	if(document.getElementById('previewImg'+id).getElementsByTagName('img')[0].id == 360) i++;
	newSrc = monImg.src.replace('/V','/S');
	newSrc = newSrc.replace('vignette','site');
	document.getElementById('previewImg'+id).getElementsByTagName('img')[i].src = newSrc;
}

function buildDiapo(){
	// Scan des DIV
	var divTable = document.getElementsByTagName('div');
	var diapoTable = new Array();
	for(i=0; i<divTable.length; i++){
		// Div resultats
		if(divTable[i].className == 'diapo'){ diapoTable[diapoTable.length] = divTable[i]; }
	}
	// 15 - Diaporama
	var timeScroll;
	if(diapoTable.length > 0){
		for(i=0; i<diapoTable.length; i++){
			var divDiapoChilds = diapoTable[i].getElementsByTagName('div');
			for(j=0; j<divDiapoChilds.length; j++){
				if(divDiapoChilds[j].className.indexOf('previewImg') != -1){
					divDiapoChilds[j].id = 'previewImg'+i;
				} else if(divDiapoChilds[j].className.indexOf('scrollTop') != -1){
					divDiapoChilds[j].id = 'scrollTop'+i;
					divDiapoChilds[j].onmouseover = function(){ timeScroll = setInterval("scrollUp(\""+this.id+"\");", 100); }
					divDiapoChilds[j].onmouseout = function(){ clearInterval(timeScroll); }
				} else if(divDiapoChilds[j].className.indexOf('thumbs') != -1){
					eval('thumbPos'+i+' = 0;');
					divDiapoChilds[j].id = 'scroll'+i;
					var thumbTab;
					thumbTab = divDiapoChilds[j].getElementsByTagName('img');
					for(k=0; k<thumbTab.length; k++){
						thumbTab[k].id = i;
						thumbTab[k].onmouseover = function(){ showPreview(this,this.id); }
					}
				} else if(divDiapoChilds[j].className.indexOf('scrollBot') != -1){
					divDiapoChilds[j].id = 'scrollBot'+i;
					divDiapoChilds[j].onmouseover = function(){ timeScroll = setInterval("scrollDown(\""+this.id+"\");", 100); }
					divDiapoChilds[j].onmouseout = function(){ clearInterval(timeScroll); }
				}
			}
		}
	}
}


window.onload = function(){
	buildDiapo();
}