window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#BF0B3B');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#840729');
		}
	});

});

window.addEvent('domready',function() {
	new SmoothScroll({duration:900});
	/* go to top */
	var go = $('gototop');
	go.set('opacity','0').setStyle('display','block');
	window.addEvent('scroll',function(e) {
		if(Browser.Engine.trident4) {
			go.setStyles({
				'position': 'absolute',
				'bottom': window.getPosition().y + 10,
				'width': 100
			});
		}
		go.fade((window.getScroll().y > 300) ? 'in' : 'out')
	});
});


window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	//-vertical

	var myVerticalSlide = new Fx.Slide('vertical_slide').hide();

	$('v_toggle').addEvent('click', function(e){
		e.stop();
		myVerticalSlide.toggle();
	});

	// When Vertical Slide ends its transition, we check for its status
	// note that complete will not affect 'hide' and 'show' methods
	myVerticalSlide.addEvent('complete', function() {
	});
});


window.addEvent('domready', function(){

  var slider = $('slider');

  new Slider(slider, slider.getElement('.knob'), {
    range: [9, 45],
    initialStep: 14,
    onChange: function(value){
      if (value) $('fontSize').setStyle('font-size', value);
    }
  });


  var color = [0, 0, 0];

  $$('.advanced.slider').each(function(slider, i){
    new Slider(slider, slider.getElement('.knob'), {
      steps: 255,
      wheel: true,
      onChange: function(){
        color[i] = this.step;
        $('setColor').setStyle('color', color).set('text', color.rgbToHex());
      }
    });
  });

});