var W3CDOM = ( document.createElement && document.getElementsByTagName );

/*  GLOBALS  */
var offset  = 0;
var timerID = 0;
var largeur = 12000;
var suffix  = '.gif';
var ss      = '';

var mouseOuts  = new Array();
var mouseOvers = new Array();

// window.onload = gallerystrip_install;

function gallerystrip_install() {

  if( !W3CDOM ) { return; }
    
  var e;
  e = document.getElementById('left1');
  e.onmouseover = goLeft1;
  e.onmouseout  = halt;
	mouseOuts['left1'] = new Image();
	mouseOuts['left1'].src = e.src;
	mouseOvers['left1'] = new Image();
	mouseOvers['left1'].src = e.src.substring( 0,e.src.lastIndexOf('.')) +'_on' +suffix;

  e = document.getElementById('left2');
  e.onmouseover = goLeft2;
  e.onmouseout  = halt;
	mouseOuts['left2'] = new Image();
	mouseOuts['left2'].src = e.src;
	mouseOvers['left2'] = new Image();
	mouseOvers['left2'].src = e.src.substring( 0,e.src.lastIndexOf('.')) +'_on' +suffix;

  e = document.getElementById('left3');
  e.onmouseover = goLeft3;
  e.onmouseout  = halt;
	mouseOuts['left3'] = new Image();
	mouseOuts['left3'].src = e.src;
	mouseOvers['left3'] = new Image();
	mouseOvers['left3'].src = e.src.substring( 0,e.src.lastIndexOf('.')) +'_on' +suffix;

  e = document.getElementById('right1');
  e.onmouseover = goRight1;
  e.onmouseout  = halt;
	mouseOuts['right1'] = new Image();
	mouseOuts['right1'].src = e.src;
	mouseOvers['right1'] = new Image();
	mouseOvers['right1'].src = e.src.substring( 0,e.src.lastIndexOf('.')) +'_on' +suffix;

  e = document.getElementById('right2');
  e.onmouseover = goRight2;
  e.onmouseout  = halt;
	mouseOuts['right2'] = new Image();
	mouseOuts['right2'].src = e.src;
	mouseOvers['right2'] = new Image();
	mouseOvers['right2'].src = e.src.substring( 0,e.src.lastIndexOf('.')) +'_on' +suffix;

  e = document.getElementById('right3');
  e.onmouseover = goRight3;
  e.onmouseout  = halt;
	mouseOuts['right3'] = new Image();
	mouseOuts['right3'].src = e.src;
	mouseOvers['right3'] = new Image();
	mouseOvers['right3'].src = e.src.substring( 0,e.src.lastIndexOf('.')) +'_on' +suffix;

  /*  INIT GALLERYSTRIP */
  ss = document.getElementById( 'view' );
  ss.style.left = 0;
  ss.style.top = 0;

	/*		DISPOSE OF THROBBER		*/
	var t = document.getElementById( 'throbber' );
	t.innerHTML = '';
	t.style.display = 'none';

	return true;
}


function goLeft1() {
  var e = document.getElementById( 'left1' );
  e.src = mouseOvers['left1'].src;
	doDelta( 4 );
}
function goLeft2() {
  var e = document.getElementById( 'left1' );
  e.src = mouseOvers['left1'].src;
  e     = document.getElementById( 'left2' );
  e.src = mouseOvers['left2'].src;
	doDelta( 18 );
}
function goLeft3() {
  var e = document.getElementById( 'left1' );
  e.src = mouseOvers['left1'].src;
  e     = document.getElementById( 'left2' );
  e.src = mouseOvers['left2'].src;
  e     = document.getElementById( 'left3' );
  e.src = mouseOvers['left3'].src;
	doDelta( 45 );
}
function goRight1() {
  var e = document.getElementById( 'right1' );
  e.src = mouseOvers['right1'].src;
	doDelta( -4 );
}
function goRight2() {
  var e = document.getElementById( 'right1' );
  e.src = mouseOvers['right1'].src;
  e     = document.getElementById( 'right2' );
  e.src = mouseOvers['right2'].src;
	doDelta( -18 );
}
function goRight3() {
  var e = document.getElementById( 'right1' );
  e.src = mouseOvers['right1'].src;
  e     = document.getElementById( 'right2' );
  e.src = mouseOvers['right2'].src;
  e     = document.getElementById( 'right3' );
  e.src = mouseOvers['right3'].src;
	doDelta( -45 );
}

function restoreImgLeft() {
  var e = document.getElementById( 'left1' );
  e.src = mouseOuts['left1'].src;
  e     = document.getElementById( 'left2' );
  e.src = mouseOuts['left2'].src;
  e     = document.getElementById( 'left3' );
  e.src = mouseOuts['left3'].src;
}

function restoreImgRight() {
  var e = document.getElementById( 'right1' );
  e.src = mouseOuts['right1'].src;
  e     = document.getElementById( 'right2' );
  e.src = mouseOuts['right2'].src;
  e     = document.getElementById( 'right3' );
  e.src = mouseOuts['right3'].src;
}

function halt() {
	restoreImgRight();
	restoreImgLeft();
  clearTimeout( timerID );
}

function doDelta( delta ) {
	if((( offset +delta ) <= 0 ) && ( Math.abs( offset +delta ) < largeur )) {
    ss.style.left = parseInt(ss.style.left) + delta + "px";
    offset += delta;
    timerID = setTimeout( 'doDelta('+delta+')',10 );
	} else {
		if( offset > 0 ) {
	    ss.style.left = parseInt(ss.style.left) +"0px";
  	  offset = 0;
		}
		halt();
	}
}