$(document).ready(function() {
	$(document).pngFix();
    $('.slidePanelHeader').slidePanel({remote: 'true'});

    $('img.artikelThn').Tooltip({
    	track: true,
    	delay: 200,
    	showURL: false,
    	showBody: " - ",
    	extraClass: "tooltipArtikel",
    	fixPNG: true,
    	opacity: 1,
    	left: -230,
    	loadCallback: function() {
    		setSlideShow($(this));
    	}
    });


var ajax_upload1;
if ($("#uploadbild1").size()==1) {
  ajax_upload1= new AjaxUpload('#uploadbild1', {
    // Location of the server-side upload script
    action: 'uploader.php',
    // File upload name
    name: 'bild1',
    // Additional data to send
   // data: {
    //  example_key1 : 'example_value',
    //  example_key2 : 'example_value2'
    //},
    // Submit file after selection
    autoSubmit: true,
    onSubmit: function(file, extension) {
        $("#uploadbild1").empty().append('Bild wird geladen... einen Moment bitte.');
        $("#divbild1").removeClass("uploadFeld").empty().append('<img src="images/slideshow_loader.gif" width="220" height="19" alt="" />');
    },
    onComplete: function(file, response) {
      if (response=="success") {
          md5file=$.md5(file);
          $("#divbild1").removeClass("uploadFeld").empty().append('<img src="/UserFiles/bk/KundenUploads/'+md5file+'" alt="" width="220" /><span style="font-size: 9px; text-align: center;">'+file+'</span>');
          $("#uploadbild1").empty().append('Ein anderes Bild laden... (max. 5MB)');
          $("#bild1").attr("value",md5file);
          $("#bild1_echt").attr("value",file);
      } else {
          alert("Fehler beim Upload der Datei. bitte kontrollieren Sie die maximale Dateigröße! SERVER-MSG: "+response);
          $("#uploadbild1").empty().append('Ein anderes Bild laden... (max. 5MB)');
          $("#divbild1").empty().addClass("uploadFeld");
      }
    }
  });
}

var ajax_upload2;
if ($("#uploadbild2").size()==1) {
    ajax_upload2= new AjaxUpload('#uploadbild2', {
      // Location of the server-side upload script
      action: 'uploader.php',
      // File upload name
      name: 'bild2',
      // Additional data to send
     // data: {
      //  example_key1 : 'example_value',
      //  example_key2 : 'example_value2'
      //},
      // Submit file after selection
      autoSubmit: true,
      onSubmit: function(file, extension) {
          $("#uploadbild2").empty().append('Bild wird geladen... einen Moment bitte.');
          $("#divbild2").removeClass("uploadFeld").empty().append('<img src="images/slideshow_loader.gif" width="220" height="19" alt="" />');
      },
      onComplete: function(file, response) {
        if (trim(response)=="success") {
            md5file=$.md5(file);
            $("#divbild2").removeClass("uploadFeld").empty().append('<img src="/UserFiles/bk/KundenUploads/'+md5file+'" alt="" width="220" /><span style="font-size: 9px; text-align: center;">'+file+'</span>');
            $("#uploadbild2").empty().append('Ein anderes Bild laden... (max. 5MB)');
            $("#bild2").attr("value",md5file);
            $("#bild2_echt").attr("value",file);
        } else {
            alert("Fehler beim Upload der Datei. bitte kontrollieren Sie die maximale Dateigröße! SERVER-MSG: "+response);
            $("#uploadbild2").empty().append('Ein anderes Bild laden... (max. 5MB)');
            $("#divbild2").empty().addClass("uploadFeld");
        }
      }
    });
}

});

function trim (zeichenkette) {
  // Erst führende, dann Abschließende Whitespaces entfernen
  // und das Ergebnis dieser Operationen zurückliefern
  return zeichenkette.replace (/^\s+/, '').replace (/\s+$/, '');
}


function setSlideShow(o) {
    bilder=o[0]["tooltipText"].split("#");
    var dias="";
    for (i=0;i<=4;i++) {
    	if (bilder[i]) {
    		dias+='<img src="'+bilder[i]+'">';
    	}
    }
    $("#toolTipBody").empty().append(dias);
    $('#toolTipBody').cycle({timeout:3000});
}