<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page import="java.util.ArrayList" %>
<!doctype html >

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>A Search Tool for Scientific Data</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon_d1.ico" />

<!-- Spatial Search Related -->
<script src="https://maps.google.com/maps/api/js?v=3.8&sensor=false"></script>

<!--DATAONE-->
<link rel="stylesheet" type="text/css" href="styles/dataone-v3-style.css" />
<link rel="stylesheet" type="text/css" href="styles/one-mercury.css" />
<link rel="stylesheet" type="text/css" href="mfbase/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="mfbase/ext/resources/css/xtheme-gray.css" />
<link rel="stylesheet" type="text/css" href="mfbase/openlayers/theme/default/style.css">
<link rel="stylesheet" type="text/css" href="styles/spatialsearch.css" />

<script type="text/javascript" src="mfbase/ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="mfbase/ext/ext-all-debug.js"></script>
<script type="text/javascript" src="mfbase/openlayers/OpenLayers.js"></script>
<script type="text/javascript" src="mfbase/openlayers/Geocoder.js"></script>
<script type="text/javascript" src="mfbase/GeoExt/script/GeoExt.js"></script>
<script type="text/javascript" src="scripts/spatialsearch.js"></script>


<!-- MAIN -->
<link href="styles/style_index.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src="scripts/default.js"></script>

<!--DWR -->
<script type='text/javascript' src='dwr/interface/Place1.js'></script>
<script type='text/javascript' src='scripts/dwrcall.js'></script>
<script type='text/javascript' src='dwr/interface/daacList.js'></script>
<script type='text/javascript' src='dwr/interface/SpatialList.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>
<script type='text/javascript' src='scripts/common.js'></script>

<style type="text/css">
@import url(styles/calendar-win2k-1.css);
</style>

<script type='text/javascript' src='scripts/calendar.js'></script>
<script type='text/javascript' src='scripts/calendar-setup.js'></script>
<script type='text/javascript' src='scripts/calendar-en.js'></script>

<!-- JQUERRY -->
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/jquery.dimensions.js"></script>
<script type="text/javascript" src="scripts/jquery.cluetip.js"></script>
<script type="text/javascript" src="scripts/collapsible.js"></script>
<script type="text/javascript" src="scripts/spin.min.js"></script>
<link rel="stylesheet" type="text/css" href="styles/autocomplete.css" />
<link rel="stylesheet" type="text/css" href="styles/jquery.cluetip.css" />
<script type="text/javascript" src="scripts/googleAnalytics.js"></script>

<script>
	$(document).ready(function() { 
		$('button#help').cluetip({activation: 'click',sticky: true, closePosition: 'title', closeText: '<img src="images/cross.png" alt="Close" title="Close" />', width: 820});
		$('a.basic').cluetip({activation: 'click',sticky: true,closePosition: 'title', closeText: '<img src="images/cross.png" alt="Close" title="Close" />', width: 350});
		$('a.basicHover').cluetip({activation: 'click',sticky: true,closePosition: 'title', closeText: '<img src="images/cross.png" alt="Close" title="Close" />', width: 350});
		$("fieldset.collapsible").collapse();
		$("fieldset.startClosed").collapse( { closed: true } );
		
		$('#clearAllButton').click(doClearQ);
		
		<%-- 
		var filterForDataSessionVal = <%=session.getAttribute("filterForData")%>;
		
		if (filterForDataSessionVal == null || filterForDataSessionVal === true) {
			$('#filterForData').attr('checked', true);					
		} else {
			$('#filterForData').attr('checked', false);
		}
		$('#filterForDataText').click(function() {
			$('#filterForData').click();
		});
 --%>		
		
		var keywordText = '<%=session.getAttribute( "term2.1attribute")%>';
		if (keywordText != null && keywordText != 'null' && keywordText != '') {
			document.getElementById('keywordText').value = keywordText;
		}
		
		keywordText = '<%=session.getAttribute( "term2.2attribute")%>';
		if (keywordText != null && keywordText != 'null' && keywordText != '') {
			document.getElementById('keywordText2').value = keywordText;
		}
		
		keywordText = '<%=session.getAttribute( "term2.3attribute")%>';
		if (keywordText != null && keywordText != 'null' && keywordText != '') {
			document.getElementById('keywordText3').value = keywordText;
		}
		
		var operatorText = '<%=session.getAttribute( "op2.1")%>';
		if (operatorText != null && operatorText != 'null' && operatorText != '') {
			document.getElementById('keywordOP').value = operatorText;
		}
		
		operatorText = '<%=session.getAttribute( "op2.2")%>';
		if (operatorText != null && operatorText != 'null' && operatorText != '') {
			document.getElementById('keywordOP2.2').value = operatorText;
		}
		
		var val = '<%=session.getAttribute("op4")%>';
		if( val!='null') {
			document.getElementById(val).selected = true;
		}
		var val1 = '<%=session.getAttribute("term8")%>';
		if( val1!='null') {
			document.getElementById(val1).checked = true;
		}
		
		<%-- 
			$('[name=sources]').val('urn:node:mnTestDRYAD');
			$('[name=sources]').val(['urn:node:mnDemo5', 'urn:node:mnDemo6']); 
			window.location.search.substr(1).split('&');
			if( sessionDataSource != null && sessionDataSource != 'null' && sessionDataSource != '') {
			}
		--%>
		
			function getParameterByName(name) {
			    var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
			    return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
			}
		
			var sessionDataSource = [];
			<%
				ArrayList<String> dataSourceArray = (ArrayList<String>) session.getAttribute("sessionDataSource");
				if (dataSourceArray != null) {
					for (String dataSourceVal : dataSourceArray) {
					    %>
					    sessionDataSource.push('<%=dataSourceVal%>');
					    <%
					}
					%>
					$('[name=sources]').val(sessionDataSource); 
					<%
				}
			%>
			
			$('[name=sources]').val(getParameterByName('dataSource'));
	});
	
	function rss(){
		hidden = open('../send/processRss?${solrTransactionDetail.mercury3_query_string}&sortattribute=pubDate','RSSWindow');
	} 
</script>
</head>

<body>

<!--  Overlay config -->
<div id='loading-panel' class='modal rounded-corners'></div>
<div id='overlay' class="overlay"></div>

		<script type="text/javascript">
		  var opts = {
				  lines: 13, // The number of lines to draw
				  length: 10, // The length of each line
				  width: 5, // The line thickness
				  radius: 5, // The radius of the inner circle
				  corners: 1, // Corner roundness (0..1)
				  rotate: 0, // The rotation offset
				  direction: 1, // 1: clockwise, -1: counterclockwise
				  color: '#000', // #rgb or #rrggbb or array of colors
				  speed: 1, // Rounds per second
				  trail: 60, // Afterglow percentage
				  shadow: false, // Whether to render a shadow
				  hwaccel: false, // Whether to use hardware acceleration
				  className: 'spinner', // The CSS class to assign to the spinner
				  zIndex: 2e9, // The z-index (defaults to 2000000000)
				  top: '50%', // Top position relative to parent
				  left: '50%' // Left position relative to parent
				  };
		var spinner={};
		
		$(document).ready(function() {
				
				spinner = new Spinner(opts);
				
				$(window).bind('beforeunload', function(){
					loadingMesg();
				});
		});
		
		function loadingMesg() {
			var spin_target = $('#loading-panel')[0];
			spinner.spin(spin_target);
			$("body").addClass("loading");
		}
	</script>





<!-- Top Header/Branding/Social Media Buttons Area -->
 <div id="header">
   <div class="branding">
  		<a href="http://dataone.org"></a><a href="http://dataone.org">
  		<img src="https://www.dataone.org/sites/default/files/d1-logo-v3.jpeg" height="83px" width="262"/></a>
  	</div>

   <div class="soc-media-box-top">
    	<h2 class="block-title">Connect</h2>
         <a href="http://vimeo.com/channels/dataone" target="_blank"><img src="https://www.dataone.org/sites/all/images/vimeo-icon.jpg" alt="Vimeo" class="left"/> </a>
         <a href="http://www.youtube.com/user/DataONEorg" target="_blank"><img src="https://www.dataone.org/sites/all/images/youTube-icon.jpg" alt="Youtube" class="left"/></a>
         <a href="http://www.linkedin.com/groups?gid=1872174&mostPopular=&trk=tyah" target="_blank"><img src="https://www.dataone.org/sites/all/images/linkedIn-icon.jpg" alt="Linked In" class="left"/></a>
         <a href="http://twitter.com/#!/Dataoneorg" target="_blank"> <img src="https://www.dataone.org/sites/all/images/twitter-icon.jpg" alt="Twitter" class="left" /></a>
         <a href="http://www.facebook.com/pages/DataONE/156940701015997" target="_blank"><img src="https://www.dataone.org/sites/all/images/fb-icon.jpg" alt="Facebook" class="left" /></a>
         <a href="feed://www.dataone.org/rss" ><img src="https://www.dataone.org/sites/all/images/rss-icon.jpg" alt="RSS" class="left"/></a>
         <a href="http://www.slideshare.net/DataONEorg" ><img src="https://www.dataone.org/sites/all/images/slideshare-plum.jpg" alt="Slideshare" class="left"/></a>
		 <a href="https://plus.google.com/107602550656223730556/posts"><img src="https://www.dataone.org/sites/all/images/google-plus-plum-dataone.jpg" alt="Google Plus" class="left"></a>
	</div>

	<!-- START Menu Area -->		           
	<div id="main-menu-frame"> 
	 <ul>
		<li style="width:85px"><a href="http://www.dataone.org/about">About</a></li>
		<li style="width:82px"><a href="http://www.dataone.org/news">News</a></li>
		<li style="width:118px"><a href="http://www.dataone.org/participate">Participate</a></li>
		<li style="width:119px"><a href="http://www.dataone.org/resources">Resources</a></li>
		<li style="width:114px"><a href="http://www.dataone.org/education">Education</a></li>
		<li><a href="http://www.dataone.org/find-data">Data</a></li>
	  </ul>
	 </div>
	<!--END Menu Area -->		           

<!-- ONEMercury Logo -->	 
		<div id="one-mercury-header">
			<div id="one-mercury-logo" ><img src="https://cn.dataone.org/onemercury/images/one_mercury_logo.jpg" height="45px" /></div>
			<div id="one-mercury-tagline"><p>A DataONE Search Tool for Scientific Data</p></div>
		</div>
  </div>
<!-- End of Header Area -->	 

		<!-- Main Content Area -->
		<div id="main-content-inner" style="clear:both">  
			<!-- Insert Main Content here; (width = 960px, 10px padding left/right) -->
		    <div id="container">
				<div id='simplewindow' style="display: block;">
					<%@ include file="simpleFrame.jsp"%>
				</div>
				<div id='advancedwindow' style="display: block;">
					<button id="toggle" class="d1-button">Show/Hide Advanced Options</button>
					<button id="clearAllButton" class="d1-button">Clear All</button>
					<button id="help" class="d1-button" title="Help" rel="help.html">Help</button>
					<div id="framedispl">
						<%@ include file="frames.jsp"%>
						<%@ include file="tabs_footer.jspf"%>
				    </div>
				    <script>
				    	$("#toggle").click(function () {
				    		$("#framedispl").toggle("slow");
				    	});    
				    </script>
			    </div>
				<!-- start real content -->
		    </div>
			<%@ include file="searchform.html"%>
				<!-- Footer Area --> 
				<div id="zone-footer" style='padding-top:10px;padding-bottom:15px'>
				   <p class="footer-text">DataONE is a collaboration among many partner organizations, and is funded by the US National Science Foundation (NSF) under a Cooperative Agreement.  
				   		<br />
						1312 Basehart SE 1 University of New Mexico Albuquerque, NM 87106 <a href="https://www.dataone.org/contact"> Contact Us </a> | <a href="https://www.dataone.org/sitemap"> Site Map </a>
						<br /><br />
						Acknowledgement: This material is based upon work supported by the National Science Foundation under Grant Number 083094
						<br />
						Disclaimer: Any opinions, findings, and conclusions or recommendations expressed in this material are those of the author(s) and do not necessarily reflect the views of the National Science Foundation.
					</p>
				</div>
			<!-- end of footer -->
			</div>
		<!-- Enf of Main Content Area -->
</body>
</html>