<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
A Metaphorical Deep Breath - Admin
</title><!-- JQuery Imports -->
<script type="text/javascript" src="js/jquery/jquery-1.4.2.min.js">
</script>
<script type="text/javascript" src="js/jquery/jquery.blockui.js">
</script>
<script type="text/javascript" src="js/jquery/jquery.layout.min-1.2.0.js">
</script>
<script type="text/javascript" src="js/jquery/jquery-ui-1.8.custom.min.js">
</script>
<script type="text/javascript" src="js/jquery/jwysiwyg/jquery.wysiwyg.js">
</script>
<script src="js/jquery/jquery.pwi/js/jquery.slimbox2/jquery.slimbox2.js" type="text/javascript"></script>
<script src="js/jquery/jquery.pwi/js/jquery.pwi.js" type="text/javascript"></script>
<script type="text/javascript" src=
"http://maps.google.co.uk/maps?file=api&v=2&key=ABQIAAAAtN4hECGudqg6epgOA2ksuBRTuAA4jwnjEFdxJeOOthBDmzmzlBR2rYXU8_Qw4xI1UGWOcyhsHIuRKQ">
</script><!-- Local Application Javascript -->
<script type="text/javascript" src="js/app/mdb.util.js">
</script>
<script type="text/javascript" src="js/app/mdb.layout.js">
</script>
<script type="text/javascript" src="js/app/mdb.map.js">
</script>
<script type="text/javascript" src="js/app/mdb.locations.js">
</script>
<script type="text/javascript" src="js/app/mdb.routes.js">
</script>
<script type="text/javascript" src="js/app/mdb.journals.js">
</script>
<script type="text/javascript" src="js/app/mdb.trips.js">
</script>
<!-- Style Sheets -->
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link href="js/jquery/jquery.pwi/css/pwi.css" rel="stylesheet" type="text/css"/>
<link href="js/jquery/jquery.pwi/js/jquery.slimbox2/jquery.slimbox2.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" href="css/dark-hive/jquery-ui-1.8.custom.css" />
<link rel="stylesheet" type="text/css" href="js/jquery/jwysiwyg/jquery.wysiwyg.css" />
<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
$.initialiseUtils();
$.blockUI({message: 'Loading ...',css: blockUI_progress});
$.layoutUI();
$.initialiseMap();
$.initialiseTrips();
$.unblockUI();
});
//]]>
</script>
<style type="text/css">
/*<![CDATA[*/
div.c3 {display:none;}
img.c2 {height: 20px; border: 0; margin-bottom: -5px;}
div.c1 {height: 35px; padding-top: 10px; padding-left: 10px;font-size: 15px; font-weight: bold;}
/*]]>*/
</style>
</head>
<body>
<div class="ui-layout-north c1">
<div class="upper-left-nav">
A Metaphorical Deep Breath<br />
Trip Planner
</div>
<div class="upper-right-nav">
Trip: <select id="trip-select" class="trip-select">
</select>
</div>
</div>
<div class="ui-layout-center ui_tabs" id="center-tabs">
<ul>
<li>
<a href="#map">Map</a>
</li>
<li>
<a href="#list">Location List</a>
</li>
<li>
<a href="#directions">Directions</a>
</li>
<li>
<a href="#journal_view">Journal Entry</a>
</li>
</ul>
<div id="map"></div>
<div id="directions"></div>
<div id="list"></div>
<div id="journal_view">
<div id="journal_view_name"> </div>
<div id="journal_view_posted"> </div>
<div id="photo_container"> </div>
<div id="journal_map"> </div>
<div id="journal_view_journal"> </div>
</div>
</div>
<div class="ui-layout-west ui_tabs" id="east-tabs">
<ul>
<li>
<a href="#east-tabs-1" title='Locations'><img src=
'http://google-maps-icons.googlecode.com/files/home.png' class="c2" alt="Image" /></a>
</li>
<li>
<a href="#east-tabs-2" title='Routes'><img src=
'http://google-maps-icons.googlecode.com/files/right.png' class="c2" alt="Image" /></a>
</li>
<li>
<a href="#east-tabs-4" title='Journal'><img src=
'http://google-maps-icons.googlecode.com/files/library.png' class="c2" alt="Image" /></a>
</li>
<li>
<a href="#east-tabs-3" title='Admin'><img src=
'http://google-maps-icons.googlecode.com/files/mine.png' class="c2" alt="Image" /></a>
</li>
</ul>
<div id="east-tabs-1">
<button id="show-form-add-point"><img src=
'http://google-maps-icons.googlecode.com/files/home.png' class="c2" alt="Image" />Add
Location</button><br/><br/>
<select id="select-location-type">
<option selected="selected">
All
</option>
<option>
Accomodation
</option>
<option>
Booked
</option>
<option>
Restaurant
</option>
<option>
Camping
</option>
<option>
POI
</option>
</select>
<ul class='list' id="location_list"></ul>
</div>
<div id="east-tabs-2">
<button id="show-form-add-route"><img src=
'http://google-maps-icons.googlecode.com/files/right.png' class="c2" alt="Image" />Add
Route</button>
<ul class='list' id="route_list"></ul>
</div>
<div id="east-tabs-3">
<ul class='list' id="util_list">
<li id='showall'>Zoom to Bounds</li>
<li id='show-form-manage-trips'>Manage Trips</li>
</ul>
</div>
<div id="east-tabs-4">
<button id="show-form-add-journal"><img src=
'http://google-maps-icons.googlecode.com/files/library.png' class="c2" alt="Image" />Add
Journal</button>
<ul class='list' id="journal_list"></ul>
</div>
</div>
<!--- Forms -->
<div id="form-add-point">
<form id="add-point" action="location/save" method="post" name="add-point">
<input type="hidden" name="location_id" value="" id="location_id" />
<div class="error c3"></div>
<div class="input">
<label for="name">Location Name</label> <input type="text" name="name" id="name" value=
"" />
</div>
<div class="input">
<label for="address">Address</label> <input type="text" name="address" id="address"
value="" />
</div>
<div class="input">
<label for="url">URL</label> <input type="text" name="url" id="url" value="" />
</div>
<div class="input">
<label for="phone">Phone No</label> <input type="text" name="phone" id="phone" value=
"" />
</div>
<div class="input">
<label for="type">Type</label> <select class="type_select" name="type" id="type">
<option selected="selected">
Accomodation
</option>
<option>
Booked
</option>
<option>
Restaurant
</option>
<option>
Camping
</option>
<option>
POI
</option>
</select>
</div>
</form>
</div>
<div id="form-add-route">
<form id="add-route" action="route/save" method="post" name="add-route">
<input type="hidden" name="route_id" value="" id="route_id" />
<div class="error c3"></div>
<div class="input">
<label for="description">Description</label> <input type="text" name="description" id=
"description" value="" />
</div>
<div class="input">
<label for="start_location_id">Start</label> <select class="location_select" name=
"start_location_id" id="start_location_id">
</select>
</div>
<div class="input">
<label for="end_location_id">End</label> <select class="location_select" name=
"end_location_id" id="end_location_id">
</select>
</div>
</form>
</div>
<!--- Forms -->
<div id="form-add-journal">
<form id="add-journal" action="journal/save" method="post" name="add-journal">
<input type="hidden" name="journal_id" value="" id="journal_id" />
<table style="width: 100%; ">
<tr>
<td style="width: 45%; padding-right: 10px;">
<div class="input">
<label for="name">Journal Name</label> <input type="text" name="name" id="name" value="" />
</div>
</td>
<td style="width: 45%">
<div class="input">
<label for="album">Picassa Album</label> <input type="text" name="album" id="album" value="" />
</div>
</td>
</tr>
<td style="width: 45%; padding-right: 10px;">
<div class="input">
<label for="journal_type">Link To:</label> <select class="journal_type_select" name="journal_type" id="journal_type">
<option value="Location" SELECTED>Location</option>
<option value="Route">Route</option>
</select>
</div>
</td>
<td>
<div class="input" id="journal_location_select">
<label for="location_id">Location</label> <select class="location_select" name="location_id" id="location_id">
</select>
</div>
<div class="input" id="journal_route_select">
<label for="route_id">Route</label> <select class="route_select" name="route_id" id="route_id">
</select>
</div>
</td>
</tr>
</tr>
<td colspan="2" >
<div class="input">
<label for="journal">Journal</label><textarea class="journal_editor" id="journal"></textarea>
</div>
</td>
</tr>
</tr>
<td colspan="2" >
<div class="input">
<label for="posted">Posted</label><input type="text" name="posted" id="posted" value="" />
</div>
</td>
</tr>
</table>
</form>
</div>
<div id="form-manage-trips">
<table style="width: 100%">
<tr>
<td style="width: 260px; padding-right: 45px;valign: top;">
<h5>Trip List</h6>
<ul class='list' id="trip_list"></ul>
<button id="add-new-trip"><img src=
'http://google-maps-icons.googlecode.com/files/library.png' class="c2" alt="Image" />Add
Trip</button>
</td>
<td style="vertical-align: top;">
<h5>Trip Editor</h6>
<form id="add-trip" action="trip/save" method="post" name="add-trip">
<input type="hidden" name="trip_id" value="" id="trip_id" />
<div class="error c3"></div>
<div class="input">
<label for="name">Trip Name</label> <input type="text" name="name" id="name" value=
"" />
</div>
<div class="input">
<label for="trip_date">Trip Date</label><input type="text" name="trip_date" id="trip_date" value="" />
</div>
</form>
<button id="save-trip">Save New Trip</button>
</td>
</tr>
</table>
</div>
</body>
</html>