// ************************************************************************
// Autor: Thomas Bauer                                                    *
// erstellt am: 03.02.2011                                                *
// ************************************************************************
// Funtionen:                                                             *
//    $(document).ready  Initialisierungen fuer CMS                       *
//                       FUNKTION: initLogout                             *
//                       DATEI: login/logout.php                          *
//    initLogut:         Seite neu laden nach dem Ausloggen               *
//    initAdmin:         Initialiserungen fuer Bearbeitung des Inhaltes   *
//                       BENUTZT: mmc.js - initSeite                      *
//                       FUNKTION: initButtons                            *
//                       DATEI: admin/buttons.php                         *
//    initButtons:       Aktionen der einzelnen Buttons festlegen         *
//                       FUNKTION: getFeedbackDelete                      *
//                       DATEI: admin/.../edit...php                      *
//                              admin/.../save...php                      *
//                              admin/.../delete...php                    *
//    getFeedbackDelete: Feedback nach dem Loeschen eines Elementes       *
//    getFeedbackSave:   Feedback nach dem Speichern eines Elementes      *
//                       DATEI: Uebergave von Speicherung                 *
//    initBilder:        Bilder-Aktionen initialisieren                   *
//                       FUNKTION: initDetail                             *
//                                 selectImage                            *
//                       DATEI: admin/edit_image.php                      *
//                              admin/upload_image.php                    *
//    selectImage:       Initiliasierungen fuer ausgewaehltes Bild        *
//    initDetail:        Dialog bzgl. Bildbearbeitung initialisieren      *
//                       DATEI: admin/edit_image.php                      *
//                       FUNKTION: initDetail                             *
//    setImageData:      Bilddaten uebernehmen
//    initTextarea:      Vorschau bei Textares initialisieren             *
// ************************************************************************

// Initialisierungen beim Oeffnen der Seite
$(document).ready(function() {
   // CMS aktivieren, wenn eingeloggt
   if($('#LoginUser').val()!='') {
      // Logout-Button aktivieren
      $('#Logout')
         .show()
         .button()
         .addClass('wwwCursor')
         .click(function() {
            $('#LoginUser').val('');
            $.get('login/logout.php',{},initLogout);
         });
   }
   // AJAX Fehler auffangen
   $('#divAktion').ajaxError(function(event, request, settings) {
      $("#WAIT").gbxHide();
      $('#divActionError').html('Es trat ein Fehler bei der &Uuml;bertragung auf. Folgende Fehlermeldung wurde zur&uuml;ckgemeldet:<br>'+request.responseText);
      $('#divActionError').dialog({
         resizable: false,
         modal:     true,
         title:     'Übertragungsfehler',
         width:     500,
         buttons:   {}
      });
   });
});

// Seite neu laden nach dem Ausloggen
function initLogout() {
   location.reload();
}

// Initialiserungen fuer Bearbeitung des Inhaltes
function initAdmin() {
   if($('#LoginUser').val()!='') {
      // Pruefen, ob Seite administrierbar ist
      if($('[admin]').length>0 || $('.ADD').length>0) {
         // jedes administrierbare Element mit Edit-Funktionalitaet versehen
         $('[admin]').each(function() {
            var intID    = $(this).attr('id').substr(6);
            // class fuer Schwarzes Brett
            var strClass = ($(this).children('#Freigabe_'+intID).val()=='YES' || $('#SEITE').val()!='Schwarzbrett') ? '' : 'SchwarzBrett';
            // class fuer abgelaufenen Eintraege (Schwarzes Brett, Aktuelles, Workshops)
            var datJetzt  = new Date();
            if($('#Ablauf_'+intID).length!=0) {
               var arrAblauf = $('#Ablauf_'+intID).val().split('.');
               var datAblauf = new Date(arrAblauf[2],arrAblauf[1]-1,arrAblauf[0],23,59,59);
               if(datJetzt>datAblauf)
                  strClass = strClass+' Old';
            }
            // class fuer zukuenftige Eintraege (Schwarzes Brett, Aktuelles, Workshops)
            if($('#Gueltig_'+intID).length!=0) {
               var arrGueltig = $('#Gueltig_'+intID).val().split('.');
               var datGueltig = new Date(arrGueltig[2],arrGueltig[1]-1,arrGueltig[0],0,0,0);
               if(datJetzt<datGueltig)
                  strClass = strClass+' New';
            }
            // class fuer abgesagte Workshops
            if($('#Abgesagt_'+intID).val()=='X' && strClass.indexOf('Old')==-1) {
               strClass = strClass+' Abgesagt';
            }
            // Fieldset mit Bearbeitungs-Buttons einfuegen
            $(this).wrap('<fieldset id="fieldset_'+intID+'" class="'+strClass+'"></fieldset>');
            $(this).parent().prepend('<legend></legend>');
            $(this).parent().children('legend').load('admin/buttons.php',{ID:intID,Button:$(this).attr('admin'),Dialog:$(this).attr('dialog'),Change:'input',Element:$(this).attr('element')},initButtons);
            if($('#SEITE').val()=='Preise')
               $('#fieldset_'+intID).append('<div id="Delete'+intID+'" dialog="preise/edit_preise.php" title="Preise verwalten" style="display:none"></div>');
         });
         // Paramter ermitteln
         if($('[admin]').length>0) {
            var strDialog = $('[admin]:eq(0)').attr('dialog');
            var strAction = $('[admin]:eq(0)').attr('action');
            var strTitle  = $('[admin]:eq(0)').attr('title');
            var arrID     = $('[admin]:eq(0)').attr('id').split('_');
            var intID     = arrID[1];
         }
         else {
            var strDialog = $('#SEITE').val().toLowerCase()+'/edit_'+$('#SEITE').val().toLowerCase()+'.php';
            var strAction = 'initAdmin'+$('#SEITE').val();
            var strTitle  = 'Daten hinzufügen';
         }
         // Hinzufuege-Button einfuegen
         var intID = ($('#SEITE').val()=='Preise') ? $('#BereichID').val() : 0
         $('#Datenliste.ADD')
            .prepend('<fieldset id="fieldset_'+intID+'">'+
                     '   <legend>'+
                     '      <img src="images/control/add.gif" class="actionDialog Action addEintrag" id="edit_'+intID+'" title="Eintrag hinzufügen">'+
                     '   </legend>'+
                     '   <div id="Admin_'+intID+'" admin="EDIT DELETE" dialog="'+strDialog+'" action="'+strAction+'" title="'+strTitle+'">'+
                     '      <p>Einen neuen Eintrag hinzufügen!</p>'+
                     '   </div>'+
                     '</fieldset>')
         $('.Unterricht.ADD').each(function() {
            var parentID = $(this).parent().attr('id').substr(5);
            $(this).prepend('<fieldset id="fieldset_'+parentID+'_'+intID+'">'+
                            '   <legend>'+
                            '      <img src="images/control/add.gif" class="actionDialog Action" id="edit_'+parentID+'_'+intID+'" title="Eintrag hinzufügen">'+
                            '   </legend>'+
                            '   <div id="Admin_'+parentID+'_'+intID+'" admin="EDIT DELETE" dialog="'+strDialog+'" action="'+strAction+'" title="'+strTitle+'">'+
                            '      <p>Einen neuen Eintrag hinzufügen!</p>'+
                            '   </div>'+
                            '</fieldset>')
         });
         // Administrator-Hinweis einblenden
         $('#HinweisAdmin').show();
         // Lehrerliste beim Unterricht anzeigen
         $('fieldset[id^="Lehrerliste"]').show();
         // Buttons beim Schwarzen Brett ausblenden
         $('#btnAnzeige').hide();
         $('#Buttonset_Typ').hide();
         $('#Buttonset_Rubrik').hide();
         // Hinzufuege-Button fuer Teaser laden
         if($('#Teaserliste.ADD #fieldset_0').length==0) {
            $('#Teaserliste.ADD').prepend('<fieldset id="fieldset_0">'+
                                          '   <legend>'+
                                          '      <img src="images/control/add.gif" class="actionDialog Action" id="edit_0" title="Eintrag hinzufügen">'+
                                          '      <img src="images/control/sort.gif" class="actionSort Action" id="sort_0" title="Werbung sortieren">'+
                                          '   </legend>'+
                                          '   <div id="Admin_0" dialog="teaser/edit_teaser.php" action="initAdminTeaser" title="Werbung verwalten">'+
                                          '      <p>Einen neuen Eintrag hinzufügen bzw. die Einträge sortieren!</p>'+
                                          '   </div>'+
                                          '</fieldset>');
         }
      }
      // Teaser administrierbar schalten
      $('.editTeaser').show();
      initButtons();
   }
}

// Aktionen der einzelnen Buttons festlegen
function initButtons(status,daten) {
   // Images mit WWW-Pointer versehen
   $('img[class*="action"]').addClass('wwwCursor');
   // Loeschen eines Elementes
   $('.actionDelete')
      .unbind('click')
      .click(function() {
         // Parameter ermitteln
         var divSteuer = $(this).parent().parent().children('div');
         var intID     = divSteuer.attr('id').substr(6);
         var strFile   = divSteuer.attr('dialog').replace(/edit/,'delete');
         var strTitel  = divSteuer.attr('title');
         // Kontrollabfrage erstellen
         $('#divAktion').html('Soll dieses Element wirklich gelöscht werden?');
         $('#divAktion').dialog({
            resizable: false,
            modal:     true,
            title:     strTitel,
            buttons:   {
               'Ja':   function() {
                  $(this).dialog('close');
                  $("#WAIT").gbxShow();
                  $.get('admin/'+strFile,{ID:intID},getFeedbackDelete,'json')
               },
               'Nein': function() { $(this).dialog('close'); }
            }
         });
      });
   if($('#SEITE').val()=='Workshop')
      initButtonWorkshop();
   // Aendern eines Elementes mittels direkter Eingabe
   $('.actionEdit')
      .unbind('click')
      .click(function() {
         // Parameter ermitteln
         var intID = $(this).attr('id').substr(5);
         // Absatz zum Editieren initialisieren
         $('#direct'+intID).hide();
         if($(this).attr('element')=='input')
            $('#fieldset_'+intID).append('<input type="Text" id="actionChange_'+intID+'" name="actionChange_'+intID+'" value="'+$('#direct'+intID).text()+'">');
         else
            $('#fieldset_'+intID).append('<textarea id="actionChange_'+intID+'">'+
                                         $('#direct'+intID).text()+
                                         '</textarea>');
         $('#actionChange_'+intID).focus();
         // Buttons zum Speichern und Abbrechen setzen
         $('#edit_'+intID+', #add_'+intID+', #delete_'+intID).hide();
         $('#save_'+intID+', #cancel_'+intID).show();
      });
   // Aendern eines Elementes mittels Dialog
   $('.actionDialog')
      .unbind('click')
      .click(function() {
         // Parameter ermitteln
         var divSteuer   = $(this).parent().parent().children('div');
         var intID       = divSteuer.attr('id').substr(6);
         var strDialog   = divSteuer.attr('dialog');
         var strFile     = divSteuer.attr('dialog').replace(/edit/,'save');
         var strTitel    = divSteuer.attr('title');
         var strFunction = divSteuer.attr('action');
         var intWidth    = ($('#SEITE').val()=='Workshop') ? 750 : 550;
         // Dialog zum Editieren anzeigen
         $("#WAIT").gbxShow();
         $('#divAktion').load('admin/'+strDialog,{ID:intID},eval(strFunction));
         $('#divAktion').dialog({
            resizable: false,
            modal:     true,
            width:     intWidth,
            position:  ['center',100],
            title:     strTitel,
            buttons:   {
               'Speichern': function() {
                  $('.error_field').removeClass('error_field');
                  if($('#formDialog').valid()) {
                     $.get('admin/'+strFile,$('#formDialog').serialize(),getFeedbackSave,'json');
                     if(strFile.indexOf('aktuelles')!=-1)
                        $('#Meldungen').load('seiten/aktionen/load_aktuelles.php');
                  }
                  else {
                     $('input[valfield]').each(function() {
                        if(!$('#formDialog').validate().element($(this)))
                           $('#'+$(this).attr('valfield')).addClass('error_field')
                     });
                  }
               },
               'Abbrechen': function() {
                  $.get('admin/delete_tmp.php')
                  $(this).dialog('close');
               }
            }
         });
      });
   // Sortieren der Einträge mittels Dialog
   $('.actionSort')
      .unbind('click')
      .click(function() {
         // Parameter ermitteln
         var divSteuer   = $(this).parent().parent().children('div');
         var intID       = divSteuer.attr('id').substr(6);
         var strDialog   = divSteuer.attr('dialog').replace(/edit/,'sort');
         var strFile     = divSteuer.attr('dialog').replace(/edit/,'save_sort');
         var strTitel    = divSteuer.attr('title');
         var strFunction = divSteuer.attr('action');
         // Dialog zum Editieren anzeigen
         $("#WAIT").gbxShow();
         $('#divAktion').load('admin/'+strDialog,{ID:intID},eval(strFunction));
         $('#divAktion').dialog({
            resizable: false,
            modal:     true,
            width:     500,
            position:  ['center',100],
            title:     strTitel,
            buttons:   {
               'Speichern': function() {
                  // Liste der Lehrer erzeugen
                  var listLehrer = '';
                  $('#divLehrer .LehrerSelect').each(function() {
                     listLehrer += '&Lehrer[]='+$(this).attr('id').substr(7);
                  });
                  $.get('admin/'+strFile,$('#formDialog').serialize()+listLehrer,getFeedbackSave,'json');
               },
               'Abbrechen': function() {
                  $.get('admin/delete_tmp.php')
                  $(this).dialog('close');
               }
            }
         });
      });
   // Aenderungen speichern
   $('.actionSave')
      .unbind('click')
      .click(function() {
         // Parameter ermitteln
         var intID   = $(this).attr('id').substr(5);
         var strFile = $('#direct'+intID).attr('file');
         // Daten speichern
         $("#WAIT").gbxShow();
         $.get(strFile,{ID:intID,Content:$('#actionChange_'+intID).val()},getFeedbackSave,'json')
      });
   // Aenderungen abbrechen
   $('.actionCancel')
      .unbind('click')
      .click(function() {
         // Parameter ermitteln
         var intID = $(this).attr('id').substr(7);
         // Editierfeld loeschen, ursprüngliche Daten anzeigen
         $('#actionChange_'+intID).remove();
         $('#direct'+intID).show();
         // Buttons zum Aendern zureucksetzen
         $('#save_'+intID+', #cancel_'+intID).hide();
         $('#edit_'+intID+', #add_'+intID+', #delete_'+intID).show();
      });
   // Gueltigkeit und Ablauf bei Aktuelles, Schwarzem Brett und Workshop hinzufuegen
   $('legend').each(function() {
      var intID = $(this).parent().attr('id').substr(9);
      if($('#Gueltig_'+intID).val() || $('#Ablauf_'+intID).val()) {
         var strGueltig = ($('#Gueltig_'+intID).val()) ? $('#Gueltig_'+intID).val() : '...';
         var strAblauf  = ($('#Ablauf_'+intID).val())  ? $('#Ablauf_'+intID).val()  : '...';
         if($('#Datum_'+intID).length==0)
            $(this).append('<span id="Datum_'+intID+'">'+strGueltig+' - '+strAblauf+'</span>');
      }
   });
   // Freigabe Button bei Schwarzem Brett hinzufuegen
   $('legend').each(function() {
      var intID = $(this).parent().attr('id').substr(9);
      if($('#Freigabe_'+intID).val()!='YES' && $('#accept_'+intID).length==0  && $('#SEITE').val()=='Schwarzbrett') {
         $(this).append('<img src="images/control/tick.gif" class="actionAccept Action" id="accept_'+intID+'" title="Eintrag freigeben">');
      }
   });
   // Freigabe eines Eintrages beim Schwarzen Brett
   $('.actionAccept')
      .unbind('click')
      .click(function() {
         // Parameter ermitteln
         var divSteuer = $(this).parent().parent().children('div');
         var intID     = divSteuer.attr('id').substr(6);
         var strFile   = divSteuer.attr('dialog').replace(/edit/,'accept');
         var strTitel  = divSteuer.attr('title');
         // Kontrollabfrage erstellen
         $('#divAktion').html('Soll dieser Eintrag wirklich frei gegeben werden?');
         $('#divAktion').dialog({
            resizable: false,
            modal:     true,
            title:     strTitel,
            buttons:   {
               'Ja':   function() {
                  $(this).dialog('close');
                  $("#WAIT").gbxShow();
                  $.get('admin/'+strFile,{ID:intID},getFeedbackAccept,'json')
               },
               'Nein': function() { $(this).dialog('close'); }
            }
         })
      });
}

// Feedback nach dem Loeschen eines Elementes
function getFeedbackDelete(daten,status) {
   $("#WAIT").gbxHide();
   if(status=='success') {
      // Eingabefeld loeschen
      if(daten.Teaser=='YES')
         $('#Teaser_'+daten.ID).remove();
      else if(daten.Preise=='YES') {
         $('#fieldset_'+daten.Bereich+'_'+daten.ID).remove();
         $('#fieldset__'+daten.ID).remove();
      }
      else
         $('#fieldset_'+daten.ID).remove();
      if(daten.Aktuelles=='YES')
         $('#Meldungen').load('seiten/aktionen/load_aktuelles.php');
   }
   else {
      $('#divTransferError').dialog({
         resizable: false,
         modal:     true,
         title:     'Fehlermeldung',
         height:    auto,
         width:     300,
         buttons:   {}
      });
   }
}

// Feedback nach der Freigabe eines Elementes
function getFeedbackAccept(daten,status) {
   $("#WAIT").gbxHide();
   if(status=='success') {
      // Eingabefeld loeschen
      $('#fieldset_'+daten.ID).removeClass('SchwarzBrett');
      $('#accept_'+daten.ID).remove();
   }
   else {
      $('#divTransferError').dialog({
         resizable: false,
         modal:     true,
         title:     'Fehlermeldung',
         height:    auto,
         width:     300,
         buttons:   {}
      });
   }
}

// Feedback nach dem Speichern eines Elementes
function getFeedbackSave(daten,status) {
   $("#WAIT").gbxHide();
   if(status=='success') {
      if(daten.Edit=='INPUT') {
         // Eingabefeld loeschen
         $('#actionChange_'+daten.ID).remove();
         // Text in Element laden und anzeigen
         $('#direct'+daten.ID).text(daten.Text);
         $('#direct'+daten.ID).show();
         // Buttons zum Aendern zureucksetzen
         $('#save_'+daten.ID+', #cancel_'+daten.ID).hide();
         $('#edit_'+daten.ID+', #add_'+daten.ID+', #delete_'+daten.ID).show();
      }
      else {
         $('#divAktion').dialog('close');
         $.get('admin/delete_tmp.php')
         $('#content').load(daten.Reload,{},initSeite);
         if(daten.Aktuelles=='YES')
            $('#Meldungen').load('seiten/aktionen/load_aktuelles.php');
         if(daten.Teaser=='YES')
            $('#Teaserliste').load('seiten/aktionen/load_teaser.php');
         if(daten.Workshop=='YES' && daten.ID==0) {
            $('#divAktion').load('admin/workshop/select_email.php',{IDWorkshop:daten.ID},initEmail);
         }
      }
   }
   else {
      $('#divTransferError').dialog({
         resizable: false,
         modal:     true,
         title:     'Fehlermeldung',
         height:    auto,
         width:     300,
         buttons:   {}
      });
   }
}

// Bilder-Aktionen initialisieren
function initBilder() {
   // 1. Bild auswaehlen
   $('#divImageView img:eq(0)').css('border','1px solid red');
   // Reaktion auf Bildauswahl
   $('.selectImage').click(selectImage);
   // Bilder sortieren
   $('#divImageView nobr').sortable({
      stop: function(event,ui) {
         // Liste der Reihenfolge erstellen
         var posImages = '';
         for(var i=0;i<$('#divImageView img').length;i++) {
            posImages = posImages+$('#divImageView img:eq('+i+')').attr('id').substr(6)+'-';
         }
         $('#Reihenfolge').val(posImages.substr(0,posImages.length-1));
         // neue Position des Bildes ermitteln
         for(var i=0;i<$('#divImageView img').length;i++) {
            if($('#divImageView img:eq('+i+')').attr('src')==$(this).attr('src')) {
               $('#SelectedImagePos').val(i);
            }
         }
      }
   });
   // Buttons zu Bildaktionen aktivieren
   $('.btnAktion').button();
   // Bild loeschen
   $('#btnDelete').click(function(evt) {
      evt.preventDefault();
      var intID = $('#SelectedImage').val();
      $('#Image_'+intID).remove();
      $('#XOffset_'+intID).remove();
      $('#YOffset_'+intID).remove();
      $('#Datei_'+intID).remove();
      $('#Text_'+intID).remove();
      // Liste der Reihenfolge neu erstellen
      var posImages = '';
      for(var i=0;i<$('#divImageView img').length;i++) {
         posImages = posImages+$('#divImageView img:eq('+i+')').attr('id').substr(6)+'-';
      }
      $('#Reihenfolge').val(posImages.substr(0,posImages.length-1));
   });
   // Bild bearbeiten
   $('#btnDetail').click(function() {
      $("#WAIT").gbxShow();
      $('#divDetailAktion').load('admin/edit_image.php',$('#formDialog').serialize(),initDetail);
      $('#divDetailAktion').dialog({
         resizable:   false,
         modal:       true,
         width:       320,
         heigth:      'auto',
         title:       'Bilddaten bearbeiten',
         buttons: {
            'Übernehmen': function() { setImageData(); },
            'Schließen': function() { $(this).dialog('close'); }
         }
      });
   });
   // Bild hinzufuegen
   var uploader = new qq.FileUploader ({
       element:           document.getElementById('file-uploader-demo1'),
       action:            'admin/upload_image.php',
       listElement:       document.getElementById('showImages'),
       allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'],
       debug:             true,
       showMessage: function(message){
           $('#divBildFehler').html(message);
           $('#divBildFehler').dialog({
              resizable: false,
              modal:     true,
              title:     'Fehlermeldung',
              height:    100,
              width:     300,
              buttons:   {}
           });
       },
       onSubmit:   function() { $('#showImages').show(); },
       onComplete: function(id, fileName, responseJSON){
          // Anzeige ID des neuen Bildes festlegen
          var intID   = $('#divImageView img').length + 1;
          var strFile = responseJSON.newFileName.substr(responseJSON.newFileName.lastIndexOf('/')+1);
          // Bild anzeigen
          $('#divImageView nobr').append('<img id="Image_New'+intID+'" src="'+$('#TmpVerzeichnis').val()+strFile+'" height="50px" class="selectImage">');
          // verborgene Daten aktualisieren bzw. hinzufuegen
          if($('#Reihenfolge').val()!='')
             $('#Reihenfolge').val($('#Reihenfolge').val()+'-');
          $('#Reihenfolge').val($('#Reihenfolge').val()+'New'+intID);
          var strFile = responseJSON.newFileName.substr(responseJSON.newFileName.lastIndexOf('/')+1);
          $('#divImageView nobr').append('<input type="hidden" id="Datei_New'+intID+'"   name="Datei_New'+intID+'"   value="'+$('#TmpVerzeichnis').val()+strFile+'">');
          $('#divImageView nobr').append('<input type="hidden" id="XOffest_New'+intID+'" name="XOffest_New'+intID+'" value="0">');
          $('#divImageView nobr').append('<input type="hidden" id="YOffest_New'+intID+'" name="YOffest_New'+intID+'" value="0">');
          $('#divImageView nobr').append('<input type="hidden" id="Text_New'+intID+'"    name="Text_New'+intID+'"    value="">');
          // Klick auf Bilder neu initialisieren
          $('.selectImage')
             .unbind('click')
             .click(selectImage);
          // falls neues Bild erstes ist, dies aktivieren (Klick)
          if(intID==1)
             $('#Image_New'+intID).click();
       }
   });
   $('.qq-upload-button').addClass('ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only')
}

// Initiliasierungen fuer ausgewaehltes Bild
function selectImage() {
   // Rahmen entfernen
   $('.selectImage').css('border','1px solid white');
   // Rahmen um ausgewaehltes Bild
   $(this).css('border','1px solid red');
   // Bild-ID, -Name speichern
   var intID = $(this).attr('id').substr(6);
   $('#SelectedImage').val(intID);
   $('#SelectedImageName').val($('#Datei_'+intID).val());
   // Bildposition speichern
   for(var i=0;i<$('#divImageView img').length;i++) {
      if($('#divImageView img:eq('+i+')').attr('src')==$(this).attr('src')) {
         $('#SelectedImagePos').val(i);
      }
   }
}

// Dialog bzgl. Bildbearbeitung initialisieren
function initDetail() {
   // Loading-Dialog ausschalten
   $("#WAIT").gbxHide();
   // Variablen bzgl. Hoch-/Querformat ermitteln
   var Orientierung = ($('#Hochformat').val()=='YES') ? 'vertical' : 'horizontal';
   var intGroesse   = ($('#Hochformat').val()=='YES') ? $('#SizeY').val()-100 : $('#SizeX').val()-100
   var intStart     = ($('#Hochformat').val()=='YES') ? intGroesse : $('#PosX').val();
   // Buttons fuer vorheriges/naechstes Bild initialisieren
   $('.ctrlImage')
      .height($('.ctrlImage').parent().children('div').height())
      .button();
   // Button fuer "vorheriges Bild" anzeigen
   if($('#Previous').val()=='-1')
      $('#editImagePrev').hide();
   // Button fuer "naechstes Bild" anzeigen
   if($('#Next').val()=='-1')
      $('#editImageNext').hide();
   // vorheriges Bild laden
   $('#editImagePrev')
      .addClass('wwwCursor')
      .click(function(evt) {
         evt.preventDefault();
         $("#WAIT").gbxShow();
         setImageData();
         $('#divDetailAktion').load('admin/edit_image.php',$('#formDialog').serialize()+'&SelectedImage='+$('#PrevImage').val()+'&SelectedImagePos='+$('#Previous').val(),initDetail);
      });
   // naechstes Bild laden
   $('#editImageNext')
      .addClass('wwwCursor')
      .click(function(evt) {
         evt.preventDefault();
         $("#WAIT").gbxShow();
         setImageData();
         $('#divDetailAktion').load('admin/edit_image.php',$('#formDialog').serialize()+'&SelectedImage='+$('#NextImage').val()+'&SelectedImagePos='+$('#Next').val(),initDetail);
      });
   // Slider fuer 1. und 2. Bild initialisieren
   if($('#BildPosition').val()==0 || $('#BildPosition').val()==1) {
      var strAxis = ($('#Hochformat').val()=='YES') ? 'y' : 'x';
      $('#DetailBild')
         .show()
         .addClass('moveCursor')
         .draggable({
            axis:        strAxis,
            containment: '#EditBild',
            stop:        function(event, ui) {
               if($('#Hochformat').val()=='YES')
                  $('#DetailPosition').val(ui.position.top-2);
               else
                  $('#DetailPosition').val(ui.position.left-2);
            }
         });
   }
}

// Bilddaten uebernehmen
function setImageData() {
   // ID des Bildes ermitteln
   var intID = $('#SelectedImage').val();
   // X- bzw. Y-Offset des Bildes
   if($('#Hochformat').val()=='YES') {
      $('#XOffset_'+intID).val('0');
      $('#YOffset_'+intID).val($('#DetailPosition').val());
   }
   else {
      $('#XOffset_'+intID).val($('#DetailPosition').val());
      $('#YOffset_'+intID).val('0');
   }
   // Bildbeschreibung
   $('#Text_'+intID).val($('#ImageDescription').val());
}

// Vorschau bei Textares initialisieren
function initTextarea() {
   $('.editForm textarea').dblclick(function() {
      var arrText = $(this).val().split("\n");
      for(var i=0;i<arrText.length;i++) {
         if(arrText[i]!='')
            $('#divDetailAktion').html($('#divDetailAktion').html()+'<p style="text-align:left">'+arrText[i]+'</p>');
      }

      $('#divDetailAktion').dialog({
         resizable:   false,
         modal:       true,
         width:       320,
         heigth:      'auto',
         title:       'Text anzeigen'
      });
   });
}
