$(document).ready(function(){
	
	// Having the html content written by the javascript will allow
	// acceptable degredation if client has javascript disabled.
	$("#home_district_nav").html("District <span class='nav_message'>(Click to expand)</span>");
	$("#home_schools_nav").html("Schools <span class='nav_message'>(Click to expand)</span>");
	$("#home_departments_nav").html("Departments <span class='nav_message'>(Click to expand)</span>");
	
	$("#home_district_nav").click(function(){
		$("#district ul").slideToggle();
	});
	
	$("#home_schools_nav").click(function(){
		$("#schools ul").slideToggle();
	});
	
	$("#home_departments_nav").click(function(){
		$("#departments ul").slideToggle();
	});
	
	$("#today ").parent().css({
		"background": "#991517"
	});
	

	// Image Crossfade

	// Transition variables.
	// delay is the amount of time in ms that a photo is displayed
	// fadedelay is the amount of time in ms it take for a photo to fade out.
	var delay = 8000;
	var fadedelay = 1500;

	// Code is static. Will need to find an alternative where
	// we can use info supplied by the CMS to determin banner
	// information. Static page names will be problematic
	// without info from the CMS as clients can change page
	// titles.
	var loc = window.location.pathname;
	var locsplit = loc.split("/");
	
	switch(locsplit[1]){
		case "san-pasqual-school-district":
			var images = new Array(
						"01.jpg",
						"02.jpg"
						);
			var path = 'url(/images/district/banners/';
		break;
		case "schools":
			switch(locsplit[2]){
				case "pre-school":
					var images = new Array(
								"01.jpg"
								);
					var path = 'url(/images/pre-school/banners/';
				break;
				case "elementary-school":
					var images = new Array(
								"01.jpg",
								"02.jpg",
								"03.jpg",
								"04.jpg",
								"05.jpg",
								"06.jpg",
								"07.jpg",
								"08.jpg"								
								);
					var path = 'url(/images/elementary_school/banners/';
				break;				
				case "middle-school":
					var images = new Array(
								"01.jpg",
								"02.jpg",
								"03.jpg",
								"04.jpg"								
								);
					var path = 'url(/images/middle_school/banners/';
				break;
				case "alternative-education-center":
					var images = new Array(
								"01.jpg",
								"02.jpg"
								);
					var path = 'url(/images/district/banners/';
				break;
				case "high-school":
					var images = new Array(
								"01.jpg",
								"02.jpg",
								"03.jpg",
								"04.jpg",
								"05.jpg",
								"06.jpg",
								"07.jpg",
								"08.jpg",
								"09.jpg"								
								);
					var path = 'url(/images/high_school/banners/';
				break;				
			}
		break;
		case "departments":
			var images = new Array(
						"01.jpg",
						"02.jpg"
						);
			var path = 'url(/images/district/banners/';
		break;
		case "calendar":
			var images = new Array(
						"01.jpg",
						"02.jpg"
						);
			var path = 'url(/images/district/banners/';
		break;				
		case "contact-us":
			var images = new Array(
						"01.jpg",
						"02.jpg"
						);
			var path = 'url(/images/district/banners/';
		break;				
		case "school-board":
			var images = new Array(
						"01.jpg",
						"02.jpg"
						);
			var path = 'url(/images/district/banners/';
		break;
		case "emergency-plan":
			var images = new Array(
						"01.jpg",
						"02.jpg"
						);
			var path = 'url(/images/district/banners/';
		break;
		case "sarc":
			var images = new Array(
						"01.jpg",
						"02.jpg"
						);
			var path = 'url(/images/district/banners/';
		break;
		default:
			var images = new Array(
						"1.jpg",
						"2.jpg",
						"3.jpg",
						"4.jpg",
						"5.jpg",
						"6.jpg",
						"7.jpg",
						"8.jpg",
						"9.jpg",
						"10.jpg",
						"11.jpg",
						"12.jpg",
						"13.jpg",
						"14.jpg",
						"15.jpg"
						);
			var path = 'url(/images/banners/';
		break;
	}
	
	// Randomize photos.
	var imagesLength = images.length - 1;
    function transitionHome(){
		var i = Math.floor(Math.random() * imagesLength);		
        if (i > imagesLength) { i = 0; }
		if ($('#layer2').css('opacity') == '0'){
			var index = Math.floor(Math.random() * images.length);
	        $('#layer2').css({ backgroundImage: path + images[i] + ')' });
	        $('#layer2').animate({ opacity: '1' }, fadedelay);
	        i++;
	        setTimeout(transitionHome, delay);			
	    	} else {
		        if (i > imagesLength) { i = 0; }
				var index = Math.floor(Math.random() * images.length);
		        $('#layer1').css({ backgroundImage: path + images[i] + ')' });
		        $('#layer2').animate({ opacity: '0' }, fadedelay);
		        i++;
		        setTimeout(transitionHome, delay);
			}
		}	
	    transitionHome();

    function transition(){
		var j = Math.floor(Math.random() * imagesLength);		
        if (j > imagesLength) { j = 0; }
		if ($('#layer4').css('opacity') == '0'){
			var index = Math.floor(Math.random() * images.length);
	        $('#layer4').css({ backgroundImage: path + images[j] + ')' });
	        $('#layer4').animate({ opacity: '1' }, fadedelay);
	        j++;
	        setTimeout(transition, delay);			
	    	} else {
		        if (j > imagesLength) { j = 0; }
				var index = Math.floor(Math.random() * images.length);
		        $('#layer3').css({ backgroundImage: path + images[j] + ')' });
		        $('#layer4').animate({ opacity: '0' }, fadedelay);
		        j++;
		        setTimeout(transition, delay);
			}
		}	
	    transition();		
		

	var highNavHeight = $(".column_left_school_navigation").height();
	$(".column_left_school_navigation_bg img").height(highNavHeight+160);
	$(".column_left_school").height(highNavHeight+160);
});