/**
 * Waehlt aus einer Liste einer Liste eine Grafik aus und schreibt die ID in ein Hidden-Field
 * @param string image_id ID des selektierten Bildes
 * @param string hidden_elem: ID des hidden-Fields, an das die image_id uebergeben werden soll
 * @param object li_elem Das angeklickte Element
 */
function select_img(image_id, hidden_elem, li_elem) {
  var parent_id = $(li_elem).parent().attr("id");
  
  // Ueberpruefen ob ein anderes Bild gewaehlt wurde
  if (image_id != $("#"+hidden_elem).val()) {
    // Vorhandenes Highlighting entfernen
    $("#"+ parent_id +" .act").removeClass('act');

    // ID des ausgewaehlten Bildes speichern
    $("#"+hidden_elem).val(image_id);

    // Listenelement hervorheben
    $(li_elem).addClass('act');
  }
  else {
    // Highlighting entfernen
    $(li_elem).removeClass('act');

    // Wert loeschen, es ist jetzt kein Bild mehr ausgewaehlt
    $("#"+hidden_elem).val('');
  }
}



/**
 * Waehlt aus einer Liste einer Liste eine Grafik aus und schreibt die ID in ein Hidden-Field
 * @param string image_id ID des selektierten Bildes
 * @param string hidden_elem: ID des hidden-Fields, an das die image_id uebergeben werden soll
 * @param object li_elem Das angeklickte Element
 */
function select_img_from_table(image_id, hidden_elem, li_elem) {
  //die ID der Tabelle ermitteln
  var parent_id = $(li_elem).parent().parent().parent().attr("id");
  
  // Ueberpruefen ob ein anderes Bild gewaehlt wurde
  if (image_id != $("#"+hidden_elem).val()) {
    // Vorhandenes Highlighting entfernen
    $("#"+ parent_id +" .act").removeClass('act');

    // ID des ausgewaehlten Bildes speichern
    $("#"+hidden_elem).val(image_id);

    // Listenelement hervorheben
    $(li_elem).addClass('act');
  }
  else {
    // Highlighting entfernen
    $(li_elem).removeClass('act');

    // Wert loeschen, es ist jetzt kein Bild mehr ausgewaehlt
    $("#"+hidden_elem).val('');
  }
}