function dim() {
	$(".navAngle").each( function() {
	//	$(this).attr({ "h": $(this).height(), "w" : $(this).width() });
		this.h = $(this).height();
		this.w = $(this).width();
		
		if ($(this).attr("id") == "tl") {
			this.aniOn = {
				"height":"+=8px",
				"width":"+=8px",
				"top":"-=8px",
				"left":"-=8px"};
			this.aniOff = {
				"height":"-=8px",
				"width":"-=8px",
				"top":"+=8px",
				"left":"+=8px"};
				 
		}
		else if ($(this).attr("id") == "bl") {
			this.aniOn = {
				"height":"+=8px",
				"width":"+=8px",
				"bottom":"-=5px",
				"left":"-=8px"};
			this.aniOff = {
				"height":"-=8px",
				"width":"-=8px",
				"bottom":"+=5px",
				"left":"+=8px"};
		}
		else if ($(this).attr("id") == "b") {
			this.aniOn = {
				"height":"+=8px",
				"width":"+=8px",
				"bottom":"-=8px",
				"right":"-=6px"};
			this.aniOff = {
				"height":"-=8px",
				"width":"-=8px",
				"bottom":"+=8px",
				"right":"+=6px"};
		}
		else if ($(this).attr("id") == "br") {
			this.aniOn = {
				"height":"+=8px",
				"width":"+=8px",
				"bottom":"-=5px",
				"right":"-=8px"};
			this.aniOff = {
				"height":"-=8px",
				"width":"-=8px",
				"bottom":"+=5px",
				"right":"+=8px"};
		}
		else if ($(this).attr("id") == "tr") {
			this.aniOn = {
				"height":"+=8px",
				"width":"+=8px",
				"top":"-=8px",
				"right":"-=8px"};
			this.aniOff = {
				"height":"-=8px",
				"width":"-=8px",
				"top":"+=8px",
				"right":"+=8px"};
		}
	});
}


var logoCSS = {
	"width":"284px",
	"height":"346px",
	"top":"0",
	"left":"0"
}

function showLogo() {
	$("#logo").animate(logoCSS, 800, function() { showTitle(); });
}

function showTitle() {
	if ($.browser.msie) {
		$("#creole").animate(creoleCSS, 550, function() {
			$("#candy").animate(candyCSS, 550, function() { showNav(); });
		});
	}
	else {
		$("#creole").fadeIn(550, function() {
			$("#candy").fadeIn(550, function() { showNav(); });
		});
	}
}
	
function showNav() {
	$("#tl").each( function() { img = this; }).css({"height": "1px", "width": "1px", "display": "block"}).animate({
		"top": "0px",
		"left": "30px",
		"width": img.w,
		"height": img.h
	}, 700, function() {
		$("#bl").each( function() { img = this; }).css({"height": "1px", "width": "1px", "display": "block"}).animate({
			"bottom": "30px",
			"left": "30px",
			"width": img.w,
			"height": img.h
		}, 700, function() {
			$("#b").each( function() { img = this; }).css({"height": "1px", "width": "1px", "display": "block"}).animate({
				"bottom": "30px",
				"right": "90px",
				"width": img.w,
				"height": img.h
			}, 700, function() {
				$("#br").each( function() { img = this; }).css({"height": "1px", "width": "1px", "display": "block"}).animate({
					"bottom": "30px",
					"right": "30px",
					"width": img.w,
					"height": img.h
				}, 700, function() {
					$("#tr").each( function() { img = this; }).css({"height": "1px", "width": "1px", "display": "block"}).animate({
						"top": "0px",
						"right": "30px",
						"width": img.w,
						"height": img.h
					}, 700, function() { 
						startShow();
						navigation();
					});
				});
			});
		});
	});
}