$(document).ready(function() {
	$(".about_nav_btn").click(function() {
		$('.about_nav_btn').removeClass('about_nav_btn_sel');
		$(this).addClass('about_nav_btn_sel');
		var id = $(this).attr('id');
		var box_id = id + '_box';
		var sidebar_id = id + '_sidenav';
		if($('.about_box:visible').attr('id') == id + '_box') {
			$("#" + box_id).slideUp(300);
			$("#" + sidebar_id).slideUp(300);
			$(".peep_box").slideUp(300);
			$("#team_box").delay(300).slideDown();
		}else{
			if($('.about_box').is(':visible')) {
				$(".about_box:visible").slideUp(300);
				$(".about_sidenav:visible").slideUp(300);
				$("#" + box_id).delay(300).slideDown();
				$("#" + sidebar_id).delay(300).slideDown();
				$(".peep_box").slideUp(300);
				$("#team_box").delay(300).slideDown();
			}else{
				$("#" + box_id).stop().slideDown(300);
				$("#" + sidebar_id).slideDown(300);
			}
		}
		$('#toggle_about_our_team_sidenav li a').removeClass('peep_toggle_selected');
	});
	
	$(".peep_toggle").click(function() {
		$('.peep_toggle').removeClass('peep_toggle_selected');
		var id = $(this).attr('id');
		var id_array = id.split('_');
		var box_id = id_array[0] + '_' + id_array[1];
		$(".peep_box").slideUp(300);
		$("#" + box_id).delay(300).slideDown();
		$(this).addClass('peep_toggle_selected');
	});
	
	if($('#welcome-contain').is(':visible')) {
		var welcome_pos = $('#welcome-contain').offset().top;
		var about_pos = $('#about-contain').offset().top;
		var portfolio_pos = $('#portfolio-contain').offset().top - 20;
		var services_pos = $('#services-contain').offset().top - 36;
		var blog_pos = $('#blog-contain').offset().top - 1;
		var contact_pos = $('#contact-contain').offset().top -41;
		$(window).scroll(function() {
			var wp = $(window).scrollTop();
			$('.bar_nav_link').removeClass('selected');
			if(wp >= welcome_pos && wp < about_pos) {
				$('#home-toggle').addClass('selected');
			}else if(wp >= about_pos && wp < portfolio_pos) {
				$('#about-toggle').addClass('selected');
			}else if(wp >= portfolio_pos && wp < services_pos) {
				$('#portfolio-toggle').addClass('selected');
			}else if(wp >= services_pos && wp < blog_pos) {
				$('#services-toggle').addClass('selected');
			}else if(wp >= blog_pos && wp < contact_pos) {
				$('#blog-toggle').addClass('selected');
			}else if(wp >= contact_pos) {
				$('#contact-toggle').addClass('selected');
			}
		});
	}
});