$(document).ready(function() {
	
	//Hide the skNavBtnSub divs on page load
	$("div.skNavBtnSub").hide();

	$('#skNavBtn1').click(function() {
		if ($(this).hasClass("selected")) {
			//Close
			$('div.skNavBtn').removeClass('selected');
			$('div.skNavBtnSub').slideUp('normal');	
		}
		else {
			//Open
			$('div.skNavBtn').removeClass('selected');
			$('div.skNavBtnSub').slideUp('normal');
			$(this).addClass('selected');
			$(this).next().slideDown('normal');
		}
	});
	
	$('#skNavBtn2').click(function() {
		if ($(this).hasClass("selected")) {
			//Close
			$('div.skNavBtn').removeClass('selected');
			$('div.skNavBtnSub').slideUp('normal');	
		}
		else {
			//Open
			$('div.skNavBtn').removeClass('selected');
			$('div.skNavBtnSub').slideUp('normal');
			$(this).addClass('selected');
			$(this).next().slideDown('normal');
			window.location="./blog";
		}
	});

	$('#skNavBtn3').click(function() {
		if ($(this).hasClass("selected")) {
			//Close
			$('div.skNavBtn').removeClass('selected');
			$('div.skNavBtnSub').slideUp('normal');	
		}
		else {
			//Open
			$('div.skNavBtn').removeClass('selected');
			$('div.skNavBtnSub').slideUp('normal');
			$(this).addClass('selected');
			$(this).next().slideDown('normal');
		}
	});
	
	$('#skNavBtn4').click(function() {
		if ($(this).hasClass("selected")) {
			//Close
			$('div.skNavBtn').removeClass('selected');
			$('div.skNavBtnSub').slideUp('normal');	
		}
		else {
			//Open
			$('div.skNavBtn').removeClass('selected');
			$('div.skNavBtnSub').slideUp('normal');
			$(this).addClass('selected');
			$(this).next().slideDown('normal');
		}
	});
});

$(window).load(function() {
	$("#skNavBtn1").animate({left:'0px'},{queue:false, duration:500, easing: 'easeOutSine'});
	$("#skNavBtn2").animate({left:'0px'},{queue:false, duration:750, easing: 'easeOutSine'});
	$("#skNavBtn3").animate({left:'0px'},{queue:false, duration:500, easing: 'easeOutSine'});
	$("#skNavBtn4").animate({left:'0px'},{queue:false, duration:1000, easing: 'easeOutSine'});
	setTimeout(function() { $("#skTextLogoImg").animate({top:'0px'},{queue:false, duration:500, easing: 'easeOutSine'}); }, 1000);
});