//===============================================================================================
//=========================  PARALAX LOGO  ======================================================
//===============================================================================================
$(document).ready(function(){
	$("#scroll-logo-wrap").show()
	var scrollVar = 0;
	var scrollInterval = setInterval(function(){
		scrollVar++;
		if(scrollVar >= 1430){
			scrollVar = 0;
		}
		$("#scroll-logo-layer-1").css("background-position", ((scrollVar * 1) * -1) + "px 100%");
		$("#scroll-logo-layer-2").css("background-position", ((scrollVar * 2) * -1) + "px 100%");
		$("#scroll-logo-layer-3").css("background-position", ((scrollVar * 3) * -1) + "px 100%");
	}, 50);	   
});

var scrollFadeState = 1
$("#scroll-logo-trigger").mouseover(function(){
	if(scrollFadeState == 1){
		scrollFadeState = 0;
		$("#scroll-logo-cover").fadeOut(300);
	};
}).mouseleave(function(){
	$("#scroll-logo-cover").fadeIn(300, function(){
		scrollFadeState = 1;											 
	});
});

//===============================================================================================
//=========================  SOCIAL FLYOUT  =====================================================
//===============================================================================================
var flyoutState = 0;
$("#flyout-tab").click(function(){
	if(flyoutState == 0){
	$("#flyout-wrap").animate({'right' : '-2px'}, 200);
	flyoutState = 1;
} else {
	$("#flyout-wrap").animate({'right' : '-202px'}, 200);
	flyoutState = 0;
};
});