<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="com.apusic.welcome.util.*"%>
<%@ taglib uri="/WEB-INF/taglibs-i18n.tld" prefix="i18n"%>

<i18n:bundle baseName="com.apusic.welcome.i18n.index" id="bundle" locale="<%=MiscUtils.getLocale(request)%>" />

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><i18n: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/<i18n: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/<i18n: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"><i18n: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="/admin"><i18n:message key="webconsole"/></a></td>
										</tr>
										<tr>
											<td height="5px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td><i18n: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.jsp"><i18n:message key="registration"/></a></td>
										</tr>
										<tr>
											<td height="5px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td><i18n:message key="registrationintro"/></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/"><i18n: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/"><i18n: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"><i18n: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"><i18n:message key="javaimplement"/></td>
										</tr>
										<tr>
											<td height="10px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i18n:message key="javaimplementintro"/><br/>
			<li>Enterprise JavaBeans(EJB) 3.1</li>
			<li>Java API for XML-Based Web Services(JAX-WS) 2.0</li>
			<li>Java Architecture for XML binding 2.2</li>
			<li>Web Services Metadata for the Java Platform 2.0</li>
			<li>SOAP with Attachments API for Java(SAAJ) 1.3</li>
			<li>Servlet 3.0</li>
			<li>Java ServerPages(JSP) 2.2</li>
			<li>Java Transaction API 1.1</li>
			<li>Java Message Service 1.1</li>
			<li>CDI for Java EE 1.0<br/></li>
			<br/></td>
										</tr>
										<tr>
											<td align="right"><img src="images/arrow.gif"/></td>
											<td></td>
											<td class="style3"><i18n:message key="otherfeature"/></td>
										</tr>
										<tr>
											<td height="10px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td class="style4"><i18n:message key="feature4"/></td>
										</tr>
										<tr>
											<td height="5px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i18n:message key="feature4intro"/></td>
										</tr>
										<tr>
											<td height="10px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td class="style4"><i18n:message key="feature3"/></td>
										</tr>
										<tr>
											<td height="5px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i18n:message key="feature3intro"/></td>
										</tr>
										<tr>
											<td height="10px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td class="style4"><i18n:message key="feature2"/></td>
										</tr>
										<tr>
											<td height="5px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i18n:message key="feature2intro"/></td>
										</tr>
										<tr>
											<td height="10px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td class="style4"><i18n:message key="feature1"/></td>
										</tr>
										<tr>
											<td height="5px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i18n: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"><i18n: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"><i18n:message key="reliability"/></td>
										</tr>
										<tr>
											<td height="10px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i18n: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"><i18n:message key="security"/></td>
										</tr>
										<tr>
											<td height="10px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i18n: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"><i18n:message key="efficient"/></td>
										</tr>
										<tr>
											<td height="10px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i18n: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"><i18n:message key="stable"/></td>
										</tr>
										<tr>
											<td height="10px" colspan="3"></td>
										</tr>
										<tr>
											<td colspan="2"></td>
											<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i18n: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;">
  						<i18n:message key="orderHotline"/><br>
 						<i18n: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;">
    					<i18n:message key="supportMail"/>&nbsp;support@apusic.com<br/>
						<i18n: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;">
    					<i18n: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>