var speed1=0	
	var MyMar1

	function clearleft(){
		clearInterval(MyMar1)
	} 

	function toleft(){
		speed1=30;
		function Marquee1(){
			document.getElementById("demo").scrollLeft++
		}
		MyMar1=setInterval(Marquee1,speed1)
	}

	var MyMar3	
	var speed2=0	

	function clearright(){
		clearInterval(MyMar3)
	}

	var list1=new Array(20);
	list1[0]="arthur"; list1[1]="cara"; list1[2]="chris"; list1[3]="colin"; list1[4]="david"; list1[5]="fiona";
	list1[6]="ivor"; list1[7]="jim"; list1[8]="john"; list1[9]="malcolm"; list1[10]="neils"; list1[11]="nezar";
	list1[12]="peter"; list1[13]="ralph"; list1[14]="rob"; list1[15]="ross"; list1[16]="ted"; list1[17]="tim";
	list1[18]="tom"; list1[19]="warren";

	var list2=new Array(20);
	list2[0]="Arthur-Coverdale"; list2[1]="Cara-Wasywich"; list2[2]="Chris-Ellis"; list2[3]="Colin-Edwards"; list2[4]="David1-small"; list2[5]="Fiona-Stewart";
	list2[6]="Ivor-gerber"; list2[7]="Jim-Stewart"; list2[8]="John-Ormiston"; list2[9]="Malcolm-Legget"; list2[10]="Neils-Van-Pelt"; list2[11]="Nezar-Amir";
	list2[12]="Peter-Ruygrok"; list2[13]="Ralph-Stewart"; list2[14]="Rob-Doughty"; list2[15]="Ross-Nicholson"; list2[16]="Ted-Clarke"; list2[17]="Tim-Sutton";
	list2[18]="Tom-Gentles"; list2[19]="Warren-smith";

	var randomSelect = Math.floor(Math.random()*20);

	var lastSelectionId  = list1[randomSelect];
	var lastPic = list2[randomSelect];

	document.getElementById("demo").scrollLeft = document.getElementById("demo").scrollLeft + randomSelect * 30;
	document.getElementById(lastPic).src = "images/people/small_color/" + lastPic + ".GIF";

	var currentSelectionId;

	var lastSelectionTop = document.getElementById(lastSelectionId+"_top");
	var lastSelectionBottom = document.getElementById(lastSelectionId+"_bottom");

	lastSelectionTop.style.display = "block";
	lastSelectionBottom.style.display = "block";

	var currentSelectionTop;
	var currentSelectionBottom;

	function toColor(id){
		toGray(lastPic);
		var pic = document.getElementById(id);
		pic.src = "images/people/small_color/"+id+".GIF";
		lastPic = id;
	}

	function toGray(id){
		var pic = document.getElementById(id);
		pic.src = "images/people/small_gray/"+id+".GIF";		
	}

	function showDetail(id){
		lastSelectionTop = document.getElementById(lastSelectionId+"_top");
		lastSelectionBottom = document.getElementById(lastSelectionId+"_bottom");

		lastSelectionTop.style.display = "none";
		lastSelectionBottom.style.display = "none";

		currentSelectionTop = document.getElementById(id+"_top");
		currentSelectionBottom = document.getElementById(id+"_bottom");

		currentSelectionTop.style.display = "block";
		currentSelectionBottom.style.display = "block";

		lastSelectionId = id;
	}

	function toright(){
		speed2=30;
		function Marquee_a(){
			document.getElementById("demo").scrollLeft--
		}
		MyMar3=setInterval(Marquee_a,speed2)	
	}