﻿

$(document).ready(function(){
	$(".menu > li").click(function(e){
		switch(e.target.id){
			case "project":
				//change status & style menu
				$("#project").addClass("active");
				$("#amenities").removeClass("active");
				$("#location").removeClass("active");
				$("#Masterplan").removeClass("active");
				$("#floorplans").removeClass("active");
				$("#video").removeClass("active");
				$("#availablility").removeClass("active");
				$("#Financing").removeClass("active");
				$("#contact").removeClass("active");
				//display selected division, hide others
				$("div.project").fadeIn();
				$("div.amenities").css("display", "none");
				$("div.location").css("display", "none");
				$("div.Masterplan").css("display", "none");
				$("div.floorplans").css("display", "none");
				$("div.video").css("display", "none");
				$("div.availablility").css("display", "none");
				$("div.Financing").css("display", "none");
				$("div.contact").css("display", "none");
			break;
			case "amenities":
				//change status & style menu
				$("#project").removeClass("active");
				$("#amenities").addClass("active");
				$("#location").removeClass("active");
				$("#Masterplan").removeClass("active");
				$("#floorplans").removeClass("active");
				$("#video").removeClass("active");
				$("#availablility").removeClass("active");
				$("#Financing").removeClass("active");
				$("#contact").removeClass("active");
				//display selected division, hide others
				$("div.amenities").fadeIn();
				$("div.location").css("display", "none");
				$("div.Masterplan").css("display", "none");
				$("div.floorplans").css("display", "none");
				$("div.video").css("display", "none");
				$("div.availablility").css("display", "none");
				$("div.Financing").css("display", "none");
				$("div.contact").css("display", "none");
				$("div.project").css("display", "none");
			break;
			case "location":
				//change status & style menu
				$("#project").removeClass("active");
				$("#amenities").removeClass("active");
				$("#location").addClass("active");
				$("#Masterplan").removeClass("active");
				$("#floorplans").removeClass("active");
				$("#video").removeClass("active");
				$("#availablility").removeClass("active");
				$("#Financing").removeClass("active")
				$("#contact").removeClass("active");
				//display selected division, hide others
				$("div.location").fadeIn();
				$("div.Masterplan").css("display", "none");
				$("div.floorplans").css("display", "none");
				$("div.video").css("display", "none");
				$("div.availablility").css("display", "none");
				$("div.Financing").css("display", "none");
				$("div.contact").css("display", "none");
				$("div.project").css("display", "none");
				$("div.amenities").css("display", "none");
			break;
			
			case "Masterplan":
				//change status & style menu
				$("#project").removeClass("active");
				$("#amenities").removeClass("active");
				$("#location").removeClass("active");
				$("#Masterplan").addClass("active");
				$("#floorplans").removeClass("active");
				$("#video").removeClass("active");
				$("#availablility").removeClass("active");
				$("#Financing").removeClass("active")
				$("#contact").removeClass("active");
				//display selected division, hide others
				$("div.Masterplan").fadeIn();
				$("div.floorplans").css("display", "none");
				$("div.video").css("display", "none");
				$("div.availablility").css("display", "none");
				$("div.Financing").css("display", "none");
				$("div.contact").css("display", "none");
				$("div.project").css("display", "none");
				$("div.amenities").css("display", "none");
				$("div.location").css("display", "none");
			break;
			
			
			case "floorplans":
				//change status & style menu
				$("#project").removeClass("active");
				$("#amenities").removeClass("active");
				$("#location").removeClass("active");
				$("#Masterplan").removeClass("active");
				$("#floorplans").addClass("active");
				$("#video").removeClass("active");
				$("#availablility").removeClass("active");
				$("#Financing").removeClass("active")
				$("#contact").removeClass("active");
				//display selected division, hide others
				$("div.floorplans").fadeIn();
				$("div.video").css("display", "none");
				$("div.availablility").css("display", "none");
				$("div.Financing").css("display", "none");
				$("div.contact").css("display", "none");
				$("div.project").css("display", "none");
				$("div.amenities").css("display", "none");
				$("div.location").css("display", "none");
				$("div.Masterplan").css("display", "none");
			break;
			
			case "video":
				//change status & style menu
			    $("#project").removeClass("active");
				$("#availablility").removeClass("active");
				$("#location").removeClass("active");
				$("#Masterplan").removeClass("active");
				$("#floorplans").removeClass("active");
				$("#video").addClass("active");
				$("#Financing").removeClass("active");
				$("#availablility").removeClass("active");
				$("#contact").removeClass("active");
				//display selected division, hide others
				$("div.video").fadeIn();
				$("div.availablility").css("display", "none");
				$("div.Financing").css("display", "none");
				$("div.contact").css("display", "none");
				$("div.project").css("display", "none");
				$("div.amenities").css("display", "none");
				$("div.location").css("display", "none");
				$("div.Masterplan").css("display", "none");
				$("div.floorplans").css("display", "none");
			break;
			
			case "availablility":
				//change status & style menu
			    $("#project").removeClass("active");
				$("#amenities").removeClass("active");
				$("#location").removeClass("active");
				$("#Masterplan").removeClass("active");
				$("#floorplans").removeClass("active");
				$("#video").removeClass("active");
				$("#availablility").addClass("active");
				$("#Financing").removeClass("active")
				$("#contact").removeClass("active");
				//display selected division, hide others
				$("div.availablility").fadeIn();
				$("div.Financing").css("display", "none");
				$("div.contact").css("display", "none");
				$("div.project").css("display", "none");
				$("div.amenities").css("display", "none");
				$("div.location").css("display", "none");
				$("div.Masterplan").css("display", "none");
				$("div.floorplans").css("display", "none");
				$("div.video").css("display", "none");
			break;
			
			case "Financing":
				//change status & style menu
			    $("#project").removeClass("active");
				$("#amenities").removeClass("active");
				$("#location").removeClass("active");
				$("#Masterplan").removeClass("active");
				$("#floorplans").removeClass("active");
				$("#video").removeClass("active");
				$("#availablility").removeClass("active");
				$("#Financing").addClass("active")
				$("#contact").removeClass("active");
				//display selected division, hide others
				$("div.Financing").fadeIn();
				$("div.availablility").css("display", "none");
				$("div.contact").css("display", "none");
				$("div.project").css("display", "none");
				$("div.amenities").css("display", "none");
				$("div.location").css("display", "none");
				$("div.Masterplan").css("display", "none");
				$("div.floorplans").css("display", "none");
				$("div.video").css("display", "none");
			break;
			
			
			case "contact":
				//change status & style menu
				$("#project").removeClass("active");
				$("#amenities").removeClass("active");
				$("#location").removeClass("active");
				$("#Masterplan").removeClass("active");
				$("#floorplans").removeClass("active");
				$("#video").removeClass("active");
				$("#availablility").removeClass("active");
				$("#Financing").removeClass("active")
				$("#contact").addClass("active");
				//display selected division, hide others
				$("div.contact").fadeIn();
				$("div.project").css("display", "none");
				$("div.amenities").css("display", "none");
				$("div.location").css("display", "none");
				$("div.Masterplan").css("display", "none");
				$("div.floorplans").css("display", "none");
				$("div.video").css("display", "none");
				$("div.availablility").css("display", "none");
				$("div.Financing").css("display", "none");
			break;
			
			
		}
		//alert(e.target.id);
		return false;
	});
});