// JavaScript Document

var slideTo = -266;

// these arrays filled when includes are loaded
var containers = Array();
var divs = Array();

// set up css classes on relevant divs
function init_divs() {
	
	for(i=0; i<divs.length; i++) {
		document.getElementById(divs[i]).x = 0;
		document.getElementById(divs[i]).f = 0;
		document.getElementById(divs[i]).n = slideTo;
		document.getElementById(divs[i]).className = 'colSlide';
	}
	
	for(h=0; h<containers.length; h++) {
		document.getElementById(containers[h]).className = 'colSlideContainer';
	}
	
}

// resset all divs apart from clicked div to original positions
function reset_others(exception) {	

	for(j=0; j<divs.length; j++) {
		if(divs[j] != exception) {
			if(document.getElementById(divs[j]).f == 1) {
				move(divs[j]);
			}
		}
	}
}

// move div to position depending on current position
function move(div){
	e = document.getElementById(div);
 	
	// determine move to position
	if(e.x < slideTo+1 && e.f == 0){
 		e.f = 1;
		e.n = 0;
		return;
	}else if(e.x > -1 && e.f == 1){
		e.f = 0;
		e.n = slideTo;
		return;
	}
	
	// calculate tween
	e.q = e.n - e.style.top.replace(/px/, '');
	e.x += e.q * 0.2;
	
	// ensure div is at final position
	if(e.x < slideTo+2 && e.n == slideTo) {
		e.x = slideTo;
	}else if(e.x > -2 && e.n == 0) {
		e.x = 0;
	}
	
	// apply movement (style)
 	e.style.top = e.x + 'px';
	e.t = setTimeout("move('"+div+"');",0);
}