function update_s	(){
	minW = 140;
	minH = 26;
	x = parseInt(document.getElementById('vruler').style.left.split('px')[0])+30;
	y = parseInt(document.getElementById('hruler').style.top.split('px')[0])+30;
	w = parseInt(document.getElementById('sruler').style.left.split('px')[0])+11-x;
	h = parseInt(document.getElementById('sruler').style.top.split('px')[0])+11-y;
	l = x + minW;
	t = y + minH;
	if (w>minW){
		document.getElementById('sizer').style.width=w+'px';
	} else {
		document.getElementById('sizer').style.width=minW+'px';
		document.getElementById('sruler').style.left=l+'px';
	}
	if (h>minH){
		document.getElementById('sizer').style.height=h+'px';
	} else {
		document.getElementById('sizer').style.height=minH+'px';
		document.getElementById('sruler').style.top=t+'px';
	}
	ww = parseInt(document.getElementById('sizer').style.width.split('px')[0]);
	hh = parseInt(document.getElementById('sizer').style.height.split('px')[0]);
	document.getElementById('d').innerHTML='<span>width: '+ww+'px;</span> <span>height: '+hh+'px;</span>';
}

function update_size (){
	x = parseInt(document.getElementById('mruler').style.left.split('px')[0])+30;
	y = parseInt(document.getElementById('mruler').style.top.split('px')[0])+30;
	xx = x-30;
	yy = y-30
	w = parseInt(document.getElementById('sizer').style.width.split('px')[0])-11+x;
	h = parseInt(document.getElementById('sizer').style.height.split('px')[0])-11+y;
	document.getElementById('sruler').style.left=w+'px';
	document.getElementById('sruler').style.top=h+'px';
	document.getElementById('sizer').style.left=x+'px';
	document.getElementById('sizer').style.top=y+'px';
	document.getElementById('p').innerHTML='<span>left: '+xx+'px;</span> <span>top: '+yy+'px;</span>';
}

function update (){
	document.getElementById('sizer').style.display='block';
	document.getElementById('sruler').style.display='block';
	l = parseInt(document.getElementById('vruler').style.left.split('px')[0]);
	t = parseInt(document.getElementById('hruler').style.top.split('px')[0]);
	if(isNaN(l)) l = 0;
	if(isNaN(t)) t = 0;
	v = l+30;
	h = t+30;
	document.getElementById('hruler').style.backgroundPosition=v+'px 0px';
	document.getElementById('vruler').style.backgroundPosition='0px '+h+'px';
	document.getElementById('mruler').style.left=l+'px';
	document.getElementById('mruler').style.top=t+'px';
	update_size ();
}

function update_all (){
	document.getElementById('sizer').style.display='block';
	document.getElementById('sruler').style.display='block';
	l = parseInt(document.getElementById('mruler').style.left.split('px')[0]);
	t = parseInt(document.getElementById('mruler').style.top.split('px')[0]);
	if(isNaN(l)) l = 0;
	if(isNaN(t)) t = 0;
	v = l+30;
	h = t+30;
	document.getElementById('hruler').style.top=t+'px';
	document.getElementById('vruler').style.left=l+'px';
	document.getElementById('hruler').style.backgroundPosition=v+'px 0px';
	document.getElementById('vruler').style.backgroundPosition='0px '+h+'px';
	update_size ();
}