/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this script and the associated (x)html
is available at http://www.stunicholls.com/various/tabbed_pages.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This script and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


onload = function() {
	
	document.getElementById("idvalue2").style.display = "inline";
   document.getElementById("idvalue1").style.display = "none";
	
	var e, i = 0;
	while (e = document.getElementById('gallery').getElementsByTagName ('DIV') [i++]) {
		if (e.className == 'on' || e.className == 'off') {
		e.onclick = function () {
			var getEls = document.getElementsByTagName('DIV');
				for (var z=0; z<getEls.length; z++) {

				getEls[z].className=getEls[z].className.replace('show', 'hide');
				getEls[z].className=getEls[z].className.replace('on', 'off');



				}
			this.className = 'on';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show";
			}
		}
	}

	
}


function fun()
{
	document.getElementById("idvalue2").style.display = "inline";
	document.getElementById("idvalue1").style.display = "none";
	document.getElementById("idvalue4").style.display = "none";
	document.getElementById("idvalue3").style.display = "inline";
	document.getElementById("idvalue6").style.display = "none";
	document.getElementById("idvalue5").style.display = "inline";
	document.getElementById("idvalue8").style.display = "none";
	document.getElementById("idvalue7").style.display = "inline";

}

function fun1()
{
	document.getElementById("idvalue4").style.display = "inline";
	document.getElementById("idvalue3").style.display = "none";
	document.getElementById("idvalue2").style.display = "none";
	document.getElementById("idvalue1").style.display = "inline";
	document.getElementById("idvalue6").style.display = "none";
	document.getElementById("idvalue5").style.display = "inline";
	document.getElementById("idvalue8").style.display = "none";
	document.getElementById("idvalue7").style.display = "inline";
}


function fun2()
{

	document.getElementById("idvalue4").style.display = "none";
	document.getElementById("idvalue3").style.display = "inline";
	document.getElementById("idvalue2").style.display = "none";
	document.getElementById("idvalue1").style.display = "inline";
	document.getElementById("idvalue6").style.display = "inline";
	document.getElementById("idvalue5").style.display = "none";
	document.getElementById("idvalue8").style.display = "none";
	document.getElementById("idvalue7").style.display = "inline";

}



function fun3()
{


	document.getElementById("idvalue4").style.display = "none";
	document.getElementById("idvalue3").style.display = "inline";
	document.getElementById("idvalue2").style.display = "none";
	document.getElementById("idvalue1").style.display = "inline";
	document.getElementById("idvalue6").style.display = "none";
	document.getElementById("idvalue5").style.display = "inline";
	document.getElementById("idvalue8").style.display = "inline";
	document.getElementById("idvalue7").style.display = "none";

}