//
// SEASCROLL
//

var seascroll = {
	init: function() {
		var elm = document.getElementsByTagName("div");
		seascroll.scrollerSet = [];

		// find all seascroll components
		for (var i=0; i<elm.length; i++) {
			if (elm[i].className.match("componentSeaScroll")) {
				elm[i].idx = i;
				seascroll.scrollerSet.push(elm[i]);
			}
		}
		
		for (var i=0; i<seascroll.scrollerSet.length; i++) {
			var nav = seascroll.scrollerSet[i].getElementsByTagName("ul");
			for (var x=0; x<nav.length; x++) {
				if (nav[x].className.match("scrollerNav")) {
					seascroll.scrollerSet[i].scrollerNav = nav[x];
				}
			}				
			var navItems = seascroll.scrollerSet[i].scrollerNav.getElementsByTagName("li");
			var scrollNavItems = [];
			for (var x=0; x<navItems.length; x++) {
				if (!navItems[x].className.match("actionBtn")) {
					navItems[x].id = "scroll_"+i+"_"+x+"-tab";
					navItems[x].idx = x;
					if (x==0) { navItems[x].className = "active"; }
					else { navItems[x].className = "inactive"; }
					navItems[x].getElementsByTagName("a")[0].scrollerIdx = i;
					navItems[x].getElementsByTagName("a")[0].idx = x;
					seascroll.addEvent(navItems[x].getElementsByTagName("a")[0],"click",seascroll.scrollNavClick,false);
					scrollNavItems.push(navItems[x]);
				}
			}
			seascroll.scrollerSet[i].scrollerNav.navItems = scrollNavItems;

				
			var scrBody = seascroll.scrollerSet[i].getElementsByTagName("div");
			for (var x=0; x<scrBody.length; x++) {
				if (scrBody[x].className.match("scroller")) {
					scrBody[x].id = "scroll_"+i+"-scroller";
					seascroll.scrollerSet[i].scroller = scrBody[x];
				}
			}
			var sections = seascroll.scrollerSet[i].scroller.getElementsByTagName("li");
			var scrollSections = [];
			for (var x=0; x<sections.length; x++) {
				if (sections[x].className.match("section")) {
					sections[x].idx = x;
					sections[x].id = "scroll_"+i+"_"+x+"-pane";
					scrollSections.push(sections[x]);
				}
			}
			seascroll.scrollerSet[i].scroller.sections = scrollSections;
		}
		
		seascroll.reset();		
	},
	
	scrollNavClick: function(e) {
		target = seascroll.getEventTarget(e);
		while (target != document && !target.href) {
			target = target.parentNode;
		}
		var i = target.scrollerIdx;
		var x = target.idx;
		ScrollSection("scroll_"+i+"_"+x+"-pane", "scroll_"+i+"-scroller", "scroll_"+i+"_"+0+"-pane");
		seascroll.cancelLink(e);
		return false;
	},
	
	reset: function() {
		for (var i=0; i<seascroll.scrollerSet.length; i++) {
//			ScrollSection("scroll_"+i+"_"+0+"-pane", "scroll_"+i+"-scroller", "scroll_"+i+"_"+0+"-pane");
		}
	},
	
	addEvent: function(elm, evType, fn, useCapture) {
		// cross-browser event handling for IE5+, NS6+ and Mozzila/Gecko
		// By Scott Andrew
		if (elm.addEventListener) {
			elm.addEventListener(evType, fn, useCapture);
			return true;
		} else if (elm.attachEvent) {
			var r = elm.attachEvent('on' + evType, fn);
			return r;
		} else {
			elm['on' + evType] = fn;
		}	
	},

	getEventTarget: function(e) {
		return window.event ? window.event.srcElement : e ? e.target : null;
	},
	
	cancelClickSafari: function() {
		return false;
	},
	
	cancelLink: function(e) {
		if (window.event) {
			window.event.cancelBubble = true;
			window.event.returnValue = false;
			window.event.srcElement.blur();
		}
		if (e && e.stopPropagation && e. preventDefault) {
			e.stopPropagation();
			e.preventDefault();
			e.target.blur();
		}
	}
};
seascroll.addEvent(window, 'load', seascroll.init, false);
// ********************************


var currentSection = ""; // The default loaded section on the page
var tabTag = "-tab";
var paneTag = "-pane";

// Scroll the page manually to the position of element "link", passed to us.

function ScrollSection(link, scrollArea, offset)
{

	// Store the last section, and update the current section

	var scrollObjIdx = link.split("_")[1];
	var scrollObj = seascroll.scrollerSet[scrollObjIdx];
	var scrollNavItems = scrollObj.scrollerNav.navItems;
	var currentTab;
	for (var i=0; i<scrollNavItems.length; i++) {
		if (!scrollNavItems[i].className.match("inactive")) {
			currentSection = (scrollNavItems[i].id).replace(tabTag,paneTag);
		}
	}

	if (currentSection != link) {
		lastSection = currentSection;
		currentSection = link;

		// Change the section highlight.
		// Extract the root section name, and use that to change the background image to 'top', revealing the alt. state

	    sectionTab = currentSection.split("-")[0] + tabTag;
	    document.getElementById(sectionTab).className = "active";
	    if (lastSection) {
		    lastTab = lastSection.split("-")[0] + tabTag;
		    document.getElementById(lastTab).className = "inactive";
		}
	}
	// Get the element we want to scroll, get the position of the element to scroll to
	
	if ((typeof(scrollArea)).match("object")){
		theScroll = scrollArea;
	} else {
		theScroll = document.getElementById(scrollArea);
	}
	position = findElementPos(document.getElementById(link));

	// Get the position of the offset div -- the div at the far left.
	// This is the amount we compensate for when scrolling
	
	if (offset != "") {
		offsetPos = findElementPos(document.getElementById(offset));
		position[0] = position[0] - offsetPos[0];
	}
	scrollStart(theScroll, theScroll.scrollLeft, position[0], "horiz");
	// return false;
}

// Scroll the page using the arrows

function ScrollArrow(direction, toolbar, scrollArea, offset) {

	toolbarElem = document.getElementById(toolbar);
	toolbarNames = new Array();
    
	// Find all the <li> elements in the toolbar, and extract their id's into an array.
    
	if (toolbarElem.hasChildNodes())
	{
		var children = toolbarElem.childNodes;
		for (var i = 0; i < children.length; i++) 
		{
			if (toolbarElem.childNodes[i].tagName == "LI") {
				toolbarNames.push(toolbarElem.childNodes[i].id.split("-")[0]);
			}
		}
	}

	// Now iterate through our array of tab names, find matches, and determine where to go.

	for (var i = 0; i < toolbarNames.length; i++) {
		if (toolbarNames[i] == currentSection.split("-")[0]) {
			if (direction == "left") {
				if (i - 1 < 0) {
					gotoTab = toolbarNames[toolbarNames.length - 1];
				} else {
					gotoTab = toolbarNames[i - 1];
				}
			} else {
				if ((i + 1) > (toolbarNames.length - 1)) {
					gotoTab = toolbarNames[0];
				} else {
					gotoTab = toolbarNames[i + 1];
				}
			}
		}
	}
	
	// Go to the section name!
	
	ScrollSection(gotoTab+paneTag, scrollArea, offset);

}

//
// Animated Scroll Functions
// Scrolls are synchronous -- only one at a time.
//

var scrollanim = {time:0, begin:0, change:0.0, duration:0.0, element:null, timer:null};

function scrollStart(elem, start, end, direction)
{
	//console.log("scrollStart from "+start+" to "+end+" in direction "+direction);

	if (scrollanim.timer != null) {
		clearInterval(scrollanim.timer);
		scrollanim.timer = null;
	}
	scrollanim.time = 0;
	scrollanim.begin = start;
	scrollanim.change = end - start;
	scrollanim.duration = 25;
	scrollanim.element = elem;
	
	if (direction == "horiz") {
		scrollanim.timer = setInterval("scrollHorizAnim();", 15);
	}
	else {
		scrollanim.timer = setInterval("scrollVertAnim();", 15);
	}
}

function scrollVertAnim()
{
	if (scrollanim.time > scrollanim.duration) {
		clearInterval(scrollanim.timer);
		scrollanim.timer = null;
	}
	else {
		move = sineInOut(scrollanim.time, scrollanim.begin, scrollanim.change, scrollanim.duration);
		scrollanim.element.scrollTop = move; 
		scrollanim.time++;
	}
}

function scrollHorizAnim()
{
	if (scrollanim.time > scrollanim.duration) {
		clearInterval(scrollanim.timer);
		scrollanim.timer = null;
	}
	else {
		move = sineInOut(scrollanim.time, scrollanim.begin, scrollanim.change, scrollanim.duration);
		scrollanim.element.scrollLeft = move;
		scrollanim.time++;
	}
}


//
// MOVE: Animate the move of an element.
//
// Move is also synchronous. One at a time, please.
//

var moveanim = {time:0, beginX:0, changeX:0.0, beginY:0, changeY:0, duration:0.0, element:null, timer:null};

function moveStart(elem, startX, endX, startY, endY, duration)
{
	if (moveanim.timer != null) {
		clearInterval(moveanim.timer);
		moveanim.timer = null;
	}
	moveanim.time = 0;
	moveanim.beginX = startX;
	moveanim.changeX = endX - startX;
	moveanim.beginY = startY;
	moveanim.changeY = endY - startY;
	moveanim.duration = duration;
	moveanim.element = elem;

	moveanim.timer = setInterval("moveAnimDo();", 15);
}

function moveAnimDo()
{
	if (moveanim.time > moveanim.duration) {
		clearInterval(moveanim.timer);
		moveanim.timer = null;
	}
	else {
		moveX = cubicOut(moveanim.time, moveanim.beginX, moveanim.changeX, moveanim.duration);
		moveY = cubicOut(moveanim.time, moveanim.beginY, moveanim.changeY, moveanim.duration);
		moveanim.element.style.left = moveX + "px";
		moveanim.element.style.top = moveY + "px";
		moveanim.time++;
	}
}


//console.log("Initialized");