/* ================================================================ 
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() {
	var e, i = 0;
	while (e = document.getElementById('gallery_01').getElementsByTagName ('DIV') [i++]) {
		if (e.className == 'on_01' || e.className == 'off_01') {
		e.onclick = function () {
		
			var getEls = document.getElementsByTagName('DIV');
				for (var z=0; z<getEls.length; z++) {
				getEls[z].className=getEls[z].className.replace('show_01', 'hide_01');
				getEls[z].className=getEls[z].className.replace('on_01', 'off_01');
				}
				
			if(document.getElementById('Lyon')){
			document.getElementById('Lyon_Porte_de_Gerland').className = document.getElementById('Lyon_Porte_de_Gerland').className.replace('hide_01', 'show_01');
			}
			
			this.className = 'on_01';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show_01";
			}
		}
	}
	
	var e, i = 0;
	while (e = document.getElementById('Lyon').getElementsByTagName ('DIV') [i++]) {
		

		if (e.className == 'on_01' || e.className == 'off_01') {
		e.onclick = function () {
			var getEls = document.getElementsByTagName('DIV');
				document.getElementById('Lyon').className;
				for (var z=0; z<getEls.length; z++) {
				
					getEls[z].className=getEls[z].className.replace('on_01', 'off_01');
					getEls[z].className=getEls[z].className.replace('show_01', 'hide_01');
					
				}
			
			if (document.getElementById('Lyon').className == 'hide_01'){
				document.getElementById('Lyon').className = document.getElementById('Lyon').className.replace('hide_01', 'show_01');
			}
			
			this.className = 'on_01';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show_01";
			}
		}
		
	}
	
	
	var e, i = 0;
	while (e = document.getElementById('gallery_planserv').getElementsByTagName ('DIV') [i++]) {
		if (e.className == 'on_planserv' || e.className == 'off_planserv') {
		e.onclick = function () {
			var getEls = document.getElementsByTagName('DIV');
				for (var z=0; z<getEls.length; z++) {
				getEls[z].className=getEls[z].className.replace('show_planserv', 'hide_planserv');
				getEls[z].className=getEls[z].className.replace('on_planserv', 'off_planserv');
				}
			this.className = 'on_planserv';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show_planserv";
			}
		}
	}
	
	
	var e, i = 0;
	while (e = document.getElementById('lyongallery').getElementsByTagName ('DIV') [i++]) {
		if (e.className == 'on_lyon_gerland' || e.className == 'off_lyon_gerland') {
		e.onclick = function () {
			var getEls = document.getElementsByTagName('DIV');
				for (var z=0; z<getEls.length; z++) {
				getEls[z].className=getEls[z].className.replace('show_lyon_gerland', 'hide_lyon_gerland');
				getEls[z].className=getEls[z].className.replace('on_lyon_gerland', 'off_lyon_gerland');
				}
			this.className = 'on_lyon_gerland';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show_lyon_gerland";
			}
		}
	}
	
	var e, i = 0;
	while (e = document.getElementById('lyonpgallery').getElementsByTagName ('DIV') [i++]) {
		if (e.className == 'on_lyon_parilly' || e.className == 'off_lyon_parilly') {
		e.onclick = function () {
			var getEls = document.getElementsByTagName('DIV');
				for (var z=0; z<getEls.length; z++) {
				getEls[z].className=getEls[z].className.replace('show_lyon_parilly', 'hide_lyon_parilly');
				getEls[z].className=getEls[z].className.replace('on_lyon_parilly', 'off_lyon_parilly');
				}
			
			this.className = 'on_lyon_parilly';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show_lyon_parilly";
			}
		}
	}
	
	var e, i = 0;
	while (e = document.getElementById('marseillegallery').getElementsByTagName ('DIV') [i++]) {
		if (e.className == 'on_marseille' || e.className == 'off_marseille') {
		e.onclick = function () {
			var getEls = document.getElementsByTagName('DIV');
				for (var z=0; z<getEls.length; z++) {
				getEls[z].className=getEls[z].className.replace('show_marseille', 'hide_marseille');
				getEls[z].className=getEls[z].className.replace('on_marseille', 'off_marseille');
				}
			this.className = 'on_marseille';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show_marseille";
			}
		}
	}
	
	
	var e, i = 0;
	while (e = document.getElementById('gallery_etienne').getElementsByTagName ('DIV') [i++]) {
		if (e.className == 'on_etienne' || e.className == 'off_etienne') {
		e.onclick = function () {
			var getEls = document.getElementsByTagName('DIV');
				for (var z=0; z<getEls.length; z++) {
				getEls[z].className=getEls[z].className.replace('show_etienne', 'hide_etienne');
				getEls[z].className=getEls[z].className.replace('on_etienne', 'off_etienne');
				}
			this.className = 'on_etienne';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show_etienne";
			}
		}
	}
	
	var e, i = 0;
	while (e = document.getElementById('angersgallery').getElementsByTagName ('DIV') [i++]) {
		if (e.className == 'on_angers' || e.className == 'off_angers') {
		e.onclick = function () {
			var getEls = document.getElementsByTagName('DIV');
				for (var z=0; z<getEls.length; z++) {
				getEls[z].className=getEls[z].className.replace('show_angers', 'hide_angers');
				getEls[z].className=getEls[z].className.replace('on_angers', 'off_angers');
				}
			this.className = 'on_angers';
			var max = this.getAttribute('title');
			document.getElementById(max).className = "show_angers";
			}
		}
	}
	
	
}