$(document).ready(function(){



	/*
	 * Image Crossfade
	 * Image Array.
	 */
		var images = new Array(
			"01.jpg",
			"02.jpg", 
			"03.jpg",
			"04.jpg",		
			"05.jpg",
			"06.jpg",
			"07.jpg"						
			);
	
	/*
	 * Cycle speed (milliseconds).
	 */
		var delay = 8000;
		var fadedelay = 1500;
	
	/*
	 * Crossfade code.
	 * When time permits, combine these two functions.
	 */
		var imagesLength = images.length - 1;
		var i = 0;
		$(document).ready(function(){
		    function transition(){
		        if (i > imagesLength) { i = 0; }
				if ($('#layer2').css('opacity') == '0'){
			        $('#layer2').css({ backgroundImage: 'url(/images/headers/' + images[i] + ')' });
			        $('#layer2').animate({ opacity: '1' }, fadedelay);
			        i++;
			        setTimeout(transition, delay);			
			   	} else {
			        if (i > imagesLength) { i = 0; }
			        $('#layer1').css({ backgroundImage: 'url(/images/headers/' + images[i] + ')' });
			        $('#layer2').animate({ opacity: '0' }, fadedelay);
			        i++;
			        setTimeout(transition, delay);
				}
			}	
			transition();
		});



	/*
	 * Lightbox Initalize.
	 */
		$('a[rel*=lightbox]').lightBox();
	
	
	/*
	 * Sub navigation positioning.
	 * By default, the sub navigation will align left to div#navigation.
	 * Unable to absolutely position sub navigation inside relatively
	 * positioned navigation since sub navigation will inherit parents width.
	 * This is the work around.
	 */
		$(".spacer").hover(function(){
			var offset = this.offsetLeft;
			$(this).children("ul").css({ 'left': (offset - 12) });
		});
});