// general settings
var scrx=(screen.availWidth); var scry=(screen.availHeight)-95; // 95=h.bottombar
var zoneh=scry-220; // 220=h.top+btm zones
var scrx3=Math.round((scrx)/3); var scry3=Math.round((scry)/3);

document.getElementById('bkg1').style.width=scrx+'px'; document.getElementById('bkg1').style.height=scry+'px';
document.getElementById('bkg2').style.width=scrx+'px'; document.getElementById('bkg2').style.height=scry+'px';

document.getElementById('zonetop').style.width=scrx+'px';

document.getElementById('zone1').style.width=scrx3+'px'; document.getElementById('zone1').style.height=zoneh+'px';

document.getElementById('zone2').style.width=scrx3+'px'; document.getElementById('zone2').style.height=zoneh+'px';
document.getElementById('zone2').style.marginLeft='-'+Math.round((scrx3)/2)+'px';

document.getElementById('zone3').style.width=scrx3+'px'; document.getElementById('zone3').style.height=zoneh+'px';

document.getElementById('zonebtm').style.width=scrx+'px';

document.getElementById('bottombar').style.width=scrx+'px';

document.getElementById('iconbar').style.width=scrx+'px';
document.getElementById('iconbar').style.top=Math.round((scry)/2)+'px'; // iconbar.top=50%

document.getElementById('popups').style.width=scrx+'px';
document.getElementById('popups').style.top=Math.round((scry)/2)+90+'px'; // popups.top=50% + 90=iconbar distance