var pos_x;
var larg_gal;
var coef_slide;
var style_css = 1;
var no_vign = 0;
var nbr_point = 0;

function boot() {
    if (document.getElementById("in_gal")) {
		// Molette souris
		//if (document.getElementById('in_gal')) init_molette();
		setTimeout("aff_point()", 1000);
    }
}


/********************************************************/
// Affichage des points/page
function aff_point() {
	no_vign = 0;
	var elm = document.getElementById("back_gal");
	if (elm.offsetWidth) {
		var w = elm.offsetWidth;
	} else if (elm.style.pixelWidth) {
		var w = elm.style.pixelWidth;
	}
	var elm2 = document.getElementById("in_gal");
	if (elm2.offsetWidth) {
		var wi = elm2.offsetWidth;
	} else if (elm2.style.pixelWidth) {
		var wi = elm2.style.pixelWidth;
	}
	nbr_point = Math.ceil(wi/w);
	
	var elm = document.getElementById("foot_gal");
	for(var i=1; i<=nbr_point; i++) {
		elm.innerHTML += '<a href="javascript:void(0)" onclick="javascript:no_vign=' + (i-1)+ ';init_defile()" style="color:orange; text-decoration:none" id="bull'+i+'">&nbsp;&bull;</a>';
	}
	point_actif();
}

function point_actif() {
	for(var i=1; i<=nbr_point; i++) {
		var elm = document.getElementById("bull"+i);
		if (i-1 == no_vign) {
			elm.style.color = "#E96B10";
		} else {
			elm.style.color = "#FFDB99";
		}
	}
	verif_extrem()
}

/********************************************************/
// oreilles visibles
function oreille_on() {
    if (document.getElementById("oreille_g")) {
		document.getElementById("oreille_g").style.backgroundImage = "url(images/prec.gif)";
		document.getElementById("oreille_g").style.visibility = "visible";
	}
    if (document.getElementById("oreille_d")) {
		document.getElementById("oreille_d").style.backgroundImage = "url(images/suiv.gif)";
		document.getElementById("oreille_d").style.visibility = "visible";
	}
}
function oreille_off() {
    if (document.getElementById("oreille_g")) document.getElementById("oreille_g").style.backgroundImage = "url(images/transp.gif)";
    if (document.getElementById("oreille_g")) document.getElementById("oreille_d").style.backgroundImage = "url(images/transp.gif)";
}


/********************************************************/
// Bouge slider


function deplace(e) {
    // calcul des posi
    pos_x = jsmove(e, "x");
    
    var marge_g = jsmove("slider", "left");
    var marge_d = marge_g + jsmove("slider", "w");
    // Bloque limites G/D
    if (pos_x < marge_g + 20) pos_x = marge_g + 20;
    if (pos_x > marge_d - 20) pos_x = marge_d - 20;
    // Calcul posi
    var new_posi = (pos_x - marge_g );
    // Deplace galerie
    init_defile(-new_posi+20);
}


/********************************************************/
// Defile gal

var objectif, objectif_reel = 0;
var timer;
var sens = "+";

function init_defile() {
	verif_extrem()
	var elm = document.getElementById("back_gal");
	if (elm.offsetWidth) {
		var w = elm.offsetWidth;
	} else if (elm.style.pixelWidth) {
		var w = elm.style.pixelWidth;
	}
    clearTimeout(timer);
    var jesuis = parseInt( document.getElementById("in_gal").style.left );
    objectif_reel = -w * no_vign;
    var vitesse = (jesuis - objectif_reel)/5;
    if (vitesse < 0) sens = "-";
    if (vitesse > 0) sens = "+";
    defile_gal(objectif_reel);
	point_actif();
}
function defile_gal(hor) {  // INIT calcul distance
    clearTimeout(timer);
    var jesuis = parseInt( document.getElementById("in_gal").style.left );
    var vitesse = (jesuis - hor)/5;
    if (vitesse < 0 && sens == "+") vitesse = 1;
    if (vitesse > 0 && sens == "-") vitesse = -1;
    vitesse = Math.round(vitesse);
    deplace_gal( vitesse );
}

function deplace_gal(vitesse) {  // Defile auto
    document.getElementById("in_gal").style.left = (parseInt(document.getElementById("in_gal").style.left) - vitesse) + "px";
    if ( parseInt( document.getElementById("in_gal").style.left ) - objectif_reel > 2 || parseInt( document.getElementById("in_gal").style.left ) - objectif_reel < -2) {
        timer = setTimeout("defile_gal(" + objectif_reel + ")", 5);
    } else {
        clearTimeout(timer);
        document.getElementById("in_gal").style.left = objectif_reel + "px";
        objectif_reel = 0;
		verif_extrem();
		
    }
}


/********************************************************/
// Transparence des oreilles si extrémité
function verif_extrem() {
	if (no_vign == nbr_point-1) {
		document.getElementById('oreille_d').style.visibility = "hidden";
	} else {
		document.getElementById('oreille_d').style.visibility = "visible";
	}

	if (no_vign == 0) {
		document.getElementById('oreille_g').style.visibility = "hidden";
	} else {
		document.getElementById('oreille_g').style.visibility = "visible";
	}
}

/********************************************************/
// Défilement oreilles

function init_oreille(sens) {
    init_defile(sens);
}

function goleft() {
	if (no_vign > 0) {
		no_vign--;
		init_defile();
	}
}
function goright() {
	var elm = document.getElementById("back_gal");
	if (elm.offsetWidth) {
		var w = elm.offsetWidth;
	} else if (elm.style.pixelWidth) {
		var w = elm.style.pixelWidth;
	}
	var elm = document.getElementById("in_gal");
	if (elm.offsetWidth) {
		var wi = elm.offsetWidth;
	} else if (elm.style.pixelWidth) {
		var wi = elm.style.pixelWidth;
	}
	if (parseInt(document.getElementById("in_gal").style.left) > -(wi-w-10)) {
		no_vign++;
		init_defile();
	}
}



/********************************************************/
// Défilement roulette horizontal
	
function deplace_molette(e){
	var delta = 0;
	delta =((e.wheelDelta) ? e.wheelDelta/120 : -e.detail/3);
	//var val=((delta<0) ? 100 : -100);
	(delta<0) ? goright(760/larg_gal*400) : goleft(760/larg_gal*400);
	//document.getElementById('back_gal').scrollLeft=document.getElementById('back_gal').scrollLeft+val;
}
	
function selecte(ev){
	(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : ev.preventDefault();
}

function init_molette(){
	var adi=document.getElementById('back_gal')
	if(navigator.appName.substring(0,5)=="Micro"){
		adi.attachEvent('onmousewheel',deplace_molette);
		adi.attachEvent('onmousewheel', selecte)
	} else {
		var elmouse=((navigator.userAgent.indexOf("Firefox") != -1) ? 'DOMMouseScroll' : 'mousewheel')
		adi.addEventListener(elmouse, deplace_molette, false);
		adi.addEventListener(elmouse, selecte, false)
	}
}



/********************************************************/
// Image sensible

function imgover(id) {
    document.getElementById(id).style.opacity = "0.7";
    document.getElementById(id).style.filter = "alpha(opacity=70)";
}
function imgout(id) {
    document.getElementById(id).style.opacity = "1";
    document.getElementById(id).style.filter = "alpha(opacity=100)";
}

/********************************************************/
// Texte sensible

function txtover(id) {
    document.getElementById("cell"+id).style.color = "#333";
    document.getElementById("cell"+id).style.backgroundColor = "#fafafa";
    document.getElementById("cell"+id).style.cursor = "pointer";
}
function txtout(id) {
    document.getElementById("cell"+id).style.color = "";
    document.getElementById("cell"+id).style.backgroundColor = "#f5f5f5";
}