var pictureContainer;

 function showjCropPicturePreview(coords)
 {
    if (coords == null)
    {
      coords = {
         x:  0,
         y:  0,
         x2: 0,
         y2: 0,
         w : 0,
         h : 0
      }
    }
    var cancel = false;

    var x = 0;
    var y = 0;
    var x2 = 0;
    var y2 = 0;
    var w = 0;
    var h = 0;
    if (coords.w != 0 && coords.h != 0)
    {
       x = (coords.x === NaN) ? 0 : coords.x;
       y = (coords.y === NaN) ? 0 : coords.y;
       x2 = (coords.x2 === NaN) ? 0 : coords.x2;
       y2 = (coords.y2 === NaN) ? 0 : coords.y2;
       w = (coords.w === NaN) ? 0 : coords.w;
       h = (coords.h === NaN) ? 0 : coords.h;
    }
    else
       cancel = true;

    $("#coordLeft").val(x);
    $("#coordTop").val(y);
    $("#coordRight").val(x2);
    $("#coordBottom").val(y2);
    $("#coordWidth").val(w);
    $("#coordHeight").val(h);

    if (cancel)
    {
      $("#preview_pic").addClass("gone");
      $("#replace_pic").removeClass("gone");
      return;
    }

    $("#preview_pic").removeClass("gone");
    $("#replace_pic").addClass("gone");

    var rx = 250 / coords.w;
    var ry = 80 / coords.h;

    jQuery('#preview').css({
       width: Math.round(rx * $('#cropbox').width()) + 'px',
       height: Math.round(ry * $('#cropbox').height()) + 'px',
       marginLeft: '-' + Math.round(rx * coords.x) + 'px',
       marginTop: '-' + Math.round(ry * coords.y) + 'px'
    });
 }
var oejCrop;
function loadjCropPicture(img, selection, withoutTimestamp)
{
   if (img)
   {
      if (!withoutTimestamp)
         img += "?timestamp=" + Number(new Date());

      $(".upload_cropbox").html("");
      
      var html = "<table cellspacing=\"0\" cellpadding=\"0\"><tr><td id=\"cropbox_wrapper\" >" +
      "<img src="+ img +" id='cropbox' class='gone'>" +
      "</td></tr></table>";
      $(".upload_cropbox").html(html);
      $("#preview").attr("src", img);
    }

    var jCropOptions = {
    	bgColor:     'black',
    	bgOpacity:   .3,
    	aspectRatio: 25 / 8, // Seitenverhltnis der Bildes ist 250 x 80 Pixel
    	onChange: showjCropPicturePreview,
    	boxWidth: 660,
      boxHeight: 440,
   	onSelect: showjCropPicturePreview
   }

   if (selection != null)
      jCropOptions.setSelect = selection;

   oejCrop = $('#cropbox').Jcrop(jCropOptions);
}

function PictureUploadStatus(url)
{
   var self = this;
   
   this.url = url;

   function onGotStatus(data)
   {
      if (!data || "object" != typeof data)
         return;

      uploadCheckTimer.stop();

      var xml = data;
      // No need to iterate since there will only be one set
      // of lines
      var isNotFinished = xml.getElementsByTagName("finished")[0];
      var myBytesRead = xml.getElementsByTagName("bytes_read")[0];

      var myContentLength = xml.getElementsByTagName("content_length")[0];
      var myPercent = xml.getElementsByTagName("percent_complete")[0];

      if (!document.getElementById("visible_bar" ))
         return;

      // Check to see if it's even started yet
      if ((isNotFinished == null) && (myPercent == null))
      {
         document.getElementById("visible_bar").style.visibility = "visible";
         document.getElementById("initializing").style.visibility = "visible";
      }
      else
      {
         document.getElementById("visible_bar" ).style.visibility = "visible";
         document.getElementById("initializing" ).style.visibility = "hidden";
         document.getElementById("convertupload" ).style.visibility = "hidden";
         document.getElementById("progressBarTable" ).style.visibility = "visible";
         document.getElementById("percentCompleteTable" ).style.visibility = "visible";
         document.getElementById("bytesRead" ).style.visibility = "visible";

         myBytesRead = myBytesRead.firstChild.data;
         myContentLength = myContentLength.firstChild.data;
         // It's started, get the status of the upload
         if (myPercent != null)
         {
            myPercent = myPercent.firstChild.data;
            document.getElementById("progressBar").style.width = myPercent + "%";
            document.getElementById("bytesRead").innerHTML = myBytesRead + " von " +
            myContentLength + " KB gelesen";
            document.getElementById("percentComplete").innerHTML = myPercent + "%";

            $.timer(500, function (timer)
            {
               $.get(url+"?timestamp=" + Number(new Date()),onGotStatus);
               timer.stop();
            });
         }
         else
         {
            document.getElementById("progressBar").style.width = "100%";
            document.getElementById("percentComplete").innerHTML = ""; //"Done!"
            document.getElementById("bytesRead").style.visibility = "hidden";
            document.getElementById("progressBarTable").style.visibility = "hidden";
            document.getElementById("load_message" ).style.visibility = "hidden";
            document.getElementById("convertupload" ).style.visibility = "visible";
            document.getElementById("convert_message" ).style.visibility = "visible";
         }
      }
   }

   this.onGotStatus = onGotStatus;
}

/*##########Hide Dummy Picture##########*/
//			$(".upload_cropbox").bind("mouseenter", function(e){
//					$("#preview_pic").removeClass("gone");
//					$("#replace_pic").addClass("gone");});


$(document).ready(function () 
{	
//   loadjCropPicture();
});