function showAvatarUploadForm() {
   jQuery(document).ready(function() {
      jQuery.get("/js-dyn/uye/ayarlar/avatar/form.js", null, function(response) {
         jQuery.blockUI({
            message: response,
            css: {
               position:"absolute",
               padding: 0,
               margin: 0,
               top: "20%",
               width: "500px",
               opacity: 1,
               color: "#000000",
               border: "0 solid transparent",
               backgroundColor:"transparent",
               cursor: "default"
            }
         });

         fixPngs();
      }, "html");
   });
}

function onAvatarImageSelect() {
   jQuery(document).ready(function() {
      var avatarImage = jQuery("#avatarImage");
      var avatarSendButtonHolder = jQuery("#avatarSendButtonHolder");

      if (avatarImage && avatarSendButtonHolder && jQuery.trim(avatarImage.val()) != "") {
         avatarSendButtonHolder.css("display", "block");
      }
   });
}

function getUploadResponse() {
   jQuery(document).ready(function() {
      var reposnse = jQuery("#uploadResponse").contents().find("body pre").html();
      var data = jQuery.trim(reposnse).length > 0 ? eval("(" + reposnse + ")") : null;

      if (data != null && data.status == "UPLOAD_SUCCESS") {
         showUploadedImage(data);
      }
   });
}

function showUploadedImage(data) {
   jQuery("#avatarUploadForm").css("display", "none");
   jQuery("#avatarShowUploaded").css("display", "block");

   var testWrap = document.getElementById("uploadedImageHolder");
   removeChildNodes(testWrap);

   var testImage = document.createElement("img");
   testImage.setAttribute("id", "testImage");
   testImage.setAttribute("src", data.src + "?r=" + Math.random());
   testImage.setAttribute("width", data.width);
   testImage.setAttribute("height", data.height);
   testImage.setAttribute("alt", "");
   testWrap.appendChild(testImage);

   new Cropper.Img("testImage", {ratioDim: { x: 200, y: 200 }, displayOnInit: true, onEndCrop: onEndCrop});
}

function onEndCrop(coords, dimensions) {
   jQuery("#avatarX").val(coords.x1);
   jQuery("#avatarY").val(coords.y1);
   jQuery("#avatarW").val(dimensions.width);
   jQuery("#avatarH").val(dimensions.height);
}

function crop() {
   jQuery(document).ready(function() {
      var data = new StringBuffer();
      data.append("&x=").append(encodeURIComponent(jQuery("#avatarX").val()));
      data.append("&y=").append(encodeURIComponent(jQuery("#avatarY").val()));
      data.append("&width=").append(encodeURIComponent(jQuery("#avatarW").val()));
      data.append("&height=").append(encodeURIComponent(jQuery("#avatarH").val()));

      jQuery.post("/js-dyn/uye/ayarlar/avatar/kes.js", data.toString(), function(response) {
         var data = jQuery.trim(response).length > 0 ? eval("(" + response + ")") : null;

         if (data != null && data.status == "CROP_SUCCESS") {
            var ua = document.getElementById("user_avatar");

            if (ua != null && data.avatarUrl != null && data.avatarUrl.trim() != "") {
               ua.setAttribute("src", data.avatarUrl);
               closeModalWindow();
            }
         }
      }, "text");
   });
}