var geocoder;
var previousZip;

$(document).ready(function() {
    geocoder = new GClientGeocoder();
	
	$("#zipcode").ready(function() {
		$(this).val("Zip");
		$(this).css("color", "#CCCCCC");
	});
	$("#zipcode").focus(function() {
		$(this).val("");
		$(this).css("color", "#000000");
	});
	$("#zipcode").blur(function() {
		if($(this).val() == "" || $(this).val() == "Zip") {
			$(this).val("Zip");
		}
		$(this).css("color", "#CCCCCC");
	});
	$("#zipcode").keyup(function() {
		var length = $(this).val().length;
		if($(this).val().match(/^\d{5}$/) && $(this).val() != previousZip) {
			previousZip = $(this).val();
			goToZip($(this).val());
		}
	});
});

function goToZip(zipCode) {
	geocoder.getLatLng(
		zipCode,
		function(point) {
			if (point) {
			    var zoomLevel = map.getZoom();
			    if(zoomLevel < 12)
				    map.setZoom(12);
				map.panTo(point);
			}
		}
	);
}