finito = false;
function label(el) {
globallabel = el.value;
}
function keepsize(el) {
globalsize = el.value;
}
function changec(el) {
globalc = el.value;
}
function filter(el) {
var str = "f=" + document.getElementById("myimg").src + "&filter=" + el.value;
//ajx(str);
if (el.value == 1) {
document.getElementById("s2").innerHTML = "<b>Add label below poloroid: </b> <input type=\"text\" name=\"label\" onchange=\"label(this)\" id=\"label\"><br /><b>Size poloroid:</b> <select name=\"polaroidsize\" onchange=\"keepsize(this)\" id=\"psize\"><option value=\"normal\" selected>Normal</option><option value=\"large\">Large</option><option value=\"small\">small</option></select><br /><input onclick=\"apply()\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 2) {
document.getElementById("s2").innerHTML = "<b>Size picture:</b> <select name=\"shadesize\" onchange=\"keepsize(this)\" id=\"psize\"><option value=\"normal\" selected>Normal</option><option value=\"large\">Large</option><option value=\"small\">small</option></select><br /><input onclick=\"apply2()\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 3) {
document.getElementById("s2").innerHTML = "<b>Confirm painting filter:</b> <input onclick=\"app(3)\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 4) {
document.getElementById("s2").innerHTML = "<b>Add Background color?</b> <input type=\"text\" onchange=\"changec(this)\" name=\"c\" id=\"c\"> (leave blank for white) <br /><b>Confirm vignette filter:</b> <input onclick=\"apply4()\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 5) {
document.getElementById("s2").innerHTML = "<b>Confirm median filter:</b> <input onclick=\"app(5)\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 6) {
document.getElementById("s2").innerHTML = "<b>Confirm charcoal filter:</b> <input onclick=\"app(6)\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 7) {
document.getElementById("s2").innerHTML = "<b>Confirm image flip:</b> <input onclick=\"app(7)\" type=\"button\" name=\"Apply\" value=\"Apply action\">";
}
if (el.value == 8) {
document.getElementById("s2").innerHTML = "<b>Confirm image mirror:</b> <input onclick=\"app(8)\" type=\"button\" name=\"Apply\" value=\"Apply action\">";
}
if (el.value == 9) {
document.getElementById("s2").innerHTML = "<b>Confirm image implode:</b> <input onclick=\"app(9)\" type=\"button\" name=\"Apply\" value=\"Apply action\">";
}
if (el.value == 10) {
document.getElementById("s2").innerHTML = "<b>Confirm image swirl:</b> <input onclick=\"app(10)\" type=\"button\" name=\"Apply\" value=\"Apply action\">";
}
if (el.value == 11) {
document.getElementById("s2").innerHTML = "<b>Confirm image wave:</b> <input onclick=\"app(11)\" type=\"button\" name=\"Apply\" value=\"Apply action\">";
}
if (el.value == 12) {
document.getElementById("s2").innerHTML = "<b>Confirm sketch filter:</b> <input onclick=\"app(12)\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 13) {
document.getElementById("s2").innerHTML = "<b>Confirm posterize filter:</b> <input onclick=\"app(13)\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 14) {
document.getElementById("s2").innerHTML = "<b>Amount blur:</b> <select name=\"blursize\" onchange=\"keepsize(this)\" id=\"psize\"><option value=\"normal\" selected>Normal</option><option value=\"large\">Large</option><option value=\"small\">small</option></select><br /><b>Confirm blur:</b> <input onclick=\"app14()\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 15) {
document.getElementById("s2").innerHTML = "<b>Confirm contrast filter:</b> <input onclick=\"app(15)\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 16) {
document.getElementById("s2").innerHTML = "<b>Confirm emboss filter:</b> <input onclick=\"app(16)\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 17) {
document.getElementById("s2").innerHTML = "<b>Confirm grayscale filter:</b> <input onclick=\"app(17)\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 18) {
document.getElementById("s2").innerHTML = "<b>Confirm redscale filter:</b> <input onclick=\"app(18)\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
if (el.value == 19) {
document.getElementById("s2").innerHTML = "<b>Confirm star glitter filter:</b> <input onclick=\"app(19)\" type=\"button\" name=\"Apply\" value=\"Apply filter\">";
}
}

function apply() {
document.getElementById("s2").innerHTML = "";
var str = "f=" + document.getElementById("myimg").src + "&filter=1&label=" + globallabel + "&size=" + globalsize;
ajx(str);
}
function apply2() {
document.getElementById("s2").innerHTML = "";
var str = "f=" + document.getElementById("myimg").src + "&filter=2&size=" + globalsize;
ajx(str);
}
function app(nr) {
document.getElementById("s2").innerHTML = "";
var str = "f=" + document.getElementById("myimg").src + "&filter=" + nr;
ajx(str);
}
function app14(nr) {
document.getElementById("s2").innerHTML = "";
var str = "f=" + document.getElementById("myimg").src + "&filter=14&size=" + globalsize;
ajx(str);
}
function apply4() {
document.getElementById("s2").innerHTML = "";
var str = "f=" + document.getElementById("myimg").src + "&filter=4&color=" + globalc;
ajx(str);
}

function ajx(str)

    {
document.getElementById("myimg").src = "";
document.getElementById("ic").innerHTML = "<strong style=\"color:orange;\">Please stand by...</strong>";
var url = "http://www.layoutcodez.net/magic/ajax.php";		
// code for Mozilla, etc.
	if (window.XMLHttpRequest)
	{
		xmlhttp2=new XMLHttpRequest();
		xmlhttp2.onreadystatechange = ajChange;
		xmlhttp2.open("POST", url, true);
		xmlhttp2.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
		xmlhttp2.send(str);
	}
	// code for IE
	else if (window.ActiveXObject)
	{
		xmlhttp2=new ActiveXObject("Microsoft.XMLHTTP");
		if (xmlhttp2)
		{
			xmlhttp2.onreadystatechange = ajChange;
			xmlhttp2.open("POST", url, true);
			xmlhttp2.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
			xmlhttp2.send(str);
		}
	}
      

    }
function ajChange()
{

if (xmlhttp2.readyState==4)
  {
  if (xmlhttp2.status==200)
    {

document.getElementById("ic").innerHTML = "";
data = xmlhttp2.responseText;
var now = new Date();
if (parseInt(data) != 0) {
document.getElementById("myimg").src = "edit/" + data + "?" + now.getTime();
if (finito) {
document.getElementById("ccode").innerHTML = '<textarea cols="30" rows="4" onclick="this.select()"><a href="http://www.layoutcodez.net/" target="_blank"><img src="http://www.layoutcodez.net/magic/final/' + data + '"></a></textarea>';
}
}
}
}
}
function contnow() {
var ask = confirm("Click OK if you want to keep working on the image below. The original image you've uploaded will get destroyed.\n You can add new effects on the image below if you click OK");
if (ask) {
var now = new Date();
var str = "f=" + document.getElementById("myimg").src + "&res=1&filter=0&time=" + now.getTime();
ajx(str);
}
}
function finalize() {
var now = new Date();
finito = true;
document.getElementById("ff1").disabled = true;
document.getElementById("ff2").disabled = true;
document.getElementById("ff3").disabled = true;
document.getElementById("ff4").disabled = true;
var str = "f=" + document.getElementById("myimg").src + "&fin=1&filter=0&time=" + now.getTime();
ajx(str);
}