// JavaScript Document



$(document).ready(function() {

// sets the available values in the size dropdown based on what is selected in unitType

// set the first value as teh selected on for the unitType dropdown 						   
$("#unitType option:nth(0)").attr("selected", "selected");
// create a string to hold the html for the unit size options
var strOptions;
// bind the function to the unitType change event
$("#unitType").bind("change", (function(){
	// remove the size options
	$("#sizes").children().remove();
	// select the new options to put
	if ($("#unitType").val() == "Exterior") {
		strOptions = "<option value='5x5'>5 x 5</option><option value='6x7'>6 x 7</option><option value='5x10'>5 x 10</option><option value='7.5x10'>7.5 x 10</option><option value='10x10'>10 x 10</option><option value='10x15'>10 x 15</option><option value='10x20'>10 x 20</option><option value='10x25'>10 x 25</option><option value='10x30'>10 x 30</option><option value='12.5x15'>12.5 x 15</option><option value='12.5x25'>12.5 x 25</option><option value='12.5x30'>12.5 x 30</option><option value='12.5x35'>12.5 x 35</option><option value='12.5x40'>12.5 x 40</option>";		
	} else if ($("#unitType").val() == "ClimateControlled") {
		strOptions = "<option value='5x5'>5 x 10</option><option value='5x5'>5 x 5</option><option value='5x7.5'>5 x 7.5</option><option value='5x10'>5 x 10</option><option value='7.5x10'>7.5 x 10</option><option value='10x10'>10 x 10</option><option value='10x15'>10 x 15</option><option value='10x20'>10 x 20</option><option value='10x30'>10 x 30</option><option value='10x35'>10 x 35</option><option value='10x40'>10 x 40</option>";
	} else if ($("#unitType").val() == "Parking") {
		strOptions = "<option value='10x15'>10 x 15</option><option value='11x25'>11 x 25</option><option value='10x25'>10 x 25</option><option value='12.5x40'>12.5 x 40</option><option value='10x30'>10 x 30</option><option value='11x40'>11 x 40</option>";
	} else if ($("#unitType").val() == "notSpecified") {
	strOptions = "";	
	}
	// write the options to the page
	$("#sizes").html(strOptions);
}));

// adds some user friendly functionality to the Message box
$("#message").text("enter your message here");

$("#message").bind("focus", (function(){
	$("#message").css({color:'black'});
	if ($("#message").val() == "enter your message here") {
		$("#message").val("");	
	}
}));				 
					 
});