Cufon.replace('h1, h2, h3');
window.addEvent('domready', function() {

if ( $$('.accordion').length == 0 ) return;


  var myAccordion = new Accordion($('CONTENT'), 'h2', '.accordion', {
    display: 0,
    alwaysHide: true,
    fixedHeight: 336, 
    initialDisplayFx: false
/*
	onActive: function(t,e) {
		console.log(e);
	}
*/

  });
  
  var q = $$('test');
  var w = q.each(function(){getElement('ul')});   
  var elemNumber = $$('.accordion');
  elemNumber.each(function(item) {
    
    
    if (item.getElement('ul')) {
      var i = item.getElements('li').length;
      var a = item.getElement('ul').getParent().getSize();
      q = parseInt(item.getElement('li').getStyle('width'));
      
	//item.getElement('ul').getParent().setStyle('height', '100');

      if (((i*q)/2)<=(a.x)) {
        item.getElement('ul').getParent().setStyle('width', a.x);
      } else {
        if (!(i%2)) { 
          r = (i/2)*q;
          item.getElement('ul').getParent().setStyle('width', r);
        } else {
          r = ((i/2)+1)*q;
          item.getElement('ul').getParent().setStyle('width', r);
        };
      }
    } else {
      return;
    }


  });
  //$$('slide_back', 'slide_forward').setStyle('opacity', 0);  
  var buttons = $$('.buttons');
  var h = $$('h2');
       
  h.each(function(item) {
    item.getNext('div').setStyle('opacity', 0);
    h[0].getNext('div').tween('opacity', 1);
    item.addEvent('click', function() {
      var currAcc = item.getParent('div').getNext();
      
      var currAccSt = parseInt(currAcc.getStyle('opacity'));
      if (currAccSt == 0) {
        h.each(function(el) {
          el.getNext('div').tween('opacity', 0);
        });
        item.getNext('div').tween('opacity', 1);
      } else {      
        item.getNext('div').tween('opacity', 0);
      }
    });    
  });

  
  $$('.accordion').getElements('li').each(function(item) {
    item.setStyle('opacity', 0.3);
    item.addEvents({
      'mouseover': function() {
      this.tween('opacity', 1);
      },
      'mouseout': function() {
      this.tween('opacity', 0.3);  
      }
    });
  });

  
  
  $$('.slide_back').addEvent('click', function() {
    var x = this.getParent().getParent().getNext('div').getElement('div');
    var z = parseInt(x.getStyle('margin-left'));
    var p = $$('.accordion').getRandom().getSize();
    var XSize = x.getSize();
    var WindowSize = Window.getSize();
    var SizeDiff = XSize.x - WindowSize.x;

    if (z==0) {
      return false;
    } else {
      var SizeDiffX = SizeDiff - 180; 
      if (Math.abs(z) != (SizeDiffX+181)) {
        if ((SizeDiff - 180) <= Math.abs(z)) {
          x.tween('margin-left', z+180);
        } else {
          if (Math.abs(z) < 180) {
            x.tween('margin-left', 0);
          } else {
            x.tween('margin-left', z+180);
          }
        }
      } else {
        return;
      }
    }
  });
  
  $$('.slide_forward').addEvent('click', function() {
    var x = this.getParent().getParent().getNext('div').getElement('div');
    var z = parseInt(x.getStyle('margin-left'));
    var p = $$('.accordion').getRandom().getSize();
    var XSize = x.getSize();
    var WindowSize = Window.getSize();
    var SizeDiff = XSize.x - WindowSize.x;
    
    if (z==0) {
      if ((SizeDiff - 180) <= Math.abs(z)) {
        return false;
      } else {
      x.tween('margin-left', (z-180+(p.x%180)));
      }
    } else {
      if ((SizeDiff - 180) < Math.abs(z)) {
        return;
      } else {
        x.tween('margin-left', (parseInt(z) - 180));
      }
    }
  });
});

