// JavaScript Document
var autoMasthead;
var mastheadInd = 0;
jQuery(window).ready(function(){
	if (document.getElementById('mainMasthead')) {
		$('#mainMasthead > .nav').html("");
		clearTimeout(autoMasthead);
		var imageList = $('#mainMasthead > .imageMask > .imageContainer > .image');
		
		var containerWidth = 0;
		
		// Adding Nav Buttons
		for (var i = 0; i < imageList.length; i++) {
			//containerWidth += parseFloat(imageList[i].width);
			containerWidth += 717;
			
			var nav = '<span id="mastheadNav'+i+'" onclick="switchMasthead('+i+');">'+(i+1)+'</span>';
			
			if (i == 0) {
				nav = '<span class="selected" id="mastheadNav'+i+'" onclick="switchMasthead('+i+');">'+(i+1)+'</span>';
			}
			
			$('#mainMasthead > .nav').append(nav);
		}
		
		// Adjusting Container Width
		$('#mainMasthead > .imageMask > .imageContainer').width(containerWidth);
		
		// Animate in badge
		$('#mainMasthead > .badge').delay(1000).animate({
				top:0
			}, {
				duration: 2000,
				specialEasing: {top: 'easeOutBounce'}
			},
			 function() {
				// Animation Complete;
		});
		
		// Auto rotate masthead
		autoMasthead = setTimeout("autoRotate();",4500);
	}
}); 

function autoRotate() {
	mastheadInd++;
	switchMasthead(mastheadInd);
}

function switchMasthead(ind) {
	if (document.getElementById('mainMasthead')) {
		var imageList = $('#mainMasthead > .imageMask > .imageContainer > .image');
		
		var tempDiv = '<div class="image">' + imageList[0].innerHTML + '</div>';
		var wrapAround = false;
		
		mastheadInd = ind;
		if (ind >= imageList.length) {
			mastheadInd = 0;
			wrapAround = true;
		}
		
		for (var i = 0; i < imageList.length; i++) {
			$('#mastheadNav'+i).removeClass('selected');
		}
		
		// If not last slide
		if (wrapAround == false) {
			var newLeft = 0;
			for (var i = 0; i < ind; i++) {
				newLeft -= 717;
			}
			
			$('#mastheadNav'+mastheadInd).addClass('selected');
			$('#mainMasthead > .imageMask > .imageContainer').stop().animate({left: newLeft}, 1000, function() {});
		}
		// If last slide, wrap around
		else {
			// Temporary add a copy of the first slide
			$('#mainMasthead > .imageMask > .imageContainer').append(tempDiv);
			
			// Adjust the container width
			var oldWidth = $('#mainMasthead > .imageMask > .imageContainer').width();
			$('#mainMasthead > .imageMask > .imageContainer').width(oldWidth+717);
			
			var newLeft = 717 * ind * -1;
			$('#mastheadNav0').addClass('selected');
			$('#mainMasthead > .imageMask > .imageContainer').stop().animate({left: newLeft}, 1000,
				function() {
					// Remove copy of first slide from end, and readjust container width
					$('#mainMasthead > .imageMask > .imageContainer').css("left", 0);
					$('#mainMasthead > .imageMask > .imageContainer').width(oldWidth);
					$('#mainMasthead > .imageMask > .imageContainer > .image:last-child').remove();
				}
			);
		}
		
		clearTimeout(autoMasthead);
		autoMasthead = setTimeout("autoRotate();",4000);
	}
}