<!--
NEW DOC ON STRATEGY ETC.
It creates a (toolit for a) HTML table of contacts / poeple, with various
table features, with flexibility in fomrat, and easy to edit in new data.

Approach:
1) Both PHP and Java -- confusing.
2) All data held in PHP and HTML: Jave re-fetches data from there.

Data is in PHP arrays.  Better than hand written HTML tables; not as good as
tab-ascii data files.
	?Get php to read in tab-ascii data??

Rotates data 90 deg: so display one person per col, but add data one person
per row.

Nmb of both rows and cols is flexible, and implicit in data.

Can also add extra table rows (e.g. title, special controls, group info ...)
by hand in HTML.

Feature 1: can click data on/off (show/hide) individually OR by row.
This is a poorly developed idea for training me to learn my students.
?Should normally have data blanked?  Have to click-on the row I want?
Or a control for what rows on ?  E.g. tables appear all blank, radio/menu
	selects ONE row to start with.
Put the row controls in their own col. of on/off btns.
Have a menu on screen at top of table to select what rows are initially
	visible (none, all, row1,2,3 ...).  The table is only shown when that
	is selected OR cilck anywhere to show-all?

Feature 2: Pics can be 1 of N pics for the same person; only showing 1 at a
time.  Extend this to allow any nmb of alt. pics per person.

Feature 3: On/off panel for most of old part of the page.

	General features:
a) One PHP fn. generates the main part of the table from a 2D array.
b) One generates cartoon alternative pics.
c) Another fn. generates the btn contols automatically.
d) Binary switch per table in PHP on whether to have features 1 and 2 active.
	(The arg. 1/0 to fn. (b).)


BRIEF SUMMARY OF STRATEGY:  (old doc.)
Don't store data in java; can't store it in PHP (only at start); so store it
	all in HTML's DOM, and manip. it there.
Represent the data as clearly as poss in PHP for manual editing, copying.
Make the software sort out how many cols & rows there are in each table.
Make java buttons apply to current table, so same buttons work in all tables.
	(I pass 'this' as event handler arg; but could get event, extract
	target object from that.)

It gets nmb or rows for first data col. for table.  All values in quotes.

This page, mystudents.php, has 2 separate ideas worth copying.

A)	PHP generation of html tables from an array.
This will need some quick reprogramming for each table, but easy; data held in
better (clearer for adding data) format than html (though the quotes not quite
ideal).  Just do single bits (special rows) direct in html; use php for the
regular core of the table.
Biggest advantage is having a single pt. to edit changes to format, whether in
naked html or a routine creating cells
May replace wtable.

B)	Java for rotation of a table.
This is not general in that: rotates cols not rows; there's no clear single
way to define what items to pick out of the html for rotation.
It IS general in that: single bunch of code can do many tables on same page,
with mixed sizes and shapes.
Key tactic:
1) Keep the data in html: re-read it on every btn push, and write it back in.  
2) So use just one area of global tmp java storage for all tables.
3) For this in-line rotation, don't need to do general DOM manipulation, but
can use tactic of removing (and storing) all items, then reinserting them in
the order needed.  (Essentially: using java to store the memory of the place
they go to, as well as of the items themselves.)  The reindex operates as newI
-> oldI map.

If only one TD then don't rotate (not sensible; and may be title colspan)
Rotate only from col1 to min of nmb of cols in any row (leave partial extra
cols static).
I count rows from 1 upwards.  (But cols from 0: too hard to do shift/rot)

Overarr[] -> N1 rows
Overarr[i/N1] -> N2 cols
Overarr[i/N1][j/N2] -> N3 children of one TD  (very variable; could be many)
BUT have now got working without the 3rd dim, but moving TD nodes.

DOC. ON HOW CARTOON CODE HERE WORKS
Optionally, on this web page, you can have cartoons as alternatives to student
pics, in the same table cell.  (And in principle, can add still more "sides"
to the pic: cf. WordWall.)

1.	At start of each new array-data-init-manual code:
	$ctable[] is re-init by php:"inittables(1/0);"
	This also sets whether any cartoons will appear for this table.
2.	Optionally add manual cartoon assignment, interleaved with student defs.
3.	mktablecore() calls mkcartoons(), to randomly assign cartoons if
		required for all remaining pics.
4.	php:mktablecore() emits the HTML for the cartoons as well as
		for all table cell contents.
5.	Java exec at end of page load: java:picVisAll() inits the
		visibility of multiple items/pics in same cell.
6.	Java from button-presses and cell-clicks switches pic vis to taste,
	interactively.

-->

<HTML>
<HEAD>
<TITLE>My students</TITLE>

<SCRIPT type="text/javascript">
function myhide(me,ev) { me.style.display = "none"; ev.stopPropagation(); }
	// have to have a fn for inner DIV to stop click propagating, and
	//	being cancelled out by handler for outer DIV.

function domyerrmsg(str) {
	//var ptr = document.getElementById('errmsg').childNodes[0].nodeValue;

	var divptr = document.getElementById('errmsg');
	var ptr = divptr.lastChild;
	divptr.appendChild(document.createTextNode(str));
	divptr.appendChild(document.createElement('BR'));
}

	//  How to call it'<DIV onclick="traceclick(this);">';
function traceclick(me) {
	return(0); // turn OFF this tracing
	var str = 'Click event ' + me.nodeName + "\n";
	//for(prop in me) { str+=prop + " value: " + me[prop]  + "\n"; }
		//str += me.toString();
	//alert(str);
	domyerrmsg(str);
}

function getTag(ptr, tag) { //Gets ptr to 1st enclosing DOM item, of right type.
	while (ptr  &&  ptr.nodeName != tag) {
		if (ptr == ptr.parentNode) return(null);
		ptr = ptr.parentNode;
	}
	return(ptr);
}

function getrow(me, destrow) { // Go up to TABLE, then down to specified row.
	var ptr = getTag(me, 'TABLE').firstChild; // table
	var row = 0;
	while (ptr) {
		if (ptr.nodeName == 'TBODY') ptr = ptr.firstChild;
		if (ptr.nodeName == 'TR') break;
		ptr = ptr.nextSibling;
	};
	if (! ptr) return(ptr);
	while (ptr) {
		if (ptr.nodeName == 'TR') row++;
		if (row == destrow) break;
		ptr = ptr.nextSibling; 
	};
	return(ptr);
}


	//function rotatearr(arr) { var x = arr.pop();   arr.unshift(x); }
function rotatearr(arr) {
	var tmparr = arr.slice(0, maxcol+1);
	var x = tmparr.shift();    tmparr.push(x);
	for (i=0; i <= maxcol; i++) { arr[i] = tmparr[i]; };
}

//function randOrd(){ return (Math.round(Math.random())-0.5); }
//function myrand1 () { reindex.sort(randOrd); }
// function rand3 better: cp array -> arr2; loop rand select one, append arr3, del(splice) from arr2

function myrand3 () { 
	var irand, i;
	var arr = reindex.slice();    reindex.length = 0;

	i = arr.length;
	while (i--) {
		irand = Math.floor(Math.random() * arr.length);
		reindex[reindex.length] = arr[irand];
		arr.splice(irand, 1);
	};
}

function myrand2 () { 
	var i = maxcol + 1;
	if (i == 0) return false;
	while (--i) {
		var j = Math.floor( Math.random() * ( i + 1 ) );
		var tempi = reindex[i];   var tempj = reindex[j];
		reindex[i] = tempj;    reindex[j] = tempi;
} }


// Declare global vars, which will persist.
var overarr = [];
var reindex = [];
var maxcol;

function rowVis2(me, row, mode) { // show/hide table row e.g. names, if there.
	var prevDisp = 0;   var TDptr;
	TRptr = getrow(me, row);  // does getTable()
	if (!TRptr) { return; };

	if (mode == 0) {	// If toggle, decide on mode
		TDptr = TRptr.firstChild;
		while (TDptr  &&  TDptr.nodeName != 'TD')
			{ TDptr = TDptr.nextSibling; };
		prevDisp = TDptr.firstChild.style.visibility;
			// my text cells have DIV inside TD
		if (! prevDisp) prevDisp = 'visible';  // undef case
		mode = ((prevDisp == 'visible') ? 2 : 1);
	};

	cellVisTable(TRptr, row, mode);
}

function rowVis(me, row, doshow) { // show/hide table row e.g. names, if there.
	mode = (doshow ? 1 : 2); // change from 0/1 to 0/1/2  values.
	TRptr = getrow(me, row);  // does getTable()
	if (TRptr) { cellVisTable(TRptr, row, mode); };
}

function cellVisCell(TDptr, mode) { // show/hide (text) contents of a cell.
	// mode=0 means flip from current setting
	// mode=1 means show 
	// mode=2 means hide

	var prevDisp = 0;  var doshow;
	TDptr = getTag(TDptr, 'TD');  // Needed for cell click (and insurance)

	// Detect current mode/value
	prevDisp = (TDptr.firstChild.style.visibility);
		//prevDisp = (TDptr.style.visibility == 'visible');
	if (! prevDisp) prevDisp = 'visible';  // undef case
	prevDisp = (prevDisp == 'visible'); // 0 or 1
	if (mode == 0) doshow = ! prevDisp
	else if (mode == 2) doshow = 0
	else doshow = 1;

	// Set states
	TDptr.firstChild.style.visibility = (doshow ? 'visible' : 'hidden');
		//TDptr.style.visibility = (mode ? 'visible' : 'hidden');
}
function cellVisTable(me, row, mode) { // show/hide name cells in row 2
	TRptr = getrow(me, row);  // does getTable()
	// loop over cols: i.e. TD cells
	TDptr = TRptr.firstChild;
	while (TDptr) {  // Loop over the TDs in one row.
	    if (TDptr.nodeName == 'TD') { cellVisCell(TDptr, mode); };
	    TDptr = TDptr.nextSibling; 
	} // end of loop over TDs
}
function cellVisAll(mode) { // show/hide alt pics.
	// set all tables initially; use PHP var to set mode 1 or 2.
	// get all tables and call:

	var arr;
	arr = document.getElementsByTagName('TABLE');
	for (i=0; i<arr.length;  i++) cellVisTable(arr[i], mode);
}

function picVisCell(TDptr, mode) { // show/hide alt pics. in one cell
	// mode=0 means flip from current setting
	// mode>=1  Mode is index 1...N of the picture to display.

	var count = 0, unset = 1, prevDisp = 0;
	TDptr = getTag(TDptr, 'TD');  // Needed for cell click (and insurance)

	// First loop through: count, detect current mode/value
	IMGptr = TDptr.firstChild;
	while (IMGptr) {  // Loop over the IMGs in one row.
	    //if (IMGptr.nodeName == 'IMG') { // if you want to restrict/check
	    if (1) {
		    count++;
		    if (IMGptr.style.display) unset = 0;
		    //if (IMGptr.style.display  != null/undef) unset = 0;
		    if (IMGptr.style.display == '') prevDisp = count;
	    };
	    IMGptr = IMGptr.nextSibling; 
	} // end of loop over IMGs
	if (unset && count < 2) return(1);  // leave it alone (and vis.)
	if (count < 1) return(1);  
	if (mode > count) mode = 1;
	if (mode == 0) {
		mode = prevDisp + 1;
		if (mode > count) mode = mode - count;
		//if (mode == 0  &&  prevDisp == 0) mode = 1;
	};

	// Second loop through: set states
	IMGptr = TDptr.firstChild;  count = 0;
	while (IMGptr) {  // Loop over the IMGs in one row.
	    //if (IMGptr.nodeName == 'IMG') {
	    if (1) {
		count++;
		IMGptr.style.display =(count == mode ? '' : 'none');
	    };
	    IMGptr = IMGptr.nextSibling; 
	} // end of loop over IMGs
	return(mode);
}
function picVisTable(me, mode) { // show/hide alt pics. in one row.
	TRptr = getrow(me, 1);  // does getTable()
	// loop over cols: i.e. TD cells
	TDptr = TRptr.firstChild;

	while (TDptr) {  // Loop over the TDs in one row.
	    if (TDptr.nodeName == 'TD') {
		     mode = picVisCell(TDptr, mode);
	    };
	    TDptr = TDptr.nextSibling; 
	} // end of loop over TDs
}
function picVisAll(mode) { // show/hide alt pics.
	// set all tables initially; use PHP var to set mode 1 or 2.
	// get all tables and call:

	var arr;
	arr = document.getElementsByTagName('TABLE');
	for (i=0; i<arr.length;  i++) picVisTable(arr[i], mode);
}

function setdata(me) {
	var TRptr, i, cols, TDptr, old, newTD, arr, newarr=[];
	// global overarr[];
	for (i = 1; 1; i++) {
		TRptr = getrow(me, i);
		if (! TRptr) break;
		arr = overarr[i];
		if (arr.length < 2) continue;
		for (cols = maxcol; cols >= 0; cols--) 
			newarr[cols] = TRptr.removeChild(arr[cols]);
		for (cols = maxcol; cols >= 0; cols--) 
			TRptr.insertBefore(
				newarr[reindex[cols]],
				TRptr.firstChild );
	}
}
function shiftdata(me) { getdata(me); rotatearr(reindex); setdata(me);}
function randdata(me) { getdata(me); myrand3(); setdata(me); }

// This is the actual getdata: walks the DOM, collects all the data.
function getdataActual(me) {
	// global overarr[];
	var TRptr, arr, TDptr, cols;
	overarr.length = 0;
	for (i = 1; 1; i++) {
		TRptr = getrow(me, i);   if (! TRptr) break;
		if (overarr[i])  overarr[i].length = 0;
		else overarr[i] = [];

		TDptr = TRptr.firstChild;   arr = overarr[i];
		cols = -1;  // cols counts up from 0;
		while (TDptr) {  // Loop over the TDs in one row.
		    if (TDptr.nodeName == 'TD') { cols++; arr[cols] = TDptr; }
		    TDptr = TDptr.nextSibling; 
		} // end of loop over TDs
	} // end of loop over TRs
}
// This is the overall getdata: first getdata, then calc. the mapping
function getdata(me) {
	getdataActual(me);

	// Now calc. the mapping.
	reindex.length = 0;  maxcol = 0; var max = 0;
	for (j=1;  j<i; j++) {
		len = overarr[j].length;
		if (len <= 1) continue; 
			// 1 is special case to ignore; and [0] ignored.
		if (! maxcol) max = maxcol = len;
		if (len > 1  &&  len < maxcol) maxcol = len;
		if (max < len) max = len;
	}
	//max and maxcol are both lengths; 1 more than index they refer to.
	max--;  maxcol--;
	for (i = 0; i <= max; i++) { reindex[i] = i; }

	//trace(maxcol + 'maxcol');
	//trace(reindex.toString());
	//document.write('Hello World!');
}
</SCRIPT>
</HEAD>

<BODY>
<A name="TOP">Main content last changed </A>
14 May 2012..............  Length:
3,600 words
(25,000 bytes).
<I>(Document started on 1 Oct 2010.)
This is a WWW document maintained by
<A href="http://www.psy.gla.ac.uk/~steve/" target="new">
        Steve Draper</A>, installed at http://www.psy.gla.ac.uk/~steve/contacts/mystudents.php.
</I>
<P><small>
Web site logical path:
[<A href="http://www.psy.gla.ac.uk/">www.psy.gla.ac.uk</A>]
[<A href="http://www.psy.gla.ac.uk/~steve/">~steve</A>]
[<A href="http://www.psy.gla.ac.uk/~steve/mystudents.php"><STRONG>this page</STRONG></A>]
[<A href="http://www.psy.gla.ac.uk/~steve/contacts/">myContacts</A>]
	</small>

<H1>My students</H1>
By
<A href="http://www.psy.gla.ac.uk/~steve/" target="new">Steve Draper</A>, &nbsp;
<A href="http://www.psy.gla.ac.uk/" target="new">Department of Psychology</A>,
&nbsp; <A HREF="http://www.gla.ac.uk" target="new">University of Glasgow</A>.<P>


<!--
<H3>Postgraduate students 2012 ...</H3>

<TABLE border=2  align="center" cellspacing=6 >
<TR align="center">
<TD onclick="javascript:picVisCell(this, 0);" width="33.333333333333%" ><IMG src="../spics/../pics/MBarr.jpg" border=2 width="100%" ><IMG src="../cpics/wwwrefs.jpeg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="33.333333333333%" ><IMG src="../spics/../spics/HBuber3.jpg" border=2 width="100%" ><IMG src="../cpics/koala.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="33.333333333333%" ><IMG src="../spics/../pics/slh.jpg" border=2 width="100%" ><IMG src="../cpics/heduck.gif" border=2 width="100%" ></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Matt Barr</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Joy Hatice Buber</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Sarah Honeychurch</DIV></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Computer games and education</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Computer games and education</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Cooperative learning</DIV></TD>
</TR>
 <TR> <TD colspan=3 align="center" >
	<FORM action="javascript:" style="display: inline;" > 
	
  <INPUT type=submit  onclick="javascript:shiftdata(this.form);" VALUE="Shift">
  <INPUT type=submit  onclick="javascript:randdata(this);" VALUE="Randomise">
	
		<INPUT type=submit  onclick="javascript:picVisTable(this, 0);"
				VALUE="Toggle photos/cartoons">
		<INPUT type=submit  onclick="javascript:rowVis2(this, 2, 0);" VALUE="Toggle row 2 (e.g. Matt...)">
<INPUT type=submit  onclick="javascript:rowVis2(this, 3, 0);" VALUE="Toggle row 3 (e.g. Computer...)">

</FORM> </TD></TR> 
</TABLE>
<HR><P>

-->
<H3>My level 4 students 2012-13</H3>


<TABLE border=2  align="center" cellspacing=6 >
<TR align="center">
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/LWright.jpg" border=2 width="100%" ><IMG src="../cpics/lecturer.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/Nadiab.jpg" border=2 width="100%" ><IMG src="../cpics/bears3.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/Ronaa.jpg" border=2 width="100%" ><IMG src="../cpics/witch2.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/EBurck.jpg" border=2 width="100%" ><IMG src="../cpics/pinky.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/JWhitehead.jpg" border=2 width="100%" ><IMG src="../cpics/heron.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/EMilligan.jpg" border=2 width="100%" ><IMG src="../cpics/koala.gif" border=2 width="100%" ></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Lindsay Wright</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Nadia Bailey</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Rona Anderson</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Emily Burckhardt</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Jess Whitehead</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Elaine Milligan</DIV></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0904915w</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0902196b</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0900013a</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0908536b</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0900225w</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0901016m</DIV></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Discussion vs. writing</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Student jobs</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Expectation effects</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Music as distraction</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Sports club</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Education: lecturer accents?</DIV></TD>
</TR>
 <TR> <TD colspan=6 align="center" >
	<FORM action="javascript:" style="display: inline;" > 
	
  <INPUT type=submit  onclick="javascript:shiftdata(this.form);" VALUE="Shift">
  <INPUT type=submit  onclick="javascript:randdata(this);" VALUE="Randomise">
	
		<INPUT type=submit  onclick="javascript:picVisTable(this, 0);"
				VALUE="Toggle photos/cartoons">
		<INPUT type=submit  onclick="javascript:rowVis2(this, 2, 0);" VALUE="Toggle row 2 (e.g. Lindsay...)">
<INPUT type=submit  onclick="javascript:rowVis2(this, 3, 0);" VALUE="Toggle row 3 (e.g. 0904915w)">
<INPUT type=submit  onclick="javascript:rowVis2(this, 4, 0);" VALUE="Toggle row 4 (e.g. Discussion...)">

</FORM> </TD></TR> 
</TABLE>
<HR><P>

<!-- short/long test page -->

<TABLE border=2  align="center" cellspacing=6>
<TR align="center">
<TD onclick="javascript:picVisCell(this, 0);" width="14.285714285714%" ><IMG src="../spics/Zule.jpg" border=2 width="100%" ><IMG src="../cpics/lecturer.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="14.285714285714%" ><IMG src="../spics/Maisa.jpg" border=2 width="100%" ><IMG src="../cpics/Laughing.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="14.285714285714%" ><IMG src="../spics/ADarling.jpg" border=2 width="100%" ><IMG src="../cpics/witch2.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="14.285714285714%" ><IMG src="../spics/Mikan.jpg" border=2 width="100%" ><IMG src="../cpics/jackal.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="14.285714285714%" ><IMG src="../spics/APost.jpg" border=2 width="100%" ><IMG src="../cpics/lecturerR.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="14.285714285714%" ><IMG src="../spics/FNewlands.jpg" border=2 width="100%" ><IMG src="../cpics/lionmouth.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="14.285714285714%" ><IMG src="../spics/rum.jpg" border=2 width="100%" ><IMG src="../cpics/bears3.gif" border=2 width="100%" ></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Zuleika Irvanipour</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Maisa Vatiainen / Forsyth</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Ailsa Darling</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Emmi Mikanmaa</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Adam Post</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Fiona Newlands</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Ruaridh Malcolm</DIV></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0900590i</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0901967v</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0901848d</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0900842m</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0900354p</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0900313n</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0902272m</DIV></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Creativity</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>PosPsy</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Learning styles?</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>PosPsy</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV></DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Dweck??</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>PosPsy</DIV></TD>
</TR>
 <TR> <TD colspan=7 align="center" >
	<FORM action="javascript:" style="display: inline;" > 
	
  <INPUT type=submit  onclick="javascript:shiftdata(this.form);" VALUE="Shift">
  <INPUT type=submit  onclick="javascript:randdata(this);" VALUE="Randomise">
	
		<INPUT type=submit  onclick="javascript:picVisTable(this, 0);"
				VALUE="Toggle photos/cartoons">
		<INPUT type=submit  onclick="javascript:rowVis2(this, 2, 0);" VALUE="Toggle row 2 (e.g. Zuleika...)">
<INPUT type=submit  onclick="javascript:rowVis2(this, 3, 0);" VALUE="Toggle row 3 (e.g. 0900590i)">
<INPUT type=submit  onclick="javascript:rowVis2(this, 4, 0);" VALUE="Toggle row 4 (e.g. Creativity)">

</FORM> </TD></TR> 
</TABLE>

<HR><P>


<H3>My semester 2, level 3 tutorial group 2012</H3>
<TABLE border=2  align="center" cellspacing=6 >
<TR align="center">
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/SonaZ.jpg" border=2 width="100%" ><IMG src="../cpics/straight.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/MilenaJ.jpg" border=2 width="100%" ><IMG src="../cpics/dog.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/FNewlands.jpg" border=2 width="100%" ><IMG src="../cpics/shark2.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/Isotalus.jpg" border=2 width="100%" ><IMG src="../cpics/lecturerR.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/APost.jpg" border=2 width="100%" ><IMG src="../cpics/lionmouth.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/CMcNichol.jpg" border=2 width="100%" ><IMG src="../cpics/bears3.gif" border=2 width="100%" ></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Sona Zemanova</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Milena Jaremczuk-Andrusckiewicz</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Fiona Newlands</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Hanna Isotalus</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Adam Post</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Claire McNichol</DIV></TD>
</TR>
 <TR> <TD colspan=6 align="center" >
	<FORM action="javascript:" style="display: inline;" > 
	
  <INPUT type=submit  onclick="javascript:shiftdata(this.form);" VALUE="Shift">
  <INPUT type=submit  onclick="javascript:randdata(this);" VALUE="Randomise">
	
		<INPUT type=submit  onclick="javascript:picVisTable(this, 0);"
				VALUE="Toggle photos/cartoons">
		<INPUT type=submit  onclick="javascript:rowVis2(this, 2, 0);" VALUE="Toggle row 2 (e.g. Sona...)">

</FORM> </TD></TR> 
</TABLE>
<HR><P>


<H3>My semester 1, level 3 tutorial group 2011</H3>

<TABLE border=2  align="center" cellspacing=6 >
<TR align="center">
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/RDalgetty.jpg" border=2 width="100%" ><IMG src="../cpics/monales.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/MCrawshaw.jpg" border=2 width="100%" ><IMG src="../cpics/wwwrefs.jpeg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/MDudasova.jpg" border=2 width="100%" ><IMG src="../cpics/dog.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/LDrummond.jpg" border=2 width="100%" ><IMG src="../cpics/mariejas2.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/ADarling.jpg" border=2 width="100%" ><IMG src="../cpics/bears3.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="16.666666666667%" ><IMG src="../spics/ZDaneva.jpg" border=2 width="100%" ><IMG src="../cpics/Laughing.gif" border=2 width="100%" ></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Rebecca Dalgetty</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>MJR Crawshaw</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Michaela Dudasova</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Lauren Drummond</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Ailsa Darling</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Ava Daneva</DIV></TD>
</TR>
 <TR> <TD colspan=6 align="center" >
	<FORM action="javascript:" style="display: inline;" > 
	
  <INPUT type=submit  onclick="javascript:shiftdata(this.form);" VALUE="Shift">
  <INPUT type=submit  onclick="javascript:randdata(this);" VALUE="Randomise">
	
		<INPUT type=submit  onclick="javascript:picVisTable(this, 0);"
				VALUE="Toggle photos/cartoons">
		<INPUT type=submit  onclick="javascript:rowVis2(this, 2, 0);" VALUE="Toggle row 2 (e.g. Rebecca...)">

</FORM> </TD></TR> 
</TABLE>
<HR><P>

<H3>My level 4 students 2011-12</H3>


<TABLE border=2  align="center" cellspacing=6 >

<TR align="center">
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/PTodorova.jpg" border=2 width="100%" ><IMG src="../cpics/monales.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/Hera.jpg" border=2 width="100%" ><IMG src="../cpics/witch2.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/Mehdi.jpg" border=2 width="100%" ><IMG src="../cpics/Laughing2.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/Ioana.jpg" border=2 width="100%" ><IMG src="../cpics/koala.gif" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/Pawluk.jpg" border=2 width="100%" ><IMG src="../cpics/lionmouth.gif" border=2 width="100%" ></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Petya Todorova</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Hera Hussein</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Mehdi Alemohammad</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Ioana Lutas</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Ola Pawluk</DIV></TD>
</TR>
 <TR> <TD colspan=5 align="center" >
	<FORM action="javascript:" style="display: inline;" > 
	
  <INPUT type=submit  onclick="javascript:shiftdata(this.form);" VALUE="Shift">
  <INPUT type=submit  onclick="javascript:randdata(this);" VALUE="Randomise">
	
		<INPUT type=submit  onclick="javascript:picVisTable(this, 0);"
				VALUE="Toggle photos/cartoons">
		<INPUT type=submit  onclick="javascript:rowVis2(this, 2, 0);" VALUE="Toggle row 2 (e.g. Petya...)">

</FORM> </TD></TR> 
</TABLE>
<HR><P>
<!-- short/long test page -->

<TABLE border=2  align="center" cellspacing=6>
<TR align="center">
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/SHall.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/SDennis.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/LDevaney.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/KEnglish.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/GSayer.jpg" border=2 width="100%" ></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Suzanne Hall</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Sarah Dennis</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Lottie Devaney</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Kevan English</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Graham Sayer</DIV></TD>
</TR>
 <TR> <TD colspan=5 align="center" >
	<FORM action="javascript:" style="display: inline;" > 
	
  <INPUT type=submit  onclick="javascript:shiftdata(this.form);" VALUE="Shift">
  <INPUT type=submit  onclick="javascript:randdata(this);" VALUE="Randomise">
	<INPUT type=submit  onclick="javascript:rowVis2(this, 2, 0);" VALUE="Toggle row 2 (e.g. Suzanne...)">

</FORM> </TD></TR> 
</TABLE>

<HR><P>
<H3>My semester 2, level 3 tutorial group 2011</H3>

<TABLE border=2  align="center" cellspacing=6>
<TR align="center">
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/VTang.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/HGilman.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/HMusto.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/RPratch.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/SHall.jpg" border=2 width="100%" ></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Vanessa Tang</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Hannah Gilman</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Henry Musto</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Rebecca Pratchett</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Suzanne Hall</DIV></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0807248t</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0807258g</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0807267m</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0807288p</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0807296h</DIV></TD>
</TR>
 <TR> <TD colspan=5 align="center" >
	<FORM action="javascript:" style="display: inline;" > 
	
  <INPUT type=submit  onclick="javascript:shiftdata(this.form);" VALUE="Shift">
  <INPUT type=submit  onclick="javascript:randdata(this);" VALUE="Randomise">
	<INPUT type=submit  onclick="javascript:rowVis2(this, 2, 0);" VALUE="Toggle row 2 (e.g. Vanessa...)">
<INPUT type=submit  onclick="javascript:rowVis2(this, 3, 0);" VALUE="Toggle row 3 (e.g. 0807248t)">

</FORM> </TD></TR> 
</TABLE>
<HR><P>

<DIV style=background-color:LightGreen;
	onclick='javascript:this.lastChild.style.display = "block"; ' >
<P>&nbsp;<P>
<DIV style=" display: none" onclick='javascript:myhide(this,event);' >

<H3>My semester 1, level 3 tutorial group 2010</H3>

<TABLE border=2  align="center" cellspacing=6>
<TR align="center">
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/STin.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/RTwist.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/KKalin.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/PTodorova.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/CWalker.jpg" border=2 width="100%" ></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Su Tin</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Reece Twist</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Katie Kalin</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Petya Todorova</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Caroline Walker</DIV></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0800602t</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0807449t</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>1001232k</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0704435t</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>0801788w</DIV></TD>
</TR>
 <TR> <TD colspan=5 align="center" >
	<FORM action="javascript:" style="display: inline;" > 
	
  <INPUT type=submit  onclick="javascript:shiftdata(this.form);" VALUE="Shift">
  <INPUT type=submit  onclick="javascript:randdata(this);" VALUE="Randomise">
	<INPUT type=submit  onclick="javascript:rowVis2(this, 2, 0);" VALUE="Toggle row 2 (e.g. Su...)">
<INPUT type=submit  onclick="javascript:rowVis2(this, 3, 0);" VALUE="Toggle row 3 (e.g. 0800602t)">

</FORM> </TD></TR> 
</TABLE>
<HR><P>

<H3>My level 4 students 2010-11</H3>


<TABLE border=2  align="center" cellspacing=6>
<TR align="center">
<TD onclick="javascript:picVisCell(this, 0);" width="25%" ><IMG src="../spics/SGunn.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="25%" ><IMG src="../spics/LMunn.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="25%" ><IMG src="../spics/ADonnell.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="25%" ><IMG src="../spics/MMartin.jpg" border=2 width="100%" ></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Sarah Gunn</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Lisa McMunn</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Annie O'Donnell</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Mary Martin</DIV></TD>
</TR>
 <TR> <TD colspan=4 align="center" >
	<FORM action="javascript:" style="display: inline;" > 
	
  <INPUT type=submit  onclick="javascript:shiftdata(this.form);" VALUE="Shift">
  <INPUT type=submit  onclick="javascript:randdata(this);" VALUE="Randomise">
	<INPUT type=submit  onclick="javascript:rowVis2(this, 2, 0);" VALUE="Toggle row 2 (e.g. Sarah...)">

</FORM> </TD></TR> 
</TABLE>
<HR><P>


<TABLE border=2  align="center" cellspacing=6>
<TR align="center">
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/Sharry.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/JNorris.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/MAngus.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/JBingham.jpg" border=2 width="100%" ></TD>
<TD onclick="javascript:picVisCell(this, 0);" width="20%" ><IMG src="../spics/SBeckett.jpg" border=2 width="100%" ></TD>
</TR>
<TR align="center">
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Leanne McSharry</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Jen Norris</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Michael Angus</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Jonathan Bingham</DIV></TD>
<TD onclick="javascript:cellVisCell(this, 0);"><DIV>Sam Beckett</DIV></TD>
</TR>
 <TR> <TD colspan=5 align="center" >
	<FORM action="javascript:" style="display: inline;" > 
	
  <INPUT type=submit  onclick="javascript:shiftdata(this.form);" VALUE="Shift">
  <INPUT type=submit  onclick="javascript:randdata(this);" VALUE="Randomise">
	<INPUT type=submit  onclick="javascript:rowVis2(this, 2, 0);" VALUE="Toggle row 2 (e.g. Leanne...)">

</FORM> </TD></TR> 
</TABLE>
<HR><P>
</DIV></DIV>

<P><DIV id='errmsg'>
Java error message area:<BR>
</DIV>

<H4>To do list</H4>
<PRE>
1. Tackle the cut/paste value problem: tackle dclick catching etc.
	Aim: to make cut/paste values from table easy, not buggy as now.

2.  Allow not just 2 pics, but any number per person.

3. A control at top of each table, for what rows visible. 
	(Improve memory teaching function.)

4. ?A col. of on/off row-visible buttons.


</PRE>

<SCRIPT>   //instead of onLoad(); call init java here
picVisAll(1);    // Initialise multiple pics in tables
//cellVisAll(0);    // Initialise whether names shown

divptr = document.getElementById('errmsg');

//randdata('table1'); randdata('table2'); randdata('table3');
</SCRIPT>

</BODY>
</HTML>