window.addEvent('domready', function() {
			
	/* portfolio slideshows */
		 
	scrollables = $$('.scrolling'); /* get all scrollables */;
	
	/* implement scroller and controls for every scrollable */
	
	scrollables.each(function(el){
		var n = '';
		var current = 0;
		var max = $count(el.getFirst().getChildren())-1;
		for (i=0;i<=(max);i++) { 
			n = n+'<span id="p'+i+'">&bull;</span> ';
		};
		el.getSiblings('span').set('html', n);
		document.id('p'+current).setStyle('opacity', '1');
		var thisscroller = new Fx.Scroll(el);
		el.setStyle('height', el.getFirst().getChildren()[0].getSize().y);
		el.addEvent('click', function(e) {
			e.stop();
			if (current < max) {
				w = el.getFirst().getChildren()[current+1];
				thisscroller.toElement(w);
				document.id('p'+current).setStyle('opacity', '.5');
				current++;
				document.id('p'+current).setStyle('opacity', '1');
			} else {
				w = el.getFirst().getChildren()[0];
				thisscroller.toElement(w);
				document.id('p'+current).setStyle('opacity', '.5');
				current = 0;
				document.id('p'+current).setStyle('opacity', '1');
			};
		});
	});
	
});