/*
   header
*/
document.writeln("<h1>"+eval(tripID).tripname+"</h1>");
/*
   summary box
*/
document.writeln('<div class="summary">');
document.writeln("<p>"+eval(tripID).summary+"</p>");
document.writeln("</div>");
/*
   basic data box
*/
document.writeln('<div class="basicdata">');
document.writeln("<table>");
document.writeln("<tr><th>Seasons</th><td>"+eval(tripID).basicdata.seasons+"</td></tr>");
document.writeln("<tr><th>Location</th><td>"+eval(tripID).basicdata.loc+"</td></tr>");
document.writeln("<tr><th>Noteworthy Features</th><td>"+eval(tripID).basicdata.features+"</td></tr>");
document.writeln("<tr><th>Best Map</th><td>"+eval(tripID).basicdata.bestmap+"</td></tr>");
document.writeln('<tr><th>Online Map</th><td><a href="'+eval(tripID).mapURL+'">Topozone map</a></td></tr>');
document.writeln("<tr><th>Time</th><td>"+eval(tripID).basicdata.time+"</td></tr>");
document.writeln("<tr><th>Jurisdiction</th><td>"+eval(tripID).basicdata.jurisdiction+"</td></tr>");
document.writeln("<tr><th>Info Contact</th><td>"+eval(tripID).basicdata.contact+"</td></tr>");
document.writeln("<tr><th>Special Recommendations</th><td>"+eval(tripID).basicdata.special+"</td></tr>");
document.writeln("</table>");
document.writeln("</div>");