// vars
var minViewportWidth = 990;
var minViewportHeight= 595;
var vpWidth  = minViewportWidth;
var wWidth = $(window).width();
var wHeight = $(window).height();
var vpHeight = minViewportHeight;
var animation_running = false;

setViewPort();

function setViewPort()
{
	// get window size
	// first, disable scroll bar to get correct size
	
	$('html').css('overflow','hidden');

	wWidth = $(window).width();
	wHeight = $(window).height();

	// reset the overflow setting
	$('html').css('overflow-y','auto');
	$('html').css('overflow-x','hidden');

	// set viewport size
	vpWidth = (minViewportWidth > wWidth)   ? minViewportWidth : wWidth;
	vpHeight= (minViewportHeight > wHeight) ? minViewportHeight: wHeight;

}

function reposFooter()
{
	// repos footer	
	var footerHeight  = $('#area_footer').height();
	var footerTop = vpHeight - footerHeight;	
	$('#area_footer').css('top',footerTop);
	$('#area_footer').css('width',vpWidth);
}