window.addEvent('domready', function() {
var portfolioWidth = 627;
var portfolioWrapper = 0;		
$$('.feature').each(function(element) {
			portfolioWrapper += 627;
			
			
		})		

		$$('.feature-inner').setStyle('width',portfolioWrapper);		
				
		var c=0;
		var scrollers = new Array(20);
		$$('.feature-inner').each(function(element) {
			
		var tp="feature-wrapper_"+c;
		var tn=".feature-next_"+c;
		var p=".feature-previous_"+c;
		
		scrollers[c] = new Fx.Scroll(tp, {
			    offset: {'x': 0,'y': 0},
			    'transition': 'quad:out',
		        'duration':1000,	    
			    wheelStops : false
		});
		if($$(tn)) {		
				
			$$(tn).addEvent('click',function(event) {			
				event.stop();	
				var idx = tn.split('_')[1]; 
				
				scrollers[idx].setOptions({'offset': {'x' : portfolioWidth}}).start();
			});
			};
			
			
			if($$(p)) {			
			$$(p).addEvent('click',function(event) {			
				event.stop();	
				var px = p.split('_')[1]; 
				scrollers[px].setOptions({'offset': {'x' : -portfolioWidth}}).start();
			});
			};
			
			
			c=c+1;
			
		});	
	
		var myAccordion = new Accordion($('accordion'), 'h2.t', 'div.box2x', {
			opacity: true,
			onActive: function(toggler, element){
			toggler.setStyle('color', '#FF088F');
			toggler.setStyle('font-weight', 'bold');
			},
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#FC1DD3');
				toggler.setStyle('cursor', 'pointer');
				toggler.setStyle('font-weight', 'normal');
			}
		});
});