$(window).resize(function(){
  resizeStage()
});

var current_slide_id = null;

function resizeStage()
{
	//console.debug("resize")
	var winW = $(window).width();
	var winH = $(window).height();
	var imgW = 0, imgH = 0;

	if((winW*1) < 960) winW = 960
	if((winH*1) < 590) winH = 590
	
	$('body').height(winH)
	var $signup = $('#signup div.content')
	$signup.height(winH);
	
	var $signup_button = $('#signup-button');
	$signup_button.css('top', (winH-$signup_button.outerHeight()))
	
	winW = $(window).width();
	
	var $nextBtn = $('#nextBtn');
	
	$('#content').width(winW).height(winH)
	
	var panels = $('#slider li.panel')
	panels.width(winW).height(winH)
	$('#slider').width(winW * panels.length).height(winH)

	$('#header').width(winW-(2*$nextBtn.width()))
	$nav = $('#container #navigation');
	$nav.css('left', (winW/2)-($nav.width()/2) - ($nextBtn.width()));
	
	var initW = 960, initH = 643;
	var ratio = initH / initW;
	
	imgW = winW;
	imgH = winW * ratio;
	
	if(imgH < winH){
		imgH = winH;
		imgW = imgH / ratio;
	}
	
	var $background = $('#slider img.source-image')
	$background.width(imgW).height(imgH)
	
	if(winH < imgH)
		$background.css('top', winH/2-imgH/2)
	
	$nextBtn.css('left', $(window).width()-$nextBtn.width())

	if(current_slide_id)
		$('#content').scrollTo("#"+current_slide_id, 0);
		
	

}