var current_sect = current_proj = proj1_current = proj2_current = proj3_current = proj4_current = current_news = current_about = current_story = 1;

function switch_sect(num){
	if(current_sect != num){
		$("sect"+current_sect).fade({ duration: .2});
		$("sect"+num).appear({ duration: .7 });
		if(current_sect != 1){
			$("nav_sect"+current_sect).fade({ duration: .2});
			$("sect"+current_sect+"-blue").addClassName("sect"+current_sect+"blue");
			$("sect"+current_sect+"-blue").removeClassName("sect"+current_sect+"onblue");		
		}
		if(num != 1){
			$("nav_sect"+num).appear({ duration: .7 });
			$("sect"+num+"-blue").addClassName("sect"+num+"onblue");
			$("sect"+num+"-blue").removeClassName("sect"+num+"blue");		
			if(current_proj == 1){
				$('nav_reg').fade({ duration: .2});
				$('nav_blue').appear({ duration: .7 });
				$('nav_color').appear({ duration: .7 });
			}
		} else {
			$('nav_reg').appear({ duration: .7 });
			$('nav_blue').fade({ duration: .2});
			$('nav_color').fade({ duration: .2});					
		}
		if(num != 1) switch_proj(1)
		if(num != 3){
			switch_news(1)
			switch_story(1)
			$("wrapper").setStyle({border:'1px solid #000000'});
		} else if(num == 3) {
			$("wrapper").setStyle({border:'1px solid #FFFFFF'});
		}
		current_sect = num;
	}
}

function switch_proj(num){
	if(current_proj != num){
		$("proj"+num+"_1").show();
		$("proj"+current_proj).fade({ duration: .2});
		$("proj"+num).appear({ duration: .7 });
		$("nav_proj"+current_proj).addClassName("nav_proj"+current_proj);
		$("nav_proj"+current_proj).removeClassName("nav_proj"+current_proj+"on");		
		$("nav_proj"+num).removeClassName("nav_proj"+num);
		$("nav_proj"+num).addClassName("nav_proj"+num+"on");		
		switch_image("proj"+current_proj, 1, true)
		current_proj = num;
	}
}

function switch_news(num){
	if(current_news != num){
		$("news"+current_news).fade({ duration: .2});
		$("news"+num).appear({ duration: .7 });
		$("nav_sect3"+current_news).addClassName("nav_sect3"+current_news+"");
		$("nav_sect3"+current_news).removeClassName("nav_sect3"+current_news+"on");		
		$("nav_sect3"+num).addClassName("nav_sect3"+num+"on");
		$("nav_sect3"+num).removeClassName("nav_sect3"+num+"");		
		current_news = num;
	}
	if(num != 3) switch_story(1)
}

function switch_story(num){
	if(current_story != num){
		$("story"+current_story).fade({ duration: .2});
		$("story"+num).appear({ duration: .7 });
		$("nav_story_"+current_story).setStyle({color:'#000000'});
		$("nav_story_"+num).setStyle({color:'#AF4700'});	
		current_story = num;
	}
}

function switch_about(num){
	if(current_about != num){
		$("about"+current_about).fade({ duration: .2});
		$("about"+num).appear({ duration: .7 });
		$("nav_sect4"+current_about).addClassName("nav_sect4"+current_about+"");
		$("nav_sect4"+current_about).removeClassName("nav_sect4"+current_about+"on");		
		$("nav_sect4"+num).addClassName("nav_sect4"+num+"on");
		$("nav_sect4"+num).removeClassName("nav_sect4"+num+"");		
		current_about = num;
	}
}

function switch_image(sect,num,nofade){
	if(eval(sect + "_current") != num){
		if(!nofade){
			$(sect+"_"+eval(sect + "_current")).fade({ duration: .2});
			$(sect+"_"+num).appear({ duration: .7 });
		} else {
			$(sect+"_"+eval(sect + "_current")).hide();
			$(sect+"_"+num).show();
		}
		if(eval(sect + "_current") == 1){
			if(!nofade){
				$(sect + "_content").appear({ duration: .7 });
			} else {
				$(sect + "_content").show();
			}
		} else if(num == 1) {
			if(!nofade){
				$(sect+"_content").fade({ duration: .2});
			} else {
				$(sect+"_content").hide();					
			}
		}
		$(sect + "_image_nav_" + eval(sect + "_current")).removeClassName('active');
		$(sect + "_image_nav_" + num).addClassName('active');
		eval(sect + "_current = num");
	}
}

//Find all link elements and add an onfocus attribute and value
function hideFocusBorders(){
	if (!document.getElementsByTagName) return false;
	var theahrefs = document.getElementsByTagName("a");
	if (!theahrefs){return;}
	for(var x=0;x!=theahrefs.length;x++){
		theahrefs[x].onfocus = function stopLinkFocus(){this.hideFocus=true;};
	}
}

//Find all link elements and add an onfocus attribute and value
function loadImages(){
	var oImg = new Image();
	var proj = [5,7,4,3]
	
	for(k = 1; k <= 4; k++){
		oImg.src = '_images/nav_sect' + (k+1) + '-on.gif'
		oImg.src = '_images/nav_sect' + (k+1) + '-over.gif'
		oImg.src = '_images/nav_proj' + k + '-on.gif'
		oImg.src = '_images/nav_proj' + k + '-over.gif'
		for(i = 1; i <= proj[k-1]; i++){
			$('proj' + k + '_' + i).writeAttribute("src", "_images/proj" + k + '_' + i + ".jpg");
		}
	}
	$('about_image').writeAttribute("src", "_images/about.jpg")
	$('about_image2').writeAttribute("src", "_images/about.jpg")
}

Event.observe(window, 'load', function() { hideFocusBorders() });
Event.observe(window, 'load', function() { loadImages() });