function setClassName(objId, className) {
	document.getElementById(objId).className = className;
}



function handleScroll() {		
	document.getElementById('navigation').style.top = "-"+f_scrollTop()+"px";
}
function setupVerticalScroll(){
	//var divh = document.getElementById('navigation').offsetHeight;
	//document.getElementById('verticalSpacer').style.height = divh-80 + "px"
	document.getElementById('verticalSpacer').style.height = "780px"

}


// the following functions are for finding the scroll position in multiple browsers. Used for scrolling the navigation vertically.
function f_clientWidth() {
	return f_filterResults (
		window.innerWidth ? window.innerWidth : 0,
		document.documentElement ? document.documentElement.clientWidth : 0,
		document.body ? document.body.clientWidth : 0
	);
}
function f_clientHeight() {
	return f_filterResults (
		window.innerHeight ? window.innerHeight : 0,
		document.documentElement ? document.documentElement.clientHeight : 0,
		document.body ? document.body.clientHeight : 0
	);
}
function f_scrollLeft() {
	return f_filterResults (
		window.pageXOffset ? window.pageXOffset : 0,
		document.documentElement ? document.documentElement.scrollLeft : 0,
		document.body ? document.body.scrollLeft : 0
	);
}
function f_scrollTop() {
	return f_filterResults (
		window.pageYOffset ? window.pageYOffset : 0,
		document.documentElement ? document.documentElement.scrollTop : 0,
		document.body ? document.body.scrollTop : 0
	);
}
function f_filterResults(n_win, n_docel, n_body) {
	var n_result = n_win ? n_win : 0;
	if (n_docel && (!n_result || (n_result > n_docel)))
		n_result = n_docel;
	return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}


function toggleSelectedWorks(){
	if(document.getElementById("nav_selectedworks_subnav").style.display == "block"){
		document.getElementById("navigation").style.width =  "125px"
		document.getElementById("nav_selectedworks_subnav").style.display = "none"	
	}else{
		document.getElementById("navigation").style.width = "440px"
		document.getElementById("nav_selectedworks_subnav").style.display = "block"	
	}	
}

rolloverImagesActive = false;
function activateRolloverImages(){
	rolloverImagesActive = true;	
}

function rollOverArchive(imgPath){
	if(rolloverImagesActive){
	  	$("#archiveRolloverImage").fadeOut(100, function(){			
			$("#archiveRolloverImage").attr("src", imgPath);
			$('#archiveRolloverImage').load(function() {
				$('#archiveRolloverImage').fadeIn('slow', function() {
					// Animation complete
				});
			});
			
		});
	}
}
function rollOffArchive(){
	if(rolloverImagesActive){
		$("#archiveRolloverImage").fadeOut(100, function(){
				// Animation complete			
		});
	}
}