<%-- 
    Document   : menu
    Created on : 2010.02.19., 11:30:45
    Author     : Szilárd
--%>

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

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

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

<f:view>
    <html>
        <head>
            <style type="text/css">
                body{
                    position:relative;
                    margin: 0;
                    padding: 0;
                    height: auto; 
                    height: 100%; 
                    min-height:100%;
                    width: auto;
                    width: 100%;
                    min-width:100%;
                }
                .header{
                    position:relative;
                    height: 180px;
                    background-image:url("fej.jpg");
                    background-repeat: repeat-x;
                }
                .menu{
                    position:relative;
                    width: 289px;
                    float:left;
                    background-image:url("menu.jpg");
                    background-repeat: repeat-y;
                    height: 700px;
                }
                .content{
                    position:relative;
                    float:left;
                    width: 900px;
                    float:left;
                    height: 700px;
                }
                /*------------------------------------------------------------ */
                .menupanels{
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                    width: 210px; /* width of menu */
                    
                }
                .menupanels li{
                    border-bottom: 1px solid white; /* white border beneath each menu item */
                }
                .menupanels li a{
                    background: #333 url("panelright.gif") no-repeat right top; /*color of menu by default*/
                    font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
                    display: block;
                    color: white;
                    width: auto;
                    padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
                    text-indent: 18px;
                    text-decoration: none;
                    border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/

                }
                .menupanels li a:visited, .menupanels li a:active{
                    color: white;
                }
                .menupanels li a:hover{
                    background-color: black; /*color of menu onMouseover*/
                    color: white;
                    border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
                }
            </style>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <title>JSP Page</title>
        </head>
        <body>
            <div class="header">
                <h:outputText style="  margin-top: 160px" value="#{Menu.user.name} - #{Menu.user.userRole}"/>
            </div>
            <div class="menu">
                <img src="logo.jpg" alt="logo"/>
                <ul class="menupanels">
                    <li><a href="faces/listsemester.jsp" >Adatok</a></li>
                    <li><a href="faces/listsemester.jsp">Félév</a></li>
                    <li><a href="faces/listsubject.jsp">Tárgyak hírdetése</a></li>
                    <li><a href="faces/listcurrentsubject.jsp">Meghírdetett tárgyak</a></li>
                    <li><a href="faces/listthesis.jsp">Diplomamunka</a></li>
                    <li><a href="faces/listkurzus.jsp">Hallgató meghírdetett</a></li>
                    <li><a href="faces/listindex.jsp">Hallgató felvett</a></li>
                    <li><a href="faces/listindexbook.jsp">Hallgató index</a></li>
                    <li><a href="faces/listdiploma.jsp">Hallgató diplommunka téma</a></li>
                    <li><a href="faces/listkurzust.jsp">Tanár kurzusok</a></li>
                    <li><a href="faces/listthesist.jsp">Tanár diplomakiírások</a></li>
                </ul>

            </div>
            <div class="content">

                 <center>
                     <img src="welcome.jpg" alt="welcome"/>
                 </center>
            </div>
        </body>
    </html>
</f:view>

