// ====================================================
// script: Gerard Ferrandez - Ge-1-doot - JANUARY 2005
// http://www.dhteumeuleu.com/
// crossbrowser DOM
// ====================================================

//document.onselectstart = new Function("return false");
Side_O    = new Array();
Side_box  = 0;
Side_img  = 0;
Side_txt  = 0;
Side_tit  = 0;
Side_W    = 0;
Side_H    = 0;
Side_nI   = 0;
Side_sel  = 0;
Side_si   = 0;
Side_ZOOM = 0;
Side_rImg = 0;
//////////////////
Side_speed = .07; // animation speed
Side_delay = .5; // 1 = no delay
//////////////////

function Side_dText(){
	Side_txt.style.textAlign = Side_tit.style.textAlign = (Side_sel<Side_nI/2)?"left":"left";
	Side_txt.innerHTML = Side_O[Side_sel].Side_tx;
	Side_tit.innerHTML = Side_O[Side_sel].Side_ti;
}

function Side_CObj(Side_n, Side_s, Side_y, Side_tx, Side_ti){
	this.Side_n    = Side_n;
	this.Side_dim  = Side_s;
	this.Side_tx   = Side_tx;
	this.Side_ti   = Side_ti;
	this.Side_is   = Side_img[Side_n];
	this.Side_vz   = 0;
	this.Side_sx   = 0;
	this.Side_y0   = Side_y;
	this.Side_x1   = 0;
	this.Side_zo   = 0;
	this.Side_over = function() {
		with(this){
			if(Side_n!=Side_sel){
				Side_O[Side_sel].Side_dim = 100;
				Side_O[Side_n].Side_dim = Side_ZOOM * 100;
				Side_sel = Side_n;
				Side_l = 0;
				for(k=0; k<Side_nI; k++){
					Side_O[k].Side_y0 = Side_l;
					Side_l += Side_O[k].Side_dim;
				}
				Side_txt.innerHTML = Side_tit.innerHTML = "";
				setTimeout("Side_dText()", 32);
			}
		}
	}
	this.Side_anim = function () {
		with(this){
			Side_vz  = Side_speed*(Side_vz+(Side_x1-Side_sx)*Side_delay);
			Side_x1 -= Side_vz;
			Side_sx  = (Side_n==0)?0:Side_O[Side_n-1].Side_y0+Side_O[Side_n-1].Side_dim;
			Side_zo -= (Side_zo-Side_dim)*Side_speed;
			Side_l   = (Side_x1*Side_si)+6*(Side_n+1);
			Side_w   = Side_zo*Side_si;
			Side_is.style.top    = Math.round(Side_l)+'px';
			Side_is.style.left   = Math.round((Side_W-Side_w*Side_rImg)*.5)+'px';
			Side_is.style.height = Math.round(Side_w)+'px';
			Side_is.style.width  = Math.round(Side_w*Side_rImg)+'px';
			if(Side_sel == Side_n){
				if(Side_sel<Side_nI*.5) {
					Side_tit.style.top = Side_txt.style.top = Math.round(Side_l+Side_w+6)+'px';
				} else {
					Side_tit.style.top = Side_txt.style.top = Math.round(Side_l-(Side_ny*.05)-6)+'px';
				}
				Side_txt.style.left = Math.round(-(Side_w*Side_rImg)*.25)+'px';
				Side_tit.style.left = Math.round((Side_w*Side_rImg)*.33)+'px';
			}
		}
	}
}

function Side_run(){
	for(Side_j in Side_O)Side_O[Side_j].Side_anim();
	setTimeout("Side_run()", 16);
}

function Side_doResize(){
	Side_tit.style.height = Math.round(Side_ny*.5)+'px';
	Side_txt.style.height = Math.round(Side_ny*.25)+'px';
	Side_tit.style.fontSize = (Side_ny/30)+'px';
	Side_txt.style.fontSize = (Side_ny/70)+'px';
	with(Side_box.style){
		width  = Math.round(Side_W)+'px';
		height = Math.round(Side_H)+'px';
		left   = Math.round(Side_nx/2-Side_W/2)+'px';
		top    = Math.round(Side_ny/2-Side_H/2)+'px';
	}
}

function Side_resize(){
	Side_nx = Side_scr.offsetWidth;
	Side_ny = Side_scr.offsetHeight;
	Side_H  =  Side_ny*90/100;
	Side_si = (Side_H-((Side_nI+1)*6))/((Side_ZOOM*100)+((Side_nI-1)*100));
	Side_W  = (100*Side_si*Side_rImg)+14;
	Side_doResize();
}

 

function Side_onload(){
	Side_scr = document.getElementById("Side_screen");
	Side_box = document.getElementById("Side_box");
	Side_tit = document.getElementById("Side_tit");
	Side_txt = document.getElementById("Side_txt");
	Side_img = Side_box.getElementsByTagName("img");
	Side_Lnk = document.getElementById("Side_lnk").getElementsByTagName("a");
	Side_nI  = Side_img.length;
	Side_ZOOM = Side_nI*0.39;
	Side_rImg = Side_img[0].width/Side_img[0].height*0.75;
	Side_resize();
	Side_s = Side_ZOOM * 100;
	Side_y = 0;
	Side_tit.innerHTML = Side_img[0].title;
	Side_txt.innerHTML = Side_img[0].alt;
	for(Side_i=0; Side_i<Side_nI; Side_i++) {
		var Side_t = Side_img[Side_i].alt;
		if(Side_Lnk[Side_i].href!="") Side_t+='<br><a href="'+Side_Lnk[Side_i].href+'">'+Side_Lnk[Side_i].innerHTML+'</a>';
		Side_O[Side_i] = new Side_CObj(Side_i, Side_s, Side_y, Side_t, Side_img[Side_i].title);
		Side_img[Side_i].alt = "";
		Side_img[Side_i].title = "";
		Side_img[Side_i].onmousedown = new Function("return false;");
		Side_img[Side_i].onmouseover = new Function('Side_O['+Side_i+'].Side_over();');
		if(Side_Lnk[Side_i].href!=""){
			/* ==== hyperlink ==== */
			Side_img[Side_i].onclick = new Function('window.open("'+Side_Lnk[Side_i].href+'","_blank");');
		}
		Side_y += Side_s;
		Side_s = 100;
	}
	Side_box.style.visibility = "visible";
	Side_run();
}
