var touching, dPrevious, dCurrent, dNext, oX;
touching = false;
oX = 0;
dPrevious = 0;
dCurrent = 1;
dNext = 2;

document.addEventListener('touchstart', touchHandler, false);
document.addEventListener('touchmove', touchHandler, false);
document.addEventListener('touchend', touchHandler, false);
document.addEventListener('touchcancel', touchHandler, false);

function touchHandler(e) {
	if (e.type == "touchstart") {
		touching = true;
		if (e.touches.length == 1) {
			var touch = e.touches[0];
			if(touch.target.onclick) {
				touch.target.onclick();
			}
			oX = touch.pageX;
			nX = 0;
			scrollX = 0;
		}
	}
	else if (e.type == "touchmove") {
		e.preventDefault();
		if (e.touches.length == 1) {
			var touch = e.touches[0];
			var nX = touch.pageX;
			if (oX > nX) {
				var scrollX = oX-nX;
				if (scrollX > 100) {
					if (document.getElementById('Div'+dNext)) {
						if (touching == true)
						{
							touching = false;
							switchNext(dCurrent,dNext);
							dPrevious = dCurrent;
							dCurrent = dNext;
							dNext = dNext+1;
						}
					}
				}
			} else {
				var scrollX = nX-oX;
				if (scrollX > 100) {
					if (dPrevious != 0) {
						if (touching == true) {
							touching = false;
							switchPrevious(dCurrent,dPrevious);
							dNext = dCurrent;
							dCurrent = dPrevious;
							dPrevious = dPrevious-1;
						}
					}
				}
			}
		}
	}
	else if (e.type == "touchend" || e.type == "touchcancel") {
		touching = false;
	}
}
function switchNext(divOut,divIn) {
	document.getElementById('Div'+divIn).style.display = 'block';
	document.getElementById('Div'+divOut).className = 'divCtL';
	document.getElementById('Div'+divIn).className = 'divRtC';
	document.getElementById('Div'+divOut).style.left = '-490px';
	document.getElementById('Div'+divIn).style.left = '10px';
}
function switchPrevious(divOut,divIn) {
	document.getElementById('Div'+divIn).style.display = 'block';
	document.getElementById('Div'+divOut).className = 'divCtR';
	document.getElementById('Div'+divIn).className = 'divLtC';
	document.getElementById('Div'+divOut).style.left = '490px';
	document.getElementById('Div'+divIn).style.left = '10px';
}
function alertIt() {
	document.getElementById('divPrev').innerHTML = 'V: '+dPrevious;
	document.getElementById('divCurrent').innerHTML = 'C: '+dCurrent;
	document.getElementById('divNext').innerHTML = 'N: '+dNext;
}