$(document).ready(function() {
	//
	init();
});

var car_currnet = 0;
var total = 0;
function init() {
	
	$(".activity .info").hide();
	car_current = 0;
	
	$("#list .activity").hover(function() {
								 	
									$(this).children(".info").stop(true, true).slideDown();
									$(this).css("background-image", "url('images/pat2.jpg')");
									
								  }, function() {
									
									$(this).children(".info").stop(true, true).slideUp();
									$(this).css("background-image", "url('images/pat1.jpg')");
									  
								  }
								  );
	
	$("#list .activity").click(function() {
				window.location = $(this).children("a").attr("href");
										});
	
	total = 0;
	// can this be any stupider?
	$(".activity").each(function(i, e) {
								  total++;
								  }); 
	
	$("#scroll_left").click(function() { carousel_scroll(-1); return false; });
	$("#scroll_right").click(function() { carousel_scroll(1); return false; });
	
	
	$("#aboutlink").click(function() {
								about();
								return false;
								   });
	
	$("#contactlink").click(function() {
								contact();
								return false;
								   });
	
	
	$("#closebutton").click(function() {
		if (about_shown) {
			$("#about").slideUp(function() {
					$("#closebutton").hide();
										 });
		}
		if (contact_shown) {
			$("#contact").slideUp(function() {
					$("#closebutton").hide();
										 });
		}
		
		about_shown = contact_shown = false;
		$("#aboutlink").removeClass("selected");
		$("#contactlink").removeClass("selected");
		return false;				 
									 });
	$("#closebutton").hide();
	
	
	$("#about").load("about.php", function() { about_loaded = true; } );
	$("#contact").load("contact.php", function() { contact_loaded = true; } );
	
	
	
	// Setup activities page.
	$("#activitylist .activity img").each(function(i, e) {
		//
		$(e).wrap("<div class='leaf'></div>");
		
											   });
											   
	
	$(".bgchanger").click(function() {
					var bg = $(this).attr("rel");
					window.location = "?bg=" + bg;
								   });
	
	$(window).resize(function() {
							  $("#wrapper").css("minHeight", $(window).height() + "px");
							  });
	$("#wrapper").css("minHeight", $(document).height() + "px");
	
	$("#creds").click(function() { $("#credits").slideToggle(); } );
	
	
}

var about_shown = false;
var contact_shown = false;
var about_loaded = false;
var contact_loaded = false;

function about() {
	if (about_shown) {
		$("#aboutlink").removeClass("selected");
		$("#about").slideUp(function() {
					$("#closebutton").hide();
										 });
		
	} else {
		$("#contactlink").removeClass("selected");
		$("#contact").slideUp(function() {
				$("#closebutton").show();
				contact_shown = false;
				
				$("#aboutlink").addClass("selected");
				
				if (about_loaded) {
					$("#about").slideDown();
				} else {
					$("#about").load("about.php", function() {
														   about_loaded = true;
															$("#about").slideDown();
														   });

				}
										   });
	}
	about_shown = !about_shown;
}


function contact() {
	if (contact_shown) {
		
		$("#contactlink").removeClass("selected");
		$("#contact").slideUp(function() {
					$("#closebutton").hide();
										 });
		
	} else {
		$("#aboutlink").removeClass("selected");
		$("#about").slideUp(function() {
				$("#closebutton").show();
				about_shown = false;
				$("#contactlink").addClass("selected");
				if (contact_loaded) {
					$("#contact").slideDown();
				} else {
					$("#contact").load("contact.php", function() { 
							contact_loaded = true;
							$("#contact").slideDown();
															   })
				}
										 });
	}
	contact_shown = !contact_shown;
}

function carousel_scroll(dir) {
	
	car_current += dir;
	if (car_current < 0) car_current = 0;
	else if (car_current > total - 3) car_current = total - 3;
	
	// scroll to current.
	
	$("#list").animate({marginLeft:  - (car_current * (290 + 30))}, 600);
	
	
	
}