page-maps.php

<?php
/*
Template Name: Maps & Directions 
*/
get_header(); ?>

<div class="row">
	<div class="span8 floatleft">
	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
	<div class="post content clearfix" id="post-<?php the_ID(); ?>">
		<!-- <h1>
			<?php the_title(); ?>
		</h1> -->
		<div class="entry">
			<?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?>
			<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
		</div>
	</div>
	<?php endwhile; endif; ?>
	</div>
    
	<div class="span3 floatleft">
    
	</div>
</div>

<div class="leftspacer-wrapper">
<div class="row">

    <div class="span3 floatleft maps">
    	<img src="<?php echo bloginfo('stylesheet_directory'); ?>/img/maps-hartford.jpg" alt="logo" />
        <h4 class="purpletext">Hartford</h4>
        <p>10 Prospect Street<br />
       Hartford, CT 06103</p>
        <div class="ucs-button">
        	<a href="http://about.hartford.uconn.edu/campus-map">Directions</a>
        </div>
    </div>
    
    <div class="span3 floatleft noMargLeft maps">
    	<img src="<?php echo bloginfo('stylesheet_directory'); ?>/img/maps-storrs.jpg" alt="logo" />
        <h4 class="tealtext">Storrs</h4>
        <p>337 Mansfield Road<br />
        Storrs, CT 06269</p>
        <div class="ucs-button teal-button">
        	<a href="http://uconn.edu/storrs-campus.php">Directions</a>
        </div>
    </div>
    <!--<div class="span3 floatleft noMargLeft maps">
    	<img src="<?php echo bloginfo('stylesheet_directory'); ?>/img/maps-torrington.jpg" alt="logo" />
    	<h4 class="lightbluetext">Torrington</h4>
        <p>855 University Drive<br />
        Torrington, CT 06790</p>
        <div class="ucs-button lightblue-button">
        	<a href="http://torrington.uconn.edu/about/directions.html">Directions</a>
        </div>
    </div>-->
    <div class="span3 floatleft noMargLeft maps">
    	<img src="<?php echo bloginfo('stylesheet_directory'); ?>/img/maps-waterbury.jpg" alt="logo" />
    	<h4 class="darkbluetext">Waterbury</h4>
        <p>99 East Main Street<br />
        Waterbury, CT 06702</p>
        <div class="ucs-button darkblue-button">
        	<a href="http://www.waterbury.uconn.edu/about/directions.html">Directions</a>
        </div>
    </div>
</div>
<hr />
<div class="row margin-top">
	<div class="span4 floatleft director">
    	<img src="<?php echo bloginfo('stylesheet_directory'); ?>/img/maps-google-icon.png" alt="google logo" class="no-border" />
	</div>
    
	<div class="span8 floatleft noMargLeft">
       
    
		<form name="form" action="https://maps.google.com/maps" method="get" target="_blank">
            Starting Address <input type="text" id="start" value="" onblur="calcRoute();" onkeydown="calcRoute();" name="saddr"><br />
            <p><strong>or</strong> select a starting campus:</p>
            <ul>
            	<li><input type="button" onclick="transferFieldstart('10 Prospect Street, Hartford, CT 06103'); calcRoute();" value="Hartford" class="maps-hartford-but"></li>
                <li><input type="button" onclick="transferFieldstart('337 Mansfield Road, Storrs, CT 06269'); calcRoute();" value="Storrs" class="maps-storrs-but"></li>
                <!--<li><input type="button" onclick="transferFieldstart('855 University Drive, Torrington, CT 06790'); calcRoute();" value="Torrington" class="maps-torrington-but"></li>-->
                <li><input type="button" onclick="transferFieldstart('99 East Main Street, Waterbury, CT 06702'); calcRoute();" value="Waterbury" class="maps-waterbury-but"></li>
                <li><input type="button" onclick="transferFieldstart('1084 Shennecossett Road, Groton, CT 06340'); calcRoute();" value="Avery Point" class="maps-averypoint-but"></li>		
                <li><input type="button" onclick="transferFieldstart(' 1 University Place, Stamford, CT 06901'); calcRoute();" value="Stamford" class="maps-stamford-but"></li>
            </ul>
            <br /><br /><br /><br />
           <hr class="form-hr" />
           
            Ending Address <input type="text" id="end" value="" onblur="calcRoute();" onkeydown="calcRoute();" name="daddr"> <br />
           <p><strong>or</strong> select an ending campus:</p>
           <ul>
            	<li><input type="button" onclick="transferFieldend('10 Prospect Street, Hartford, CT 06103'); calcRoute();" value="Hartford" class="maps-hartford-but"></li>
                <li><input type="button" onclick="transferFieldend('337 Mansfield Road, Storrs, CT 06269'); calcRoute();" value="Storrs" class="maps-storrs-but"></li>
                <!--<li><input type="button" onclick="transferFieldend('855 University Drive, Torrington, CT 06790'); calcRoute();" value="Torrington" class="maps-torrington-but"></li>-->
                <li><input type="button" onclick="transferFieldend('99 East Main Street, Waterbury, CT 06702'); calcRoute();" value="Waterbury" class="maps-waterbury-but"></li>
                <li><input type="button" onclick="transferFieldend('1084 Shennecossett Road, Groton, CT 06340'); calcRoute();" value="Avery Point" class="maps-averypoint-but"></li>		
                <li><input type="button" onclick="transferFieldend('1 University Place, Stamford, CT 06901'); calcRoute();" value="Stamford" class="maps-stamford-but"></li>
            </ul>
            <br /><br /><br /><br />
            
            <input type="submit" value="Get Directions" class="submit-but">
           
        </form> 
        
	</div>
    
	
</div>



</div>
<?php get_footer(); ?>