<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.util.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" session="false"%>


<html>
<head>
    <fmt:setBundle basename="Strings"/>
    <fmt:setLocale value="<%=request.getLocale()%>" scope="application"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title><fmt:message key="title"/></title>

    <style type="text/css">

        .style1 {
            font-size: 18px;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            color: #004785;
        }

        .style2 {
            font-size: 12px;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            color: #004785;
        }

        .style3 {
            font-size: 14px;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            color: #000000;
        }

        .style4 {
            font-size: 12px;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
            color: #000000;
        }

        body {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
        }

        a:link {
            font-size: 13px;
            font-family: Arial, Helvetica, sans-serif;
            color: #004C84;
        }

        a:visited {
            font-size: 13px;
            font-family: Arial, Helvetica, sans-serif;
            color: #004C84;
        }

        a:hover {
            font-size: 13px;
            font-family: Arial, Helvetica, sans-serif;
            color: #004C84;
        }

        a:active {
            font-size: 13px;
            font-family: Arial, Helvetica, sans-serif;
            color: #004C84;
        }

        td {
            font-size: 12px;
            font-family: Arial, Helvetica, sans-serif;
            color: #000000;
        }

    </style>

    <script language="javascript">
        function resize() {
            var width = document.body.clientWidth;
            if (width < 1024) {
                document.getElementById('extern').width = '1024';
            }
            else {
                document.getElementById('extern').width = '100%';
            }
        }

        window.onload = resize;
        window.onresize = resize;
    </script>
</head>

<body>

<table width="100%" id="extern" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td><img src="images/<fmt:message key='titleImage' />" height="97px"></td>
        <td width="100%" style="background-image: url('images/head_right_filling.jpg');background-repeat: repeat-x"
            height="97px"></td>
        <td width="293px" align="right"><img src="images/<fmt:message key='titleRightImage' />" width="293px"
                                             height="97px"></td>
        <td width="37px" style="background-image: url('images/head_right_filling.jpg');background-repeat: repeat-x"
            height="97px"></td>
    </tr>
    <tr>
        <td colspan="4" valign="top" width="100%">
            <table border="0" cellpadding="0" cellspacing="0">
                <tr height="10px">
                    <td colspan="3"></td>
                </tr>
                <tr>
                    <td width="37px"></td>
                    <td>
                        <table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <tr valign="top">
                                <td width="25%">
                                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="30px"><img src="images/navigation.gif"/></td>
                                            <td width="11px"></td>
                                            <td class="style1" align="left"><fmt:message key="navigation"/></td>
                                        </tr>
                                        <tr height="6px">
                                            <td colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td align="right"><img src="images/arrow.gif"/></td>
                                            <td></td>
                                            <td class="style2"><a
                                                    href=<%=request.getScheme() + "://" + request.getServerName() + ":6848" %>><fmt:message
                                                    key="webconsole"/></a></td>
                                        </tr>
                                        <tr>
                                            <td height="5px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td><fmt:message key="webconsoleintro"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td align="right"><img src="images/arrow.gif"/></td>
                                            <td></td>
                                            <td class="style2"><a href="http://www.apusic.com/register/login.faces"><fmt:message
                                                    key="registration"/></a></td>
                                        </tr>
                                        <tr>
                                            <td height="5px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td><fmt:message key="registrationintro"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <!-- tr>
											<td align="right"><img src="images/arrow.gif"/></td>
											<td></td>
											<td class="style2"><a href="http://infocenter.apusic.com/"><i18n:message key="infocenter"/></a></td>
										</tr>
										<tr>
											<td height="5px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td><i18n:message key="infocenterintro"/></td>
										</tr>
										<tr>
											<td height="10px" colspan="3"></td>
										</tr-->
                                        <tr>
                                            <td height="30px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td><a href="http://www.apusic.com/"><fmt:message key="apusic"/></a></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td><a href="http://www.kingdee.com/"><fmt:message key="kingdee"/></a></td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="45%">
                                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="30px"><img src="images/new.gif"/></td>
                                            <td width="11px"></td>
                                            <td class="style1" align="left"><fmt:message key="newfeature"/></td>
                                        </tr>
                                        <tr height="6px">
                                            <td colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td align="right"><img src="images/arrow.gif"/></td>
                                            <td></td>
                                            <td class="style3"><fmt:message key="javaimplement"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<fmt:message
                                                    key="javaimplementintro"/><br/>
                                                <li>Enterprise JavaBeans(EJB) 3.2</li>
                                                <li>Java API for XML-Based Web Services(JAX-WS) 2.1</li>
                                                <li>Java Architecture for XML binding 2.2</li>
                                                <li>Web Services Metadata for the Java Platform 2.1</li>
                                                <li>SOAP with Attachments API for Java(SAAJ) 1.3</li>
                                                <li>Servlet 4.0</li>
                                                <li>Java ServerPages(JSP) 2.3</li>
                                                <li>Java Transaction API 1.2</li>
                                                <li>Java Message Service 2.0</li>
                                                <li>CDI for Java EE 2.0<br/></li>
                                                <br/></td>
                                        </tr>
                                        <tr>
                                            <td align="right"><img src="images/arrow.gif"/></td>
                                            <td></td>
                                            <td class="style3"><fmt:message key="otherfeature"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td class="style4"><fmt:message key="feature4"/></td>
                                        </tr>
                                        <tr>
                                            <td height="5px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<fmt:message key="feature4intro"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td class="style4"><fmt:message key="feature3"/></td>
                                        </tr>
                                        <tr>
                                            <td height="5px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<fmt:message key="feature3intro"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td class="style4"><fmt:message key="feature2"/></td>
                                        </tr>
                                        <tr>
                                            <td height="5px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<fmt:message key="feature2intro"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td class="style4"><fmt:message key="feature1"/></td>
                                        </tr>
                                        <tr>
                                            <td height="5px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<fmt:message key="feature1intro"/></td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30%">
                                    <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td width="30px"><img src="images/advanced.gif"/></td>
                                            <td width="11px"></td>
                                            <td class="style1" align="left"><fmt:message key="advanced"/></td>
                                        </tr>
                                        <tr height="6px">
                                            <td colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td align="right"><img src="images/arrow.gif"/></td>
                                            <td></td>
                                            <td class="style3"><fmt:message key="reliability"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<fmt:message key="reliabilityintro"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td align="right"><img src="images/arrow.gif"/></td>
                                            <td></td>
                                            <td class="style3"><fmt:message key="security"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<fmt:message key="securityintro"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td align="right"><img src="images/arrow.gif"/></td>
                                            <td></td>
                                            <td class="style3"><fmt:message key="efficient"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<fmt:message key="efficientintro"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td align="right"><img src="images/arrow.gif"/></td>
                                            <td></td>
                                            <td class="style3"><fmt:message key="stable"/></td>
                                        </tr>
                                        <tr>
                                            <td height="10px" colspan="3"></td>
                                        </tr>
                                        <tr>
                                            <td colspan="2"></td>
                                            <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<fmt:message key="stableintro"/></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td width="37px"></td>
                </tr>
                <tr height="10px">
                    <td colspan="3"></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="4" height="50px" style="background-image: url('images/bottom.jpg'); background-repeat: repeat-x">
            <table width="100%" height="100%" border="0" cellpadding="5" cellspacing="1" style="margin-left:20px;">
                <tr>
                    <td width="28%" valign="center">
    					<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;">
  						<fmt:message key="orderHotline"/><br>
 						<fmt:message key="supportHotline"/>
 						</span>
                    </td>
                    <td width="3%"></td>
                    <td width="32%" valign="center">
    					<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;">
    					<fmt:message key="supportMail"/>&nbsp;support@apusic.com<br/>
						<fmt:message key="contact"/>
						</span>
                    </td>
                    <td width="10%"></td>
                    <td width="22%" valign="center">
    					<span style="font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;">
    					<fmt:message key="copyright"/><br/>
						<a href="http://www.apusic.com/" style="text-decoration:none "><font
                                style="font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF ">http://www.apusic.com</font></a>
    					</span>
                    </td>
                    <td width="3%"></td>
                </tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>