// JavaScript Document

var introImageNamePath = new Array();
introImageNamePath[0] = "/images/main/daycome.png";
introImageNamePath[1] = "/images/main/defendliberty.png";
introImageNamePath[2] = "/images/main/wewoke.png";
introImageNamePath[3] = "/images/main/introvideo.png";

var introImages = new Array();
introImages[0] = new Image();
introImages[1] = new Image();
introImages[2] = new Image();
introImages[3] = new Image();
introImages[0].src = introImageNamePath[0];
introImages[1].src = introImageNamePath[1];
introImages[2].src = introImageNamePath[2];
introImages[3].src = introImageNamePath[3];

var introImageUrl = new Array();
introImageUrl[0] = "/main/tour.php";
introImageUrl[1] = "/main/purchase.php";
introImageUrl[2] = "/main/tour.php";
introImageUrl[3] = "/main/introvid.php";

var ctrlOnImage = new Image();
var ctrlOffImage = new Image();
ctrlOnImage.src = "/images/main/slideControlOn.png";
ctrlOffImage.src = "/images/main/slideControlOff.png";

var currentImageIdx = 0;
var nextImageTimeout = 8000;
var NEVER = -1;
var checkNextDispTimeoutInterval = 500;
var imageDisplayTime;
var date = new Date();
var missionNavStatus = 'hidden';

function init() {
	if ($('divIntroImages')) {
        initIntroImages()
    }
}
function initIntroImages() {
	setImageDisplayTime();
	setTimeout("checkNextDispTimeout()", checkNextDispTimeoutInterval); // this starts the loop
}
function checkNextDispTimeout() {
	if (imageDisplayTime==NEVER) return;
	var currentTime = (new Date()).getTime();
	if (currentTime>=imageDisplayTime) {
		showNextIntroImage();
		setImageDisplayTime();
	}
	setTimeout("checkNextDispTimeout()", checkNextDispTimeoutInterval);
}
function setImageDisplayTime() {
	var currentTime = (new Date()).getTime();
	imageDisplayTime = currentTime + nextImageTimeout;
}
function startSlideShow() {
	setImageDisplayTime();
	checkNextDispTimeout();
}
function stopSlideShow() {
	imageDisplayTime = NEVER;
}
function showNextIntroImage() {
	if (currentImageIdx==(introImageUrl.length-1)) {
		introImage(0);
	} else { 
		introImage(currentImageIdx+1); 
	}
}
function introImage(index) {
	if (currentImageIdx==index) {
		setImageDisplayTime();
		return;
	}
	setSlideControlOff(currentImageIdx);
	$('introImage').fade();
	setTimeout("showIntroImage("+index+")", 1000);
}
function showIntroImage(index) {
	currentImageIdx = index;
	setSlideControlOn(index);
	$('introImageObj').src = document.images ? introImages[index].src : introImageNamePath[index];
	$('introImageLink').href=introImageUrl[index];
	$('introImage').appear({ duration: 0.5 });
	setImageDisplayTime();
}
function setSlideControlOff(index) {
	$('slideControl'+index).src = document.images ? ctrlOffImage.src : "images/slideControlOff.png";
}
function setSlideControlOn(index) {
	$('slideControl'+index).src = document.images ? ctrlOnImage.src : "images/slideControlOn.png";
}
function showMissionNav() {
	missionNavStatus = 'shown';
    new Effect.Opacity('missionNav', { from: 1.0, to: 1.0, duration: 0.1 });
	$('missionNav').show();
}
function hideMissionNav() {
	missionNavStatus = 'hidden';
	setTimeout("fadeMissionNav()", 1000);
}
function fadeMissionNav() {
	if (missionNavStatus=='hidden') $('missionNav').fade();
}


// begin section navigation

var navOffTxt = '<a href="#[anchorName]" onclick="showSectionItem(\'[sectionItemId]\');return false;"><img src="/images/main/sectionNavBarOff.png" border="0" id="btn_[sectionItemId]"  /></a>';
var contentItemTxt = '<div class="sectionContentsItem"><a href="#[anchorName]" onclick="showSectionItem(\'[sectionItemId]\');return false;" class="sectionContentItemLink">[sectionItemTitle]</a></div>';
var sectionIds = new Array();
var sectionTitles = new Array();
var nextSectionUrl = '';
var previousSectionUrl = '';
var sectionContentStatus = 'hidden';
var currentSectionItemIndex = 0;
function initContentNav() {
	buildSectionNav();
	$('sectionContents').fade({ duration: 3.0, from: 1, to: 0 });
	showSectionItemByIndex(0);
    var pageAnchor = getUrlPageAnchor();
    if ((pageAnchor!="") && (pageAnchor!=null)) {
    	var sectionId = "sectionListItem_"+pageAnchor;
        sectionIds.each(function(item) {
            if (item==sectionId) showSectionItem(item);
        });
    }
}
function buildSectionNav() {
	var kids = $('sectionBody').childElements();
	kids.each(function(item) {
		addSectionItem(item);
	});
}
function addSectionItem(sectionItem) {
	var kids = sectionItem.childElements();
    var anchor;
	var title;
	kids.each(function(item) {
		if (item.hasClassName('sectionListItemTitle')) {
            title = item.innerHTML;
		}
        if (item.hasClassName('sectionListItemAnchor')) {
            anchor = item.name;
		}
        if (item.hasClassName('nextSection')) {
            nextSectionUrl = item.href;
		}
	});
	var temp = navOffTxt.replace('[sectionItemId]',sectionItem.id);
	temp = temp.replace('[sectionItemId]',sectionItem.id);
    temp = temp.replace('[anchorName]',anchor);
	$('sectionNavBarItems').update($('sectionNavBarItems').innerHTML+(temp));
	temp = contentItemTxt.replace('[sectionItemId]',sectionItem.id);
    temp = temp.replace('[anchorName]',anchor);
	sectionIds[sectionIds.length] = sectionItem.id;
	$('btn_'+sectionItem.id).alt=title;
	$('btn_'+sectionItem.id).title=title;
	sectionTitles[sectionTitles.length] = title;
	temp = temp.replace('[sectionItemTitle]',title);
	$('sectionContents').update($('sectionContents').innerHTML+(temp));
}
function showSectionItem(sectionItemId) {
	var i=0;
	sectionIds.each(function(item) {
		if (item==sectionItemId) {
			currentSectionItemIndex = i;
			$('btn_'+item).src = "/images/main/sectionNavBarOn.png";
			$(item).show();
			var backSectionIndex=0;
			var nextSectionIndex=0;
			if (i==0) {;
				// if showing first
				backSectionIndex = -1;//sectionTitles.length-1;
				nextSectionIndex = 1;
			} else if (i==(sectionTitles.length-1)) {
				// if showing last
				backSectionIndex = i-1;
				nextSectionIndex = 100;
			} else {
				// showing middle item
				backSectionIndex = i-1;
				nextSectionIndex = i+1;
			}
			var titleBack = sectionTitles[backSectionIndex];
			var titleNext = sectionTitles[nextSectionIndex];
			$('btnBack').alt=titleBack;
			$('btnBack').title=titleBack;
			$('btnNext').alt=titleNext;
			$('btnNext').title=titleNext;
		} else {
			$('btn_'+item).src = "/images/main/sectionNavBarOff.png";
			$(item).hide();
		}
		i++;
	});
}
function showSectionItemByIndex(index) {
	if (index>=sectionIds.length) window.location=nextSectionUrl;
	if (index<0) window.location=previousSectionUrl;//index = (sectionIds.length-1);
	currentSectionItemIndex = index;
	var sectionId = sectionIds[index];
	showSectionItem(sectionId);
}
function sectionContentBack() {
	currentSectionItemIndex--;
	showSectionItemByIndex(currentSectionItemIndex)
}
function sectionContentNext() {
	currentSectionItemIndex++;
	showSectionItemByIndex(currentSectionItemIndex)
}
function showContentList() {
	sectionContentStatus = 'shown';
    new Effect.Opacity('sectionContents', { from: 1.0, to: 1.0, duration: 0.1 });
	$('sectionContents').show();
}
function hideContentList() {
	sectionContentStatus = 'hidden';
	setTimeout("fadeContentList()", 1000);
}
function fadeContentList() {
	if (sectionContentStatus=='hidden') $('sectionContents').fade();
}
function showAllContents() {
	sectionIds.each(function(item) {
		$(item).show();
	});
}
function getUrlPageAnchor() {
	var url = window.location.href;
	var bangIdx = url.indexOf('#');
    if (bangIdx==-1) return null;
    var queryIdx = url.indexOf('?');
    if (queryIdx>-1) {
    	return url.substring(bangIdx+1,queryIdx);
    } else {
    	return url.substring(bangIdx+1);
    }
}
function isIphone() {
	if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) return true;
    return false;
}
function isIpad() {
	if (navigator.userAgent.match(/iPad/i)) return true;
    return false
}
// end section navigation