new Foldout();

function Foldout() {
	var self = this;
	
	$(document).ready(init);
	
	var toggleLogin = false;
	var toggleGames = false;
	
	function init () {
		$("#login-button").unbind("click");
		$("#login-button").attr("href","javascript:");
		$("#login-button").bind("click", function() {
			if(toggleGames) {
				$("#game-button").click();
			}
			if(!toggleLogin) {
				var n_height = $("#login").height();
				$("#login").height(0);
				$("#login").show();
				$("#login").animate({
					height: n_height
				}, 200);
			} else {
				var n_height = $("#login").height();
				
				$("#login").animate({
					height: 0
				}, 200, function() {
					$("#login").height(n_height);
					$("#login").hide();
				});
			}
			toggleLogin = !toggleLogin;
		});
		
		$("#game-button").unbind("click");
		$("#game-button").attr("href","javascript:");
		$("#game-button").bind("click", function() {
			if(toggleLogin) {
				$("#login-button").click();
			}
			if(!toggleGames) {
				var n_height = $("#games").height();
				$("#games").height(0);
				$("#games").show();
				$("#games").animate({
					height: n_height
				}, 500);
			} else {
				var n_height = $("#games").height();
				
				$("#games").animate({
					height: 0
				}, 500, function() {
					$("#games").height(n_height);
					$("#games").hide();
				});
			}
			toggleGames = !toggleGames;
		});
		
		$("#slider .navigation a").bind("click", function (){
			var _pos = $(this).parent().index() * -640;
			$("#slider .content ul").animate({
				left: _pos
			});
		})
	}
}