<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ page import="org.deegree.coordcalc.config.ConfigCRSObj" %>
<%@ page import="org.deegree.coordcalc.config.Configuration" %>
<%@page import="java.util.Map"%>
<%
	Map<String, String> crss = Configuration.getCRSObjects();
    String lff = Configuration.getValue( "dcc:LocFormFields", "-error-" );
    String cff = Configuration.getValue( "dcc:CompactFormFields", "-error-" );
    String dff = Configuration.getValue( "dcc:DoubleFormFields", "-error-" );
    String tff = Configuration.getValue( "dcc:TripleFormFields", "-error-" );    
%>
<!-- This file is part of deegree, for copyright/license information, please visit http://www.deegree.org/license. -->

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <meta name="author" content="lat/lon GmbH" />
        <meta name="KeyWords" content="deegree lat/lon" />
        <title>deegree coordinateCalculator</title>
        <style type="text/css" media="screen" title="Monitore">@import "../../css/main.css";</style>
        <script language="JavaScript1.2" type="text/javascript" src="../../js/utils.js"></script>
        <script language="JavaScript1.2" type="text/javascript" src="../../js/conversion_utils.js"></script>
        <script language="JavaScript1.2" type="text/javascript" src="../../js/remotescripting.js"></script>
        <script type="text/javascript" src="../../js/ext-base.js"></script>
        <script type="text/javascript" src="../../js/ext-all.js"></script>
        <script language="JavaScript1.2" type="text/javascript" src="../../js/single.js"></script>
        <script language="JavaScript1.2" type="text/javascript">
        <!--
            /* ********************************************************************************** */
            /* ****************************** GLOBAL VARIABLES ********************************** */
            /* ********************************************************************************** */
            
            //this map holds information on the coordinate systems (CRS name, ellipsoid, datum)
            var srcCRSs = [];
            var targetCRSs;
            var CRSs = {};
<%
			int i = 0;
			for (String id : crss.keySet()) {
			    out.println("var escapedId = escape('"+id+"');");
			    out.println( "srcCRSs[" + i + "] = {};" );
			    out.println( "srcCRSs[" + i + "].id = escapedId;" );
			    out.println( "srcCRSs[" + i++ + "].code = '" + crss.get( id ) + "';" );
            }

            // javascript representation of java variables
            out.println( "var lFF = '" + lff + "';" );
            out.println( "var cFF = '" + cff + "';" );
            out.println( "var dFF = '" + dff + "';" );
            out.println( "var tFF = '" + tff + "';" );
%>        
            /* ********************************************************************************** */
            /* ************************ METHODS FOR FORMS AND FIELDS **************************** */
            /* ********************************************************************************** */
            
            
            var validatorLog = new ErrorLog('redNoteCell');
            
            function initSingleMode() {
                targetCRSs = filterCRSs(srcCRSs, lFF);
                initCRSSelections();
            }
            
            Ext.onReady( function() {
            	initSingleMode();
            });

        // 
        --></script>
    </head>
    <body>
        <iframe id="ajax" src="../../ajax.jsp" width="0" height="0" frameborder="0"></iframe>
        <div id="content">
            <!-- Description Start -->
            <div id="description">
                <h1>Single Mode</h1>
                <p>
                    Here you have got the possibility to transform single coordinates.<br />
                    Please select the coordinate reference system of your source coordinates (above) as well as the coordinate reference system for the target coordinates (below).<br />
                    Then enter the coordinate values to transform and press the button <em>"transform"</em>.<br /><br />
                </p>
            </div>
            <!-- Description End -->
            <!-- Form Start -->
            <div id="form">
                <table width="430">
                    <tr>
                        <!-- dynamic part for source coords -->
                        <td id="src_coords">
                        <div id="src_coord_box">
                            <div id="src_coord_dec" class="src_coord">
                                <div id="src_coord_dec_x" class="coord_left">
                                    <p class="formtext">x-coordinate (longitude/easting)</p>
                                    <input type="text" id="src_x" class="field190" />
                                    <p id="example_coord_x" class="example_coord"></p>
                                </div>
                                <div id="src_coord_dec_y" class="coord_right">
                                    <p class="formtext">y-coordinate (latitude/northing)</p>
                                    <input type="text" id="src_y" class="field190" />
                                    <p id="example_coord_y" class="example_coord"></p>
                                </div>
                            </div>
                            <div id="src_coord_loc" class="src_coord">
                                <div id="src_coord_loc_num">
                                    <p class="formtext">Location Number</p>
                                    <input type="text" id="src" class="field190" />
                                    <p id="example_coord_x" class="example_coord"></p>
                                </div>
                            </div>
                            <div id="src_coord_degminsec" class="src_coord">
                                <div id="src_coord_degminsec_x">
                                    <p class="formtext">x-coordinate (longitude/easting)</p>
                                    <p>Grad <input type="text" id="src_x_deg" value="" class="field70" />
                                       Minute <input type="text" id="src_x_min" value="" class="field70" />
                                       Sekunde <input type="text" id="src_x_sec" value="" class="field70" />
                                    </p>
                                    <p id="example_coord_x" class="example_coord"></p>
                                </div>
                                <div id="src_coord_degminsec_y">
                                    <p class="formtext">y-coordinate (latitude/northing)</p>
                                    <p>Grad <input type="text" id="src_y_deg" value="" class="field70" />
                                       Minute <input type="text" id="src_y_min" value="" class="field70" />
                                       Sekunde <input type="text" id="src_y_sec" value="" class="field70" />
                                    </p>
                                    <p id="example_coord_y" class="example_coord"></p>
                                </div>
                            </div>
                            <div id="src_coord_degmin" class="src_coord">
                                <div id="src_coord_degmin_x" class="coord_left">
                                    <p class="formtext">x-coordinate (longitude/easting)</p>
                                    <p>Grad <input type="text" id="src_x_deg" value="" class="field70" />
                                       Minute <input type="text" id="src_x_min" value="" class="field70" />
                                    </p>
                                    <p id="example_coord_x" class="example_coord"></p>
                                </div>
                                <div id="src_coord_degmin_y" class="coord_right">
                                    <p class="formtext">y-coordinate (latitude/northing)</p>                                
                                    <p>Grad <input type="text" id="src_y_deg" value="" class="field70" />
                                       Minute <input type="text" id="src_y_min" value="" class="field70" />
                                    </p>                                    
                                    <p id="example_coord_y" class="example_coord"></p>
                                </div>
                            </div>
                        </div>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">
                            <fieldset>
                                <legend>source coordinate reference system</legend>
                                <table class="fullwidth">
                                    <tr>
                                        <td>
                                            <select id="src_type" class="field450" onchange="setSrcCRS()">
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <fieldset>
                                                <legend>ellipsoid</legend>
                                                <p id="src_ellipsoid" class="formtext"/>
                                            </fieldset>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <fieldset>
                                                <legend>map datum</legend>
                                                <p id="src_datum" class="formtext"/>
                                            </fieldset>
                                        </td>
                                    </tr>
                                </table>
                            </fieldset>
                        </td>
                    </tr>
                    <!-- Spacing Start -->
                    <tr class="btm">
                        <td id="redNoteCell" class="redNote">&nbsp;</td>
                    </tr>
                    <!-- Spacing End -->
                    <tr>
                        <td align="center"><input type="button" name="submit" value="transform" onclick="transform();" /></td>
                    </tr>
                    <!-- Spacing Start -->
                    <tr class="btm">
                        <td>&nbsp;</td>
                    </tr>
                    <!-- Spacing End -->
                    <tr>
                        <td id="target_coords">
                        <div id="target_coord_box">
                            <div id="target_coord_dec" class="target_coord">
                                <div id="target_coord_dec_x" class="coord_left">
                                    <p class="formtext">x-coordinate (longitude/easting)</p>
                                    <input type="text" id="target_x" readonly="readonly" class="field190" />
                                    <p id="example_coord_x" class="example_coord"></p>
                                </div>
                                <div id="target_coord_dec_y" class="coord_right">
                                    <p class="formtext">y-coordinate (latitude/northing)</p>
                                    <input type="text" id="target_y" readonly="readonly" class="field190" />
                                    <p id="example_coord_y" class="example_coord"></p>
                                </div>
                            </div>
                             <div id="target_coord_degminsec" class="target_coord">
                                <div id="target_coord_degminsec_x">
                                    <p class="formtext">x-coordinate (longitude/easting)</p>
                                    <p>Grad <input type="text" id="target_x_deg" value="" readonly="readonly" class="field70" />
                                       Minute <input type="text" id="target_x_min" value="" readonly="readonly" class="field70" />
                                       Sekunde <input type="text" id="target_x_sec" value="" readonly="readonly" class="field70" />
                                    </p>
                                    <p id="example_coord_x" class="example_coord"></p>
                                </div>
                                <div id="target_coord_degminsec_y">
                                    <p class="formtext">y-coordinate (latitude/northing)</p>    
                                    <p>Grad <input type="text" id="target_y_deg" value="" readonly="readonly" class="field70" />
                                       Minute <input type="text" id="target_y_min" value="" readonly="readonly" class="field70" />
                                       Sekunde <input type="text" id="target_y_sec" value="" readonly="readonly" class="field70" />
                                    </p>
                                    <p id="example_coord_y" class="example_coord"></p>
                                </div>
                            </div>
                            <div id="target_coord_degmin" class="target_coord">
                                <div id="target_coord_degmin_x" class="coord_left">
                                    <p class="formtext">x-coordinate (longitude/easting)</p>
                                    <p>Grad <input type="text" id="target_x_deg" value="" readonly="readonly" class="field70" />
                                       Minute <input type="text" id="target_x_min" value="" readonly="readonly" class="field70" />
                                    </p>
                                    <p id="example_coord_x" class="example_coord"></p>
                                </div>
                                <div id="target_coord_degmin_y" class="coord_right">
                                    <p class="formtext">y-coordinate (latitude/northing)</p>    
                                    <p>Grad <input type="text" id="target_y_deg" value="" readonly="readonly" class="field70" />
                                       Minute <input type="text" id="target_y_min" value="" readonly="readonly" class="field70" />
                                    </p>
                                    <p id="example_coord_y" class="example_coord"></p>
                                </div>
                            </div>
                        </div>
                        </td>
                    </tr>
                    <tr>
                        <td valign="top">
                            <fieldset>
                                <legend>target coordinate reference system</legend>
                                <table class="fullwidth">
                                    <tr>
                                        <td>
                                            <select id="target_type" class="field450" onchange="setTargetCRS();">
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <fieldset>
                                                <legend>ellipsoid</legend>
                                                <p id="target_ellipsoid" class="formtext"/>
                                            </fieldset>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <fieldset>
                                                <legend>map datum</legend>
                                                <p id="target_datum" class="formtext"/>
                                            </fieldset>
                                        </td>
                                    </tr>
                                </table>
                            </fieldset>
                        </td>
                    </tr>
                    <!--
                    <tr>
                    	<td align="left">
                    		<fieldset>
                    			<legend>Transformationsart</legend>
	                    		<input type="radio" name="Transformation" value="Helmert" checked="checked">7-Parameter-Transformation (Helmert)<br>
	   											<input type="radio" name="Transformation" value="NTV2">Beta2007 (NTv2)<br>
	   										</fieldset>
                    	</td>
                    </tr>
                    -->
                    <!-- Spacing Start -->
                    <tr class="btm">
                        <td>&nbsp;</td>
                    </tr>
                    <!-- Spacing End -->
                </table>
            </div>
        </div>
    </body>
</html>