/////////////////////////////////////////////////////
//             Javascript Slideout Tabs            //
/////////////////////////////////////////////////////
//         © John Hill E-Gain New Media Ltd        //
/////////////////////////////////////////////////////
// This script is free for use on both commercial  //
// and personal websites. All we ask is that you   //
// provide a link somewhere on your website to     //
// http://www.e-gain.co.uk describing OUR services //
/////////////////////////////////////////////////////
// Example at http://www.e-gain.co.uk/slider.htm  //
/////////////////////////////////////////////////////

var glideDist = 661;
var glideSpeed = 1;
var glideRate = 10;
var i = new Array();
var dir = new Array('L','L','L','L','L','L','L'); // Match number of tabs
var imgs = 'sliderimgs/'; // Your image directory

var img1 = new Image();  img1.src = imgs+"tab2.jpg";
var img1r = new Image();  img1r.src = imgs+"tab2r.jpg";
var img2 = new Image();  img2.src = imgs+"tab3.jpg";
var img2r = new Image();  img2r.src = imgs+"tab3r.jpg";
var img3 = new Image();  img3.src = imgs+"tab4.jpg";
var img3r = new Image();  img3r.src = imgs+"tab4r.jpg";
var img4 = new Image();  img4.src = imgs+"tab5.jpg";
var img4r = new Image();  img4r.src = imgs+"tab5r.jpg";
var img5 = new Image();  img5.src = imgs+"tab6.jpg";
var img5r = new Image();  img5r.src = imgs+"tab6r.jpg";
var img6 = new Image();  img6.src = imgs+"tab7.jpg";
var img6r = new Image();  img6r.src = imgs+"tab7r.jpg";

function glide(id,x){
	toggleDisabled();
	if (dir[id] != 'R'){
		for (j=1; j<=id; j=j+1){
			if (dir[id] == dir[j]) move(j);
			eval("document.images.img" + j + ".src = img" + j + "r.src;");
		}
	} else {
		for (j=i.length-1; j>=id; j=j-1){
			if (dir[id] == dir[j]) move(j);
			eval("document.images.img" + j + ".src = img" + j + ".src;");
		}
	}
}

function move(id,x){
	if (typeof(x) == 'undefined') x = document.getElementById("div"+id).offsetLeft;
	if (typeof(i[id]) == 'undefined') i[id] = 1;

	if(i[id] <= glideDist){
		window.setTimeout("move("+id+","+x+")",glideSpeed);
		if ((dir[id] != 'R')) moveleft(id,x);
		else moveright(id,x);
		i[id]=i[id]+glideRate;
	} else {
		dir[id] = dir[id] != 'R' ? 'R' : 'L';
		i[id] = 1;
		if(document.getElementById('overlay').style.display == 'block') toggleDisabled();
		clearTimeout();
	}
}

function moveleft(id,x){
	document.getElementById("div"+id).style.left = x-i[id] + "px";
}

function moveright(id,x){
	document.getElementById("div"+id).style.left = x+i[id] + "px";
}

function toggleDisabled(){
	var div = document.getElementById('overlay');
	if (div.style.display == 'none') div.style.display = 'block'
	else div.style.display = 'none'
}