function resize() 
{
    var p = document.getElementById('pattern');
	var e = document.getElementById('page');
    var nw = window.innerWidth;
    var nh = window.innerHeight;
    var w = get_style('page','width');
	var h = get_style('page','height');
	
	w = w.substr( 0, (w.length -2) );
	h = h.substr( 0, (h.length -2) );
	
	var ml = ( (nw - w) / 2 );
    var mt = ( (nh - h) / 2 );
	ml = (ml < 0) ? 0 : ml;
	mt = (mt < 0) ? 0 : mt;
	e.style.left =  ml + 'px';
	e.style.top =  mt + 'px';
	p.style.width = nw + 'px';
	if(h < nh)
	{
		h = nh
	}
	p.style.height = h + 'px';
}

function get_style(param1,param2)
{
	var e = document.getElementById(param1);
	if (e.currentStyle)
	var v = e.currentStyle[param2];
	else if (window.getComputedStyle)
	var v = document.defaultView.getComputedStyle(e,null).getPropertyValue(param2);
	return v;
} 
