// JavaScript Document


$(function() {
	
	
	/* arrange nav bar  */
	
	
	var barWidth = $(".nav-bar ul").width()
	var totalItemWidth = 1  // change for error margin in navigation width
	
	var navBarItems = $(".nav-bar div.nav>ul>li")
	
	navBarItems.each(function() {
										  
		totalItemWidth += 	$(this).width()
		//alert($(this).width())
											  
	})
	
	
	
	navBarItems = navBarItems.slice(0,(navBarItems.size()-1))
	
	var extraMargin = Math.floor((barWidth-totalItemWidth)/navBarItems.size())
	var marginDiff = barWidth-totalItemWidth-(extraMargin*navBarItems.size())
	
	
	navBarItems.css("margin-right",extraMargin+"px")
	navBarItems = navBarItems.slice(0,marginDiff)
	navBarItems.css("margin-right",(extraMargin+1)+"px")
	
	
	
	if($(".gallery img.gallery-img").size()>1) {
		
		$(".main-image").append('<div class="gallery-footer-container"><div class="gallery-footer"><span>Gallery:</span></div></div>')	
		
		
		$(".gallery").css("height",$(".gallery").height()+"px").find("img.gallery-img").each(function() {
			gallery.push({img:this,index:gallery.length})
			$(".gallery-footer").append('<div class="gallery-button"></div>')
		
		
		}).slice(1).css({position:"absolute",left:0,top:0})
		
		//$(".gallery-footer").append('<div class="gallery-button"></div>')
		
		$(".gallery-button:eq(0)").addClass("current")
		
		var butIndex = 0
		
		$(".gallery-button").each(function() {
										   
			var index = butIndex
			
			$(this).click(function() {
			
				setGalleryIndex(index)
								   
			})
			
			butIndex++
										   
		})
		
		
		startGalleryIdleTimeout()
		
		/*
		$(".gallery img:eq(1)").css("visibility","hidden").fadeIn(3,function() {
			$(".gallery img:eq(1)").fadeOut(3,function() {
				$(".gallery img:eq(1)").css({"visibility":"visible",opacity:0})
			})
		})
		*/
		$(".gallery img.gallery-img:eq(0)").css({"position":"relative","z-index":1})
		$(".gallery img.gallery-img:eq(1)").show()
		$(".gallery img.gallery-img:eq(1)").hide()
		
		
		
		var navIndex = 0
		
		
		
		// Add page navigation
		
		if($("div.navigator div.nav-page").size()>1) {
				
			//$("div.navigator").append('<div class="next-nav-page"><a href="#">Next: &nbsp;&nbsp;<strong>asdsad</strong></div>')
			$("div.navigator").append('<div class="next-nav-page"></div>').find(".next-nav-page").append('<a href="#">Next: &nbsp;&nbsp;</a>').find("a").append('<strong/>')
			$("div.next-nav-page a").click(function(event) {
				event.preventDefault()
				nextNavPage()
			
			})
		
			$("div.navigator div.nav-page").each(function() {
				
				
				
				var thisIndex = navIndex
				
				var title = $(this).find("h2:eq(0)").text()
				
				if(navIndex==0) {
					
					$("div.frame").append('<div class="page-nav"><ul><li class="current"><a href="#"/></li></div>')
					
				}
				else {
					$(this).css("display","none")
					$("div.page-nav ul").append('<li><a href="#"/></li>')
				}
				
				if(navIndex==1) {
					$("div.next-nav-page a strong").text(title)
				}
				
				$("div.page-nav ul li a").eq(navIndex).text(title).click(function(event) {
																				  
					event.preventDefault()
					
					setPageNav(thisIndex)
																				  
				})
				
				navIndex++
														  
			})
		}
		
		
	
	}
	
	$("ul.expanders").find("li").addClass("closed").find("a:first").attr("href","#").click(function(event) {
		event.preventDefault()
		var parentUL = $(this).parents("ul").eq(0)
		if($(this).parents("li").eq(0).is(".closed")) {
			if(parentUL.is(".one-at-a-time")) {
				parentUL.find("li").addClass("closed")
			}
		}
		
		$(this).parent().toggleClass("closed")
	
	})
	
	
	$(".main-image").append('<div class="overlay top"><img src="/images/1px.gif" width="1" height="1"/></div><div class="overlay bottom"><img src="/images/1px.gif" width="1" height="1"/></div>')
	
	
	$(".anchor-display").each(function() {
									   
		var anchorDisplay = $(this)
		var displays = new Array()
		
		var currentAnchor = location.href
		currentAnchor = currentAnchor.substr(currentAnchor.indexOf("#")+1)
		
		
		
		anchorDisplay.find("a").each(function() {
											  
			var thisA = $(this)
			
			if(this.href.indexOf("#")>-1) {
				
				var thisName = this.href.substr(this.href.indexOf("#")+1)
				var thisBookmark = $("a[name='"+thisName+"']")
				var thisDiv = thisBookmark.parent()
				thisBookmark.remove()
				displays.push(thisDiv)
				if(thisName!=currentAnchor) {thisDiv.css("display","none")}
				
				
				thisA.click(function(e) {
					//e.preventDefault()
					for(var i=0;i<displays.length;i++) {
						displays[i].css("display","none")
					}
					
					thisDiv.css("display","block")					 
									 
				})
			}
											  
		})
									   
									   
	})
	
	
	//alert(barWidth+" : "+totalItemWidth)


})

var gallery = new Array()
var galleryTimeout
var galleryIndex = 0

var galleryIdleTime = 10000
var gallerySwapDelay = 5000

function galleryFadeSwap() {
	
	var current = gallery[galleryIndex]
	var next = gallery[galleryIndex+1]
	if(!next) {next = gallery[0]}

	$(current.img).fadeOut("slow")
	$(".gallery .overlay-cta img").fadeIn("slow")
	$(next.img).fadeIn("slow",startGalleryTimeout)
	
	$(".gallery-button").removeClass("current").eq(next.index).addClass("current")
	galleryIndex = next.index
	
}

function startGalleryIdleTimeout() {
	clearTimeout(galleryTimeout)
	galleryTimeout = setTimeout(galleryFadeSwap,galleryIdleTime)
}

function startGalleryTimeout() {
	clearTimeout(galleryTimeout)
	galleryTimeout=setTimeout(galleryFadeSwap,gallerySwapDelay)
	
}

function setGalleryIndex(index) {
	//$(".gallery img").stop()
	clearTimeout(galleryTimeout)
	$(".gallery img").fadeOut(0)
	galleryIndex = index
	$(".gallery img:eq("+index+")").fadeIn(0)
	$(".gallery-button").removeClass("current").eq(index).addClass("current")
	startGalleryIdleTimeout()

}

var currentNavIndex = 0

function setPageNav(index) {
	
	var nextLink = $("div.page-nav ul li a").eq(index+1)
	
	if(nextLink.size()>0) {
		
		$("div.next-nav-page").css("display","block").find("a strong").text(nextLink.text())
		
		
	}
	else {$("div.next-nav-page").css("display","none")}
	
	$("div.navigator div.nav-page").css("display","none").eq(index).css("display","block")
	$("div.page-nav ul li").removeClass("current").eq(index).addClass("current")
	currentNavIndex = index
	if($.browser.msie) {$("div.cta").css("display","none")}
	
}

function nextNavPage() {
	setPageNav(currentNavIndex+1)
}