the record group

styles                new format 3-1-2017 w 4:37p

<div id="therecordgroup">

<img id="therecord" />

<div onmouseover="sns('monthlyrecord')">m</div>
<div onmouseover="sns('weeklyrecord')">w</div>
<div onmouseover="sns('dailyrecord')">d</div>
<div onmouseover="sns('hourlyrecord')">h</div>
<div onmouseover="sns('quarterhourlyrecord')">qh</div>

<div onmouseover="sns('previousthisrecord')">p</div>
<div onmouseover="sns('nextthisrecord')">n</div>

<div onmouseover="sns('previousrecord')">pr</div>
<div onmouseover="sns('nextrecord')">nr</div>

</div>

function sizetherecordgroup() {
var therecordgroup = document.getElementById("therecordgroup")
var width = (window.innerWidth * .4)
therecordgroup.style.width =  width + "px"
therecordgroup.style.height = (width * (2 / 3)) + "px"}