// JavaScript Document
// ======================================================== 
//              ===== images slider ==== 
// script: Gerard Ferrandez - Ge-1-doot - February 2008 
// http://www.dhteumeuleu.com 
// CC-BY-NC 
// ======================================================== 
 
/* ==== slider nameSpace ==== */ 
var slider = function() { 
	/* ==== private methods ==== */ 
	function getElementsByClass(object, tag, className) { 
		var o = object.getElementsByTagName(tag); 
		for ( var i = 0, n = o.length, ret = []; i < n; i++) { 
			if (o[i].className == className) ret.push(o[i]); 
		} 
		if (ret.length == 1) ret = ret[0]; 
		return ret; 
	} 
	var slides = []; 
	var S, S0, iW, iH, oP, oc, frm, NF, view, Z; 
	var wh, ht, wr, r, mx, mn; 
	/* ==== animation loop ==== */ 
	var run = function () { 
		Z += (mn - Z) * .5; 
		view.calc(); 
		var i = NF; 
		while (i--) slides[i].move(); 
	} 
	/* ==== resize  ==== */ 
	var resize = function () { 
		wh = oc.clientWidth; 
		ht = oc.clientHeight; 
		wr = wh * iW; 
		r  = ht / wr; 
		mx = wh / NF; 
		mn = (wh * (1 - iW)) / (NF - 1); 
	} 
 
	/* ==== Slide Constructor ==== */ 
	Slide = function (N) { 
		this.N      = N; 
		this.x0     = this.x1 = N * mx; 
		this.v      = 0; 
		this.loaded = false; 
		this.cpt    = 0; 
		this.start  = new Date(); 
		this.obj    = frm[N]; 
		this.txt    = getElementsByClass(this.obj, 'div', 'text'); 
		this.img    = getElementsByClass(this.obj, 'img', 'diapo'); 
		this.bkg    = document.createElement('div'); 
		this.bkg.className = 'backgroundText'; 
		this.obj.insertBefore(this.bkg, this.txt); 
		if (N == 0) this.obj.style.borderLeft = 'none'; 
		this.obj.style.left = Math.floor(this.x0) + 'px'; 
		/* ==== mouse events ==== */ 
		this.obj.parent = this; 
		this.obj.onmouseover = function() { 
			this.parent.over(); 
			return false; 
		} 
	} 
	/* ==== target positions ==== */ 
	Slide.prototype.calc = function () { 
		for (var i = 0; i <= this.N; i++) 
			slides[i].x1 = i * Z; 
		for (var i = this.N + 1; i < NF; i++) 
			slides[i].x1 = wh - (NF - i) * Z; 
	} 
	/* ==== HTML animation : move slides ==== */ 
	Slide.prototype.move = function() { 
		var s = (this.x1 - this.x0) / S; 
		/* ==== lateral slide ==== */ 
		if (this.N && Math.abs(s) > .5) 
			this.obj.style.left = Math.floor(this.x0 += s) + 'px'; 
		/* ==== vertical text ==== */ 
		var v = (this.N < NF - 1) ? slides[this.N + 1].x0 - this.x0 : wh - this.x0; 
		if (Math.abs(v - this.v) > .5) { 
			this.bkg.style.top = this.txt.style.top = Math.floor(2 + ht - (v - Z) * iH * r) + 'px'; 
			this.v = v; 
			this.cpt++; 
		} else { 
			if (!this.pro) { 
				/* ==== adjust speed ==== */ 
				this.pro = true; 
				var tps = new Date() - this.start; 
				if(this.cpt > 1) { 
					S = Math.max(2, (28 / (tps / this.cpt)) * S0); 
				} 
			} 
		} 
		if (!this.loaded) { 
			if (this.img.complete) { 
				this.img.style.visibility = 'visible'; 
				this.loaded = true; 
			} 
		} 
	} 
	/* ==== over ==== */ 
	Slide.prototype.over = function () { 
		resize(); 
		view = this; 
		this.start = new Date(); 
		this.cpt = 0; 
		this.pro = false; 
		this.calc(); 
	} 
	/* ==== start script ==== */ 
	var init = function (oCont, speed, iw, ih, op) { 
		S   = S0 = speed; 
		iW  = iw; 
		iH  = ih; 
		oP  = op; 
		oc  = document.getElementById(oCont); 
		frm = getElementsByClass(oc, 'div', 'slide'); 
		NF  = frm.length; 
		resize(); 
		for (var i = 0; i < NF; i++) 
			slides[i] = new Slide(i); 
		view = slides[0]; 
		Z = mx; 
		setInterval(run, 32); 
	} 
	/* ==== public methods ==== */ 
	return { 
		init : init 
	} 
}();