// handle main nav hovers

$(function() {
	
	function navActive() {
	  $(this)
	    .parents('ul:first')
	      .find('a')
	        .removeClass('active')
	      .end()
	    .end()
	    .addClass('active');
	}			
	$('#nav').find('a').click(navActive);
	$('#nav a').click( function () { 
		$('#logo a').removeClass('active'); 
	});
	$('#logo a').click( function () { 
		$(this).addClass('active');
		$('#nav').find('a').removeClass('active'); 
	});

});
	

// prev/next update nav active states
	
$(function() {
	
	function updateNav() {
		setTimeout(function() {			
		$('#header').find('a.active').removeClass('active');
		$('#header').find('a.selected').addClass('active');
		}, 525);
	};
	$('.right').click(updateNav);
	$('.left').click(updateNav);
	
	function updateNavContact() {
		if ($('li.contact a').hasClass('active')) {
			setTimeout(function() {	$('li.contact a').removeClass('active'); }, 1200);
		};
	};
	$('.right').click(updateNavContact);

});
	

// handle mini-pane selections

$(function() {
	
	// #1
	$('#mini-pane-nav1 a').click(function(){
		var panelClick = this.className;
		var panelName = 'li#' + panelClick
	  	var equiv = $('#' + this.className);
	  	if(equiv.length){
			var itemClicked = 'h6#' + panelClick;
			var scrollBlock =  $('#scrollpane1').offset().top;
			var positionScroll = ($(itemClicked).offset().top) - (scrollBlock);
			if(positionScroll > 0) {
				$('#scrollpane1').css('top','-' + positionScroll + 'px');
			} else {
				$('#scrollpane1').css('top', positionScroll + 'px');
			}
		};
		var posPercent = ( $('#scrollpane1').height() ) / (positionScroll);
		var scrollPos = ( $('#community .jScrollPaneTrack').height() ) / (posPercent);
		$('#community .jScrollPaneDrag').css('top',scrollPos + 'px');
	});
	
	// #2
	$('#mini-pane-nav2 a').click(function(){
		var panelClick = this.className;
		var panelName = 'li#' + panelClick
	  	var equiv = $('#' + this.className);
	  	if(equiv.length){
			$('#mini-pane-wrap2').find('li').removeClass('active').end();
			$(panelName).addClass('active');
		};
		return false;
	}); 
	
	// #3
	$('#mini-pane-nav3 a').click(function(){
		var panelClick = this.className;
		var panelName = 'li#' + panelClick
	  	var equiv = $('#' + this.className);
	  	if(equiv.length){
			var itemClicked = 'h6#' + panelClick;
			var scrollBlock =  $('#scrollpane2').offset().top;
			var positionScroll = ($(itemClicked).offset().top) - (scrollBlock);
			if(positionScroll > 0) {
				$('#scrollpane2').css('top','-' + positionScroll + 'px');
			} else {
				$('#scrollpane2').css('top',	positionScroll + 'px');
			}
		};
		var posPercent = ( $('#scrollpane2').height() ) / (positionScroll);
		var scrollPos = ( $('#location .jScrollPaneTrack').height() ) / (posPercent);
		$('#location .jScrollPaneDrag').css('top',scrollPos + 'px');
		return false;		
	});		

});