$(document).ready(function()
{
	var demoLink = $("#demoLink");
	var galleryNav = $("#galleryNav");
	var galleryNavItems = $("> ul:first > li", galleryNav);
	var cycleSlides = $("#cycleSlides");
	var cycleDescriptions = $("#cycleDescriptions");
	var cycleCurrentIndex;
	
	cycleSlides.cycle({
		after:cycleOnAfter,
		delay:2000,
		next:"#cycleSlides",
		pause:true,
		speed:800,
		timeout:4000
	});
	
	cycleDescriptions.cycle({
		next:"#cycleDescriptions",
		pause:true,
		speed:300,
		timeout:0
	});
	
	demoLink.attr("href", "ajax.php?command=demo&width=640&height=376");
	demoLink.click(function()
	{
		// pauses cycle transitions while video is shown
		cycleSlides.mouseover();
		cycleDescriptions.mouseover();
	});
	
	$("form").removeAttr("action");
	
	$("form").submit(function()
	{
		submitForm();
		return false;
	});
	
	$("#nav a").click(function(){
		return false;
	});
	
	$("#nav ul").simpletip({ 
	    content:"Coming soon.",
		position:[450,-10]
	});
	
	function cycleOnAfter()
	{
		cycleCurrentIndex = $(this).attr("title");
		updateCycleNav();
	}
	
	function updateCycleNav()
	{
		$(".active", galleryNav).removeClass("active");
		cycleDescriptions.click();
		galleryNavItems.eq(cycleCurrentIndex).addClass("active");
	}
	
	function submitForm()
	{
		var formData = $("form :input").serialize();
		
		$.ajax({
			type:"POST",
			url:"ajax.php?command=signup",
			data:formData,
			success:showFormMessage
		});
		
		return false;
	}
	
	function showFormMessage(message)
	{
		var attachment = $("<h4 id=\"formMsq\">" + message + "</h4>");

		$("form").fadeOut(200, function()
		{
			var form = $(this);
			form.after(attachment);
		});
		
		return false;
	}
	
});