function loadImage(e, container)
{
	var	$container = container;
	var $img       = e.firstChild.getAttribute('alt');
	var $index     = $img.substring($img.length-5,$img.length);
	    $index     = $index.split('.')[0];
	var $large     = $container.href;
		$large     = $large.substring(0,$large.length-5);
		$large     = $large + $index + '.jpg';
	$container.href       = $large;
	$container.innerHTML = '<img src="'+ $img + '" alt="Image" />';
}
function initGallery()
{
	var $links     = document.getElementById('gallery-collection').getElementsByTagName('a');
	var $container = document.getElementById('image-replacement');
	for (var i = $links.length -1; i >= 0; i--)
	{
		$links[i].onmouseover = function()
		{
			resetGalleryStyle();
			loadImage(this, $container);
			this.firstChild.style.border = '3px solid #fff';
			this.style.position          = 'relative';
			this.style.top               = '-2px';
		}
	}
}

function resetGalleryStyle()
{
	var $links     = document.getElementById('gallery-collection').getElementsByTagName('a');
	for (var i = $links.length -1; i >= 0; i--)
	{
		$links[i].firstChild.style.border = '1px solid #fff';
		$links[i].position = 'relative';
		$links[i].style.top = '0px';
	}
}

function initNav()
{
	var $projects = document.getElementById('n-projects');
	var $awards   = document.getElementById('n-awards');
	var $about    = document.getElementById('n-about');
	var $navList  = document.getElementById('navigation').getElementsByTagName('li');
	
	$projects.onclick = toggleProjects;
	$awards.onclick = toggleAwards;
	$about.onclick = toggleAbout;
	
	function toggleProjects(){
		for (var i=7; i>=1; i--){
			$navList[i].style.display = ($navList[1].style.display == 'block') ? 'none' : 'block';
		}
		this.className = ($navList[1].style.display == 'none') ? 'section' : 'projects section on';
		return false;
	}
	function toggleAwards(){
		for (var i=11; i>=9; i--){
			$navList[i].style.display = ($navList[9].style.display == 'block') ? 'none' : 'block';
		}	
		this.className = ($navList[9].style.display == 'none') ? 'section' : 'projects section on';			
		return false;
	}
	function toggleAbout(){
		for (var i=15; i>=13; i--){
			$navList[i].style.display = ($navList[13].style.display == 'block') ? 'none' : 'block';
		}
		this.className = ($navList[13].style.display == 'none') ? 'section' : 'projects section on' ;
		return false;
	}
}
function getElementStyle(e, IEStyleProp, CSSStyleProp) 
{
	var elem = e;
	if (elem.currentStyle) {
		return elem.currentStyle[IEStyleProp];
	} else if (window.getComputedStyle) {
		var compStyle = window.getComputedStyle(elem, "");
		return compStyle.getPropertyValue(CSSStyleProp);
	}
	return "";
}