var navBtnsOn = new Array();

window.onload = function(){
	var folder = '/home/2006/';
	var navBtnStrs = new Array('home', 'about', 'news_events', 'artists', 'art', 'search', 'galleries', 'contact', 'licensing', 'trade', 'originals');

	setUpNav(navBtnStrs, folder);
	//setUpNews();

}


function setUpNav(navBtnStrs, folder){
	var navBtns = new Array();
	for(var i in navBtnStrs){
		var navBtn = new NavElement(navBtnStrs[i], folder);
		navBtns[navBtnStrs[i]] = navBtn;
	}
	for(var i in navBtnsOn){
		navBtns[navBtnsOn[i]].setOn();
	}
}


function navImage(id, folder){
	var baseFolder = folder;
	this.imgOn = new Image();
	this.imgOn.src = baseFolder + id + '_on.gif';
	this.imgOff = new Image();
	this.imgOff.src = baseFolder + id + '.gif';
}

function NavElement(id, folder){
	this.id = id;
	if(document.getElementById && document.getElementById(id)){
		var domEl = document.getElementById(id);
		domEl.NavElement = this;
		if (document.images) {
			this.imgObj = new navImage(id, folder);
			domEl.onmouseover = NavElement.eMouseOver;
			domEl.onmouseout = NavElement.eMouseOut;
		}
	}
}
NavElement.eMouseOver = function(e){
	document.getElementById(this.id).src = this.NavElement.imgObj.imgOn.src;
}
NavElement.eMouseOut = function(e){
	document.getElementById(this.id).src = this.NavElement.imgObj.imgOff.src;
}
NavElement.prototype.setOn = function(){
	if(document.getElementById && document.getElementById(this.id)){
		var domEl = document.getElementById(this.id);
		domEl.src = this.imgObj.imgOn.src;
		domEl.onmouseover = null;
		domEl.onmouseout = null;
	}
}

function setUpNews(){
	var newsDiv = document.getElementById('news');
	var newsStories = newsDiv.getElementsByTagName('div');
	var storiesLength = newsStories.length;
	for(i=0;i<storiesLength;i++){
		newsStories[i].onmouseover = setUpNews.eMouseOver;
		newsStories[i].onmouseout = setUpNews.eMouseOut;
		newsStories[i].onmouseup = setUpNews.eMouseUp;
	}
}

setUpNews.eMouseOver = function(e){
	roHighLight(this, 'storyOn');
}
setUpNews.eMouseOut = function(e){
	roHighLight(this, 'story');
}
setUpNews.eMouseUp = function(e){
	document.location.href = (this.getElementsByTagName('a')[0].href);
}


function roHighLight(E, className){
	E.className=className;
}

