index.php

<html>
    <head>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
        <link href='http://fonts.googleapis.com/css?family=Warnes&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/style.css">
        <script type="text/javascript" src="js/functions.js"></script>
    </head>

    <body onload="checkColourPref()">

        <!--"Navigation"-->
        <ul id="nav">
            <li><a href="#" id="button" onclick="startTimer();" >Start</a></li>
            <li><a href="#" onclick="stopTimer();" >Stop</a></li>

            <ul class="pagecolour"><li>
                <a href="#">Colour</a><ul>
                <li><a href="#" style="color:orange" onclick="setPageColour('Orange');" >Orange</a></li>
                <li><a href="#" style="color:red" onclick="setPageColour('Red');" >Red</a></li>
                <li><a href="#" style="color:green" onclick="setPageColour('Green');">Green</a></li>
                <li><a href="#" style="color:purple" onclick="setPageColour('Purple');">Purple</a></li>
                <li><a href="#" style="color:blue" onclick="setPageColour('Blue');">Blue</a></li></ul>
            </li></ul>
        </ul>


        <!--"Timer Display"-->
        <div id="timer" class="inset-text" ></div>

    </body>
</html>