<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>St. Louis Tours</title>
<base href="https://vcities.umsl.edu/Cesium1.72/Apps/Sandcastle/vcities/">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>Building Test</title>
<script type="text/javascript" src="../Sandcastle-header.js">
</script>
<!-- script type="text/javascript" src="../../../ThirdParty/requirejs-2.1.20/require.js"> </script -->
<style>
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#all {
width: 100%;
height:100%;
}
#leftcolumn {
width: 100%;
height:100%;
float: left;
}
#rightcolumn {
width: 0%;
height:100%;
float: right;
}
div.scrollit {
height: 95%;
width: 100%;
overflow-y: scroll;
}
.tour_button {
background-color: #4444FF; /* Green */
border: none;
color: white;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
border-radius: 8px;
padding: 10px 24px;
}
</style>
<script>
function shift_divs(){
document.getElementById("leftcolumn").style.width = '55%';
document.getElementById('rightcolumn').style.width = '44%';
}
function shift_divs_back(){
document.getElementById("leftcolumn").style.width = '100%';
document.getElementById('rightcolumn').style.width = '0%';
}
function SiteClick(x){
var that="<html><body><div>"+x+"</div></html>";
document.getElementById("HTMLText").style.display="block";
document.getElementById( "HTMLText").innerHTML=(that);
}
function setit(x){
var y=99-x;
document.getElementById("leftcolumn").style.width = x.toString()+'%';
document.getElementById('rightcolumn').style.width = y.toString()+'%';
}
//build the screen
function loadit() {
document.getElementById("leftcolumn").style.width = '100%'
document.getElementById('rightcolumn').style.width = '0%'
document.getElementById("Little").src=<?php
echo '"./'.$argv[1].'C.html"' ?>;
document.getElementById("HTMLText").style.display="block";
document.getElementById( "HTMLText").innerHTML=(<?php
echo "'<html><center><body><h1>St. Louis Missouri</h1><h2>".$argv[1].'</h2></center><p /> <p /> <p /><p /> <p /> <p /> <p /> <p /> <p /> <h4><font color="blue">'."Click on Buildings to View Information about the Building Even While Touring</font></h4></body></html>'";
?>);
document.getElementById("tour_it").style.display="block";
document.getElementById("stop_it").style.display="block";
}
function full_screen(){
document.getElementById("leftcolumn").style.width = '100%'
document.getElementById('rightcolumn').style.width = '0%'
parent.document.getElementById('Little').contentWindow.close_div();
}
</script>
</head>
<body onload="loadit()">
<div id="all">
<div id="leftcolumn">
<iframe name="Little" ID="Little" src="" height="100%" width="100%" border="0" frameborder="2px" src="" marginwidth="1" marginheight="1">
</iframe>
</div>
<div id="rightcolumn">
<center>
<table>
<tr>
<td><button class="tour_button" id="tour_it" onclick="full_screen()">Close
Document View</button></td>
</tr>
</table>
</center>
<div ID="HTMLText" class="scrollit" >
<h1>Virtual St. Louis</h1><h3><font color="blue">Click on Buildings to View
Information about the Building Even While Touring. </font></h3>
</div>
</div>
<div id="countclicks">
<iframe frameborder="0" src="null" id="counting" style="width:0;height:0;border:0; border:none;">
</iframe>
<script>
console.log("here");
//var gothere="./ONcounter.php?the_ref=riverfront";
//document.getElementById('counting').src = gothere;
console.log("here here");
</script>
</div>
</div>
</body>
</html>