<!-- Categories Input format-->
window.addEvent('domready', function(){
  
  $$('.collapsible').each(function(element){
    
    var title = element.getFirst().innerHTML;
    if(!title.test('<')) {
      element.getFirst().destroy();
    }
    
    // Grab Inside Elements
    var elementHTML = element.innerHTML;
    var newDiv = new Element('div', {
      'class': 'collapseContent',
      'html': '<div class="collapseContainer">' + elementHTML + '</div>'
    });
    
    // Build New Fieldset Content
    element.innerHTML = '<a href="javascript:void(0);" class="fieldsetToggler" id="collapsibleForm"><strong>' + title + '</strong></a>';
    newDiv.inject(element, 'bottom');
    
    var collapseFx = new Fx.Slide(newDiv).hide();
    element.setStyles({
      'height': 'auto',
      'margin': '10px 0px',
      'visibility': 'visible'
    });
    
    element.getElement('.fieldsetToggler').addEvent('click', function(e){
      if(collapseFx.open){
        element.setStyle('opacity', .5);  
        element.removeClass('collapseOpen');
      } else {
        element.setStyle('opacity', 1);
        element.addClass('collapseOpen');
      }
      collapseFx.toggle();
    });

    element.addEvents({
      'mouseenter': function(e){
        element.setStyle('opacity', 1);
      },
      'mouseleave': function(e){
        if(!(collapseFx.open))element.setStyle('opacity', .5);
      }
    });

  });
  
});

