// JavaScript Document

var speed = 10;	//higher value -> slower speed, lower value -> higher speed
var distance = 30;	// how many pixels the images move per speed in milliseconds, use one of these values 3, 5, 15, 25 or 45
var stayonscreen = 10; //time images stay on screen in seconds 
var betwener = 1;  // time images take after moving off to the right before they start appearing again
var text2stay = 3; //time the over text stays on the image


//===============Don't change anything below this line =============================
var pcon,imgs,images;
var images = new Array();
var currentdiv = 0;
var spandir = new Array ();
var ipos = new Array();
if (stayonscreen == 0){
	stayonscreen = 1;
} else {
	stayonscreen = stayonscreen * 1000;
}
if (betwener == 0 ){
	betwener = 1;
} else {
	betwener = betwener * 1000;
}
if (text2stay == 0 ){
	text2stay = 1;
} else {
	text2stay = text2stay * 1000;
}
function initflyin(){
	pcon = document.getElementById("fly-in");
	imgs = pcon.getElementsByTagName('img');
	for (var i = 0; i<imgs.length;i++){
		images[i] = new Array(imgs[i].src,imgs[i].width,imgs[i].height,imgs[i].alt);
	}
	var pos = 2*images[0][1];
	while (pcon.hasChildNodes()) {
			pcon.removeChild(pcon.firstChild);
	}
	var tempnode;
	var tempnode2;
	var jj =0;
	for (var i = images.length-1;i >=0;i--){
		tempnode = document.createElement('div');
		tempnode.innerHTML = '<img src="'+images[i][0]+'" width="'+images[i][1]+'" height="'+images[i][2]+'" alt="'+images[i][3]+'" onmouseover="mouseover(\'imgdiv'+jj+'\');"  />';
		tempnode.style.left= (-pos)+'px';
		ipos[i] = (-pos);
		tempnode.style.width = images[i][1]+'px';
		tempnode.id =  'img'+jj; 
		pos += images[i][1];
		pcon.appendChild(tempnode);
		tempnode2 = document.createElement('span');
		tempnode2.innerHTML = images[i][3];
		tempnode2.style.bottom = -50 + 'px';
		tempnode2.id =  'imgdiv'+jj;
		document.getElementById('img'+jj).appendChild(tempnode2);
		spandir[jj] = true;	
		jj++
	}
	flyin();
}
function flyin(){	
	var blocks = pcon.getElementsByTagName('div');
	var w = 225;
	if (currentdiv < blocks.length){
		var poss = blocks[currentdiv].style.left;
		poss = Number(String(poss).substr(0,String(poss.indexOf('px'))));
		if (w*(blocks.length-currentdiv-1) > poss) {
			blocks[currentdiv].style.left = (poss + distance)+'px';
			setTimeout('flyin()',speed);
		} else {
			currentdiv++;
			setTimeout('flyin()',speed);
		}
	} else {
		//do once all images are in place
		currentdiv =0;
		setTimeout('flyout()',stayonscreen);
	}	
}
function flyout(){
	var blocks = pcon.getElementsByTagName('div');
	var w = 225;
	if (currentdiv < blocks.length){
		var poss = blocks[currentdiv].style.left;
		poss = Number(String(poss).substr(0,String(poss.indexOf('px'))));
		if (poss < GetWidth()+w) {
			blocks[currentdiv].style.left = (poss + distance)+'px';
			setTimeout('flyout()',speed);
		} else {
			blocks[currentdiv].style.left = ipos[ipos.length-1-currentdiv]+'px';
			currentdiv++;
			setTimeout('flyout()',speed);
		}
	} else {
		//something to do once all images are in place
		currentdiv =0;
		setTimeout('flyin()',betwener);
	}	
}
function GetWidth(){
	var x = 0;
	if (self.innerHeight){
		x = self.innerWidth;
	} else if (document.documentElement && document.documentElement.clientHeight){
		x = document.documentElement.clientWidth;
	} else if (document.body){
		x = document.body.clientWidth;
	}
	return x;
}
function mouseover(imgdesc){
	var altspan = document.getElementById(imgdesc);
	var altpos = Number(String(altspan.style.bottom).substr(0,String(altspan.style.bottom.indexOf('px'))));
	var slen = imgdesc.length;
	var sidiv = Number(imgdesc.substr(slen-1,1));
	spandir[sidiv] = true;
	if (altpos < 0 && spandir[sidiv]){
		spandir[sidiv] = true;
		altspan.style.bottom = (altpos + 1) + 'px';
		var tmp = function() { mouseover(imgdesc); }
		setTimeout( tmp ,15);
	} else {
		var tmp = function() { mouseout(imgdesc); }
		setTimeout( tmp ,text2stay);
		spandir[sidiv] = false;
	}
	return true;
}
function mouseout(imgdesc){
	var altspan = document.getElementById(imgdesc);
	var altpos = Number(String(altspan.style.bottom).substr(0,String(altspan.style.bottom.indexOf('px'))));
	var slen = imgdesc.length;
	var sidiv = Number(imgdesc.substr(slen-1,1));
	if (altpos > -50 && spandir[sidiv] == false){
		altspan.style.bottom = (altpos -1) + 'px';
		var tmp = function() { mouseout(imgdesc); }
		setTimeout( tmp ,15);
	} else {
		spandir[sidiv] = true;
	}
	return true;
}