// aggancio la richiesta via ajax sui link del carrello
window.addEvent('domready', function(){
  // carrello ajax solo se abbiamo il carrello visuale in colonna
  if (!$('cont-carrello'))
    return;

  $$('.qta').setStyle('display', 'inline');

  $$('.compra').each(function(el){
    el.addEvent('click', function(e){
      e = new Event(e);
      e.preventDefault();

      var request_url = this.getProperty('href')+'&'+$time();
      var id_libro = this.getProperty('id').replace('cart_', '');

      if ($('qta_'+id_libro))
        request_url += '&qta='+ $('qta_'+id_libro).getProperty('value');

      var xrequest = new Request.HTML({
        url : request_url,
        method : 'post',
        encoding : 'iso-8859-1',
        headers: {'X-Request': 'Ajax'},
        onRequest : function(){
          overlay.show();
        },
        onComplete : function(responseTree, responseElements, responseHTML, responseJavaScript){
          // se esiste il blocco carrello lo sostituisco
          var cart_wrapper = $('cont-carrello');
          var col_wrapper = $('blocco-dx');

          if (cart_wrapper){
            cart_wrapper.destroy();
            old_content = col_wrapper.get('html');
            col_wrapper.set('html', responseHTML, old_content);
          }

          overlay.hide();
        }
      }).send();
    });
  });
});

var overlay = new Hash({
  show : function(){
    if (!this.overlay)
      this.overlay = new Element('div', {'id': 'overlay-center'}).injectInside(document.body);

    this.overlay.setStyles({'opacity': 0.9, 'top': (window.getScrollTop() + (window.getHeight() / 3))});
  },

  hide : function(){
    (function(){ this.overlay.fade('out') }).bind(this).delay(1000);
  }
});