Event.observe(window, 'load', init_cat_prod, false);

function init_cat_prod() {
  // Attach handler to form's submit event
  Event.observe('view_cat_products', 'load', show_cat_products,false);
}
function show_cat_products(e, h, j) {
// Update user interface
document.getElementById('new_prod').style.display='none';
document.getElementById('best_prod').style.display='none';
document.getElementById('view_homeText').style.display='none';
document.getElementById('prod_detail').style.display='none';
document.getElementById('view_cat_products').style.display='block';
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 = 'cat_id=' + e+'&pid='+ h;
   var pars = 'cat_id='+ e + '&pid='+ h +'&PageNo='+ j;   
  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);
}

Event.observe(window, 'load', init_dsgnPatrn_prod, false);

function init_dsgnPatrn_prod() {
  // Attach handler to form's submit event
  Event.observe('view_cat_products', 'load', show_dsgnPatrn_products,false);
}
function show_dsgnPatrn_products(e, h) {
// Update user interface
document.getElementById('new_prod').style.display='none';
document.getElementById('best_prod').style.display='none';
document.getElementById('view_homeText').style.display='none';
document.getElementById('prod_detail').style.display='none';
document.getElementById('view_cat_products').style.display='block';
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 = 'vType=dp&patrn_id='+ e +'&PageNo='+h; //+'&pid='+ h;
  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);
}


Event.observe(window, 'load', init_new_prod, false);

function init_new_prod() {
  // Attach handler to form's submit event
  Event.observe('new_prod', 'load', show_new_products,false);
}
function show_new_products(e, h) {
// Update user interface
document.getElementById('prod_detail').style.display='none';
document.getElementById('view_cat_products').style.display='none';
document.getElementById('view_homeText').style.display='block';
document.getElementById('new_prod').style.display='block';
document.getElementById('new_prod').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 = 'cat_id='+ e +'&pid='+ h;
  var myAjax = new Ajax.Updater('new_prod', 'includes/new_products.php', {method: 'get', parameters: pars});

// Stop form from submitting when JavaScript is enabled
  Event.stop(e);
}

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

function show_left_products(e, h) {
// Update user interface

document.getElementById('prod_detail').style.display='none';
document.getElementById('view_homeText').style.display='none';
document.getElementById('new_prod').style.display='none';
document.getElementById('best_prod').style.display='none';
document.getElementById('view_cat_products').style.display='block';
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 = '&cat_id='+ e +'&pid='+ h;
  var myAjax = new Ajax.Updater('view_cat_products', 'includes/left_products.php', {method: 'get', parameters: pars});

// Stop form from submitting when JavaScript is enabled
  Event.stop(e);
}

function init_best_prod() {
  // Attach handler to form's submit event
  Event.observe('best_prod', 'load', show_best_products,false);
}

function show_best_products(e, h) {
// Update user interface

document.getElementById('prod_detail').style.display='none';
document.getElementById('view_cat_products').style.display='none';
document.getElementById('view_homeText').style.display='block';
document.getElementById('best_prod').style.display='block';
//document.getElementById('best_prod').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 = '&cat_id='+ e +'&pid='+ h;
  var myAjax = new Ajax.Updater('best_prod', 'includes/best_products.php', {method: 'get', parameters: pars});

// Stop form from submitting when JavaScript is enabled
  Event.stop(e);
}