function initPage()
{
	var nav = document.getElementById('img-small');
	
	if(nav)
	{
		var navs = nav.getElementsByTagName("a");
		for(var i=0; i < navs.length; i++)
		{			
			navs[i]._href = navs[i].href;
			navs[i].href = 'javascript:void(0)';
			_id = navs[i]._href.substr(navs[i]._href.indexOf('#')+1,navs[i]._href.length - navs[i]._href.indexOf('#')-1);
			if(_id != "")
			{
				navs[i]._id = _id;
				navs[i].onclick = function()
				{
					_img = document.getElementById('img-' + this._id);
					if(_img)
					{
						hide_all();
						_img.style.display = '';
						this.className = 'active';
					}
				}
				
				_img = document.getElementById('img-' + navs[i]._id);
				if(_img)
				{
					if(navs[i].className == 'active')
					{
						_img.style.display = '';
					}					
					else
					{
						_img.style.display = 'none';						
					}
				}					

			}
		}		
	}
}

function hide_all()
{
	var _img = document.getElementById('image-container');
	if(_img)
	{
		var _imgs = _img.getElementsByTagName("img");
		for(var i=0; i < _imgs.length; i++)
		{
			_imgs[i].style.display = "none";
		}	
	}
	var nav = document.getElementById('img-small');
	var navs = nav.getElementsByTagName("a");
	for(var i=0; i < navs.length; i++)
	{
		navs[i].className = '';
	}

}


if (window.attachEvent){
	window.attachEvent("onload", initPage);
	}
else if (window.addEventListener){
	window.addEventListener("load", initPage, false);
	}