ImageEditor = {imageName: "",w: 0,h: 0,startX: 0,startY: 0,mouseIsDown: false,loadingTextInterval: 0,editorImage: null,loaderImage: document.createElement("img"),validDimension: /^\d{1,4}$/};

ImageEditor.processImage = function(args){ImageEditor.showLoading();var request = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
request.open("POST", "js/image.php?procesimage=1", true);request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.onreadystatechange = function(){if (request.readyState == 4){var json = eval("(" + request.responseText + ")");
if (json.imageFound) {ImageEditor.imageName = json.imageName;ImageEditor.w = json.w;ImageEditor.h = json.h;ImageEditor.loadImage();}
else {ImageEditor.editorImage.innerHTML = '<center><br><br><span style="font-size:16px;color:red">Geen afbeelding gevonden.</span></center>';}
}};request.send("imageName=" + ImageEditor.imageName + ((args) ? "&" + args : ""));};

ImageEditor.loadImage = function(){ImageEditor.loaderImage.setAttribute("src", "js/image.php?getimage=1&imageName=" + ImageEditor.imageName + "&t=" + (new Date).getTime());};
ImageEditor.displayImage = function(){clearInterval(ImageEditor.loadingTextInterval);var editorImage = ImageEditor.editorImage;editorImage.innerHTML = "";
editorImage.style.width = ImageEditor.w + "px";editorImage.style.height = ImageEditor.h + "px";editorImage.style.backgroundImage = "url(" + ImageEditor.loaderImage.getAttribute('src') + ")";};

ImageEditor.showLoading = function(){ImageEditor.editorImage.style.backgroundImage = "none";
ImageEditor.editorImage.innerHTML = '<center><br><br><span style="font-size:16px">Afbeelding wordt geladen<span id="ellipsis">...</span></span></center>';
ImageEditor.loadingTextInterval = setInterval(function(){if (document.getElementById("ellipsis")){
var dots = document.getElementById("ellipsis").innerHTML;document.getElementById("ellipsis").innerHTML = (dots != "...") ? dots += "." : "";}}, 500);};

ImageEditor.viewOriginal = function(){ImageEditor.processImage("action=viewOriginal");};ImageEditor.undo = function(){ImageEditor.processImage("action=undo");};

ImageEditor.init = function(imageName){ImageEditor.imageName = imageName || "";ImageEditor.editorImage = document.getElementById("image");
ImageEditor.loaderImage.onload = function(){ ImageEditor.displayImage(); };ImageEditor.processImage("action=viewActive");};