window.addEvent('domready', function() {
	var Site = new Class({
		options: {
		},
		initialize: function(options) {
			this.faqSlide();
		},
		faqSlide: function() { 
			this.fsliders = $$('.slideout').map(function(el) {
				return new Fx.Slide(el, {
					duration: 	500,
					mode: 		'vertical',
					transition:	Fx.Transitions.Quad.easeOut,
					wait:		false
				}).hide();
			});	
			
			$$('.slide_toggle').each( function(el, i) {			
				el.addEvent('click', function(e) {
					e = new Event(e).stop();
					this.fsliders[i].toggle(); 
					function removeaclass() {
						el.removeClass('on');
					}
					if(el.hasClass('on')) {
						if(el.getText() == 'hide options') { el.setText('show options'); }
						removeaclass.delay(500);
					} else {
						el.addClass('on');
						if(el.getText() == 'show options') { el.setText('hide options'); }
					}
				
				}.bind(this));	
	
				
			}.bind(this));	
		}
		
		
	});
	

	// implement class
	Site.implement(new Options, new Events);
	
	
	site = new Site();	

	$$('.fabric_thumb').each(function(el){
		el.addEvent('click', function(){
			$$('.fabric_thumb').each(function(el){
				el.removeClass('on');
			}); 
			el.addClass("on");
		});
	});
	
	  
	if($('slideout-open')) {
		var mySlide = new Fx.Slide('slideout-open');
		$('slide_toggle-open').addEvent('click', function(e){
			e = new Event(e);
			mySlide.toggle();
			if($('slide_toggle-open').hasClass('on')) {
				$('slide_toggle-open').removeClass('on');
			} else {
				$('slide_toggle-open').addClass('on');
			}
			e.stop();
		});
	}
}); //end event domready



function fabric(image,name,company,fabtype,fabcost) {
	document.getElementById('fabric_img').src = 'http://www.ergonomicssimplified.com/images/chair_fabric/'+company+'/'+image+'.jpg';
	document.getElementById('fabric_img_name').value = company+'/'+image;
	document.getElementById('fabric_img_text').innerHTML = name;
	document.getElementById('fabric_img_value').value = fabtype+' ('+name+')';
	document.getElementById('fabric_cost').value = fabcost;
}