// controls the banrnav menu in the image banner

// these classes mark a <div> for swapping for each button
	var current_div = '.cycler-display-first';
	var next_div = '.cycler-display-second';

	// this associates nav content to the swapping <div> tag
	$('ul#bnrnav li > a').click(function(ev) 
		{
		var tmp_div = '';
		ev.preventDefault();
		$('ul#bnrnav li > a').removeClass('selected');
		$(this).addClass('selected');
    	$(next_div).load($(this).attr('href'), null, function() 
			{
  			$(current_div).fadeOut(150, function() 
				{
  				$(current_div).html($(next_div).html());
				$(current_div).fadeIn(1000);
  				});		
			});
  		});

// controls the skip intro button in the drop down

	// this associates nav content to the swapping <div> tag
	$('div#skip_intro > a').click(function(ev) 
		{
		var tmp_div = '';
		ev.preventDefault();
		$('div#skip_intro > a').removeClass('selected');
		$(this).addClass('selected');
    	$(next_div).load($(this).attr('href'), null, function() 
			{
  			$(current_div).fadeOut(150, function() 
				{
  				$(current_div).html($(next_div).html());
				$(current_div).fadeIn(1000);
  				});		
			});
  		});