{combine_script id='jquery.progressBar' path='plugins/regenerateWebsize/js/jquery.progressbar.min.js' load='footer'}
{combine_script id='jquery.ajaxmanager' path='themes/default/js/plugins/jquery.ajaxmanager.js' load='footer'}

{footer_script require='jquery.progressBar,jquery.ajaxmanager'}
var elements = new Array();
var all_elements = [{','|@implode:$all_elements}];
var redirect = '{$redirect_url}';

{literal}
var queuedManagerWebsize = $.manageAjax.create('queued', { 
	queue: true,  
	cacheResponse: false,
	maxRequests: 1
});

function progressWebsize(val, max, success) {
  jQuery('#progressBarWebsize').progressBar(val, {
    max: max,
    textFormat: 'fraction',
    boxImage: 'plugins/regenerateWebsize/images/progressbar.gif',
    barImage: 'plugins/regenerateWebsize/images/progressbg_orange.gif'
  });
  type = success ? 'regenerateWebsizeSuccess': 'regenerateWebsizeError'
  s = jQuery('[name="'+type+'"]').val();
  jQuery('[name="'+type+'"]').val(++s);

  if (val == max)
    jQuery('#applyAction').click();
}

jQuery(document).ready(function() {
  jQuery('#applyAction').click(function() {
    if (jQuery('[name="selectAction"]').val() == 'regenerateWebsize') {
      if (elements.length != 0)
        return true;

      if (jQuery('input[name="setSelected"]').attr('checked'))
        elements = all_elements;
      else
        jQuery('input[name="selection[]"]').each(function() {
          if (jQuery(this).attr('checked')) {
            elements.push(jQuery(this).val());
          }
        });

      maxwidth = jQuery('input[name="websize_maxwidth"]').val();
      maxheight = jQuery('input[name="websize_maxheight"]').val();
      progressBar_max = elements.length;
      todo = 0;

      jQuery('.websize_config').hide();
      jQuery('#applyActionBlock').hide();
      jQuery('select[name="selectAction"]').hide();
      jQuery('#regenerationMsgWebsize').show();
      jQuery('#progressBarWebsize').progressBar(0, {
        max: progressBar_max,
        textFormat: 'fraction',
        boxImage: 'plugins/regenerateWebsize/images/progressbar.gif',
        barImage: 'plugins/regenerateWebsize/images/progressbg_orange.gif'
      });

      for (i=0;i<elements.length;i++) {
        queuedManagerWebsize.add({
          type: 'GET', 
          url: 'ws.php', 
          data: {
            method: 'pwg.images.regenerateWebsize',
            maxwidth: maxwidth,
            maxheight: maxheight,
            image_id: elements[i],
            format: 'json'
          },
          dataType: 'json',
          success: ( function(data) { progressWebsize(++todo, progressBar_max, data['result']) }),
          error: ( function(data) { progressWebsize(++todo, progressBar_max, false) })
        });
      }
      return false;
    }
  });
});
{/literal}{/footer_script}

<p class="websize_config">
  <img src="plugins/regenerateWebsize/images/warning.png" alt="!" style="vertical-align:middle;">
  {'Only photos with HD can be regenerated!'|@translate}
</p>

<table style="margin:10px 20px;" class="websize_config">
  <tr>
    <th>{'Maximum Width'|@translate}</th>
    <td><input type="text" name="websize_maxwidth" value="{$upload_form_websize_settings.websize_maxwidth}" size="4" maxlength="4"> {'pixels'|@translate}</td>
  </tr>
  <tr>
    <th>{'Maximum Height'|@translate}</th>
    <td><input type="text" name="websize_maxheight" value="{$upload_form_websize_settings.websize_maxheight}" size="4" maxlength="4"> {'pixels'|@translate}</td>
  </tr>
  <tr>
    <th>{'Image Quality'|@translate}</th>
    <td><input type="text" name="websize_quality" value="{$upload_form_websize_settings.websize_quality}" size="3" maxlength="3"> %</td>
  </tr>
</table>

<div id="regenerationMsgWebsize" style="display:none;">{'Websize photos generation in progress...'|@translate}<br><br>
<span class="progressBarWebsize" id="progressBarWebsize"></span>
</div>

<input type="hidden" name="regenerateWebsizeSuccess" value="0">
<input type="hidden" name="regenerateWebsizeError" value="0">