

<script type="text/javascript" src="scripts/burgermenu.js"></script>

<script type="text/javascript" src="scripts/rightmenu_hilight.js"></script>


<div id="menu_left">
    <div class="menu_title">
        Menu
    </div>

    <div>
        <div id="burger" style="height:106px"
             onmouseover="javascript:BurgerOnMouseEnter()"
             onmouseout="javascript:BurgerOnMouseExit()">

            <img id="burger_top" style="top:60px;" class="burger_image" src="img/burger_top.png" alt="img" />
            <div id="burger_top_text" style="top:99px; opacity:0;"  class="burger_text_cont">
                <a class="burger_text" href="index.php">
                    Accueil
                </a>
            </div>

            <img id="burger_salade" style="top:90px;" class="burger_image" src="img/burger_salade.png" alt="img" />
            <div id="burger_salade_text" style="top:116px; opacity:0;" class="burger_text_cont">
                <a class="burger_text" href="index.php?page=game">
                    Jouer
                </a>
            </div>

            <img id="burger_tomate" style="top:109px;" class="burger_image" src="img/burger_tomate.png" alt="img" />
            <div id="burger_tomate_text" style="top:122px; opacity:0;" class="burger_text_cont">
                <?php
                if (isset($_SESSION["user"])) {
                    echo "<a class=\"burger_text\" href=\"index.php?page=account\">Compte</a>";
                } 
                else 
                {
                    echo "<a class=\"burger_text\" href=\"index.php?page=signup\">Inscription</a>";
                }
                ?>
            </div>


            <img id="burger_oignon" style="top:117px;" class="burger_image" src="img/burger_oignon.png" alt="img" />
            <div id="burger_oignon_text" style="top:129px; opacity:0;" class="burger_text_cont">
                <a class="burger_text" href="index.php?page=rank">
                    Classement
                </a>
            </div>

            <img id="burger_steak" style="top:125px;" class="burger_image" src="img/burger_steak.png" alt="img" />
            <div id="burger_steak_text" style="top:142px; opacity:0;" class="burger_text_cont">
                
                <?php
                if (isset($_SESSION["user"])) {
                    echo "<a class=\"burger_text\" href=\"index.php?page=logout\">Déconnexion</a>";
                } 
                else 
                {
                    echo "<a class=\"burger_text\" href=\"javascript:rightmenu_fire()\">Connexion</a>";
                }
                ?>
            </div>

            <img id="burger_bottom" style="top:134px;" class="burger_image" src="img/burger_bottom.png" alt="img" />
        </div>
    </div>
</div>