/**
 * @author craigkaminsky
 */
$(document).ready(
	function(){
		$('div.tooltipWrapper :input').tooltip({
			position: ['center', 'right'],
			offset: [-2, -2],
			effect: 'toggle',
			opacity: 0.75
		});
		// expose the form when it's clicked or cursor is focused 
		$("form.expose").bind("click keydown", function(){
			$(this).expose({
				// custom mask settings with CSS 
				maskId: 'mask',
				// when exposing is done, change form's background color 
				onLoad: function(){
					this.getExposed().css({
						backgroundColor: '#c7f8ff'
					});
				},
				// when "unexposed", return to original background color 
				onClose: function(){
					this.getExposed().css({
						backgroundColor: null
					});
				},
				api: true
			}).load();
		});
	}
);