var $effect = 'slide';
	var $options_hide = { direction: 'left', easing: "easeInBack" };
	var $options_show = { direction: 'left', easing: "easeOutBack" };
	var $speed = 1000;
		
	$(document).ready(function(){
			
		var $currentPos = 0;
		var $index = 0;
		
		var $animating = false;
		
		switch($("body").attr('id')){
			
			case 'building-page':
				var $contentArray = Array($("#about-james-content"), $("#art-architecture-content"), $("#history-content"), $("#rafii-content"), $("#responsible-content"));
				var $navigationItems = Array($("#about-james-link"), $("#art-architecture-link"), $("#history-link"), $("#rafii-link"), $("#responsible-link"));
				var $pageTitles = Array($("#about-james-title"), $("#art-architecture-title"), $("#history-title"), $("#rafii-title"), $("#responsible-title"));
				var $positions = Array("about-james-link", "art-architecture-link", "history-link", "rafii-link", "responsible-link");
			break;
			
			case 'amenities-page':
				var $contentArray = Array($("#thoughtful-content"), $("#concierge-content"), $("#rooftop-content"), $("#inshape-content"), $("#business-center-content"));
				var $navigationItems = Array($("#thoughtful-link"), $("#concierge-link"), $("#rooftop-link"), $("#inshape-link"), $("#business-center-link"));
				var $pageTitles = Array($("#thoughtful-title"), $("#concierge-title"), $("#rooftop-title"), $("#inshape-title"), $("#business-center-title"));
				var $positions = Array("thoughtful-link", "concierge-link", "rooftop-link", "inshape-link", "business-center-link");
			break;
			
			case 'neighbourhood-page':
				var $contentArray = Array($("#legend-content"), $("#neighbourhood-content"), $("#athletes-content"), $("#connected-content"), $("#community-content"));
				var $navigationItems = Array($("#legend-link"), $("#neighbourhood-link"), $("#athletes-link"), $("#connected-link"),  $("#community-link"));
				var $pageTitles = Array($("#legend-title"), $("#neighbourhood-title"), $("#athletes-title"), $("#connected-title"), $("#community-title"));
				var $positions = Array("legend-link", "neighbourhood-link", "athletes-link", "connected-link", "community-link");
			break;
			
			case 'interiors-page':
//				var $contentArray = Array( $("#intimate-details-content"), $("#interior-features-content"), $("#floor-plans-content"));
				var $contentArray = Array($("#interior-features-content"), $("#floor-plans-content"));
				var $navigationItems = Array(/* $("#intimate-details-link"), */ $("#interior-features-link"), $("#floor-plans-link"));
				var $pageTitles = Array(/*$("#intimate-details-title"), */$("#interior-features-title"), $("#floor-plans-title"));
				var $positions = Array(/*"intimate-details-link", */"interior-features-link", "floor-plans-link");
			break;
			
			case 'cressey-page':
				var $contentArray = Array($("#cressey-content"));
				var $navigationItems = Array();
				var $pageTitles = Array($("#cressey-title"));
			break;
			
			case 'register-page':
				var $contentArray = Array($("#register-content"));
				var $navigationItems = Array();
				var $pageTitles = Array($("#register-title"));
			break;
		}
		
		// if($contentArray[0].height() > $('#page-text').height()){
		// 			if(!$("#content-scroll").is(':visible')){
		// 				$("#content-scroll").fadeIn("def");
		// 			}
		// 		}
		
		jQuery.each($navigationItems, function(){
			this.click(function(e){
				if(!$animating)	{
					var $oldPos = $currentPos;
					$currentPos = jQuery.inArray(this.id, $positions);
					
					if($currentPos != $oldPos){
						contentChange($oldPos);
						jQuery.each($navigationItems, removeActive);
						$(this).addClass("active");
						changePageTitle($oldPos);
					}
				}	
			});
		});
		
		
		$("#next").click(function(){
			if(!$animating)	{
				var $oldPos = $currentPos;
				$currentPos++;
				if($currentPos >= $contentArray.length){
					$currentPos = 0;
				}
				contentChange($oldPos);
				jQuery.each($navigationItems, removeActive);
				$navigationItems[$currentPos].addClass("active");
				changePageTitle($oldPos);
			}
		});
		
		$("#prev").click(function(){
			if(!$animating)	{
				var $oldPos = $currentPos;
				$currentPos--;
				if($currentPos < 0){
					$currentPos = $contentArray.length -1;
				}
				contentChange($oldPos);
				jQuery.each($navigationItems, removeActive);
				$navigationItems[$currentPos].addClass("active");
				changePageTitle($oldPos);
			}
		});
		
		$("#arrow-up").click(function(){
			// scroll text up
			if($index > 0){
				$index--;
				var div = $('#page-text');
				var p = $contentArray[$currentPos].children("p").eq($index);
				var divOffset = div.offset().top;
				var pOffset = p.offset().top;
				var pScroll = divOffset - pOffset;
				var myScroll = div.scrollTop() - pScroll;
				$('#page-text').animate({scrollTop: myScroll }, 800, 'easeOutBack');
			}			
		});
		
		$("#arrow-down").click(function(){
			// scroll text down
			var $kids = $contentArray[$currentPos].children("p");
			if($index < $kids.length-1){
				$index++;
				var div = $('#page-text');
				var p = $kids.eq($index);
				
				var divOffset = div.offset().top;
				var divHeight = div.height();
				var pOffset = p.offset().top;
				var pHeight = p.height();
				var pScroll = divOffset - pOffset;
				
				var myScroll = div.scrollTop() - pScroll;
				if($index == $kids.length-1){
					var prev = $kids.eq($index-1);
					var prevHeight = prev.height();
					var heightDiff = divHeight - prevHeight;
					var paddingBuffer = 8;
					myScroll = div.scrollTop() + pHeight - heightDiff + paddingBuffer;
				}
				$('#page-text').animate({scrollTop: myScroll }, 800, 'easeOutBack');
			}
		});
		
		$("#page-image-up").click(function(){
			var $scrollTop = $("#page-image").scrollTop();
			var myScroll = $scrollTop - 30;
			$('#page-image').animate({scrollTop: 0 }, 800, 'easeOutQuint');
		});
		
		$("#page-image-down").click(function(){
			var $scrollTop = $("#page-image").scrollTop();
			var myScroll = $scrollTop + 30;
			$('#page-image').animate({scrollTop:  $("#page-image img").height() - $("#page-image").height() }, 800, 'easeOutQuint');
		});
		
		$(window).load(function(){
			$('#page-image').animate({scrollTop:  $("#page-image img").height() - $("#page-image").height() }, 800, 'easeOutQuint');
		});
		
		function changePageTitle($old){
			$animating = true;
			$pageTitles[$old].fadeOut("def", function(){
				if($pageTitles[$currentPos] != $("#legend-title"))
					$pageTitles[$currentPos].fadeIn("def");
				$animating = false;
			});
		}
		
		function contentChange($outPos){
			
//			$("#content-scroll").fadeOut("def");
//			$contentArray[$outPos].fadeOut("def", function(){
				// var $objIn = $contentArray[$currentPos];
				// $('#page-text').scrollTop(0);
				// $index = 0;
				// // fade out main image if its interiro features section
				// if($positions[$currentPos] == "interior-features-link"){
				// 	
				// 	$("#page-image").fadeOut();
				// 	$("#page-text").animate({height: 500}, 800, 'easeOutQuint');
				// 	
				// }else if(!$("#content-scroll").is(':visible')){
				// 	$("#page-image").fadeIn().function() {};
				// 	$("#page-text").animate({height: 185}, 800, 'easeOutQuint');
				// }
				// $objIn.fadeIn("def");
			//	if($objIn.height() > $('#page-text').height()){
			//		if(!$("#content-scroll").is(':visible')){
			//			$("#content-scroll").fadeIn("def");
			//		}
			//	}
			
			
//			});

		$contentArray[$outPos].stop().animate({opacity:0},500,function() { 
			$contentArray[$outPos].css("display","none"); 
			
				var $objIn = $contentArray[$currentPos];
				$objIn.css({display:"block",opacity:0}).animate({opacity:1},500,function() {
					
					//$('#scroll-wrapper').jScrollPane({showArrows:true});
					
				});
			
		});
		
	
		
	//	$objIn.animate({opacity:1},500);
	//		$('#scroll-wrapper').jScrollPane({showArrows:true});
	
	
	
	
	
		}
		
		function removeActive(){
			$(this).removeClass('active');
		}
		
		
		// ----------------------------------------------------------------
		// scroll pane
		//$('#scroll-wrapper').jScrollPane({showArrows:true});
		
		
		
	});