// Attach handler to window load event
Event.observe(window, 'submit', fan_paging, false);

function fan_paging() {
  // Attach handler to form's submit event
  Event.observe('view_cat_products', 'submit', show_fan_paging_image,false);
}

function show_fan_paging_image(e,cat_id, pid) {
  // Update user interface
  document.getElementById('view_cat_products').innerHTML = '<table width="100%" ><tr><td align="center" ><img src="images/ajax-loader.gif"> &nbsp; &nbsp; &nbsp; <img src="images/ajax-loader.gif"></td></tr></table>';
  // Prepare query string and send AJAX request
  var pars = 'PageNo=' + escape(e) + '& cat_id=' + cat_id +'&pid='+ pid;
  var myAjax = new Ajax.Updater('view_cat_products', 'includes/cat_products.php', {method: 'get', parameters: pars});
  // Stop form from submitting when JavaScript is enabled
  Event.stop(e);
}



// Attach handler to window load event
Event.observe(window, 'submit', prod_paging, false);

function prod_paging() {
  // Attach handler to form's submit event
  Event.observe('view_search_products', 'submit', show_product_paging_image,false);
}

function show_product_paging_image(e, txtsearch, size, from, to) {
  // Update user interface
  document.getElementById('view_search_products').innerHTML = '<table width="100%" ><tr><td align="center" ><img src="images/ajax-loader.gif"> &nbsp; &nbsp; &nbsp; <img src="images/ajax-loader.gif"></td></tr></table>';
  // Prepare query string and send AJAX request
  var pars = 'PageNo=' + escape(e) + '& txtsearch=' + txtsearch+'&size='+ size+'&from='+from+'&to='+to;
  var myAjax = new Ajax.Updater('view_search_products', 'includes/search_products.php', {method: 'get', parameters: pars});
  // Stop form from submitting when JavaScript is enabled
  Event.stop(e);
}