$(document).ready(function() {

	//////////////////// SMALL NAV BUTTONS ////////////////////
	//Hide the skSmallNavBtnSub divs on page load
	$("div.skSmallNavBtnSub").hide();

	//Event Handler - skSmallNavBtn1
	$('#skSmallNavBtn1').click(function() {
		if ($(this).hasClass("selected")) {
			//Close
			$('div.skSmallNavBtn').removeClass('selected');
			$('div.skSmallNavBtnSub').slideUp('normal');	
		}
		else {
			//Open
			$('div.skSmallNavBtn').removeClass('selected');
			$('div.skSmallNavBtnSub').slideUp('normal');
			$(this).addClass('selected');
			$(this).next().slideDown('normal');
		}
	});
	
	//Event Handler - skSmallNavBtn2
	$('#skSmallNavBtn2').click(function() {
		if ($(this).hasClass("selected")) {
			//Close
			$('div.skSmallNavBtn').removeClass('selected');
			$('div.skSmallNavBtnSub').slideUp('normal');	
		}
		else {
			//Open
			$('div.skSmallNavBtn').removeClass('selected');
			$('div.skSmallNavBtnSub').slideUp('normal');
			$(this).addClass('selected');
			$(this).next().slideDown('normal');
			window.location="./blog";
		}
	});

	//Event Handler - skSmallNavBtn3
	$('#skSmallNavBtn3').click(function() {
		if ($(this).hasClass("selected")) {
			//Close
			$('div.skSmallNavBtn').removeClass('selected');
			$('div.skSmallNavBtnSub').slideUp('normal');	
		}
		else {
			//Open
			$('div.skSmallNavBtn').removeClass('selected');
			$('div.skSmallNavBtnSub').slideUp('normal');
			$(this).addClass('selected');
			$(this).next().slideDown('normal');
		}
	});
	
	//Event Handler - skSmallNavBtn4
	$('#skSmallNavBtn4').click(function() {
		if ($(this).hasClass("selected")) {
			//Close
			$('div.skSmallNavBtn').removeClass('selected');
			$('div.skSmallNavBtnSub').slideUp('normal');	
		}
		else {
			//Open
			$('div.skSmallNavBtn').removeClass('selected');
			$('div.skSmallNavBtnSub').slideUp('normal');
			$(this).addClass('selected');
			$(this).next().slideDown('normal');
		}
	});
	//////////////////// SMALL NAV BUTTONS ////////////////////
});

$(window).load(function() {
	
	$("#skSmallNavBtn1").animate({left:'-4px'},{queue:false, duration:500, easing: 'easeOutSine'});
	$("#skSmallNavBtn2").animate({left:'-4px'},{queue:false, duration:750, easing: 'easeOutSine'});
	$("#skSmallNavBtn3").animate({left:'-4px'},{queue:false, duration:500, easing: 'easeOutSine'});
	$("#skSmallNavBtn4").animate({left:'-4px'},{queue:false, duration:1000, easing: 'easeOutSine'});

});