// Make this the "function library"
// ISITE Design

var OTAK = function() {

	runNav();
	runGallery();

};

runNav = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}

function showPic (direction) {
	var dir 	= direction == document.getElementById('scroll-right') ? -1 : 1;
	var start 	= parseInt(document.getElementById('scroll-box').style.left);
	var width	= parseInt(document.getElementById('scroll-box').style.width);

	if(parseInt((528*dir)+start)<=0 && (((528*dir)+start)>=-width)) {
		slideElement('scroll-box', parseInt((528*dir)+start), 0, 6);
	}
	return false;
}

/* Slide it: http://adactio.com/journal/display.php/20050205023914.xml */
function slideElement(elementId,x,y,inc) {
	if (!document.getElementById) return false;
	if (!document.getElementById(elementId)) return false;

	var element = document.getElementById(elementId);
	if (element.sliding) clearTimeout(element.sliding);
	
	if (!element.xpos) element.xpos = 0;
	if (!element.ypos) element.ypos = 0;

	if (element.xpos == x && element.ypos == y) return true;

	if (element.xpos > x) {
		var dist = Math.ceil((element.xpos-x)/inc);
		element.xpos = element.xpos - dist;
	}

	if (element.xpos < x) {
		var dist = Math.ceil((x-element.xpos)/inc);
		element.xpos = element.xpos + dist;
	}

	if (element.ypos > y) {
		var dist = Math.ceil((element.ypos-y)/inc);
		element.ypos = element.ypos - dist;
	}

	if (element.ypos < y) {
		var dist = Math.ceil((y-element.ypos)/inc);
		element.ypos = element.ypos + dist;
	}

	element.style.left = element.xpos+'px';
	element.style.top = element.ypos+'px';

	element.sliding = setTimeout('slideElement("'+elementId+'",'+x+','+y+','+inc+')',10);

}

function runGallery() {
	if(!document.getElementById('project-thumbnail-nav')) { return; }
	var as = document.getElementById('project-thumbnail-nav').getElementsByTagName('a');
	for (var i = 0, asLen = as.length; i < asLen; i++) {
		if (as[i].className == "scroll") {
			as[i].onclick = function() {return showPic(this);};
		}
	}
}


// the big init()
function init() {
	if (arguments.callee.done) return;
	arguments.callee.done = true;
	if (_timer) clearInterval(_timer);
	OTAK();
};

/* Dean Edwards window.onload */
/* for Mozilla */
if (document.addEventListener) {
   document.addEventListener("DOMContentLoaded", init, false);
}

// for Internet Explorer (using conditional comments)
/*@cc_on @*/
/*@if (@_win32)
document.write("<scr" + "ipt id=__ie_onload defer src=javascript:void(0)><\/script>");
var script = document.getElementById("__ie_onload");
script.onreadystatechange = function() {
	if (this.readyState == "complete") {
		init(); // call the onload handler
	}
};
/*@end @*/

if (/WebKit/i.test(navigator.userAgent)) { // sniff
	var _timer = setInterval(function() {
		if (/loaded|complete/.test(document.readyState)) {
			init(); // call the onload handler
		}
	}, 10);
}

/* for other browsers */
window.onload = init;