window.addEvent('domready', function(){
	// Scrollthing up top
	// Set object vars
	var scCon = $('scrollBox');
	var scCondim = scCon.getCoordinates();
	var scInn = $$('#scrollBox .giblets');
	var scObjs = $$('#scrollBox .giblets p');
	var scOn = $('pfScrollActive');
	if(!scOn)
		scOn = scObjs[0];
	var bScSliding = false;
	var scCur = null;
	var scFx = new Fx.Scroll(scCon,{link:'cancel'});
	
	// Set styles for container
	scCon.setStyle('overflow','hidden');		// Clear browser scrollbar
	scInn.setStyle('padding','0 500px');
	
	function doScroll(ani){
		scObjs.each(function(obj,n){if(obj==scOn){scCur = n;}});		// Find current n... TODO: is better way?
		//scObjs.each(function(obj,n){obj.setStyle('opacity',(.6/(scCur-n).abs()));});
		//scObjs[scCur].setStyle('opacity','1');
		var scOndim = scOn.getCoordinates(scObjs[0]);		// Get on dims
		// Scroll active element to middle of visible pane
		if(ani==1)
			scFx.start(scOndim.left+(scOndim.width*.77));
		else
			scFx.set(scOndim.left+(scOndim.width*.77));
		// Shift scroller
		if(scPullSlider)
			scPullSlider.set(scCur);
	}
	
	// onclick event for images...
	$$('#scrollBox .giblets p a').each(function(obj,n){
		obj.addEvent('click',function(e){
			//e.stop();
			obj.getParent().setProperty('id','pfScrollActive');
			scOn.removeProperty('id');
			scOn = obj.getParent();
			//doScroll(1);
		});
	});
	
	// Scroll bar events...
	$('scNavBar').setStyle('display','block');		// Make slider visible
	
	var scPullSlider = new Slider($('scNavPullCont'),$('scNavPull'),{
		snap: false,
		steps: scObjs.length - 1,
		wheel: true,
		onChange: function(pos){
			scObjs[pos].setProperty('id','pfScrollActive');
			scOn.removeProperty('id');
			scOn = scObjs[pos];
			doScroll(1);
		}
	});
	
	doScroll(1);		// Scroll to initial item
});

function getHash(str){
	return str.substr(-36);
}