var element, links, ul, photos, positions, articleLinks, articles, articleNav;

function setupGallery(target) {  
	element = document.getElementById(target);
	if (!element) return false;
	var nav = document.getElementById("photoNav");
	links = nav.getElementsByTagName("a");
	ul = element.getElementsByTagName("ul")[0];
	photos = ul.getElementsByTagName("li");
	positions = new Array();
	bindGallery();
}

bindGallery = function() {
	for(var i = 0; i < links.length; i++) {
		links[i].onclick = function() { displayPhoto(this); return false; };
		var photo = photos[i];
		positions[i] = 0 - photo.offsetLeft;
	}
}

displayPhoto = function(caller) {
	for(var i = 0; i < links.length; i++) {
		var link = links[i]; 
		if (link == caller) { 
			link.className = "active";
			end = positions[i];
	        var elScroll = new fx.ElementScroll(ul, {duration: 800, transition: fx.expoOut});
	        elScroll.tween(end);
		} else {
			link.className = "";
		}
	}
}

function setupArticles(target) {
	articleNav = document.getElementById(target);
	if (!articleNav) return false;
	articleLinks = articleNav.getElementsByTagName("a");
	var articleDiv = document.getElementById("articles");
	articles = articleDiv.getElementsByTagName("div");
	for(var i = 0; i < articleLinks.length; i++) {
	    articleLinks[i].onclick = function() { showArticle(this); return false; };
	}
}

showArticle = function(caller) {
	for(var i = 0; i < articleLinks.length; i++) {
		var link = articleLinks[i]; 
		var article = articles[i];
		if (link == caller) {
			link.className = "active";
			article.className = "";
		} else {
		    link.className = "";
			article.className = "off-left";
		}
	}
}

function bindImageHovers() {
  var nav = document.getElementById('nav');
  var imgs = nav.getElementsByTagName('img');
  for (var i=0; i<imgs.length; i++) {
    var img = imgs[i];
    if (img.src.match('_Gray_') != null) {
      img.onmouseover = function() {
        this.src = this.src.replace('_Gray_', '_Or_');
      }
      img.onmouseout = function() {
        this.src = this.src.replace('_Or_', '_Gray_');
      }
    }
  }
}

window.onload = bindImageHovers;

function jobApply(id) {
    var appNode = document.getElementById('jobApp');
    var appParent = appNode.parentNode;
    appParent.removeChild(appNode);
    var div = document.getElementById('app'+id);
    div.appendChild(appNode);
    document.getElementById('hdnJobID').value = id;
}

function appSent(id) {
    var appNode = document.getElementById('jobApp');
    var appParent = appNode.parentNode;
    appParent.removeChild(appNode);
    var div = document.getElementById('jobAppBin');
    div.appendChild(appNode);
}