<script>
        var coordsA = [];
        coordsA[0] = "700,28,820,50";
        coordsA[1] = "700,50,820,72";
        coordsA[2] = "700,72,820,94";
        coordsA[3] = "700,94,820,116";
        coordsA[4] = "700,116,820,140";

        function setcoords(areaid, totalOfAreas) {
            document.getElementById('DUT').style.width = "auto";
            var width1 = document.getElementById('DUT').width;
            document.getElementById('DUT').style.width = "100%";
            var width2 = document.getElementById('DUT').width;
            var ratio = width2 / width1;

            for (var i = 0; i < totalOfAreas; i++) {
                var temp = coordsA[i].split(",");
                var newcoords = "";
                for (var j = 0; j < temp.length; j++) {
                    temp[j] *= ratio;
                    newcoords += temp[j] + ",";
                }
                newcoords = newcoords.substr(0, newcoords.length - 1);

                document.getElementById(areaid + i).coords = newcoords;
            }
        }


       window.onload = function () {
            setcoords("DUT", 5);
        };

        window.onresize = function () {
            setcoords("DUT", 5);
        };
    </script>