var imageFile = "coblis.jpg";

function errorhandler(description,pagename,lineno) {
      document.getElementById('error').innerHTML = '<span style="color: red;">An error occured while uploading your image. Try again or choose another source.</span>';
      enableOnCallback();
      return true;
}
window.onerror=errorhandler;

function startCallback() {
    document.getElementById('error').innerHTML = '&nbsp;';
    cvdFormElements = document.forms["cvd_radios"].elements;
    for (i = 0; i < cvdFormElements.length; i++) {
      cvdFormElements[i].disabled = true;
    }
    document.getElementById('uploadSubmit').disabled = true;
    document.getElementById('coblis_main').style.color = "#999";
    return true;
}

function completeCallback(response) {
    var json = eval('('+response+')');
    if (json['error'] == true) {
      document.getElementById('error').innerHTML = '<span style="color: red;">' + json['error_text'] + '</span>';
    } else {
      imageFile = json['image'];
      setImage(imageFile);
      cvdFormElements[0].checked = true;
    }
    enableOnCallback();
    return true;
}

function enableOnCallback() {
    cvdFormElements = document.forms["cvd_radios"].elements;
    for (i = 0; i < cvdFormElements.length; i++) {
      cvdFormElements[i].disabled = false;
    }
    document.getElementById('uploadSubmit').disabled = false;
    document.getElementById('coblis_main').style.color = "#333";
}

function setImage(imageToBeSet) {
      if (imageToBeSet == undefined) imageToBeSet = imageFile;
      var imageDiv = document.getElementById('image');
      if (imageDiv.hasChildNodes()) {
          imageDiv.removeChild(imageDiv.firstChild);
      }
      var wrap1 = document.createElement("div");
      wrap1.className = "wrap1";
      imageDiv.appendChild(wrap1);
      var wrap2 = document.createElement("div");
      wrap2.className = "wrap2";
      wrap1.appendChild(wrap2);
      var wrap3 = document.createElement("div");
      wrap3.className = "wrap3";
      wrap2.appendChild(wrap3);
      var imgElement = document.createElement("img");
      imgElement.src = "uploaded_images/" + imageToBeSet;
      wrap3.appendChild(imgElement);
}

function disableRadios() {
    document.getElementById('error').innerHTML = '&nbsp;';
    cvdFormElements = document.forms["cvd_radios"].elements;
    for (i = 0; i < cvdFormElements.length; i++) {
      cvdFormElements[i].disabled = true;
    }
    document.getElementById('coblis_main').style.color = "#999";    
}

function enableRadios() {
    cvdFormElements = document.forms["cvd_radios"].elements;
    for (i = 0; i < cvdFormElements.length; i++) {
      cvdFormElements[i].disabled = false;
    }
    document.getElementById('coblis_main').style.color = "#333";
}

var transformImage = {

  transform: function(cvdType) {
    disableRadios();
    new Ajax.Request('php/transform.php', { 
      method: 'get',
      parameters: {cvd: cvdType, image: imageFile},
      onSuccess: function(transport) {
        var json = eval('(' + transport.responseText + ')');
        setImage(json['image']);
        enableRadios();
      }
    });
  }
  
};