google.setOnLoadCallback(function() { 
	/*
	 * DOM and Event selectors go here....just like CSS
	 * First you select an object and/or event...
	 * Then you specify jquery properties for that object/event...
	 * Or a function you'd like to execute...
	 */ 
	
	// new window opener
	$('a.new-window').click(function(){
		window.open(this.href);
		return false;
	});
	
	// box closer
    $("a.close-box").each(function() {
        $(this).click(function() {
            $(this).parent().fadeOut(500);
        });
    });
	
	$('ul.form div.revealer :checkbox').each(function() {
		var the_revealees = $(this).parents("ul.form li").siblings(".revealee");
		
		show_or_hide(the_revealees, $(this));
		
		$(this).change(function() {
			show_or_hide(the_revealees, $(this));
		});
		
		function show_or_hide(revealees, input) {
			if ( input.is(':checked') ) {
				revealees.show();
			} else {
				revealees.slideUp("medium");
			}
		}
	});
});