// add back and forward buttons between all sections
var sections = $$('.section');
sections.each(function(el,index) {
	
	// don't create back/forward buttons for the last section
	// create a bookend instead
	if (index >= sections.length-1) {
		var bookend = new Element('div',{'class':'bookend'});
		bookend.inject(el,'after');
		return;
	}

	// create the "backward" arrow
	var backward = new Element('div',{'class':'backward','events':{
		'click':function(e) {
			var tgt = e.target.getPrevious('.backward');
			if (tgt != null) {
				var myFx = new Fx.Scroll($('overflow')).toElement(tgt);
				return;
			}
			var myFx = new Fx.Scroll($('overflow')).toLeft();
		}
	}});
	
	// create the "forward" arrow
	var forward = new Element('div',{'class':'forward','events':{
		'click':function(e) {
			var tgt = e.target.getPrevious('.backward');
			if (tgt != null) {
				var myFx = new Fx.Scroll($('overflow')).toElement(tgt);
				return;
			}
			var myFx = new Fx.Scroll($('overflow')).toRight();
		}
	}});
	
	forward.inject(el,'after');
	backward.inject(el,'after');
	
});

$$('#secondary a').each(function(el,index) {
	var uri = new URI(el.href);
	el.addEvent('click',function(e) {
		e.stop();
		
		if (index == 0) {
			var myFx = new Fx.Scroll($('overflow')).toLeft();
		} else {
			var myFx = new Fx.Scroll($('overflow')).toElement($$('a[name$='+uri.get('fragment')+']')[0].getPrevious('.backward'));
		}
	});
});

var bg = $("bg");
window.addEvent('resize',function() {
	var size = window.getSize();

	// ratio hard-coded
	if ( (size.x / size.y) < (1700 / 1200) ) {
		bg.removeClass('bgwidth').addClass('bgheight');
	} else {
		bg.removeClass('bgheight').addClass('bgwidth');
	}
});

window.fireEvent('resize');