var scroller = new Fx.Scroll('master',{
	transition: Fx.Transitions.Sine.easeOut,
	duration: 200,
	onComplete: refigure
});

function frame(number) {
	current = number;
	scroller.toElement('frame' + number);
	if(Browser.Engine.gecko) setTimeout(refigure,50);
}

function brendan(divs) {
	divs.each(function(div) {
		var windowsize = window.getSize();
		var img = div.getElement('img');					
		var imgsize = img.getSize();
		var over = imgsize.x / imgsize.y;
		var under = imgsize.y / imgsize.x;
	
		div.setStyle('width',windowsize.x);
		div.setStyle('height',windowsize.y);
	
		if((windowsize.x / windowsize.y) >= over) {
			img.setStyle('width',windowsize.x);
			img.setStyle('height',under*windowsize.x);			
		} else {
			img.setStyle('width',over*windowsize.y);
			img.setStyle('height',windowsize.y);		
		}
	});
}

function refigure() {
	var height = window.getHeight();
	var width = window.getWidth();
	var frames = $$('li.frame');
	
	$('master').setStyle('width',width);
	$('frames').setStyle('width',width * frames.length);
	frames.setStyle('width',width);
	frames.setStyle('height',height);

	$$('div.container').each(function(div) {
		var w = width - div.getStyle('paddingLeft').toInt();
		var h = height - div.getStyle('paddingTop').toInt();
		div.setStyle('width',w);
		div.setStyle('height',h);		
	});
	
	brendan($$('div.pliskin'));
	$('master').scrollLeft = (current * width) - width;	
	$('master').setStyle('visibility','visible');
}

window.addEvent('resize',function() {
	refigure();
	if(Browser.Engine.gecko) setTimeout(refigure,50);
});

switch(window.location.hash) {
	case '#/accueil': frame(1); break;
	case '#/agenda': frame(2); break;
	case '#/bio': frame(3); break;	
	case '#/contact': frame(4); break;
	case '#/boutique': frame(5); break;
	default: frame(1);
}