jQuery(document).ready(function() {

	var tooltipDefaults = {
		className: "tooltip",
		cornerRadius: 5,
		orient: "above",
		width: 195,
		arrowHeight: 6,
		arrowInset: 15,
		region: "#smallContact"
	}
	
	jQuery("#Name").focus(function() {
		jQuery(this).callout(jQuery.extend({}, tooltipDefaults, {
			text: "Enter your name",
			align: "left"
		}));
	},
	function() {
		jQuery(this).closeCallout();
	}).blur(function() {
		jQuery(this).closeCallout();
	});
	
	jQuery("#Phone").focus(function() {
		jQuery(this).callout(jQuery.extend({}, tooltipDefaults, {
			text: "Enter your phone number",
			align: "left"
		}));
	},
	function() {
		jQuery(this).closeCallout();
	}).blur(function() {
		jQuery(this).closeCallout();
	});
	
	jQuery("#Cell").focus(function() {
		jQuery(this).callout(jQuery.extend({}, tooltipDefaults, {
			text: "Enter your cell/mobile phone",
			align: "left"
		}));
	},
	function() {
		jQuery(this).closeCallout();
	}).blur(function() {
		jQuery(this).closeCallout();
	});
	
	jQuery("#Address").focus(function() {
		jQuery(this).callout(jQuery.extend({}, tooltipDefaults, {
			text: "Enter your address",
			align: "left"
		}));
	},
	function() {
		jQuery(this).closeCallout();
	}).blur(function() {
		jQuery(this).closeCallout();
	});
	
	jQuery("#City").focus(function() {
		jQuery(this).callout(jQuery.extend({}, tooltipDefaults, {
			text: "Enter your city",
			align: "left"
		}));
	},
	function() {
		jQuery(this).closeCallout();
	}).blur(function() {
		jQuery(this).closeCallout();
	});
	
	jQuery("#Zip").focus(function() {
		jQuery(this).callout(jQuery.extend({}, tooltipDefaults, {
			text: "Enter your zip code",
			align: "left"
		}));
	},
	function() {
		jQuery(this).closeCallout();
	}).blur(function() {
		jQuery(this).closeCallout();
	});
	
	jQuery("#Email").focus(function() {
		jQuery(this).callout(jQuery.extend({}, tooltipDefaults, {
			text: "Enter your email address",
			align: "left"
		}));
	},
	function() {
		jQuery(this).closeCallout();
	}).blur(function() {
		jQuery(this).closeCallout();
	});
	
	jQuery("#MessageBox").focus(function() {
		jQuery(this).callout(jQuery.extend({}, tooltipDefaults, {
			text: "Enter your message/comments",
			align: "left"
		}));
	},
	function() {
		jQuery(this).closeCallout();
	}).blur(function() {
		jQuery(this).closeCallout();
	});


});