// This file contains the links for the Topic Bar box of the homepage.
// All links for javascript menues in the 'javascript' folder should be absolute (image and/or URL).
// To maintain XHTML strict standards, all quotes (") are preceded by a NECESSARY backslash (\").

    // The first line sets up the table that holds the links
        document.write("<table class=\"topicbar\">");

        // The second line sets up the table row that holds the top 8 boxes
            document.write("<tr>");

            // The links are put in here, the class of the td (ltblue or dkblue) sets the background
            // colour of the cell, and make sure that every second cell has a width of 13% instead of
            // 12%. The colour switches in the second row, but NOT the width! Make sure that all
            // quotes (") are preceded with a backslash and that all ampersands (&) in the link
            // titles are written as (&amp;).
                document.write("<td class=\"ltblue\" style=\"width: 12%;\"><a href=\"http://www.pep.bc.ca/hazard_preparedness/National_Security.html\" target=\"_parent\">National<br>Security</a></td>");
                document.write("<td class=\"dkblue\" style=\"width: 13%;\"><a href=\"http://www.pep.bc.ca/hazard_preparedness/Personal_Safety.html\" target=\"_parent\">Emergency<br>Preparedness</a></td>");
                document.write("<td class=\"ltblue\" style=\"width: 12%;\"><a href=\"http://www.pep.bc.ca/hazard_preparedness/weather_forecast.html\" target=\"_parent\">Weather<br>Forecast</a></td>");
                document.write("<td class=\"dkblue\" style=\"width: 13%;\"><a href=\"http://www.pep.bc.ca/hazard_preparedness/road_conditions.html\" target=\"_parent\">Road<br>Conditions</a></td>");
                document.write("<td class=\"ltblue\" style=\"width: 12%;\"><a href=\"http://www.weatheroffice.pyr.ec.gc.ca/icbctravelalert/dtables_e.html\" target=\"_blank\">Driving<br>Alerts</a></td>");
                document.write("<td class=\"dkblue\" style=\"width: 13%;\"><a href=\"http://orca.bcferries.com:8080/cc/conditions/\" target=\"_blank\">Ferry<br>Reports</a></td>");
                document.write("<td class=\"ltblue\" style=\"width: 12%;\"><a href=\"http://www.pep.bc.ca/hazard_preparedness/power_supply.html\" target=\"_parent\">Power<br>Supply</a></td>");
                document.write("<td class=\"dkblue\" style=\"width: 13%;\"><a href=\"http://www.pep.bc.ca/hazard_preparedness/health_alerts.html\" target=\"_parent\">Health<br>Alerts</a></td>");

        // Close the first table row and open the second row
            document.write("</tr>");
            document.write("<tr>");

            // The second row of links
                document.write("<td class=\"dkblue\" style=\"width: 12%;\"><a href=\"http://www.pep.bc.ca/hazard_preparedness/911_Emergency_Calls.pdf\" target=\"_parent\">Emergency<br>Calls</a></td>");
                document.write("<td class=\"ltblue\" style=\"width: 13%;\"><a href=\"http://www.pep.bc.ca/hazard_preparedness/air_quality.html\" target=\"_parent\">Air<br>Quality</a></td>");
                document.write("<td class=\"dkblue\" style=\"width: 12%;\"><a href=\"http://www.pep.bc.ca/hazard_preparedness/water_supply.html\" target=\"_parent\">Water<br>Supply</a></td>");
                document.write("<td class=\"ltblue\" style=\"width: 13%;\"><a href=\"http://www.weatheroffice.gc.ca/marine/index_e.html\" target=\"_blank\">Marine<br>Weather</a></td>");
                document.write("<td class=\"dkblue\" style=\"width: 12%;\"><a href=\"http://www.pep.bc.ca/hazard_preparedness/travel_advisories.html\" target=\"_parent\">Travel<br>Advisory</a></td>");
                document.write("<td class=\"ltblue\" style=\"width: 13%;\"><a href=\"http://www.pep.bc.ca/hazard_preparedness/Emergency_Training.html\" target=\"_parent\">Emergency<br>Training</a></td>");
                document.write("<td class=\"dkblue\" style=\"width: 12%;\"><a href=\"http://www.pep.bc.ca/hazard_preparedness/fire_safety.html\" target=\"_parent\">Fire<br>Safety</a></td>");
                document.write("<td class=\"ltblue\" style=\"width: 13%;\"><a href=\"http://www.tc.gc.ca/marinesafety/tp/tp511/menu.htm\" target=\"_blank\">Boating<br>Safety</a></td>");

    // The last two lines close the table row and close the table
            document.write("</tr>");
        document.write("</table>");