$(document).ready(function() {
	//set active page properties		   
	//activePage();
	
	$('#subNav a').click(function () {
		
		if($(this).hasClass('active'))
		{
			return false;
		} else {
			
			$('#subNav .active').removeClass();
			$(this).addClass('active');
			
			var href = $(this).attr('href');
			hideSlides();
			showSlide(href);
		}
		
		return false;
	});
	
/*slide shows*/
	
	/*
$('.slide').each(function () {
	
		var slideID = "#" + $(this).attr('id');
		
		console.log(slideID + ' ul');
		
		$(slideID + ' ul')
		.before('<div class="cycleNav">')
		.after('<div class="pager">') 
		.cycle({ 
			fx:     'scrollLeft', 
			speed:  500, 
			timeout: 0, 
			pager:  slideID + ' .pager', 
	   		next:   slideID + ' ul',
			sync: 1
		});
	});
*/
	
	$('#feature ul')
		.before('<div class="cycleNav">')
		.after('<div class="pager">') 
		.cycle({ 
			fx:     'scrollLeft', 
			speed:  500, 
			timeout: 0, 
			pager:  '#feature .pager', 
	   		next:   '#feature ul',
			sync: 1
		});
		
	$('#branding ul')
		.before('<div class="cycleNav">')
		.after('<div class="pager">') 
		.cycle({ 
			fx:     'scrollLeft', 
			speed:  500, 
			timeout: 0, 
			pager:  '#branding .pager', 
	   		next:   '#branding ul',
			sync: 1
		});
	
	$('#collateral ul')
		.before('<div class="cycleNav">')
		.after('<div class="pager">') 
		.cycle({ 
			fx:     'scrollLeft', 
			speed:  500, 
			timeout: 0, 
			pager:  '#collateral .pager', 
	   		next:   '#collateral ul',
			sync: 1
		});
	
	$('#environmental ul')
		.before('<div class="cycleNav">')
		.after('<div class="pager">') 
		.cycle({ 
			fx:     'scrollLeft', 
			speed:  500, 
			timeout: 0, 
			pager:  '#environmental .pager', 
	   		next:   '#environmental ul',
			sync: 1
		});			
	
	//set width of pager bars to fit well within 100%
	$('.pager').each(function () {
		//set up pager display					   
		pagerSetup(this);
		
	});
	
$('#loader').remove();
$('#hero').show();

});

function hideSlides() {
	$('.slide').hide();
}

function showSlide(selector) {
	$('#' + selector).show();
}

//set up pager look
function pagerSetup(target) {
	//number of links inside pager
	var pages = $(target).children().size();
	//previous interger of 100 divided by number of pages
	//var pagerSize = Math.floor (100 / pages);
	var pagerSize = 100 / pages;
	if(browser=="Microsoft Internet Explorer"){
		pagerSize = Math.floor(pagerSize);
	}
	//set width of .pager ancors
	$(target).children().css('width',pagerSize + '%');
	//remove the 1px background img from last child
	$(target).children(':last').css('backgroundImage','none');
}