var current = 'welcome-f';

function switch_frame(next)
{
	if (next==current)
		return;
		
	$$('#'+next+' .slide')[0].style.background = 'url(images/frames/'+next+'.jpg) left top no-repeat';

	var dim = $(current).getDimensions();
	var h = dim.height;
	var w = dim.width;
	
	var c1 = new BezierCurve(0,0,0,h,-w,0,-w,h);
	var c2 = new BezierCurve(w,-h,0,-h,w,0,0,0);
	
	new Effect.Parallel([
		new Effect.Curve(current,{curve:c1}),
		new Effect.Curve(next,{curve:c2})
	]);
	
	current = next;
}

window.onload = function() {
	// Init links
	$$('#controls li').each(function(e){
		if ( e.id )
			e.onclick = function(){
				switch_frame(this.id+'-f');
			}
	});
	
	// Switch off "loading"
	new Effect.Fade('loading',{afterFinish:function(){
		// Switch on hint
		new Effect.Appear('hint');
	}});
}