window.onload = init_sort;
var position = 0

function init_sort()
{
  sort();
  $('product_filterby').onchange = sort;
  $('product_sortby').onchange = sort;
  $('product_next').onclick = next;
  
  $('product_prev').onclick = prev;
  $('product_prev').hide()

}

function sort()
{
  new Ajax.Updater('sort_target','/alltranscripts_remote.php',
  {
    method: 'get',
    parameters: 'product_filterby=' + escape($('product_filterby').value) +
    '&product_sortby=' + escape($('product_sortby').value) +
    '&product_position=' + escape(position),
    onLoading: function(transport)
    {
      $('sort_target').innerHTML = '<p style="text-align:center; font-weight:bold;">Loading...</p>';
    },
    onComplete: function ()
    {
      $$("a[href='#addtocart']").invoke('observe', 'click', addtocart);
    }
  });


  

}

function next()
{
  $('product_prev').show()
  position += 10
  sort()
  return false;
}

function prev()
{
  if (position == 10) $('product_prev').hide()
  position -= 10
  sort()
  return false;
}

function addtocart() {
 
  var formatid = this.id.substring(4);
  var qty = 1;

  status = document.createElement('span');
  status.innerHTML = "Please Wait"
  status.className = 'add_status'
  this.up().appendChild(status)

  new Ajax.Request('cart_remote.php', {
    parameters:'action=add&referer=' + escape(window.location.href) + '&fid='+escape(formatid)+'&qty='+qty,
    onSuccess:function (t) {
      addedtocart(t, status)
    }
  });
}

function addedtocart(t, status) {
  eval('var added = '+t.responseText);
  status.up().setAttribute('class', 'added')

  if(added.error) {
    status.innerHTML = t.responseText;
  }
  else {
    status.innerHTML = 'Item added';
  }

  status.remove()
  updateBasket(added.itemcount);
}