$('layer-box').setStyle('display', 'none');

if ($('layer-box-buttons')) {  
  var layer_box_buttons = $('layer-box-buttons');
  var layer_box = $('layer-box');

  layer_box.getElements('.header').each(function(el){
    options = {
      'name': el.get('text'),
      'id':   el.getParent('.form-box').getProperty('id')
    };
    
    new Element('span', {
      'class': 'button btn-img '+options.id,
      'html': '<span class="icon-part icn-'+options.id+'">'+options.name+'</span>',
      'title': options.name,
      'events': {
        click: function() {
          var growl = false;
          
          if ($$('.growl .negative')[0]) {
            if (this.id == $$('.growl .negative')[0].getProperty('rel')) {
              growl = $$('.growl .negative')[0].getParent('.growl');
            }
          }
          if ($(this.id).getElement('form')) {
            $(this.id).getElement('form').addEvent('submit', function(){
              this.getElement('input[type=submit]').setProperty('disabled', 'disabled');
            });
          }
          LightBox.showDOM(this.id, {
            'group': false,
            'displayTitle': false,
            'width': 720,
            'growl': growl
          });
        }.bind(options)
      }
    }).inject(layer_box_buttons);
  });
}

if ($$('.growl .negative')[0]) {
  form_id = $$('.growl .negative')[0].getProperty('rel');
  if (form_id) {
    $$('#layer-box-buttons span.'+form_id)[0].fireEvent('click');
  }
}

if ($$('.pcs-increase')) {
  $$('input.pcs').addEvents({
    keydown: function(event) {
      if (event.key == 'up') {
        event.preventDefault();
        this.value++;
        this.select();      
      }
      else if (event.key == 'down') {
        event.preventDefault();
        this.value--;
        if (this.value < 1) {
          this.value = 1;
        }
        this.select();
      }
    }
  });
  $$('.pcs-increase').addEvents({
    click: function(event){
      input = this.getParent('div').getElement('input.pcs');
      input.value++;
      input.select();
      input.focus();
    },
    mousedown: function(event){
      event.preventDefault();
      this.getParent('div').getElement('input.pcs').focus();
    }
  });
  $$('.pcs-decrease').addEvents({
    click: function(event){
      event.preventDefault();
      input = this.getParent('div').getElement('input.pcs');
      input.value--;
    
      if (input.value < 1) {
        input.value = 1;
      }
      input.select();
      input.focus();
    },
    mousedown: function(event){
      event.preventDefault();
      this.getParent('div').getElement('input.pcs').focus();
    }
  });
}