// define vars
var naviAniRunning = false;

$(document).ready(function() {
	var maxWidth = $(window).width();
	var maxHeight = $(window).height();
	
	if(maxWidth <= 480){
		$("#menu").css("width", "480px" );
		$("#maincol").css("width", "auto" );
		$("#maincol").css("left", "0" );
		$("#maincol").css("border-left", "none" );
	} else {
		
		$("#menu").css("width", "220px" );
		$("#maincol").css("width", "500px" );
	}
	if(maxHeight > 480){
		var menuHeight = maxHeight - 218;
		$("#menu").css("top", menuHeight );
	}
	
	/*
	$('#menu').hover(function() {
		if(naviAniRunning == false && $(this).css("bottom") >= "-520px"){
			naviAniRunning = true;
			$(this).stop().animate({"bottom": "+=150px"},  "medium", function(){
				naviAniRunning = false;
				//alert($(this).css("bottom"));
			});
		}
	}, function() {
		if(naviAniRunning == false && $(this).css("bottom") <= "-370px"){
			naviAniRunning = true;
			$(this).stop().animate({"bottom": "-=150px"},  "medium", function(){
				naviAniRunning = false;
				//alert($(this).css("bottom"));
			});
		}
	});
	*/
});

function showHideMenu(){
	if($('#menu').css("display") == "none"){
		showMenu();
	} else if($('#menu').css("display") != "none"){
		hideMenu();
	}
}

function showMenu(){
	$('#menu').fadeIn('slow', function() {
		// Animation complete
	});
	$('#maincol').fadeOut('slow', function() {
		// Animation complete
	});
}

function hideMenu(){
	$('#menu').fadeOut('slow', function() {
		// Animation complete
	});
}

function showHideText(){
	if($('#maincol').css("display") == "none"){
		showText();
	} else if($('#maincol').css("display") != "none"){
		hideText();
	}
}

function showText(){
	$('#maincol').fadeIn('slow', function() {
		// Animation complete
	});
	$('#menu').fadeOut('slow', function() {
		// Animation complete
	});
}

function hideText(){
	$('#maincol').fadeOut('slow', function() {
		// Animation complete
	});
}