// Knot Design LLC Javascript Functions
// Home Static Slideshow
homeOpen = 1;
var timeOuts;
function firstslideImg() {
		if(homeOpen == 1) {
			$("#slideshow_img_2").hide();
			$("#slideshow_img_3").hide();
			$("#slideshow_img_4").hide();
			$("#slideshow_img_1").fadeIn(1500);
			timeOuts = setTimeout("secondImg()", 3000);
	}
}
function firstslide() {
		if(homeOpen == 1) {
			$("#slideshow_img_1").fadeIn(1500);
			$("#slideshow_img_4").fadeOut(1500);
			timeOuts = setTimeout("secondImg()", 3000);
	}
}
function secondImg() {
	if(homeOpen == 1) {
			$("#slideshow_img_1").fadeOut(1500);
			$("#slideshow_img_2").fadeIn(1500);
			timeOuts = setTimeout("thirdImg()", 3000);
	}
}
function thirdImg() {
	if(homeOpen == 1) {
		$("#slideshow_img_3").fadeIn(1500);
		$("#slideshow_img_2").fadeOut(1500);
		timeOuts = setTimeout("fourthImg()", 3000);
	}
}
function fourthImg() {
	if(homeOpen == 1) {
		$("#slideshow_img_4").fadeIn(1500);
		$("#slideshow_img_3").fadeOut(1500);
		timeOuts = setTimeout("firstslide()", 3000);
	}
}
function clearTimeOuts() {
	clearTimeout(timeOuts);
}
// Navigation and Framework
$(document).ready(function() {
	// Check if subnav menu items are open
	aboutOpen = 0;
	portfolioOpen = 0;
	servicesOpen = 0;
	// Disable nav if animation is in progress
	navRunning = 1;
	$("#logo").bind("click",function() {
			if(navRunning == 0) {
			homeOpen = 1;
			navRunning = 1;
			clearTimeOuts();
			if(aboutOpen == 0 && portfolioOpen ==0 && servicesOpen == 0) {
				$("#nav_portfolio").animate({ left: "711px" }, 500, "easeOutCirc");
				$("#nav_about").animate({ left: "778px" }, 500, "easeOutCirc");
				$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
				$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc");
				$(".content_wrap").fadeOut();
				$("#loader").show();
				$("#loader").stop();
				$("#loader").animate({opacity:1},500, function() {
						$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_home").fadeIn();firstslideImg();navRunning = 0});
				});
			} else if(aboutOpen == 1) {
				if (subSubTeam == 1) {
					$("#sub_subnav_team").animate({ width: "1px" }, 500, function() {
					$("#sub_subnav_team").hide();
					$("#subnav_about").animate({ width: "1px" }, 500, function() {
						aboutOpen = 0;
						subSubTeam = 0;
						$("#subnav_about").hide();
						$("#nav_portfolio").animate({ left: "711px" }, 500, "easeOutCirc");
						$("#nav_about").animate({ left: "778px" }, 500, "easeOutCirc");
						$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
						$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc");
						$(".content_wrap").fadeOut();
						$("#loader").show();
						$("#loader").stop();
						$("#loader").animate({opacity:1},500, function() {
								$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_home").fadeIn();firstslideImg();navRunning = 0;});
						});
					}	);
				});
				} else {
				$("#subnav_about").animate({ width: "1px" }, 500, function() {
						aboutOpen = 0;
						$("#subnav_about").hide();
						$("#nav_portfolio").animate({ left: "711px" }, 500, "easeOutCirc");
						$("#nav_about").animate({ left: "778px" }, 500, "easeOutCirc");
						$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
						$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc");
						$(".content_wrap").fadeOut();
						$("#loader").show();
						$("#loader").stop();
						$("#loader").animate({opacity:1},500, function() {
								$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_home").fadeIn();firstslideImg();navRunning = 0;});
						});
					}	);
				}
				} else if (portfolioOpen == 1) {
							$(".subnav_portfolio").animate({ width: "1px" }, 500, function() {
								$(".subnav_portfolio").hide();
								$("#subnav_portfolio").animate({ width: "1px" }, 500, function() {
									portfolioOpen = 0;
									productOpen = 0;
									packagingOpen = 0;
									furnitureOpen = 0;
									$("#subnav_portfolio").hide();
									$("#nav_portfolio").animate({ left: "711px" }, 500, "easeOutCirc");
									$("#nav_about").animate({ left: "778px" }, 500, "easeOutCirc");
									$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
									$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc");
									$(".content_wrap").fadeOut();
									$("#loader").show();
									$("#loader").stop();
									$("#loader").animate({opacity:1},500, function() {
											$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_home").fadeIn();firstslideImg();navRunning = 0;});
									});
							});
						}); 
				} else if (servicesOpen == 1) {
								$("#subnav_services").animate({ width: "1px" }, 500, function() {
									$("#subnav_services").hide();
									servicesOpen = 0;
									$("#subnav_portfolio").hide();
									$("#nav_portfolio").animate({ left: "711px" }, 500, "easeOutCirc");
									$("#nav_about").animate({ left: "778px" }, 500, "easeOutCirc");
									$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
									$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc");
									$(".content_wrap").fadeOut();
									$("#loader").show();
									$("#loader").stop();
									$("#loader").animate({opacity:1},500, function() {
											$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_home").fadeIn();firstslideImg();navRunning = 0;});
									});
							});	
				}
		}
});
	// Portfolio
		$("#nav_portfolio").bind("click",function() {
			if(portfolioOpen == 0){
				if(navRunning == 0) {
				navRunning = 1;
				homeOpen = 0;
				clearTimeOuts();
				productOpen = 0;
				packagingOpen = 0;
				furnitureOpen = 0;
				if(aboutOpen == 0 && servicesOpen == 0) {
					portfolioOpen = 1;
					$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
					$("#nav_about").animate({ left: "778px" }, 500, "easeOutCirc");
					$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
					$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc");
					$(".content_wrap").fadeOut();
					$(".port_hidden").hide();
					//Set with default image id
					$("#hundred_1").show();
					// Set with default image id
					$("#rotary_1").animate({opacity:1},500);
					$("#loader").show();
					$("#loader").stop();
					$("#loader").animate({opacity:1},500, function() {
							// Open Portfolio Subnav
							$("#subnav_portfolio").show();
							$("#subnav_portfolio").animate({width:"100px"},500, function(){
								$("#sub_subnav_product").show();
								$("#sub_subnav_product").animate({ width: "200px" }, 500);
							});
							});
							$("#loader").animate({opacity:0},500, function() { $("#loader").hide();$("#content_port_hundred").fadeIn();navRunning = 0;productOpen = 1;;
					});
				}  else if(servicesOpen == 1) {
							$("#subnav_services").animate({ width: "1px" }, 500, function() {
							servicesOpen = 0;
							portfolioOpen = 1;
							$("#subnav_services").hide();
							$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
							$("#nav_about").animate({ left: "778px" }, 500, "easeOutCirc");
							$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
							$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc");
							$(".content_wrap").fadeOut();
							$(".port_hidden").hide();
							// Set with default image id
							$("#hundred_1").show();
							$("#rotary_1").animate({opacity:1},500);
							$("#loader").show();
							$("#loader").stop();
							$("#loader").animate({opacity:1},500, function() {
									// Open Portfolio Subnav
										$("#subnav_portfolio").show();
										$("#subnav_portfolio").animate({width:"100px"},500, function() {
											$("#sub_subnav_product").show();
											$("#sub_subnav_product").animate({ width: "200px" }, 500);
									});		
									$("#loader").animate({opacity:0},500, function() { $("#loader").hide();
										$("#content_port_hundred").fadeIn();
										navRunning = 0;
										productOpen = 1;
									});
							});
						}	);
				} else if(aboutOpen == 1) {
						if (subSubTeam == 1) {
							$("#sub_subnav_team").animate({ width: "1px" }, 500, function() {
							$("#sub_subnav_team").hide();
							portfolioOpen = 1;
							$("#subnav_about").animate({ width: "1px" }, 500, function() {
							aboutOpen = 0;
							subSubTeam = 0;
							$("#subnav_about").hide();
							$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
							$("#nav_about").animate({ left: "778px" }, 500, "easeOutCirc");
							$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
							$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc");
							$(".content_wrap").fadeOut();
							$(".port_hidden").hide();
							//Set with default image id
							$("#hundred_1").show();
							// Set with default image id
							$("#rotary_1").animate({opacity:1},500);
							$("#loader").show();
							$("#loader").stop();
							$("#loader").animate({opacity:1},500, function() {
									// Open Portfolio Subnav
										$("#subnav_portfolio").show();
										$("#subnav_portfolio").animate({width:"100px"},500, function() {
											$("#sub_subnav_product").show();
											$("#sub_subnav_product").animate({ width: "200px" }, 500);																														 
										});		
									$("#loader").animate({opacity:0},500, function() { $("#loader").hide();
										$("#content_port_hundred").fadeIn();	
										navRunning = 0;
										productOpen = 1;
									});
							});
						}	);
				});
				} else {
					portfolioOpen = 1;
						$("#sub_subnav_team").hide();
							$("#subnav_about").animate({ width: "1px" }, 500, function() {
							aboutOpen = 0;
							$("#subnav_about").hide();
							$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
							$("#nav_about").animate({ left: "778px" }, 500, "easeOutCirc");
							$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
							$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc");
							$(".content_wrap").fadeOut();
							$(".port_hidden").hide();
							//Set with default image id
							$("#hundred_1").show();
							// Set with default image id
							$("#rotary_1").animate({opacity:1},500);
							$("#loader").show();
							$("#loader").stop();
							$("#loader").animate({opacity:1},500, function() {
									// Open Portfolio Subnav
										$("#subnav_portfolio").show();
										$("#subnav_portfolio").animate({width:"100px"},500, function() {
											$("#sub_subnav_product").show();
											$("#sub_subnav_product").animate({ width: "200px" }, 500);																														 
										});		
									$("#loader").animate({opacity:0},500, function() { $("#loader").hide();
										$("#content_port_hundred").fadeIn();
										navRunning = 0;
										productOpen = 1;
									});
							});
						}	);
				}							
				} else {
							portfolioOpen = 1;
							$("#subnav_about").animate({ width: "1px" }, 500, function() {
							$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
							$("#nav_about").animate({ left: "778px" }, 500, "easeOutCirc");
							$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
							$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc");
							$(".content_wrap").fadeOut();
							$(".port_hidden").hide();
							//Set with default image id
							$("#hundred_1").show();
							// Set with default image id
							$("#rotary_1").animate({opacity:1},500);
							$("#loader").show();
							$("#loader").stop();
							$("#loader").animate({opacity:1},500, function() {
									// Open Portfolio Subnav
										$("#subnav_portfolio").show();
										$("#subnav_portfolio").animate({width:"100px"},500, function() {
											$("#sub_subnav_product").show();
											$("#sub_subnav_product").animate({ width: "200px" }, 500);																														 
										});		
									$("#loader").animate({opacity:0},500, function() { $("#loader").hide();
										$("#content_port_hundred").fadeIn();
										navRunning = 0;
										productOpen = 1;
									});
							});
						}	);
				}
			}
		}
	});
	// About
		$("#nav_about").bind("click",function() {
				if(aboutOpen == 0) {
					if(navRunning == 0) {
					navRunning = 1;
					homeOpen = 0;
					clearTimeOuts();
					if(portfolioOpen == 0) {
						if(servicesOpen == 1) {
							$("#subnav_services").animate({ width: "1px" }, 500, function() {
								$("#subnav_services").hide();
								aboutOpen = 1;
								servicesOpen = 0;
								$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
								$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
								$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
								$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc");
								$(".content_wrap").fadeOut();
								$("#loader").show();
								$("#loader").stop();
								$("#loader").animate({opacity:1},500, function() {
										$("#subnav_about").show();
										$("#subnav_about").animate({ width: "150px" }, 500, "easeOutCirc");
										$("#loader").animate({opacity:0},500, function() { $("#loader").hide();$("#content_about").fadeIn();navRunning = 0;});
								});
							});
						} else if(servicesOpen == 0) {
							aboutOpen = 1;
							$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
							$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
							$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
							$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc");
							$(".content_wrap").fadeOut();
							$("#loader").show();
							$("#loader").stop();
							$("#loader").animate({opacity:1},500, function() {
									$("#subnav_about").show();
									$("#subnav_about").animate({ width: "150px" }, 500, "easeOutCirc");
									$("#loader").animate({opacity:0},500, function() { $("#loader").hide();$("#content_about").fadeIn();navRunning = 0;});
							});
						}
					} else if(portfolioOpen == 1) {
							$(".subnav_portfolio").animate({ width: "1px" }, 500, function() {
								$(".subnav_portfolio").hide();
								$("#subnav_portfolio").animate({ width: "1px" }, 500, function() {
									$("#subnav_portfolio").hide();
									aboutOpen = 1;
									portfolioOpen = 0;
									productOpen = 0;
									packagingOpen = 0;
									furnitureOpen = 0;
									$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
									$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
									$("#nav_services").animate({ left: "846px" }, 500, "easeOutCirc");
									$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc", function() {
											$("#subnav_about").show();
											$("#subnav_about").animate({ width: "150px" }, 500, "easeOutCirc"); }	);
									$(".content_wrap").fadeOut();
									$("#loader").show();
									$("#loader").stop();
									$("#loader").animate({opacity:1},500, function() {
											$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_about").fadeIn();navRunning = 0;});
									});
							});
						});
			}
		}
	}
	});
	// Services
		$("#nav_services").bind("click",function() {
			if(servicesOpen == 0) {
				 if(navRunning == 0) {
				navRunning = 1;
				homeOpen = 0;
				clearTimeOuts();
				if(aboutOpen == 0 && portfolioOpen == 0) {
					$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
					$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
					$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
					$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc", function() {
						$("#subnav_services").show();
						$("#subnav_services").animate({ width: "150px"});
						servicesOpen = 1;
					});
					$(".content_wrap").fadeOut();
					$("#loader").show();
					$("#loader").stop();
					$("#loader").animate({opacity:1},500, function() {
							$("#loader").animate({opacity:0},500, function() { $("#loader").hide();$("#content_product_design").fadeIn();navRunning = 0;});
					});
				} else if(aboutOpen == 1) {
				if(subSubTeam == 0) {
					$("#sub_subnav_team").animate({ width: "1px" }, 500);
						$("#sub_subnav_team").hide();
					$("#subnav_about").animate({ width: "1px" }, 500, function() {
							aboutOpen = 0;
							$("#subnav_about").hide();
							$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
							$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
							$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
							$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc", function() {
								$("#subnav_services").show();
								$("#subnav_services").animate({ width: "150px"});
								servicesOpen = 1;
							});
							$(".content_wrap").fadeOut();
							$("#loader").show();
							$("#loader").stop();
							$("#loader").animate({opacity:1},500, function() {
									$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_product_design").fadeIn();navRunning = 0;});
							});
						}	);
					} else if (subSubTeam == 1) {
						$("#sub_subnav_team").animate({ width: "1px" }, 500, function() {
						$("#sub_subnav_team").hide();
						$("#subnav_about").animate({ width: "1px" }, 500, function() {
							aboutOpen = 0;
							subSubTeam = 0;
							$("#subnav_about").hide();
							$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
							$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
							$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
							$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc", function() {
								$("#subnav_services").show();
								$("#subnav_services").animate({ width: "150px"});
								servicesOpen = 1;
							});
							$(".content_wrap").fadeOut();
							$("#loader").show();
							$("#loader").stop();
							$("#loader").animate({opacity:1},500, function() {
									$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_product_design").fadeIn();navRunning = 0;});
							});
						}	);
					});
					}
				} else if (portfolioOpen == 1) {
							$(".subnav_portfolio").animate({ width: "1px" }, 500, function() {
								$(".subnav_portfolio").hide();
								$("#subnav_portfolio").animate({ width: "1px" }, 500, function() {
									portfolioOpen = 0;
									productOpen = 0;
									packagingOpen = 0;
									furnitureOpen = 0;
									$("#subnav_portfolio").hide();
									$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
									$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
									$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
									$("#nav_contact").animate({ left: "909px" }, 500, "easeOutCirc", function() {
										$("#subnav_services").show();
										$("#subnav_services").animate({ width: "150px"});
										servicesOpen = 1;
									});
									$(".content_wrap").fadeOut();
									$("#loader").show();
									$("#loader").stop();
									$("#loader").animate({opacity:1},500, function() {
											$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_product_design").fadeIn();navRunning = 0;});
									});
							});
						});
					}
				}
			}
	});
	// Contact
		$("#nav_contact").bind("click",function() {
		if(navRunning == 0) {
			navRunning = 1;
			homeOpen = 0;
			clearTimeOuts();
			if(aboutOpen == 0 && portfolioOpen == 0 && servicesOpen == 0) {
				$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
				$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
				$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
				$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
				$(".content_wrap").fadeOut();
				$("#loader").show();
				$("#loader").stop();
				$("#loader").animate({opacity:1},500, function() {
						$("#loader").animate({opacity:0},500, function() { $("#loader").hide();$("#content_contact").fadeIn();navRunning = 0;});
				});
	} else if(aboutOpen == 1) {
			if(subSubTeam == 0) {
				$("#subnav_about").animate({ width: "1px" }, 500, function() {
						aboutOpen = 0;
						$("#subnav_about").hide();
						$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
						$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
						$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
						$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
						$(".content_wrap").fadeOut();
						$("#loader").show();
						$("#loader").stop();
						$("#loader").animate({opacity:1},500, function() {
								$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_contact").fadeIn();navRunning = 0;});
						});
					}	);
				} else if (subSubTeam == 1) {
					$("#sub_subnav_team").animate({ width: "1px" }, 500, function() {
					$("#sub_subnav_team").hide();
					$("#subnav_about").animate({ width: "1px" }, 500, function() {
						aboutOpen = 0;
						subSubTeam = 0;
						$("#subnav_about").hide();
						$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
						$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
						$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
						$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
						$(".content_wrap").fadeOut();
						$("#loader").show();
						$("#loader").stop();
						$("#loader").animate({opacity:1},500, function() {
								$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_contact").fadeIn();navRunning = 0;});
						});
					}	);
				});
				}
			} else if(portfolioOpen == 1) {
						$(".subnav_portfolio").animate({ width: "1px" }, 500, function() {
							$(".subnav_portfolio").hide();
							$("#subnav_portfolio").animate({ width: "1px" }, 500, function() {
								portfolioOpen = 0;
								productOpen = 0;
								packagingOpen = 0;
								furnitureOpen = 0;
								$("#subnav_portfolio").hide();
								$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
								$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
								$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
								$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
								$(".content_wrap").fadeOut();
								$("#loader").show();
								$("#loader").stop();
								$("#loader").animate({opacity:1},500, function() {
										$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_contact").fadeIn();navRunning = 0;});
								});
						});
					});
			} else if(servicesOpen == 1) {
					$("#subnav_services").animate({ width: "1px" }, 500, function() {
						servicesOpen = 0;
						$("#subnav_services").hide();
						$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
						$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
						$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
						$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
						$(".content_wrap").fadeOut();
						$("#loader").show();
						$("#loader").stop();
						$("#loader").animate({opacity:1},500, function() {
								$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_contact").fadeIn();navRunning = 0;});
						});
					});
			} else {
						$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
						$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
						$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
						$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
						$(".content_wrap").fadeOut();
						$("#loader").show();
						$("#loader").stop();
						$("#loader").animate({opacity:1},500, function() {
								$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_contact").fadeIn();navRunning = 0;});
						});
			}
		}
	});
	// Contact
		$("#link_contact").bind("click",function() {
			if(navRunning == 0) {
			navRunning = 1;
			homeOpen = 0;
			clearTimeOuts();
			if(aboutOpen == 0 && portfolioOpen == 0 && servicesOpen == 0) {
				$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
				$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
				$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
				$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
				$(".content_wrap").fadeOut();
				$("#loader").show();
				$("#loader").stop();
				$("#loader").animate({opacity:1},500, function() {
						$("#loader").animate({opacity:0},500, function() { $("#loader").hide();$("#content_contact").fadeIn();navRunning = 0;});
				});
	} else if(aboutOpen == 1) {
			if(subSubTeam == 0) {
				$("#subnav_about").animate({ width: "1px" }, 500, function() {
						aboutOpen = 0;
						$("#subnav_about").hide();
						$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
						$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
						$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
						$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
						$(".content_wrap").fadeOut();
						$("#loader").show();
						$("#loader").stop();
						$("#loader").animate({opacity:1},500, function() {
								$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_contact").fadeIn();navRunning = 0;});
						});
					}	);
				} else if (subSubTeam == 1) {
					$("#sub_subnav_team").animate({ width: "1px" }, 500, function() {
					$("#sub_subnav_team").hide();
					$("#subnav_about").animate({ width: "1px" }, 500, function() {
						aboutOpen = 0;
						subSubTeam = 0;
						$("#subnav_about").hide();
						$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
						$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
						$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
						$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
						$(".content_wrap").fadeOut();
						$("#loader").show();
						$("#loader").stop();
						$("#loader").animate({opacity:1},500, function() {
								$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_contact").fadeIn();navRunning = 0;});
						});
					}	);
				});
				}
			} else if(portfolioOpen == 1) {
						if(productOpen == 1 ||  packagingOpen == 1 ||	furnitureOpen == 1) {
						$(".subnav_portfolio").animate({ width: "1px" }, 500, function() {
							$(".subnav_portfolio").hide();
							$("#subnav_portfolio").animate({ width: "1px" }, 500, function() {
								portfolioOpen = 0;
								productOpen = 0;
								packagingOpen = 0;
								furnitureOpen = 0;
								$("#subnav_portfolio").hide();
								$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
								$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
								$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
								$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
								$(".content_wrap").fadeOut();
								$("#loader").show();
								$("#loader").stop();
								$("#loader").animate({opacity:1},500, function() {
										$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_contact").fadeIn();navRunning = 0;});
								});
						});
					});
				} else {
						$("#subnav_portfolio").animate({ width: "1px" }, 500, function() {
						portfolioOpen = 0;
						productOpen = 0;
						packagingOpen = 0;
						furnitureOpen = 0;
						$("#subnav_portfolio").hide();
						$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
						$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
						$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
						$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
						$(".content_wrap").fadeOut();
						$("#loader").show();
						$("#loader").stop();
						$("#loader").animate({opacity:1},500, function() {
								$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_contact").fadeIn();navRunning = 0;});
						});
					});
				}
			} else if(servicesOpen == 1) {
					$("#subnav_services").animate({ width: "1px" }, 500, function() {
						servicesOpen = 0;
						$("#subnav_services").hide();
						$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
						$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
						$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
						$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
						$(".content_wrap").fadeOut();
						$("#loader").show();
						$("#loader").stop();
						$("#loader").animate({opacity:1},500, function() {
								$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_contact").fadeIn();navRunning = 0;});
						});
					});
			} else {
						$("#nav_portfolio").animate({ left: "157px" }, 500, "easeOutCirc");
						$("#nav_about").animate({ left: "224px" }, 500, "easeOutCirc");
						$("#nav_services").animate({ left: "292px" }, 500, "easeOutCirc");
						$("#nav_contact").animate({ left: "355px" }, 500, "easeOutCirc");
						$(".content_wrap").fadeOut();
						$("#loader").show();
						$("#loader").stop();
						$("#loader").animate({opacity:1},500, function() {
								$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_contact").fadeIn();navRunning = 0;});
						});
			}
			}
	});
// About Sub Subnav
	kortOpen = 0;
	nicholasOpen = 1;
	emiOpen = 0;
	jessicaOpen = 0;
	$("#subnav_kort_a").bind("click",function() {
		if(kortOpen == 0) {
			kortOpen = 1;
			nicholasOpen = 0;
			emiOpen = 0;
			jessicaOpen = 0;
			$(".content_wrap").fadeOut();
			$("#loader").show();
			$("#loader").stop();
			$("#loader").animate({opacity:1},500, function() {
					$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_kort").fadeIn();});
			});
		}
	});
	$("#subnav_nicholas_a").bind("click",function() {
		if(nicholasOpen == 0) {
			kortOpen = 0;
			nicholasOpen = 1;
			emiOpen = 0;
			jessicaOpen = 0;
			$(".content_wrap").fadeOut();
			$("#loader").show();
			$("#loader").stop();
			$("#loader").animate({opacity:1},500, function() {
					$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_nick").fadeIn();});
			});
		}
	});
	$("#subnav_emi").bind("click",function() {
		if(emiOpen == 0) {
			kortOpen = 0;
			nicholasOpen = 0;
			emiOpen = 1;
			jessicaOpen = 0;
			$(".content_wrap").fadeOut();
			$("#loader").show();
			$("#loader").stop();
			$("#loader").animate({opacity:1},500, function() {
					$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_emi").fadeIn();});
			});
		}
	});
	$("#subnav_jessica").bind("click",function() {
		if(jessicaOpen == 0) {
			kortOpen = 0;
			nicholasOpen = 0;
			emiOpen = 0;
			jessicaOpen = 1;
			$(".content_wrap").fadeOut();
			$("#loader").show();
			$("#loader").stop();
			$("#loader").animate({opacity:1},500, function() {
					$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_jessica").fadeIn();});
			});
		}
	});
	
// About Sub Subnav
	subSubTeam = 0;
	$("#subnav_team_a").bind("click",function() {
		if(subSubTeam == 0) {
			if(navRunning == 0) {
			navRunning = 1;
			$("#sub_subnav_team").show();
			$("#sub_subnav_team").animate({ width: "150px" }, 500);
			subSubTeam = 1;
			$(".content_wrap").fadeOut();
			$("#loader").show();
			$("#loader").animate({opacity:1},500, function() {
			$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_nick").fadeIn();nickOpen = 1;navRunning = 0;});
			});
	}
	}
});
	// Portfolio Subnav
	productOpen = 0;
	packagingOpen = 1;
	furnitureOpen = 0;
	// Product Subnav
	$("#subnav_product_a").bind("click",function() {
		if(navRunning == 0) {
	 if(productOpen == 0) {
		 		navRunning = 1;
				if(packagingOpen == 1) {
				productOpen = 1;
				packagingOpen = 0;
				furnitureOpen = 0;
				$("#sub_subnav_packaging").animate({ width: "1px" }, 500, function() {
				$(".content_wrap").hide();
				$("#sub_subnav_packaging").hide();
				$("#sub_subnav_product").show();
				$("#sub_subnav_product").animate({ width: "260px" }, 500);
				$("#loader").show();
				$("#loader").animate({opacity:1},500, function() {
				$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_port_hundred").fadeIn();$("#hundred_1").show();navRunning=0;});
				});
				});
	 } else if (furnitureOpen == 1) {
		 		productOpen = 1;
				packagingOpen = 0;
				furnitureOpen = 0;
		 	$("#sub_subnav_furniture").animate({ width: "1px" }, 500, function() {
				$(".content_wrap").hide();
				$("#sub_subnav_furniture").hide();
				$("#sub_subnav_product").show();
				$("#sub_subnav_product").animate({ width: "260px" }, 500);
				$("#loader").show();
				$("#loader").animate({opacity:1},500, function() {
				$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_port_hundred").fadeIn();$("#hundred_1").show();navRunning=0;});
				});
				});
	 	}
	 }
		}
	});
	//Packaging Subnav
		$("#subnav_packaging_a").bind("click",function() {
		 if(navRunning == 0) {
			if(packagingOpen == 0) {
						navRunning = 1;
						if(productOpen == 1) {
						productOpen = 0;
						packagingOpen = 1;
						furnitureOpen = 0;
						$("#sub_subnav_product").animate({ width: "1px" }, 500, function() {
						$("#sub_subnav_product").hide();
						$(".content_wrap").hide();
						$("#sub_subnav_packaging").show();
						$("#sub_subnav_packaging").animate({ width: "200px" }, 500);
						$("#loader").show();
						$("#loader").animate({opacity:1},500, function() {
							$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_port_falten_eyewear").fadeIn();$("#falten_eye_1").show();navRunning = 0;});
						});
					});
			} else if(furnitureOpen == 1) {
				productOpen = 0;
				packagingOpen = 1;
				furnitureOpen = 0;
				navRunning = 1;
				$("#sub_subnav_furniture").animate({ width: "1px" }, 500, function() {
						$("#sub_subnav_furniture").hide();
						$(".content_wrap").hide();
						$("#sub_subnav_packaging").show();
						$("#sub_subnav_packaging").animate({ width: "200px" }, 500);
						$("#loader").show();
						$("#loader").animate({opacity:1},500, function() {
							$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_port_falten_eyewear").fadeIn();$("#falten_eye_1").show();navRunning=0;});
						});
					});
			}
		}
		 }
	});
		// Furniture Subnav
		$("#subnav_furniture_a").bind("click",function() {
		if(navRunning == 0) {
		if(furnitureOpen == 0) {
			if(productOpen == 1) {
				navRunning = 1;
						$("#sub_subnav_product").animate({ width: "1px" }, 500, function() {
							productOpen = 0;
								packagingOpen = 0;
								furnitureOpen = 1;
						$("#sub_subnav_product").hide();
						$(".content_wrap").hide();
						$("#sub_subnav_furniture").show();
						$("#sub_subnav_furniture").animate({ width: "200px" }, 500);
						$("#loader").animate({opacity:1},500, function() {
							$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_port_kohei_table").fadeIn();$("#kohei_1").show();navRunning=0;});
						});
						});
			} else if(packagingOpen == 1) {
				$("#sub_subnav_packaging").animate({ width: "1px" }, 500, function() {
							navRunning =1;
							productOpen = 0;
								packagingOpen = 0;
								furnitureOpen = 1;
						$("#sub_subnav_packaging").hide();
						$(".content_wrap").hide();
						$("#sub_subnav_furniture").show();
						$("#sub_subnav_furniture").animate({ width: "200px" }, 500);
						$("#loader").animate({opacity:1},500, function() {
							$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#content_port_kohei_table").fadeIn();$("#kohei_1").show();navRunning=0;});
						});
						});
			}
		}
		}
	});
}); 
function aboutSubNav(aboutSubDiv) {
		if(subSubTeam == 0) {
				$(".content_wrap").fadeOut();
				$("#loader").show();
				$("#loader").animate({opacity:1},500, function() {
				$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#" + aboutSubDiv).fadeIn();});
			});
		} else {
			subSubTeam = 0;
			$("#sub_subnav_team").animate({ width: "1px" }, 500, function() {
				$("#sub_subnav_team").hide();
				$(".content_wrap").fadeOut();
				$("#loader").show();
				$("#loader").animate({opacity:1},500, function() {
				$("#loader").animate({opacity:0},500, function() { $("#loader").hide();	$("#" + aboutSubDiv).fadeIn();});
			});
		});
		}
	}
function divSwap(divSwapId) {
				$(".content_wrap").fadeOut();
				$("#loader").show();
				$("#loader").animate({opacity:1},500, function() {
				$("#" + divSwapId).fadeIn();
				$("#loader").animate({opacity:0},500, function() { $("#loader").hide();});
			});
	}
	/*
function showImg(imgID) {
		$("#loader").stop();
		$("#loader").show();
		$("#loader").animate({opacity:1},500, function() {			
					$(".port_hidden").hide();
					$("#loader").animate({opacity:0},500, function() { $("#loader").hide();$("#" + imgID).fadeIn();});
		});
}
*/
function showImg(imgID) {
		$("#loader").stop();
		$("#loader").show();
		$("#loader").animate({opacity:1},500, function() {			
					$(".port_hidden").hide();
					$("#" + imgID).show(1000, function() {
								$("#loader").animate({opacity:0},500, function() { $("#loader").hide();});														 
					});
		});
}
function shareShow(d) {
	$("#" + d).animate({top:"0px"}, 250);
}
function shareHide(e) {
	$("#" + e).animate({top:"5px"}, 250);
}
function firstImg(firstImgID) {
	$("#" + firstImgID).show();
}
function hideLoader() {
	$("#loader").animate({opacity:0},1000, function() {
		$("#loader").hide();
		firstslideImg(); });
}
window.onload = function() {
	navRunning = 0;
	setTimeout("hideLoader()", 500);
	$("#slideshow_img_1").show("slow");
	$("#preload").hide();
	$("#nav_load").fadeIn();
	$("#loader_logo").fadeOut();
}