<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<%--
    This file is an entry point for JavaServer Faces application.
--%>
<f:view>
    <html>
        <head>
            <link type="text/css" rel="stylesheet" href="styles.css"/>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title><h:outputText value="#{msgs.title}"/></title>
        </head>
        <body>
            <div class="container">
                <h:form>
                
                    <div class="banner"> 
                        <h:outputText value="#{msgs.headerWelcome}" styleClass="bannerText"/>
                    </div>  
                    <hr/>
                    <br/>
                    <h:panelGrid columns="2">
                        <h:panelGroup>
                            <div class="menu"><h:outputText value="#{msgs.menu}" 
                                                                styleClass="heading"/>
                                
                                
                                <h:commandLink action="primer1" >
                                    <a4j:support event="onmouseover" id="a1"
                                                 actionListener="#{backingWelcome.setOutput}"
                                                 reRender="ta"/>
                                    
                                    <h:outputText  value="#{msgs.link1}"/>
                                </h:commandLink>
                                
                                
                                
                                <h:commandLink action="primer2" >
                                    <a4j:support event="onmouseover" id="a2"
                                                 actionListener="#{backingWelcome.setOutput}"
                                                 reRender="ta"/>
                                    <h:outputText value="#{msgs.link2}"/>
                                </h:commandLink>
                                
                                
                                
                                <h:commandLink action="primer3">
                                    <a4j:support event="onmouseover" id="a3"
                                                 actionListener="#{backingWelcome.setOutput}"
                                                 reRender="ta"/>
                                    <h:outputText value="#{msgs.link3}"/>
                                </h:commandLink>
                                
                                
                                <h:commandLink action="primer4">
                                    <a4j:support event="onmouseover" id="a4"
                                                 actionListener="#{backingWelcome.setOutput}"
                                                 reRender="ta"/>
                                    <h:outputText value="#{msgs.link4}"/>
                                </h:commandLink>
                                
                                
                                <h:commandLink action="primer5">
                                    <a4j:support event="onmouseover" id="a5"
                                                 actionListener="#{backingWelcome.setOutput}"
                                                 reRender="ta"/>
                                    <h:outputText value="#{msgs.link5}"/>
                                </h:commandLink>
                                
                                
                                <h:commandLink action="primer6">
                                    <a4j:support event="onmouseover" id="a6"
                                                 actionListener="#{backingWelcome.setOutput}"
                                                 reRender="ta"/>
                                    <h:outputText value="#{msgs.link6}"/>
                                </h:commandLink>
                                
                                
                                <h:commandLink action="primer7">
                                    <a4j:support event="onmouseover" id="a7"
                                                 actionListener="#{backingWelcome.setOutput}"
                                                 reRender="ta"/>
                                    <h:outputText value="#{msgs.link7}"/>
                                </h:commandLink>
                                
                            </div>
                        </h:panelGroup>
                       
                       <h:inputTextarea id="ta" value="#{backingWelcome.txt}" rows="3" cols="40"
                                        styleClass="textAreaStyle" readonly="true"/>
                        
                        </h:panelGrid>
                </h:form>
                <br/>
                <div class="footer">&copy;2008 Šerić Ivan</div>
            </div>
        </body>
    </html>
</f:view>