[% main_image = 'img-9.jpg' %]
<script type="text/javascript">

function changeContent(id)
{
 document.getElementById('newjerseytab').style.backgroundColor = '#CCC';
 document.getElementById('newyorktab').style.backgroundColor = '#CCC';
 document.getElementById('byziptab').style.backgroundColor = '#CCC';
 document.getElementById('newjersey').style.display = 'none';
 document.getElementById('newyork').style.display = 'none';
 document.getElementById('byzip').style.display = 'none';
 document.getElementById(id + 'tab').style.backgroundColor = '#E4E4E4';
 document.getElementById(id).style.display = 'block';
}
function selectAllOnTab(elem,tabName) {
  var form = document.getElementById('searchform');
  for (i = 0; i < form.elements.length; i++) {
    var element = form.elements[i];
    if (element.type == 'checkbox' && element !== elem) {
      if(element.parentNode.parentNode.parentNode.parentNode.parentNode.id == tabName) {
        if (elem.checked) { element.checked = true; } else { element.checked = false; }
      }
    }
  }
}

</script>


<h2 id="search">Search For Day Camp</h2> 
				<p class="intro"> To search for a camp, click on any criteria you are interested in. Leaving out any criteria will search all in that category. If you would like assistance in narrowing down your search for a day camp, register on this site and we will email you a free, customized list of camps based on your needs and those that best fit your child. <a href="/register">Click here to register</a>. If you would like free, one-on-one personal advice in finding a camp for your child, you can contact our Camper Placement Specialist Renee Flax at 212.391.5208/1.800.777.CAMP or <a href="mailto:renee@aca-nynj.org">renee@aca-nynj.org</a>. </p> 
              <div class="section-last"> 
<FORM ACTION="/search" id="searchform">
<input type="hidden" name="day_or_resident" value="f">
<h3>Region</h3>  
              <p>I am interested in the following Boroughs/Counties (Select all that interest you)</p> 
              <!--tabs--> 
       <div id="tabs">
               <ul>
				<li id="newyorktab" style="background-color: #E4E4E4; margin-left: 0"><a  onClick="changeContent('newyork');" style="cursor: pointer">New York</a></li>
				<li id="newjerseytab" ><a onClick="changeContent('newjersey');" style="cursor: pointer">New Jersey</a></li>
				<li id="byziptab"><a onClick="changeContent('byzip');" style="cursor: pointer">By Zip</a></li>

			</ul>
			<div id="newyork">
                <table width="100%"><tbody><tr>
                <td valign="TOP">
                    <input name="region" value="" type="checkbox" onclick="selectAllOnTab(this,'newyork')">Select all New York<br>
                    <input name="region" value="Manhattan" type="checkbox">Manhattan<br>
                    <input name="region" value="Brooklyn" type="checkbox">Brooklyn<br>
                    <input name="region" value="Bronx" type="checkbox">Bronx<br>
                    <input name="region" value="Queens" type="checkbox">Queens<br>
                    <input name="region" value="Staten Island" type="checkbox">Staten Island<br></td>
                <td valign="TOP">
                    <input name="region" value="Westchester County" type="checkbox">Westchester<br>
                    <input name="region" value="Rockland County" type="checkbox">Rockland<br>
                    <input name="region" value="Nassau County" type="checkbox">Nassau<br>
                    <input name="region" value="Suffolk County" type="checkbox">Suffolk<br>
                </td></tr></tbody></table>
                 </div><div id="newjersey" style="display: none;">
                <table width="100%"><tbody><tr>
                <td valign="TOP">
                    <input name="region" value="" type="checkbox" onclick="selectAllOnTab(this,'newjersey')">Select all New Jersey<br>
                    <input name="region" value="Ocean" type="checkbox">Ocean<br>
                    <input name="region" value="Hunterdon" type="checkbox">Hunterdon<br>
                    <input name="region" value="Salem" type="checkbox">Salem<br>
                    <input name="region" value="Monmouth" type="checkbox">Monmouth<br>
                </td>
                <td valign="TOP">
                    <input name="region" value="Burlington" type="checkbox">Burlington<br>
                    <input name="region" value="Essex" type="checkbox">Essex<br>
                    <input name="region" value="Passaic" type="checkbox">Passaic<br>
                    <input name="region" value="Warren" type="checkbox">Warren<br>
                    <input name="region" value="Morris" type="checkbox">Morris<br>
                </td>
                <td valign="TOP">
                    <input name="region" value="Bergen" type="checkbox">Bergen<br>
                    <input name="region" value="Camden" type="checkbox">Camden<br>
                    <input name="region" value="Sussex" type="checkbox">Sussex<br>
                    <input name="region" value="Somerset" type="checkbox">Somerset<br>
                    <input name="region" value="Atlantic" type="checkbox">Atlantic<br>
                </td>
                <td valign="TOP">
                    <input name="region" value="Cumberland" type="checkbox">Cumberland<br>
                    <input name="region" value="Middlesex" type="checkbox">Middlesex<br>
                    <input name="region" value="Gloucester" type="checkbox">Gloucester<br>
                    <input name="region" value="Mercer" type="checkbox">Mercer<br>
                    <input name="region" value="Union" type="checkbox">Union<br>
                </td></tr></tbody></table>
                 </div>
               <div id="byzip" style="display: none">

                <table width="70%"><tbody><tr>
                <td>&nbsp;&nbsp;<b>zip code</b>
                 <input type="text" name="zip" size="5" maxlength="5" style="margin-bottom: 0" />
               </td><td><b>miles to extend your search</b>
                <select name="radius">
                <option>5</option>
                <option>10</option>
                <option>20</option>
                <option>30</option>
                </select>
                </td></tr></tbody></table>

                 </div>


		</div>
<!--tabs end-->


</div>
 <div class="section"> 
                <h3>Session Length</h3> 
                <p> (Select all that interest you) </p> 
<table width="100%" border="0">
                  <tbody>
                    <tr>
                      <td width="24%" valign="top"><input type="checkbox" name="session1" value="1">1 or 2 weeks</td>
                      <td width="25%" valign="top"><input type="checkbox" name="session2" value="1">3 or 4 weeks</td>
                      <td width="25%" valign="top"><input type="checkbox" name="session3" value="1">5 or 6 weeks</td>
                      <td width="26%" valign="top"><input type="checkbox" name="session4" value="1">Full Summer</td>
                    </tr>
                  </tbody>
                </table></div>
              <div class="section">   
<h3>Price Range                </h3><table width="100%" border="0">
                  <tbody>
                    <tr>
                      <td width="24%" valign="top"><input type="checkbox" name="price_range" value="under $300 per week">under $300/week</td>
                      <td width="25%" valign="top"><input type="checkbox" name="price_range" value="$300-$500 per week">$300 - $500/week</td>
                      <td width="24%" valign="top"><input type="checkbox" name="price_range" value="$500-$750 per week">$500 - $750/week</td>
                      <td width="27%" valign="top"><input type="checkbox" name="price_range" value="over $750 per week">more than $750/week</td>
                    </tr>
                  </tbody>
                </table> 
</div> 
              <div class="section-last"> 
                <h3>Special Needs Camps </h3> 
		<table width="100%" border="0">
                  <tbody>
                    <tr>
                      <td valign="top"><input type="checkbox" name="special_needs" value="1">  I am looking for a special needs camp</td>
                    </tr> 
                    <tr> 
                      <td align="center" valign="top"><input type=submit name="submit" value="Search for Day Camps"></td>
                    </tr>
                  </tbody>
                </table> 
</div>
</form>