$(document).ready(function()
{
	//Examples of how to assign the ColorBox event to elements
	$("a[rel='colorbox']").colorbox();
	
	//Example of preserving a JavaScript event for inline calls.
	$("#click").click(function()
	{
		$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
		return false;
	});

	$('body').append('<div id="contact-me"><div id="contact-me-form"></div><div id="contact-me-trigger"></div></div>');
	$('#contact-me-trigger').live('click', function() {
		var cf = $('#contact-me');
		if ($(cf).hasClass('collapsed'))
		{
			$(cf).animate({ left : -500 }, 200, function()
			{
				$(cf).removeClass('collapsed');
			});
		}
		else
		{
			$(cf).animate({ left : 0 }, 200, function() {
				$(cf).children('#contact-me-form').load('/contact-me.php');
				$(cf).addClass('collapsed');
			});
		}
	})
	$('#contact-me #contact-me-form form').live('submit', function() {
		data = $(this).serialize();
		data = '#contact-me=1&'+data;
		e = $('#contact-me-form');
		$.post('/contact-me.php', data, function(rdata) {
			$(e).html(rdata);
			})
		return false;
		});
});
