function resizer(param1) 
{
    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');
	var alignment = param1;
	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;
	switch(alignment){
		case "TL":
			e.style.left = "0" + 'px';
			e.style.top =  "0" + 'px';
		break;
		case "TC":
			e.style.left =  ml + 'px';
			e.style.top =  "0" + 'px';
		break;
		case "TR":
			e.style.left = (ml*2) + 'px';
			e.style.top =  "0" + 'px';
		break;
		case "ML":
			e.style.left = "0" + 'px';
			e.style.top =  mt + 'px';
		break;
		case "MC":
			e.style.left =  ml + 'px';
			e.style.top =  mt + 'px';
		break;
		case "MR":
			e.style.left = (ml*2) + 'px';
			e.style.top =  mt + 'px';
		break;
		case "BL":
			e.style.left = "0" + 'px';
			e.style.top =  (mt*2) + 'px';
		break;
		case "BC":
			e.style.left =  ml + 'px';
			e.style.top =  (mt*2) + 'px';
		break;
		case "BR":
			e.style.left = (ml*2) + 'px';
			e.style.top =  (mt*2) + 'px';
		break;
		case "undefined":
			e.style.left =  ml + 'px';
			e.style.top =  "0" + 'px';
		break;
		default:
			e.style.left =  ml + 'px';
			e.style.top =  mt + 'px';
		break;
	}
	
	p.style.width = nw + 'px';
	if(h < nh)
	{
		h = nh
	}
	p.style.height = h + 'px';
}