<%@ page language="java"%>
<%
	/**
	 *  '$RCSfile$'
	 *      Authors: Matt Jones
	 *    Copyright: 2008 Regents of the University of California and the
	 *               National Center for Ecological Analysis and Synthesis
	 *  For Details: http://www.nceas.ucsb.edu/
	 *
	 *   '$Author$'
	 *     '$Date$'
	 * '$Revision$'
	 * 
	 * This is an HTML document for loading an xml document into Oracle
	 *
	 * This program is free software; you can redistribute it and/or modify
	 * it under the terms of the GNU General Public License as published by
	 * the Free Software Foundation; either version 2 of the License, or
	 * (at your option) any later version.
	 *
	 * This program is distributed in the hope that it will be useful,
	 * but WITHOUT ANY WARRANTY; without even the implied warranty of
	 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	 * GNU General Public License for more details.
	 *
	 * You should have received a copy of the GNU General Public License
	 * along with this program; if not, write to the Free Software
	 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
	 */
%>

<%@ include file="../../common/common-settings.jsp"%>
<%@ include file="../../common/configure-check.jsp"%>
<html>
<head>
<title>Login</title>
<link rel="stylesheet" type="text/css" href="<%=STYLE_COMMON_URL%>/jquery/jqueryui/css/smoothness/jquery-ui-1.8.6.custom.css">
<link rel="stylesheet" type="text/css" href="dataone.css" />	
<script language="javascript" type="text/javascript" src="<%=STYLE_COMMON_URL%>/jquery/jquery.js"></script>
<script language="javascript" type="text/javascript" src="<%=STYLE_COMMON_URL%>/jquery/jqueryui/js/jquery-ui-1.8.6.custom.min.js"></script>
<script language="JavaScript" type="text/javascript">

function submitform(formObj) {

  if (trim(formObj.elements["loginAction"].value)!="Login") return true;
  //trim username & passwd:
  var username = trim(formObj.elements["uid"].value);
  var organization  = trim(formObj.elements["organization"].value);
  var password      = trim(formObj.elements["password"].value);

  if (username=="") {
    alert("You must type a username. \n"+popupMsg);
    formObj.elements["uid"].focus();
    return false;
  }

  if (organization=="") {
    alert("You must select an organization. \n"+popupMsg);
    formObj.elements["organization"].focus();
    return false;
  }

  if (password=="") {
    alert("You must type a password. \n"+popupMsg);
    formObj.elements["password"].focus();
    return false;
  }

  formObj.username.value="uid="+formObj.elements["uid"].value+",o="+formObj.elements["organization"].value+",dc=ecoinformatics,dc=org";
  return true;
}

function trim(stringToTrim) {
  return stringToTrim.replace(/^\s*/, '').replace(/\s*$/,'');
}

function initTabs() {
	$(function() {
		$("#tabs").tabs();
		$("#tabs").tabs("add", "#login", "Ecoinformatics Login");	
	});
}
function init() {
	initTabs();
}
</script>
</head>

<body onload="init()">
<!-- dataone logo header -->
<div class="logoheader">
	<h1></h1>
</div>

<div id="tabs">
	<!-- place holder for tabs -->
	<ul></ul>

	<div id="login">
		<p>
		Login with your legacy <i>ecoinformatics</i> identity.
		</p>

		<form name="loginform" method="post" action="../../../metacat"
			target="_top" onsubmit="return submitform(this);" id="loginform">
		<input type="hidden" name="action" value="login"> <input
			type="hidden" name="username" value=""> <input type="hidden"
			name="qformat" value="dataone"> <input type="hidden"
			name="enableediting" value="false">
		
		<table>
			<tr valign="middle">
				<td align="left" valign="middle" class="text_plain">username:</td>
		
				<td width="173" align="left" class="text_plain"
					style="padding-top: 2px; padding-bottom: 2px;"><input name="uid"
					type="text" style="width: 140px;" value=""></td>
			</tr>
		
			<tr valign="middle">
				<td height="28" align="left" valign="middle" class="text_plain">organization:</td>
		
				<td align="left" class="text_plain"
					style="padding-top: 2px; padding-bottom: 2px;"><select
					name="organization" style="width: 140px;">
					<option value="" selected>&#8212; choose one &#8212;</option>
					<option value="NCEAS">NCEAS</option>
					<option value="LTER">LTER</option>
					<option value="UCNRS">UCNRS</option>
					<option value="PISCO">PISCO</option>
					<option value="OBFS">OBFS</option>
					<option value="OSUBS">OSUBS</option>
					<option value="SAEON">SAEON</option>
					<option value="SANParks">SANParks</option>
					<option value="SDSC">SDSC</option>
					<option value="KU">KU</option>
					<option value="DATAONE">DATAONE</option>
					<option value="unaffiliated">unaffiliated</option>
				</select></td>
			</tr>
		
			<tr valign="middle">
				<td width="85" align="left" valign="middle" class="text_plain">password:</td>
		
				<td colspan="2" align="left" class="text_plain"
					style="padding-top: 2px; padding-bottom: 2px;">
				<table width="100%" border="0" cellpadding="0" cellspacing="0">
					<tr>
						<td width="150" align="left"><input name="password"
							type="password" maxlength="50" style="width: 140px;" value=""></td>
		
						<td align="center" class="buttonBG_login"><input type="submit"
							name="loginAction" value="Login" class="button_login"></td>
		
						<td align="left">&nbsp;</td>
					</tr>
				</table>
				</td>
			</tr>
		</table>
		</form>
	</div>
</body>
</html>