/*
var scroll_x_fact;
var scroll_max;
var scroll_curseur_width = 86;

$(document).ready(function(){
	scroll_max = document.body.clientWidth - scroll_curseur_width;
	var scroll_width = document.getElementById("grille").clientWidth - document.body.clientWidth;
	scroll_x_fact = scroll_width / scroll_max;
  $("#bande1_scroll").slider({
    animate: false,
    max: scroll_width,
    change: handleSliderChange,
    slide: handleSliderSlide
  });
});
function handleSliderChange(e, ui)
{
	scroll_x = ui.value;
	if (scroll_x > scroll_max) scroll_x = scroll_max;
	else if (scroll_x < 0) scroll_x = 0;
  $("#bande1_dins").animate({scrollLeft: scroll_x }, 1000);
}

function handleSliderSlide(e, ui)
{
	scroll_x = ui.value;
	if (scroll_x > scroll_max) scroll_x = scroll_max;
	else if (scroll_x < 0) scroll_x = 0;
  $("#bande1_dins").attr({scrollLeft: scroll_x });
}
*/

var scroll_div;
var scroll_img;
var scroll_content;
var scroll_x_fact;
var scroll_x = 0;
var scroll_x_ini;
var scroll_diff_ini;
var scroll_max;
var scroll_curseur_width = 86;


function scroll() {
	scroll_init();
	scroll_create_div();
	window.onresize = scroll_init;
	window.onmouseout = function(e) {
	        if (scroll_div.style.display!="block") return;
	        if (!e) e=window.event;
	        mouseX = e.pageX;
	        mouseY = e.pageY;
	        if ((mouseY >= 0 && mouseY <= window.innerHeight)
	        && (mouseX >= 0 && mouseX <= window.innerWidth)) return;
	        scroll_stop(e);
	};
	if (scroll_to_pos) do_scroll_to_pos();
}



function scroll_init() {
	scroll_content = document.getElementById("grille");
	var elm = document.getElementById("bande1_scroll");
	var imgs = elm.getElementsByTagName("img");
	scroll_img = imgs[0];
	scroll_max = document.body.clientWidth - scroll_curseur_width;
	scroll_width = document.getElementById("grille").clientWidth - document.body.clientWidth;
	scroll_x_fact = scroll_width / scroll_max;
	scroll_img.style.position = "absolute";
	scroll_img.style.left = "0px";
	scroll_img.onmousedown = scroll_start;
}

function scroll_create_div() {
	scroll_div = document.createElement("div");
	scroll_div.style.width = "100%";
	scroll_div.style.height = "100%";
	scroll_div.style.position = "absolute";
	scroll_div.style.left = "0px";
	scroll_div.style.top = "0px";
	scroll_div.style.display = "none";
	scroll_div.style.visibility = "hidden";
	scroll_div.onmouseup = scroll_stop;
	scroll_div.onmousemove = scroll_move;
	document.body.appendChild(scroll_div);
}

function do_scroll_to_pos() {
	scroll_to_pos_x = scroll_x * scroll_x_fact;
	window.setTimeout(scroll_to,100);
}
function scroll_to() {
	scroll_to_pos_x += 20;
	if (scroll_to_pos_x>scroll_to_pos) scroll_to_pos_x=scroll_to_pos;
	scroll_x = scroll_to_pos_x / scroll_x_fact;
	if (scroll_x > scroll_max) scroll_x = scroll_max;
	else if (scroll_x < 0) scroll_x = 0;
	scroll_img.style.left = scroll_x+"px";
	x_grille = scroll_x * scroll_x_fact;
	scroll_content.style.left = "-"+x_grille+"px";
	if (scroll_to_pos_x<scroll_to_pos) window.setTimeout(scroll_to,50);
	
}
function get_scroll_pos() {
	if (!scroll_content) return(0);
	var p = scroll_content.style.left;
	if (p.indexOf("px")>0) p=-parseFloat(p.substr(0,p.length-2));
	return(p);
}

function scroll_start(ev) {
	if (!ev) ev=window.event;
	scroll_div.style.display="block";
	scroll_div.style.visibility="visible";
	scroll_div.style.backgroundColor="transparent";
	var xy = scroll_coords(ev);
	scroll_diff_ini = xy.x;
	scroll_x_ini = scroll_x;
	return(false);
}
function scroll_move(ev) {
	if (!ev) ev=window.event;
	var xy = scroll_coords(ev);
	var x_diff = xy.x - scroll_diff_ini;
	scroll_x = scroll_x_ini + x_diff;
	if (scroll_x > scroll_max) scroll_x = scroll_max;
	else if (scroll_x < 0) scroll_x = 0;
	scroll_img.style.left = scroll_x+"px";
	x_grille = scroll_x * scroll_x_fact;
	scroll_content.style.left = "-"+x_grille+"px";
}
function scroll_stop(ev) {
	if (!ev) ev=window.event;
	scroll_move(ev);
	scroll_div.style.display = "none";
	scroll_div.style.visibility = "hidden";
}

function scroll_coords(ev){
	if (!ev) ev=window.event;
	if(ev.pageX || ev.pageY){
		var x=ev.pageX;
		var y=ev.pageY;
	} else {
		var x=ev.clientX + document.body.scrollLeft - document.body.clientLeft;
		var y=ev.clientY + document.body.scrollTop  - document.body.clientTop;
	}
	return { x:x, y:y };
}