//++++++++++++++++++++++++++++++
//Project:Dinrino
//Build:1.0.0
//Copyright Sevi
//++++++++++++++++++++++++++++++
function resize() {
	//get position of corner pieces
	var tl=document.getElementById('tl');
	var tr=document.getElementById('tr');
	var bl=document.getElementById('bl');
	var br=document.getElementById('br');
	var c=document.getElementById('content');
	//position content cell
	var n=document.body.offsetWidth;
	c.style.left=(n-c.offsetWidth)/2+'px';
	//position edge bars
	tl.style.left=c.offsetLeft-20+'px';
	tr.style.left=c.offsetLeft+c.offsetWidth+'px';
	bl.style.left=c.offsetLeft-20+'px';
	br.style.left=c.offsetLeft+c.offsetWidth+'px';
	bl.style.top=c.offsetTop+c.offsetHeight+'px';
	br.style.top=c.offsetTop+c.offsetHeight+'px';
	document.getElementById('left').style.left=c.offsetLeft-20+'px';
	document.getElementById('left').height=c.offsetHeight;
	document.getElementById('right').style.left=c.offsetLeft+c.offsetWidth+'px';
	document.getElementById('right').height=c.offsetHeight;
	document.getElementById('top').style.left=c.offsetLeft+'px';
	document.getElementById('top').width=c.offsetWidth;
	document.getElementById('bottom').style.left=c.offsetLeft+'px';
	document.getElementById('bottom').style.top=c.offsetTop+c.offsetHeight+'px';
	document.getElementById('bottom').width=c.offsetWidth;
	droplets(c.offsetWidth);
}
//droplet spacer width
var droplet_spacer=30;
function droplets(width) {
	//get all dropelts
	var d1=document.getElementById('droplet1');
	var d2=document.getElementById('droplet2');
	var d3=document.getElementById('droplet3');
	var d4=document.getElementById('droplet4');
	//work out spacing from left side of first to right side of last droplet
	var req=width-3*droplet_spacer-d1.offsetWidth-d2.offsetWidth-d3.offsetWidth-d4.offsetWidth;
	//set horizontal position
	d1.style.left=req/2+'px';
	d2.style.left=req/2+droplet_spacer+'px';
	d3.style.left=req/2+2*droplet_spacer+'px';
	d4.style.left=req/2+3*droplet_spacer+'px';
	//set vertical position
	d1.style.top=document.getElementById('bl').style.top+'px';
	d2.style.top=document.getElementById('bl').style.top+'px';
	d3.style.top=document.getElementById('bl').style.top+'px';
	d4.style.top=document.getElementById('bl').style.top+'px';
}