// NNPHI site-specific JavaScript
//Mostly layout fixes

$(document).ready(function(){
	var fixLayout = function(){
		if($("body.a-default").length!=0){
			var w=$(window).width();
			var sw=parseInt($(".a-default #a-content").css("marginLeft"));
			var padd=($(document).height()>$(window).height()+60)? 0: /*17*/0;
			var contentWidth=w-sw+padd; 
			$(".a-default #a-content").css({
				width: (contentWidth)+"px"
			});
			
		
			var bw=contentWidth-$(".a-default .a-area.a-area-sidebar").width()-70;
			var sbw=parseInt($(".a-default .a-area.a-area-sidebar").css("marginLeft"));
			$(".a-default .a-area.a-area-body").css({
				width: (bw-sbw)+"px"
			});
		}


		if($("body.a-defaultWiderSidebar").length!=0){
			var w=$(window).width();
			var sw=parseInt($(".a-defaultWiderSidebar #a-content").css("marginLeft"));
	/*		console.log("doc="+$(document).height());
			console.log("win="+$(window).height());
			console.log($(document).height()>$(window).height());*/
			var padd=($(document).height()>$(window).height()+60)? 0: /*17*/0;
			var contentWidth=w-sw+padd; 
			$(".a-defaultWiderSidebar #a-content").css({
				width: (contentWidth)+"px"
			});
			
		
			var bw=contentWidth-$(".a-defaultWiderSidebar .a-area.a-area-sidebar").width()-70;
			var sbw=parseInt($(".a-defaultWiderSidebar .a-area.a-area-sidebar").css("marginLeft"));
			$(".a-defaultWiderSidebar .a-area.a-area-body").css({
				width: (bw-sbw)+"px"
			});
		}
		
		if($("body.a-home").length!=0){
//			console.log($(".a-area-home-graphic .a-slot.useTitleAsButtonText.aButton").height());
			var h=$(".a-area-home-graphic .a-slot.useTitleAsButtonText.aButton").height();
			
			if($("html.browser-moz").length!=0 || $("html.browser-ie").length!=0){
				h=h-10;
			}
			
			$(".a-area-home-graphic").css({height:h+'px'});
			$("#glyphControls").css({bottom: '-'+h+'px'});

			var o=$("li.a-nav-item.first").offset();
			$("#fatmenu").css({left: o.left});
		}else{
			var o=$("li.a-nav-item.first").offset();
			$("#fatmenu").css({left: o.left-211});
			
		}


    if(!($.browser.msie && $.browser.version=="7.0")){
		  var footer_height = $('.a-area-footer').height();
		  var footer_pos = $('.a-area-footer').position();
		  var window_height = $(window).height();
		  var page_height = $('.push-wrapper').height();
		  var page_pos = $('.push-wrapper').position();
		  var page_total = page_pos.top + page_height;
		  var footer_new_pos = window_height - footer_height - page_total;
		  var test = footer_height + page_total;
		  
		  if (test <= window_height) {
			if (footer_pos.top < window_height) {
			  $('.a-area-footer').css('position', 'fixed');
			  $('.a-area-footer').css('top', footer_new_pos);
			  $('.a-area-footer').css('left', '0');
			}
		  }
		}else{
		
			  $('.a-area-footer').css('position', 'relative');
			  //$('.a-area-footer').css('top', footer_new_pos);
			  //$('.a-area-footer').css('left', '0');    
    }

		if($("body.a-defaultWide").length!=0){
			var w=$(window).width();
			var sw=parseInt($(".a-defaultWide #a-content").css("marginLeft"));
			/*console.log("sw="+sw);
			console.log("doc="+$(document).height());
			console.log("win="+$(window).height());
			console.log($(document).height()>$(window).height());*/
			var padd=($(document).height()>$(window).height()+60)? 0: 17;
			var contentWidth=w-sw+padd-17; 
//			console.log("cw="+contentWidth);
			$(".a-defaultWide #a-content").css({
				width: (contentWidth)+"px"
			});
			
		
			//var bw=contentWidth-$(".a-default .a-area.a-area-sidebar").width();
			//var sbw=parseInt($(".a-default .a-area.a-area-sidebar").css("marginLeft"));
			$(".a-default .a-area.a-area-body").not(".slug-history-timeline.logged-in .a-area-body").css({
				width: (contentWidth)+"px"
			});
		}
		
		
			$("#calendar-well").prepend($(".a-calendar"));


	};


	var fixMediaLayout = function(){
		if($("body.a-media").length!=0){
			var w=$(window).width();
			var sw=parseInt($(".a-media #a-content").css("marginLeft"));
	/*		console.log("doc="+$(document).height());
			console.log("win="+$(window).height());
			console.log($(document).height()>$(window).height());*/
			//console.log("media fix");
			var padd=($(document).height()>$(window).height()+42)? 0: 17;
			var contentWidth=w-sw+padd; 
			$(".a-media #a-content").css({
				width: (contentWidth)+"px"
			});
			
		
			var bw=contentWidth-$(".a-media .a-area.a-area-sidebar").width();
			var sbw=parseInt($(".a-media .a-area.a-area-sidebar").css("marginLeft"));
			$(".a-media .a-area.a-area-body").css({
				width: (bw-sbw)+"px"
			});
		}
	};
	
	
	
	$(window).resize(function(){
		fixLayout();
		fixMediaLayout();
	});
	
	fixLayout();
	fixMediaLayout();



	//handle maps
	var states=$("area");
//	console.log("areas:"+states.length);
	
	states.each(function(){
		$(this).openDOMWindow({ 
			height:400, 
			width:500, 
			eventType:'click', 
			windowSource:'iframe', 
			windowPadding:0, 
			loader:1, 
			loaderImagePath:'/images/animationProcessing.gif', 
			loaderHeight:16, 
			loaderWidth:17 
		});
	});
  	
	
	
	//timeline
	if($("#timeline").length>0){
		var points=$(".a-slot.aText .a-slot-content p");
		var holder=$("#timeline");
		var i=0;
		
		points.each(function(){
			i++;
			switch(i){
				case 1:
					var html='<div class="timeline-item"><img src="/images/timeline/2001.png" alt="2001"><div class="timeline-detail">'+$(this).html()+'</div></div>';
					break;	
				case points.length:
					var html='<div class="timeline-item"><img src="/images/timeline/today.png" alt="Today"><div class="timeline-detail">'+$(this).html()+'</div></div>';

					break;
				default:
					var html='<div class="timeline-item"><img src="/images/timeline/plus.png" alt="+"><div class="timeline-detail">'+$(this).html()+'</div></div>';
					break;

			}

			holder.append(html);
			
			fixLayout();
		});
		
		$(".timeline-item").click(function(){
			$(".timeline-item img").css("borderBottom","none");
			var txt=$(this).find(".timeline-detail").html();
			var pos=$(this).position();
			
			$(this).find("img").css("borderBottom","3px solid #e6e7e8");
			
			$("#timeline-detail").html(txt).animate({left: (pos.left)+'px', top:(pos.top+45)+'px'},200,function(){}).fadeIn();
		});
		
		$(".timeline-item").eq(0).click();
	}
});