function getXhr(){
    var xhr = null; 
	if(window.XMLHttpRequest) // Firefox et autres
		xhr = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer
	   try {
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
	    } catch (e) {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	} else { // XMLHttpRequest non supporté par le navigateur 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		xhr = false; 
	} 
    return xhr;
}


/*----------------------------------- POPUP aperçu des images -------------------------------------------*/
function MM_openBrWindow(theURL,winName,features) { 
  window.open(theURL,winName,features);
}


/*----------------------------------- AFFICHAGE GRANDE VIGNETTE -------------------------------------------*/
function ShowPic(image, langue, page) {
	//efface les contours des toutes les miniatures
	if(page == 'i') {
		var photo = document.getElementById('ids').value;
			photo = photo.split('_');
		for(var i = 0; i != 9; i++) 
			document.getElementById(photo[i]).style.border = "0";
		//contour rouge de l'image sélectionnée
		document.getElementById(image).style.border = "1px solid red";
	}
	
	var xhr = getXhr();			
	xhr.open("GET","script/ajax.php?apercu="+image+"&langue="+langue+"&page="+page,false);
	xhr.send(null);		
	
	if(xhr.responseText) {
		if(page == 'i')
			document.getElementById('vignette').innerHTML = xhr.responseText;
		else if(page == 'c')
			document.getElementById('apercu').innerHTML = xhr.responseText;
		else if(page == 'st')
			document.getElementById('apercu').innerHTML = xhr.responseText;
		else if(page == 'pp')
			document.getElementById('apercu2').innerHTML = xhr.responseText;
		
	}
	xhr.abort();
}



//------------------- changement des photos --------------------
function chgeimg(image) {
	document.getElementById('zoom').src = "images/conception-"+image+".jpg";
}


/*-------------------------------------------------------- DEFILEMENT -------------------------------------------------- */
var id = 'defil';

function wheel(event) { 
	if(!event)
		event = window.event;
	
	if(event.wheelDelta) {
		delta = event.wheelDelta/120;
		if(window.opera)
			delta = -delta;
	} else if(event.detail) {
		delta = -event.detail/3;
	}
	
	if(delta > 0) setscrolltopup(id);
	else setscrolltopdown(id);
}

function scrolldiv() {		
	if(window.addEventListener)
		document.getElementById(id).addEventListener('DOMMouseScroll', wheel, false);
	else
		document.getElementById(id).onmousewheel = wheel;
}

function setscrolltopup(id)	{
	document.getElementById(id).scrollTop -= 3;
}

function setscrolltopdown(id){
	document.getElementById(id).scrollTop += 3;
}
	
function scrollupstart(id){
	timer = setInterval("setscrolltopup(id)", 1);
}
	
function scrollupstop(){
	clearInterval(timer);
}
	
function scrolldownstart(id){ 
	timer = setInterval("setscrolltopdown(id)", 1);
}
	
function scrolldownstop(){
	clearInterval(timer);
}





/*--------------------- 2eme défilement -------------------------------------------*/

var idiv = 'defil2';

function wheel2(event) {
	if(!event)
		event = window.event;
	
	if(event.wheelDelta) {
		delta = event.wheelDelta/120;
		if(window.opera)
			delta = -delta;
	} else if(event.detail) {
		delta = -event.detail/3;
	}
	
	if(delta > 0) setscrolltopup2(idiv);
	else setscrolltopdown2(idiv);
}

function scrolldiv2() {		
	if(window.addEventListener2)
		document.getElementById(idiv).addEventListener2('DOMMouseScroll', wheel, false);
	else
		document.getElementById(idiv).onmousewheel = wheel;
}

function setscrolltopup2(idiv)	{
	document.getElementById(idiv).scrollTop -= 3;
}

function setscrolltopdown2(idiv){
	document.getElementById(idiv).scrollTop += 3;
}
	
function scrollupstart2(idiv){
	timer = setInterval("setscrolltopup2(idiv)", 1);
}
	
function scrollupstop2(){
	clearInterval(timer);
}
	
function scrolldownstart2(idiv){ 
	timer = setInterval("setscrolltopdown2(idiv)", 1);
}
	
function scrolldownstop2(){
	clearInterval(timer);
}