<%-- $HeadURL: svn+ssh://jwilden@svn.wald.intevation.org/deegree/apps/igeoportal-standard/branches/2.5_testing/modules/wpvsclient/jsp/nav_pitch.jsp $ --%>
<%-- $Id: nav_pitch.jsp 19410 2009-08-31 08:43:59Z jmays $ --%>
<%-- 
 This file is part of deegree, http://deegree.org/
 Copyright (C) 2001-2009 by:
 - Department of Geography, University of Bonn -
 and
 - lat/lon GmbH -

 This library is free software; you can redistribute it and/or modify it under
 the terms of the GNU Lesser General Public License as published by the Free
 Software Foundation; either version 2.1 of the License, or (at your option)
 any later version.
 This library 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 Lesser General Public License for more
 details.
 You should have received a copy of the GNU Lesser General Public License
 along with this library; if not, write to the Free Software Foundation, Inc.,
 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA

 Contact information:

 lat/lon GmbH
 Aennchenstr. 19, 53177 Bonn
 Germany
 http://lat-lon.de/

 Department of Geography, University of Bonn
 Prof. Dr. Klaus Greve
 Postfach 1147, 53001 Bonn
 Germany
 http://www.geographie.uni-bonn.de/deegree/

 e-mail: info@deegree.org
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
int[] pitch = { 5, 10, 15, 20, 25, 30, 40, 60, 80 };
String title = request.getParameter( "title" );
%>
<script type="text/javascript">
<!--
	function handleSetPitch(id, p) {
		//document.getElementById( '5dg' ).style.background = '#bdbdd9';
		//document.getElementById( '10dg' ).style.background = '#bdbdd9';
		//document.getElementById( '15dg' ).style.background = '#bdbdd9';
		//document.getElementById( '20dg' ).style.background = '#bdbdd9';
		//document.getElementById( '25dg' ).style.background = '#bdbdd9';
		//document.getElementById( '30dg' ).style.background = '#bdbdd9';
		//document.getElementById( '40dg' ).style.background = '#bdbdd9';
		//document.getElementById( '60dg' ).style.background = '#bdbdd9';
		//document.getElementById( '80dg' ).style.background = '#bdbdd9';
		//document.getElementById( id ).style.background = '#FF6666';
        document.getElementById( '5dg' ).className = 'distance';
        document.getElementById( '10dg' ).className = 'distance';
        document.getElementById( '15dg' ).className = 'distance';
        document.getElementById( '20dg' ).className = 'distance';
        document.getElementById( '25dg' ).className = 'distance';
        document.getElementById( '30dg' ).className = 'distance';
        document.getElementById( '40dg' ).className = 'distance';
        document.getElementById( '60dg' ).className = 'distance';
        document.getElementById( '80dg' ).className = 'distance';
        document.getElementById( id ).className = 'distanceselected';		
		setPitch( p );
	}
//-->
</script>
<table>
    <tr>
        <td>
            <b class="mainGUI"><%= title %></b>
            <br/>
            <a id="5dg" class="distance" href="javascript:handleSetPitch( '5dg', 5 );">&nbsp;5°&nbsp;</a>
            <a id="10dg" class="distance" href="javascript:handleSetPitch( '10dg', 10 );">&nbsp;10°&nbsp;</a>
            <a id="15dg" class="distance" href="javascript:handleSetPitch( '15dg', 15 );">&nbsp;15°&nbsp;</a>
            <a id="20dg" class="distance" href="javascript:handleSetPitch( '20dg', 20 );">&nbsp;20°&nbsp;</a>
            <a id="25dg" class="distance" href="javascript:handleSetPitch( '25dg', 25 );">&nbsp;25°&nbsp;</a>
            <a id="30dg" class="distance" href="javascript:handleSetPitch( '30dg', 30 );">&nbsp;30°&nbsp;</a>
            <a id="40dg" class="distance" href="javascript:handleSetPitch( '40dg', 40 );">&nbsp;40°&nbsp;</a>
            <a id="60dg" class="distance" href="javascript:handleSetPitch( '60dg', 60 );">&nbsp;60°&nbsp;</a>
            <a id="80dg" class="distance" href="javascript:handleSetPitch( '80dg', 80 );">&nbsp;80°&nbsp;</a>
        </td>
    </tr>
</table>
    