Jdog

<html>
<head>
    <script>
        function hideElementsByClass(className)
        {
            var all = document.all ? document.all : document.getElementsByTagName('div');
            for (var e = 0; e < all.length; e++)
                if (all[e].className == className)
                    all[e].style.display = "none";
            return;
        }

        function show(divName)
        {
            var page=document.getElementById(divName);
            hideElementsByClass(page.className);
            page.style.display = "block";
            return true;
        }
    </script>
    <style>
        body
        {
            background-color: #000;
            color: #FFF;
        }

        span
        {
            color: #0FF;
        }

        ul
        {
            list-style-type: none;
        }

        li
        {
            list-style-type: none;
            float: left;
        }

        li a
        {
            padding: 8px;
            background-color: #222;
            color: #FFF;
            margin-right: 0px;
            font-family: "Verdana";
            font-size: 12px;
            font-weight: bold;
            text-align: center;
        }

        li a:hover
        {
            padding: 8px;
            background-color: #444;
            color: #FFF;
            margin-right: 0px;
            font-family: "Verdana";
            font-size: 12px;
            font-weight: bold;
            text-align: center;
        }

        #wrapper
        {
            width: 800px;
            margin: 20 auto;
        }

        #header
        {
            width: 800px;
            height: 100px;
            margin: 0 auto;
        }

        #header-text
        {
            font-family: "Verdana";
            font-size: 42px;
            font-weight: bold;
            text-align: center;
            padding: 30px;
        }

        #menu
        {
            width: 800px;
            height: 30px;
            margin: 0 auto;
        }

        #content
        {
            width: 800px;
            height: 400px;
            margin: -7 auto;
            border: 1px #444 solid;
        }

        #content-text
        {
            padding: 5px;
        }

        #footer
        {
            width: 800px;
            height: 30px;
            margin: 15 auto;
        }

        #copyright
        {
            font-family: "Verdana";
            font-size: 10px;
            font-weight: bold;
            text-align: center;
        }
    </style>
</head>
<body>
<div id="wrapper">
    <div id="header">
        <div id="header-text">
            <span>Jdog's</span> Website
        </div>
    </div>


    <div id="menu">
        <ul>
            <li><a onclick="return show('home')">Home</a></li>
            <li><a onclick="return show('TheBlog')">Blog</a></li>
        </ul>
    </div>


    <div id="content">
        <div id="content-text">
            <div class="page" id="home">
                //Home stuff here.
            </div>

            <div class="page" id="TheBlog">
                <?Blog?>
            </div>
        </div>
    </div>


    <div id="footer">
        <div id="copyright">
            copyright &copy; 2014 - all rights reserved
        </div>
    </div>
</div>
</body>
</html>