Karteireiter

window.onload = function() {
	// mobiles Gerät
	if ("ontouchstart" in document.getElementById("stripe1")) {
		var objList = document.getElementsByClassName("draggable");
	
		for(i=0;i<objList.length;i++) {
			var obj = objList[i];
		
			obj.addEventListener("touchmove", function(event) {
				var touch = event.targetTouches[0];
			
				event.target.style.left = touch.pageX-50 + "px";
				event.target.style.top = touch.pageY-50 + "px";
				
				event.preventDefault();
			}, false);
		}
	}
	
	// Desktop-Browser
	else {
		var geklickt = false;
		var objList = document.getElementsByClassName("draggable"); // alle Objekte die "ziehbar" sein sollen
		
		for(i=0;i<objList.length;i++) {
			var obj = objList[i];
			obj.addEventListener("mousedown", function() {
				geklickt = true;
				objThis = this;
			});
		}
		
		document.addEventListener("mouseup", function() {
			geklickt = false;
		});
			
		document.addEventListener("mousemove", function(event) {
			if (geklickt == true) {
				objThis.style.left = event.clientX-50 + "px";
				objThis.style.top = event.clientY-50 + "px";
				event.preventDefault(); 	
			}	
		});
	} // end Desktop-Version
} // end window.onload