var slider = new Array();
var slidetimer = new Array();
var inittimer = new Array();
var slidermoving = new Array();
var sliderangle = new Array();
var sliderposition = new Array();
var sliderdistance = new Array();
var sliderstartposition = new Array();

for (nr=0;nr<5;nr++) {
slidermoving[nr] = false;
sliderposition[nr] = 0;
slider[nr] = "in";
}

function switchSlider(nr) {
clearTimeout(inittimer[nr]);
if(slidermoving[nr]) {
/*clearTimeout(slidetimer[nr]);
sliderangle[nr] = 90 - sliderangle[nr]; // reverse
if(slider[nr] == "out") {
	slide("out", nr)
	} else {
	slide("in", nr)
	}
*/	

if(slider[nr] == "out") {
	clearTimeout(slidetimer[nr]);
	sliderangle[nr] = 0;		
	sliderstartposition[nr] = sliderposition[nr];
	sliderdistance[nr] = 31 - sliderposition[nr]
	slider[nr] == "in";
	slide("out", nr)
	}
} else {
	sliderdistance[nr] = 31;
	sliderstartposition[nr] = sliderposition[nr];
	sliderangle[nr] = 0;
	slidermoving[nr] = true;
	if(slider[nr] == "in") {
	slide("out", nr)
	} //else {
//	slide("in", nr)
//	}
}
}

function initReturnSlider(nr) {
inittimer[nr] = setTimeout("returnSlider('"+nr+"')",200);
}

function returnSlider(nr) {
//	if(slider[nr] == "out") {
	slider[nr] = "out";
	sliderangle[nr] = 0;
	slidermoving[nr] = true;
	sliderstartposition[nr] = sliderposition[nr];
	sliderdistance[nr] = sliderposition[nr];
	clearTimeout(slidetimer[nr]);
	slide("in", nr);
//	}
}


function slide(dir, nr) {
var el = document.getElementById("slider"+nr)
sliderangle[nr] = sliderangle[nr] + 10
if(dir == "in") {
sliderposition[nr] = sliderstartposition[nr] - (Math.sin(sliderangle[nr]/ 180 * Math.PI)*sliderdistance[nr])
} else {
sliderposition[nr] = sliderstartposition[nr] + (Math.sin(sliderangle[nr]/ 180 * Math.PI)*sliderdistance[nr])
}
el.style.marginTop = sliderposition[nr]+"px";

if(sliderangle[nr] < 90) {
slidetimer[nr] = setTimeout("slide('"+dir+"', '"+nr+"')", 50)
} else {
slidermoving[nr] = false;
if(dir == "out") {
//document.getElementById("sliderSwitch").innerHTML = ">"
el.style.marginTop =31+"px"
sliderposition[nr] = 31;
slider[nr] = "out"
} else {
//document.getElementById("sliderSwitch").innerHTML = "<"
slider[nr] = "in"
el.style.marginTop = 0+"px"
sliderposition[nr] = 0;
}
clearTimeout(slidetimer[nr]);
}
}

