var image1 = 0;
var images1 = 4;
var start1;
var timestamp1 = 0;
var way1;
var image2 = 0;
var images2 = 4;
var start2;
var timestamp2 = 0;
var way2;

//window.onload = setTimeout(function(){ rotate("1"); },3000);
//window.onload = setTimeout(function(){ rotate("2"); },4500);
onmousedown = startSwipe;
onmouseup = endSwipe;

function startSwipe(e) {
	var left = (e.pageX - ((window.innerWidth/2)-160));
	start = left;
	if(start >= 0) {
		start = left;
	} else {
		start = 0;
	}
}
function endSwipe(e) {
	var left = (e.pageX - ((window.innerWidth/2)-160));
	end = left;
	if((end - start) > 120) {
		last();
	} else if((end - start) < -120) {
		next();
	}
}
function rotate(set) {
	var now = Number(new Date());
	if(set == "1") {
		var ntimestamp = timestamp1;
	} else if(set == "2") {
		var ntimestamp = timestamp2;
	}
	if(set == "1") {
		var nimage = image1;
		var nimages = images1;
	} else if(set == "2") {
		var nimage = image2;
		var nimages = images2;
	}
	if((now - ntimestamp) >= 5000) {
		if(nimage == nimages) {
			way = "reverse";
		} else if(nimage == 0) {
			way = "forward";
		}
		if(way == "reverse") {
			last(set,"true");
		} else if(way == "forward") {
			next(set,"true");
		}
	}
	setTimeout(function(){ rotate(set); },3000);
}
function next(set,auto) {
	if(set == "1") {
		var nimage = image1;
		var nimages = images1;
	} else if(set == "2") {
		var nimage = image2;
		var nimages = images2;
	}
	if(nimage <= nimages) {
		change(set,nimage + 1);
		if((nimage + 1) == nimages) {
			document.getElementById("next" + set).title = "disabled";
		} else {
			document.getElementById("next" + set).title = "enabled";
		}
		if(nimage == 0) {
			document.getElementById("last" + set).title = "disabled";
			document.getElementById("last" + set).title = "enabled";
		} else {
			document.getElementById("last" + set).title = "enabled";
		}
		if(auto != "true") {
			timestamp = Number(new Date());
			if(set == "1") {
				timestamp1 = timestamp;
			} else if(set == "2") {
				timestamp2 = timestamp;
			}
		}
	}
}
function last(set,auto) {
	if(set == "1") {
		var nimage = image1;
		var nimages = images1;
	} else if(set == "2") {
		var nimage = image2;
		var nimages = images2;
	}
	if(nimage <= nimages) {
		change(set,nimage - 1);
		if(nimage == nimages) {
			document.getElementById("next" + set).title = "disabled";
			document.getElementById("next" + set).title = "enabled";
		} else {
			document.getElementById("next" + set).title = "enabled";
		}
		if(nimage == 1) {
			document.getElementById("last" + set).title = "disabled";
		} else {
			document.getElementById("last" + set).title = "enabled";
		}
		if(auto != "true") {
			timestamp = Number(new Date());
			if(set == "1") {
				timestamp1 = timestamp;
			} else if(set == "2") {
				timestamp2 = timestamp;
			}
		}
	}
}
function change(set,to) {
	if(set == "1") {
		var nimage = image1;
		var nimages = images1;
	} else if(set == "2") {
		var nimage = image2;
		var nimages = images2;
	}
	if((to <= nimages)&&(to >= 0)) {
		var left = (320*to);
		var screen = document.getElementById("images" + set);
		screen.style.webkitTransitionDuration = '.5s';
		screen.style.webkitTransform = 'translate(-' + left + 'px, 0)';
		screen.style.webkitTransitionProperty = '-webkit-transform';
		screen.webkitTransitionTimingFunction = 'ease-in-out';
		if(set == "1") {
			image1 = to;
		} else if(set == "2") {
			image2 = to;
		}
	}
}