function DisplayPage(number) {
	switch (number) {
		case 1:
			HideAll();
			$("#title").html("Circulatr").css("color", "#8E9890").fadeIn(1000, function(){});
			$("#circulatr").fadeIn(1000, function(){});
			break;
			
		case 2:
			HideAll();
			$("#title").html("Lyricistant").css("color", "#CCC").fadeIn(1000, function(){});
			$("#lyricistant").fadeIn(1000, function(){});
			break;
			
		case 3:
			HideAll();
			$("#title").html("Timetable Exchange").css("color", "#CCC").fadeIn(1000, function(){});
			$("#timetableexchange").fadeIn(1000, function(){});
			break;
			
		case 4:
			HideAll();
			$("#title").html("Internet Architects").css("color", "#7B8DA1").fadeIn(1000, function(){});
			$("#internetarchitects").fadeIn(1000, function(){});
			break;
			
		case 5:
			HideAll();
			$("#title").html("nstar music").css("color", "#7B197F").fadeIn(1000, function(){});
			$("#nstarmusic").fadeIn(1000, function(){});
			break;
			
		case 6:
			HideAll();
			$("#title").html("Digits!").css("color", "#7B8DA1").fadeIn(1000, function(){});
			$("#digits").fadeIn(1000, function(){});
			break;
			
		case 7:
			HideAll();
			$("#title").html("Façade").css("color", "#f29727").fadeIn(1000, function(){});
			$("#facade").fadeIn(1000, function(){});
			break;
			
		case 8:
			HideAll();
			$("#title").html("Infinity3").css("color", "#7B8DA1").fadeIn(1000, function(){});
			$("#infinity3").fadeIn(1000, function(){});
			break;
			
		case 9:
			HideAll();
			$("#title").html("Support").css("color", "#7B8DA1").fadeIn(1000, function(){});
			$("#support").fadeIn(1000, function(){});
			break;
			
		default:
			HideAll();
			$("#title").html("").fadeIn(1000, function(){});
			$("#default").fadeIn(1000, function(){});
			break;
	}
	
	currentPage = number;
}

function CreatePage(number) {
	var tabTitle = ['Circulatr', 'Lyricistant', 'Timetable Exchange', 'Internet Architects', 'nstar music', 'Digits!', ' Façade', 'Glaxis', 'Infinity3', 'UniMapp', 'Support'];
	var tabColor = ['#8E9890','#CCC','#CCC','#7B8DA1','#7B197F','#7B8DA1','#F29727','#7B8DA1','#7B8DA1','#7B8DA1','#7B8DA1'];
	
	var id = '#' + number;
	
	$('#title').html('').hide();
	$(".display").hide();
	
	$('#title').html(tabTitle[number]).css('color', tabColor[number]).fadeIn(1000, function(){});
	$(id).fadeIn(1000, function(){});
	
	currentPage = number;

}

function HideAll() {
	$("#title").html("").hide();
	$(".display").hide();
}	

function Slide(direction) {
	currentPage = currentPage + direction;
	
	if (currentPage > 8) { currentPage = 1; }
	if (currentPage < 1) { currentPage = 8; }
	
	DisplayPage(currentPage);
	return false;
}