document.write('<script type="text/javascript" src="/jslib/deflate.js"></script>');

function selectToggle(toggle, form) {
	var myForm = document.getElementById(form);
	for ( var i=0; i < myForm.length; i++ ) {
		if (myForm.elements[i].name == 'sites[]') {
			if (toggle) {
				myForm.elements[i].checked = "checked";
			} else {
				myForm.elements[i].checked = "";
			}
		}
	}
	reload_image();
}
function reload_image() {
	if (window.btoa) {
		// live updating only works if we've got window.btoa()
		sitesStr = '';
		var myForm = document.getElementById('theForm');
		for ( var i=0; i < myForm.length; i++ ) {
			if ((myForm.elements[i].name == 'sites[]')
				&& (myForm.elements[i].checked)) {
				sitesStr = sitesStr + '&sites[]=' + myForm.elements[i].value;
			}
		}
		qStr = encodeURIComponent(window.btoa(zip_deflate(
					'ip=' + clientIP
					+ '&field=' + document.getElementById('field').value
					+ '&startDate=' + document.getElementById('startDate').value
					+ '&endDate=' + document.getElementById('endDate').value
					+ sitesStr 
					)));
		document.getElementById('theIMG').src = imgURLBase + '?q=' + qStr;
	}
}

$(document).ready(function() {
	if (window.btoa) {
		// window.btoa() exists, so we can live-update, so hide the submit button
		document.getElementById('submit').style.display = 'none';
	}
	$("#startDate,#endDate").datepicker({
		beforeShow: function(input) {
			return {
				minDate: (input.id == "endDate" ? $("#startDate").datepicker("getDate") : new Date(2008, 10 - 1, 11)),
				maxDate: (input.id == "startDate" ? $("#endDate").datepicker("getDate") : new Date() )
				};
		},
		showOn: "both",
		buttonImage: "/calendar.gif",
		buttonImageOnly: true
	});
	reload_image();
});