<html>
<head>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
var sitesLeft = [
"http://nagios/url for your nagios",
"http://prtg graph",
"http://weather graph",
"http://another prtg graph"
];
var sitesRight = [
"http://nagios/url for your nagios",
"http://prtg graph",
"http://weather graph",
"http://another prtg graph"
];
var currentSiteLeft = sitesLeft.length;
var currentSiteRight = sitesRight.length;
$(document).ready(function () {
var $iframeLeft = $('iframe[align="left"]').attr("src", sitesLeft[sitesLeft.length - 1]);
var $iframeRight = $('iframe[align="right"]').attr("src", sitesRight[sitesRight.length - 1]);
setInterval(function() {
(currentSiteLeft == 0) ? currentSiteLeft = sitesLeft.length - 1 : currentSiteLeft = currentSiteLeft -1;
(currentSiteRight == 0) ? currentSiteRight = sitesRight.length - 1 : currentSiteRight = currentSiteRight -1;
$iframeLeft.attr("src",sitesLeft[currentSiteLeft]);
$iframeRight.attr("src",sitesRight[currentSiteRight]);
}, 35000);
});
</script>
<style type="text/css">
iframe {
margin: 0;
}
</style>
</head>
<body>
<iframe align="left" width ="938" height="1050" scrolling="no"></iframe>
<iframe align="right" width ="938" height="1050" scrolling="no"></iframe>
</body>
</html>