<%@ attribute name="floatClass" %>

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


<f:loadBundle var="bundle" basename="tvark.Resources"/>
<%@ attribute name="step" deferredValue="true" required="true" %>

<f:view>
<html>
    <head>

    	<base href="${pageContext.request.scheme}://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/" />
        <title> 
            <h:outputText value="#{bundle.title}" />
        </title>

        <link rel="stylesheet" type="text/css" href="css/styles.css" />
        <script type="text/javascript" src="js/scripts.js"></script>             
    </head>

    <body>
        <h:form enctype="multipart/form-data">
            <h:panelGroup styleClass="topImage" />
          
          	    
                      
            <h:panelGroup styleClass="steps">
                <h:commandLink action="upload" immediate="true">
                    <h:outputText value="#{bundle.steps}" />
                </h:commandLink>   
              <br>        
              
                <h:outputText value="#{bundle.pagzings}" />
             
                <h:outputText value=" " />
               		<h:commandLink action="goto_1" target="_blank" immediate="true">
                    	<h:outputText value="1." styleClass="#{step == 1 ? 'active' : ''}"/>
					</h:commandLink>
                <h:outputText value=" " />
	                <h:commandLink action="goto_2" target="_blank" immediate="true">
	               		<h:outputText value="2." styleClass="#{step == 2 ? 'active' : ''}" />
	                </h:commandLink>
                <h:outputText value=" " />
	                <h:commandLink action="goto_3" target="_blank" immediate="true">
	                	<h:outputText value="3." styleClass="#{step == 3 ? 'active' : ''}" />
	                </h:commandLink>
                <h:outputText value=" " />
	                <h:commandLink action="goto_4" target="_blank" immediate="true">
	                	<h:outputText value="4." styleClass="#{step == 4 ? 'active' : ''}" />
	                </h:commandLink>
                <h:outputText value=" " />
	                <h:commandLink action="goto_5" target="_blank" immediate="true">
	                	<h:outputText value="5." styleClass="#{step == 5 ? 'active' : ''}" />
	                </h:commandLink>
                <h:outputText value=" " />
            </h:panelGroup>
            
            <h:panelGroup styleClass="#{facesContext.viewRoot.viewId == '/results.jsp' ? 'float-big' : 'float'}">    
	                   
	            <h:messages layout="table" /> 
	            <jsp:doBody /> 
	
            </h:panelGroup>
           
        </h:form>
    </body>
</html>
</f:view>