$(document).ready(function() {
	
	$(".navi li:last").css("margin-right", "0px");
	
	var currentSubPane = "subnav-executive-board";
	
	$("#subnav-executive-board, #subnav-advisory-board").live("click", function(evt) {
		var el = evt.target.id;
		var from = currentSubPane.replace("subnav-", "");
		var to = el.replace("subnav-", "");
		
		
		if (currentSubPane != el) {
			// set sub nav classes
			$("*").removeClass("selected");
			$("#"+el).addClass("selected");
			// toggle views
			
			$("#"+from).slideToggle("fast", function() {
				$("#"+to).slideToggle("normal", function() {
					resetFilm();
					setScrollableHeight();
					updateFilm();
				});
			});

			currentSubPane = el;
			
			
		}
		
	});
	
	$(window).bind("resize", function(e) {
		resetFilm();
		updateFilm();
	});
	
	var pWidth = $(document).width();
	var pHeight = $(document).height();
	var vpWidth = $(window).width();
	var vpHeight = $(window).height();
	
	var scrollableHeight = (vpHeight-74);
	
	var curArticle = "";
	var selected = "";
	
	// init scrollable
	var scrollable = $(".scrollable").scrollable({ 
		mousewheel: false, 
		onBeforeSeek: function(event, index) {
			disableFlash();
		}, 
		onSeek: function(event, index) {
			if (index == 2) { enableFlash(); }
			resetFilm();
			setScrollableHeight();
			updateFilm();
		}
	}).navigator({
		navi: ".navi", 
		naviItem: "a",
		activeClass: "active-nav", 
		history: true
	});
	
	$(".contact-link").click(function(evt) {
		$(".scrollable").scrollable().seekTo(4);
	});
	
	function setScrollableHeight() {
		var el = $(".active-nav").attr("rel");
		var elHeight = $("#"+el).height();
		
		$(".scrollable").css("height", elHeight);
		
		//alert("HEIGHT SET: "+$(".scrollable").height());
	}
	
	// get press releases
	$.ajax({
		type: "GET", 
		url: "/data/press-releases.xml", 
		dataType: "xml", 
		success: function(xml) {
			var releaseFeed = "";
			
			$(xml).find("release").each(function(i) {
				var title = $(this).find("title").text();
				var date = $(this).find("date").text();
				var post = $(this).find("body").text();
				
				releaseFeed += "<div class=\"releaseItem\" id=\"release-"+i+"\">\n";
				releaseFeed += "\t<div class=\"date\">"+date+"</div>\n";
				releaseFeed += "\t<h3 class=\"title\"><a href=\"javascript:void(0);\" rel=\"#release-"+i+"\" title=\""+title+"\">"+title+"</a></h3>\n";
				releaseFeed += "\t<div class=\"body\">"+post+"</div>\n";
				releaseFeed += "</div>\n";
			});
			
			$("#releases").append(releaseFeed);
		}
	});
	
	// press article link handler
	$(".title a").live("click", function(e) {
		selected = $(this).attr("rel");
		var releasePane = $(".scroll-pane");
		
		$("#releases *").removeClass("cur");
		$(selected+" .title a").addClass("cur");
		
		if (curArticle != selected) {
			$(".releaseItem .body").hide("fast", function() {
				
				
				$(selected+" .body").show("fast", function() {
					
					/*releasePane.jScrollPane({
						scrollbarMargin:16, 
						animateTo:true
					});
					
					releasePane[1].scrollTo(selected);*/
					
					// scroll to selected article top
					
					
					resetFilm();
					setScrollableHeight();
					updateFilm();
					
					$.scrollTo(selected, 250);
				});
				curArticle = selected;

			});
		} else {
			$(selected+" .body").hide("normal", function() {
				resetFilm();
				setScrollableHeight();
				updateFilm();
			});
			$("#releases *").removeClass("cur");
			curArticle = "";
		}

	});
	
	
	$("#social-facebook, #social-twitter").hover(
		function(e) { // over
			
			$(this).parent().css("background-position", "0px 0px");
		}, 
		function(e) { // out
			
			$(this).parent().css("background-position", "0px -36px");
		}
	);
	
	
	function updateFilm() {
		$("#film").css("height", $(document).height());
		$("#blocker").css("height", $(document).height());
	}
	
	function resetFilm() {
		$("#film").css("height", "100%");
		$("#blocker").css("height", "100%");
	}
	
	function disableFlash() {
		$("#hfi-video").css("display", "none");
	}
	
	function enableFlash() {
		$("#hfi-video").css("display", "block");
	}
	
	updateFilm();
	
	
	
});
