{literal}

<style type="text/css">

.multirollholder .overlaytabcontainer {
    display: none;
}

.postercontent .widget {
    display: none;
}
#maparticle {
	padding: 10px;
}
.hotspots {
    margin: 10px 0 10px 5px;
    clear: both;
    float: left;
}
#hotspots > a {
    border: 1px solid #cfcfcf;
    float: left;
    font-size: 11px;
    margin: 2px;
    padding: 10px;
}
#hotspots > a.active {
        background: #c7e7f0;
}

.thumbgraph {
    border: 1px dashed;
    height: 190px;
    padding: 1px;
    width: 400px;
}

.posterleft{
	float: left;
	width: 40%;
}
.posterright{
	float: right;
	width: 60%;
}

/*
.template-title {
color: #555555; font-size: 20px; margin: 0; padding-bottom: 0;

}
*/
</style>

<h2 id="template-title" class="template-title" style="margin: 0;">Maps Viewer</h2>
<div id="sjrrtmcontent" class="postercontent" style="width: 1260px; margin-left: 0px; position: relative;">
	<!-- div id="map.buttons" style="width: 45px; position: absolute; left: -50px;top: 90px;"></div -->

	<div id="posterleft" class="posterleft" >
		<div id="maparticle"></div>
		<div id="leftbottom" class="clear"></div>
	</div>
	<div id="posterright" class="posterright" >

		<div id="hotspots" class="hotspots" >
		<h3 class="well" style="float: left; margin: 10px 20px 10px 0;">Quick Links</h3>
		<!-- a onmouseup="removeActive('hotspots');this.className='active';findAMap().zoomToExtent([-13506407.718771,4524248.2407896,-13475871.125975,4542134.5054058]);toggleGraphs(graphDivs,['SJRroll_','MRBroll_','RPNroll_']);">Vernalis</a>
		<a onmouseup="removeActive('hotspots');this.className='active';findAMap().zoomToExtent([-13499198.760638,4481562.9673381,-13438125.575046,4517335.4965705]);toggleGraphs(graphDivs,['SMNroll_','MSTroll_']);">Crows Landing</a>
		<a onmouseup="removeActive('hotspots');this.className='active';findAMap().zoomToExtent([-13526272.428312,4529193.7162858,-13465199.24272,4564966.2455182]);toggleGraphs(graphDivs,['BDTroll_','SJLroll_','SJRroll_']);">Lower SJR</a>
		<a onmouseup="removeActive('hotspots');this.className='active';findAMap().zoomToExtent([-13507316.0453,4508785.0297365,-13446242.859708,4544557.5589689]);toggleGraphs(graphDivs,['MODroll_','MRBroll_','SJRroll_']);">Modesto</a>
		<a onmouseup="removeActive('hotspots');this.className='active';findAMap().zoomToExtent([-13493557.380211,4482337.8179535,-13432484.194619,4518110.3471859]);toggleGraphs(graphDivs,['SCLroll_','SMNroll_','MSTroll_']);">Turlock</a>
		<a onmouseup="removeActive('hotspots');this.className='active';findAMap().zoomToExtent([-13477973.781072,4471178.0118252,-13447437.188276,4489064.2764414]);toggleGraphs(graphDivs,['SSHroll_','SJSroll_','FFBroll_','SMNroll_']);">Salt Slough</a>
		<a onmouseup="removeActive('hotspots');this.className='active';findAMap().zoomToExtent([-13477973.781072,4471178.0118252,-13447437.188276,4489064.2764414]);toggleGraphs(graphDivs,['MSGroll_','SMNroll_']);">Mud Slough</a>
		<a onmouseup="removeActive('hotspots');this.className='active';findAMap().zoomToExtent([-13447310.430826,4515796.8534411,-13325164.059644,4587341.9119061]);toggleGraphs(graphDivs,['NMLroll_','DNProll_','CHVroll_','HTHroll_']);">Reservoirs</a -->
	{/literal}
		{if $user->getUserLevel() > 9}
		<a onmouseup="getCurrentExtent(2);">Current Extent</a>

		<a onmouseup="getCurrentExtent(3);">Get Quick Link</a>
		{/if}
	{literal}
		</div>

		<div id="animationmap" style="width: 100%; margin: 0; clear: both; height: 80%;"></div>
		<div class="template1"></div>
		<div id="rightbottom" class="clear"></div>
	</div>
	<div id="posterbottom" class="clear"></div>
</div>

<script type="text/javascript">// <![CDATA[
	window.buildPage = function () {
		try {
			dataArrays['stations'] = new Object();
			//window.globalPointRange =  900 * 1000;
			/*window.globalPointStart = timeLineObj['startDate'].getTime();
			window.globalFormatter = function () {
				//var s = '<b>' + this.x + '</b>';
				var s = '<b>' + Highcharts.dateFormat('%a %b %e %Y %l:%M %P', this.x)  + '</b>';
				for (var pp = 0; pp < this.points.length; pp ++) {
					s += '<br/>' + this.points[pp].series.name + ': ' + this.points[pp].y ;
				}
				return s;
			}*/
			//window.globalDataFilter = {ogFilter : 'MAX' };
			var now = new Date();
			var endDate = now.getTime();
			var startDate = now.setDate(now.getDate() - 7)
			dataPrompt = false;
			build = 0;
			//window.globalDelay = true;
			/* SAVED MAP */
			GetMap({mapDiv: 'animationmap', height: '100%', mapMenu: true});

//callbackQueue.push( function () {findAvailableStations('hotspots','stationFinder',null, function () { var sI = this.selectedIndex; var sV = this.options[sI].value; findStationMarker(dataArrays['stations'][sV],findAMap());},'Station Finder');});
//callbackQueue.push( function () {handleGraphPanel('graphpanel','Line');});


			//params = {contentid :'graphpanel', classname:'docked3 datapanellarge', title:'Graphs', width: '800px', html: waitStr, style: {float: 'left', width: '800px', marginBottom: '0', border: '1px dotted #565656;'}};
			//create_widget(contentArr['widget_template'], findD('posterleft'), findD('leftbottom'), params);

			//window.graphCallback = {'station_id':'SJR','sensor':'100'};
			//window.graphTypes = {'101':'column', 'Unique Detections':'column'};
			//window.graphColors = {'100':'#66cc55', 'Unique Detections':'#66cc55'};

			//ARTICLE
			go('/-/object.v2.php?id=7766', null, 'maparticle');

			//MAPS
			//viewerState.getDataURL = '';
			var mapID = 7766; //Replace this with a valid map id
			Map_goView(mapID, 'stdout', 'animationmap');

			callbackQueue.push( function () { var mmd = mapID; findD('template-title').innerHTML = _MAPS[mapID].title; } );

			//MODELING
			//loadVisualDisplay(mapID, findMap('animationmap'), false, true);
			//var mapDIV = findMap('animationmap').div.id;
			//setMapOverLay(mapDIV,mapID)
			//getTimeLine(findAMap(), '');
			//reportError('Computed Timeline width : ' + document.getElementById('timeline').offsetWidth);

			//MAP BUTTONS
			//var _assocID = 7046
			//var rssURL = '/-/search/index.php?jnsp=all&orderby=modified&direction=DESC&table=projects&assoc_table=bookmarks&object_id=' + _assocID + '&id=' + _assocID + '&format=rss';
			//Map_getView(rssURL, 'map.buttons', processMapRSS, 'text/xml');

		} catch (ex) {
			reportException (ex, 1, 'Agriculture Dashboard');
		}
	}

	window.graphDivs = [];
	//toggleGraphs(graphDivs,['SJRroll_', 'SCLroll_'])

	setTimeout(window.buildPage, 100);

	// ]]>
</script>
<div class="clearfix"></div>


{/literal}