$(document).ready(function(){

	var arrsections = new Array("studios", "references", "e-mastering", "contacts");
	var nav = $("nav");
	var ul = $("nav ul");
	
	// Progressive enhancement
	$("#studios h2").addClass("invisible");
	$("#nav_wrapper").css("position", "absolute");
	
	// SCROLL SCRIPT (ANIMATED ANCHORS)
	$.localScroll({duration: 750, easing:'easeOutExpo'});
	
	// MENU SCRIPT (SCROLL FIXED ATTACHMENT)
	$(window).scroll(function(){
		if($(window).scrollTop() > nav.offset().top){
			ul.css("position", "fixed");
			ul.css("top", "50px");
		}
	
		if($(window).scrollTop() <= nav.offset().top){
			ul.css("position", "relative");
			ul.css("top", ul.offset);
		}
		
		for (var i = 0; i < arrsections.length; i++) {
        	selectMenuEntry(arrsections[i]);
        }
	});
	
	prepareCoversAnimation();
	
	$("form.email").submit(function() {
		
		$("form.email").css("visibility", "hidden");
		$(".loader").css("display", "block");
		$(".message").css("display", "block");
		$(".info").html("").css("display", "block");
		
		$.post("inc/email.php", $("form.email").serialize(), function(data) {
			$("form.email").css("visibility", "visible");
			$("form.email input[type=text]").val("");
			$("form.email textarea").val("");
			$(".loader").css("display", "none");
			$(".info").html(data);
			$(".info").delay(4000).fadeOut(function() {
				$(".message").css("display", "none");
			});
			
		});
		
		return false;
	});
	
	//$(".engineer-bio-wrapper").fadeOut();
	$(".engineer-link").click(function() { return false; });
	$(".engineer-link").hover(
		function() {
			//$(".engineer-bio-wrapper").fadeIn(200);
			$(".engineer-bio-wrapper").css("display", "block");
			$(".engineer-bio-wrapper").load("inc/engineer.php?engineer=" + $(this).attr("href").split("=")[1]);
		},
		function() {
			//$(".engineer-bio-wrapper").delay(300).fadeOut(500);
			$(".engineer-bio-wrapper").css("display", "none");
		}
	);
	
});





function selectMenuEntry(menuEntry)
{
	var scrollposition = $(window).scrollTop();
	var top = $("div[id='"+ menuEntry +"']").offset().top;
	
	var sectionheight = $("div[id='"+ menuEntry +"']").outerHeight(true);
	
	if (((top-100) < scrollposition) && ((top+sectionheight-100) > scrollposition)) {
		$("a[href='./#"+ menuEntry +"']").parent().addClass("selected");
	} else {
		$("a[href='./#"+ menuEntry +"']").parent().removeClass("selected");
	}		
}



function prepareCoversAnimation()
{
	// Shuffle cover list
	$("#coverwall ul").shuffle();
	
	var numberOfCovers = $("#coverwall ul li").length;
	var numberOfCoversPerSquare = numberOfCovers/4;
	
	var covers_1 = $("#coverwall ul li").slice(0, numberOfCoversPerSquare);
	var covers_2 = $("#coverwall ul li").slice(numberOfCoversPerSquare, 2*numberOfCoversPerSquare);
	var covers_3 = $("#coverwall ul li").slice(2*numberOfCoversPerSquare, 3*numberOfCoversPerSquare);
	var covers_4 = $("#coverwall ul li").slice(3*numberOfCoversPerSquare, numberOfCovers);
	
	$("#coverwall").append("<ul class='covers_1 covers'></ul>");
	$("#coverwall").append("<ul class='covers_2 covers'></ul>");
	$("#coverwall").append("<ul class='covers_3 covers'></ul>");
	$("#coverwall").append("<ul class='covers_4 covers'></ul>");
	
	$("ul.covers_1").append(covers_1);
	$("ul.covers_2").append(covers_2);
	$("ul.covers_3").append(covers_3);
	$("ul.covers_4").append(covers_4);
	
	$("#coverwall ul").first().remove();
	
	
	$("ul.covers_1").cycle({fx: 'fade', timeout: 2500, speed: 500});
	$("ul.covers_2").cycle({fx: 'fade', timeout: 2500, speed: 500, delay: 300});
	$("ul.covers_3").cycle({fx: 'fade', timeout: 2500, speed: 500, delay: 900});
	$("ul.covers_4").cycle({fx: 'fade', timeout: 2500, speed: 500, delay: 600});
}