edit.php

this the oscommerce 3.0 aplha 4

  function removeImageConfirmation(id) {
    var image = id.split('_');

    document.getElementById('actionLayer').style.display = 'none';
    document.getElementById('overlay').style.display = 'none';

    new Ajax.Request("rpc.php?action=deleteProductImage&image=" + image[1], {onSuccess: handleHttpResponseRemoveImage});
  }

  function cancelRemoveImage(id) {
    document.getElementById('actionLayer').style.display = 'none';
    document.getElementById('overlay').style.display = 'none';
    document.getElementById(id).style.backgroundColor = '#ffffff';
  }

  function handleHttpResponseSetDefaultImage(http) {
    var result = /\[\[([^|]*?)(?:\|([^|]*?)){0,1}\]\]/.exec(http.responseText);
    result.shift();

    if (result[0] == '1') {
      getImagesOriginals();
    }
  }

  function setDefaultImage(id) {
    var image = id.split('_');

    new Ajax.Request("rpc.php?action=setDefaultImage&image=" + image[1], {onSuccess: handleHttpResponseSetDefaultImage});
  }

  function handleHttpResponseReorderImages(http) {
    var result = /\[\[([^|]*?)(?:\|([^|]*?)){0,1}\]\]/.exec(http.responseText);
    result.shift();

    if (result[0] == '1') {
      getImagesOthers();
    }
  }

  function handleHttpResponseGetImages(http) {
    var result = /\[\[([^|]*?)(?:\|([^|]*?)){0,1}\]\]/.exec(http.responseText);
    result.shift();

    if (result[0] == '1') {
      var str_array = result[1].split('[x]');

      for (i = 0; i < str_array.length; ++i) {
        var str_ele = str_array[i].split('[-]');

        var style = 'width: <?php echo $osC_Image->getWidth('mini') + 20; ?>px; padding: 10px; float: left; text-align: center;';

        if (str_ele[1] == '1') { // original (products_images_groups_id)
          var onmouseover = 'this.style.backgroundColor=\'#EFEBDE\'; this.style.backgroundImage=\'url(<?php echo osc_href_link_admin('templates/' . $osC_Template->getCode() . '/images/icons/16x16/drag.png'); ?>)\'; this.style.backgroundRepeat=\'no-repeat\'; this.style.backgroundPosition=\'0 0\';';

          if (str_ele[6] == '1') { // default_flag
            style += ' background-color: #E5EFE5;';

            var onmouseout = 'this.style.backgroundColor=\'#E5EFE5\'; this.style.backgroundImage=\'none\';';
          } else {
            var onmouseout = 'this.style.backgroundColor=\'#FFFFFF\'; this.style.backgroundImage=\'none\';';
          }
        } else {
          var onmouseover = 'this.style.backgroundColor=\'#EFEBDE\';';
          var onmouseout = 'this.style.backgroundColor=\'#FFFFFF\';';
        }

        var newdiv = '<span id="image_' + str_ele[0] + '" style="' + style + '" onmouseover="' + onmouseover + '" onmouseout="' + onmouseout + '">';
        newdiv += '<a href="' + str_ele[4] + '" target="_blank"><img src="<?php echo DIR_WS_HTTP_CATALOG . 'images/products/mini/'; ?>' + str_ele[2] + '" border="0" height="<?php echo $osC_Image->getHeight('mini'); ?>" alt="' + str_ele[2] + '" title="' + str_ele[2] + '" style="max-width: <?php echo $osC_Image->getWidth('mini') + 20; ?>px;" /></a><br />' + str_ele[3] + '<br />' + str_ele[5] + ' bytes<br />';

        if (str_ele[1] == '1') {
          if (str_ele[6] == '1') {
            newdiv += '<?php echo osc_icon('default.png'); ?>&nbsp;';
          } else {
            newdiv += '<a href="#" onclick="setDefaultImage(\'image_' + str_ele[0] + '\');"><?php echo osc_icon('default_grey.png'); ?></a>&nbsp;';
          }

          newdiv += '<a href="#" onclick="removeImage(\'image_' + str_ele[0] + '\');"><?php echo osc_icon('trash.png'); ?></a>';
        }

        newdiv += '</span>';

        if (str_ele[1] == '1') {
          document.getElementById('imagesOriginal').innerHTML += newdiv;
        } else {
          document.getElementById('imagesOther').innerHTML += newdiv;
        }
      }

      Sortable.create('imagesOriginal', {tag: 'span', overlap: 'horizontal', constraint: false, onUpdate: function() {
        new Ajax.Request("rpc.php?action=reorderImages&pID=<?php echo urlencode($_GET['pID']); ?>&" + Sortable.serialize('imagesOriginal'), {onSuccess: handleHttpResponseReorderImages});
      }});
    }

    if (document.getElementById('showProgressOriginal').style.display != 'none') {
      document.getElementById('showProgressOriginal').style.display = 'none';
    }

    if (document.getElementById('showProgressOther').style.display != 'none') {
      document.getElementById('showProgressOther').style.display = 'none';
    }
  }

  function getImages() {
    getImagesOriginals(false);
    getImagesOthers(false);

    new Ajax.Request("rpc.php?action=getImages&pID=<?php echo urlencode($_GET['pID']); ?>", {onSuccess: handleHttpResponseGetImages});
  }

  function getImagesOriginals(makeCall) {
    document.getElementById('imagesOriginal').innerHTML = '<div id="showProgressOriginal" style="float: left; padding-left: 10px;"><?php echo osc_icon('progress_ani.gif') . '&nbsp;' . $osC_Language->get('images_loading_from_server'); ?></div>';

    if (makeCall != false) {
      new Ajax.Request("rpc.php?action=getImages&pID=<?php echo urlencode($_GET['pID']); ?>&filter=originals", {onSuccess: handleHttpResponseGetImages});
    }
  }

  function getImagesOthers(makeCall) {
    document.getElementById('imagesOther').innerHTML = '<div id="showProgressOther" style="float: left; padding-left: 10px;"><?php echo osc_icon('progress_ani.gif') . '&nbsp;' . $osC_Language->get('images_loading_from_server'); ?></div>';

    if (makeCall != false) {
      new Ajax.Request("rpc.php?action=getImages&pID=<?php echo urlencode($_GET['pID']); ?>&filter=others", {onSuccess: handleHttpResponseGetImages});
    }
  }

<?php
  }
?>

  function handleHttpResponseGetLocalImages(http) {
    var result = /\[\[([^|]*?)(?:\|([^|]*?)){0,1}\]\]/.exec(http.responseText);
    result.shift();

    if (result[0] == '1') {
      var i = 0;

      var selectList = document.getElementById('localImagesSelection');

      for (i = selectList.options.length; i >= 0; i--) {
        selectList.options[i] = null;
      }

      if (result[1].length > 0) {
        var entries = result[1].split('#');

        for (i = 0; i < entries.length; i++) {
          selectList.options[i] = new Option(entries[i]);
          selectList.options[i].selected = false;
        }
      }
    }

    document.getElementById('showProgressGetLocalImages').style.display = 'none';
  }

  function getLocalImages() {
    document.getElementById('showProgressGetLocalImages').style.display = 'inline';

    new Ajax.Request("rpc.php?action=getLocalImages", {onSuccess: handleHttpResponseGetLocalImages});
  }

  function setFileUploadField() {
    document.getElementById('fileUploadField').innerHTML = '<?php echo osc_draw_file_field('products_image', true); ?>';
  }

  function switchImageFilesView(layer) {
    if (layer == 'local') {
      var layer1 = document.getElementById('remoteFiles');
      var layer1link = document.getElementById('remoteFilesLink');
      var layer2 = document.getElementById('localFiles');
      var layer2link = document.getElementById('localFilesLink');
    } else {
      var layer1 = document.getElementById('localFiles');
      var layer1link = document.getElementById('localFilesLink');
      var layer2 = document.getElementById('remoteFiles');
      var layer2link = document.getElementById('remoteFilesLink');
    }

    if ( (layer != 'local') || ((layer == 'local') && (layer1.style.display != 'none')) ) {
      layer1.style.display='none';
      layer2.style.display='inline';
      layer1link.style.backgroundColor='';
      layer2link.style.backgroundColor='#E5EFE5';
    } else {
      getLocalImages();
    }
  }
//--></script>

<style type="text/css"><!--
#overlay img {
  border: none;
}

#overlay {
  background-image: url(<?php echo osc_href_link_admin('templates/' . $osC_Template->getCode() . '/images/overlay.png'); ?>);
}

* html #overlay {
  background-color: #000;
  back\ground-color: transparent;
  background-image: url(<?php echo osc_href_link_admin('templates/' . $osC_Template->getCode() . '/images/overlay.png'); ?>);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="<?php echo osc_href_link_admin('templates/' . $osC_Template->getCode() . '/images/overlay.png'); ?>", sizingMethod="scale");
  }
//--></style>

<link type="text/css" rel="stylesheet" href="external/tabpane/css/luna/tab.css" />
<script type="text/javascript" src="external/tabpane/js/tabpane.js"></script>

<div id="overlay" style="display: none; position: absolute; top: 0; left: 0; z-index: 90; width: 100%;"></div>

<div id="actionLayer" style="display: none; position: absolute; z-index: 100; width: 400px; height: 200px;">
  <div class="infoBoxHeading"><?php echo osc_icon('trash.png') . ' ' . $osC_Language->get('action_heading_delete_image'); ?></div>
  <div class="infoBoxContent">
    <p><?php echo $osC_Language->get('introduction_delete_image'); ?></p>

    <p align="center"><?php echo '<button onclick="removeImageConfirmation(\'\')" class="operationButton">' . $osC_Language->get('button_delete') . '</button> <button onclick="cancelRemoveImage(\'\')" class="operationButton">' . $osC_Language->get('button_cancel') . '</button>'; ?></p>
  </div>
</div>

<h1><?php echo (isset($osC_ObjectInfo) && isset($products_name[$osC_Language->getID()])) ? $products_name[$osC_Language->getID()] : $osC_Language->get('heading_title_new_product'); ?></h1>

<?php
  if ( $osC_MessageStack->size($osC_Template->getModule()) > 0 ) {
    echo $osC_MessageStack->output($osC_Template->getModule());
  }
?>

<div class="tab-pane" id="mainTabPane">
  <script type="text/javascript"><!--
    var mainTabPane = new WebFXTabPane( document.getElementById( "mainTabPane" ) );
  //--></script>

  <form name="product" action="#" method="post" enctype="multipart/form-data">

  <div class="tab-page" id="tabDescription">
    <h2 class="tab"><?php echo $osC_Language->get('section_general'); ?></h2>

    <script type="text/javascript"><!--
      mainTabPane.addTabPage( document.getElementById( "tabDescription" ) );
    //--></script>

    <div class="tab-pane" id="descriptionTabPane">
      <script type="text/javascript"><!--
        var descriptionTabPane = new WebFXTabPane( document.getElementById( "descriptionTabPane" ) );
      //--></script>

<?php
  foreach ($osC_Language->getAll() as $l) {
?>

      <div class="tab-page" id="tabDescriptionLanguages_<?php echo $l['code']; ?>">
        <h2 class="tab"><?php echo $osC_Language->showImage($l['code']) . '&nbsp;' . $l['name']; ?></h2>

        <script type="text/javascript"><!--
          descriptionTabPane.addTabPage( document.getElementById( "tabDescriptionLanguages_<?php echo $l['code']; ?>" ) );
        //--></script>

        <table border="0" width="100%" cellspacing="0" cellpadding="2">
          <tr>
            <td><?php echo $osC_Language->get('field_name'); ?></td>
            <td><?php echo osc_draw_input_field('products_name[' . $l['id'] . ']', (isset($osC_ObjectInfo) && isset($products_name[$l['id']]) ? $products_name[$l['id']] : null)); ?></td>
          </tr>
          <tr>
            <td valign="top"><?php echo $osC_Language->get('field_description'); ?></td>
            <td>
              <?php echo osc_draw_textarea_field('products_description[' . $l['id'] . ']', (isset($osC_ObjectInfo) && isset($products_description[$l['id']]) ? $products_description[$l['id']] : null), 70, 15, 'style="width: 100%;" id="pd' . $l['id'] . '"'); ?>
              <div style="text-align: right;"><?php echo '<a href="javascript:toggleHTMLEditor(\'pd' . $l['id'] . '\');">' . $osC_Language->get('toggle_html_editor') . '</a>'; ?></div>
            </td>
          </tr>
          <tr>
            <td><?php echo $osC_Language->get('field_model'); ?></td>
            <td><?php echo osc_draw_input_field('products_model[' . $l['id'] . ']', (isset($osC_ObjectInfo) && isset($products_model[$l['id']]) ? $products_model[$l['id']] : null)); ?></td>
          </tr>
          <tr>
            <td><?php echo $osC_Language->get('field_keyword'); ?></td>
            <td><?php echo osc_draw_input_field('products_keyword[' . $l['id'] . ']', (isset($osC_ObjectInfo) && isset($products_keyword[$l['id']]) ? $products_keyword[$l['id']] : null)); ?></td>
          </tr>
          <tr>
            <td><?php echo $osC_Language->get('field_tags'); ?></td>
            <td><?php echo osc_draw_input_field('products_tags[' . $l['id'] . ']', (isset($osC_ObjectInfo) && isset($products_tags[$l['id']]) ? $products_tags[$l['id']] : null)); ?></td>
          </tr>
          <tr>
            <td><?php echo $osC_Language->get('field_url'); ?></td>
            <td><?php echo osc_draw_input_field('products_url[' . $l['id'] . ']', (isset($osC_ObjectInfo) && isset($products_url[$l['id']]) ? $products_url[$l['id']] : null)); ?></td>
          </tr>
        </table>
      </div>

<?php
  }
?>

    </div>
  </div>

  <div class="tab-page" id="tabData">
    <h2 class="tab"><?php echo $osC_Language->get('section_data'); ?></h2>

    <script type="text/javascript"><!--
      mainTabPane.addTabPage( document.getElementById( "tabData" ) );