s
s
Sections
Sections
Subscribe

Camp Guide

<div id="cb150210009950c97d0e1c46ed8e1e"><a href="http://www.caspio.com" target="_blank">Online Database</a> by Caspio</div>

<script type="text/javascript" src="http://b2.caspio.com/scripts/e1.js"></script>

<script type="text/javascript" language="javascript">try{f_cbload("150210009950c97d0e1c46ed8e1e","http:");}catch(v_e){;}</script>

<div id="cxkg"><a href="http://b2.caspio.com/dp.asp?AppKey=150210009950c97d0e1c46ed8e1e">Click here</a> to load this Caspio <a href="http://www.caspio.com" title="Online Database">Online Database</a>.</div>

<h3>Where is the camp located? </h3>

Try this interactive map!

<em><strong>DIRECTIONS:</strong> Click the markers for more info about each location. Use the drop-down menu below the map to sort by type of camp. Please note: To show all the icons again after looking at sorted results, you'll need to refresh the page. The colored labels above the map show camp type, but are not interactive. </em>

<img src="http://www.pressdemocrat.com/assets/jpg/SR26536412.JPG" alt="Map Key" width="400" height="26">

<style>

#map-canvas { width:400px; height:600px; }

</style>

<script type="text/javascript"

src="http://maps.google.com/maps/api/js?sensor=false">

</script>

<script type="text/javascript">

var map;

var layerl0;

function initialize() {

map = new google.maps.Map(document.getElementById('map-canvas'), {

center: new google.maps.LatLng(38.54008190450579, -122.92424214843754),

zoom: 9

});

var style = [

{

featureType: 'all',

elementType: 'all',

stylers: [

{ saturation: 58 }

]

}

];

var styledMapType = new google.maps.StyledMapType(style, {

map: map,

name: 'Styled Map'

});

map.mapTypes.set('map-style', styledMapType);

map.setMapTypeId('map-style');

layerl0 = new google.maps.FusionTablesLayer({

query: {

select: "'col0'",

from: '1c_E-I4VnwaPg79VL0DRA8NEEg5m1ysWbwuG5Juk'

},

map: map,

styleId: 2,

templateId: 2

});

}

function changeMapl0() {

var searchString = document.getElementById('search-string-l0').value.replace(/'/g, "\\'");

layerl0.setOptions({

query: {

select: "'col0'",

from: '1c_E-I4VnwaPg79VL0DRA8NEEg5m1ysWbwuG5Juk',

where: "'Category' = '" + searchString + "'"

}

});

}

google.maps.event.addDomListener(window, 'load', initialize);

</script>

<div id="map-canvas"></div>

<div style="margin-top: 10px;">

<label>Filter by camp type</label>

<select id="search-string-l0" onchange="changeMapl0(this.value);">

<option value="">--Select--</option>

<option value="Sports, Fitness">Sports, Fitness</option>

<option value="Art, Music, Dance, Theater">Art, Music, Dance, Theater</option>

<option value="All-Round">All-Round</option>

<option value="Special Interest">Special Interest</option>

<option value="Religious Affiliation">Religious Affiliation</option>

<option value="Special Needs">Special Needs</option>

<option value="Academic">Academic</option>

<option value="Horses">Horses</option>

<option value="Family Camp">Family Camp</option>

</select>

</div>