var onThumb = false;
var onStory = false;
var onLink = false;
var onForm = false;
var inForm = false;
var s = 6;

function flip (the_ids, c1, c2) {
	var b = "";
	var a = the_ids.split(', ');
	for (var j = 0; j < a.length; j++) {
		b = a[j];
		var target_id = window.document.getElementById(b);
		if (target_id.className == c1) {
			target_id.className = c2;
		} else {
			target_id.className = c1;
		}
	}
	return (false);
}

function hsl () {						//  hide all stories and links
  for (var i = 0; i < s; i++) {
    var a = "S" + i;  var b = "L" + i;
    flip (a + ", " + b, 'hide', 'hide');
  }
}

function hider () {						// hide if not over story or thumb
  if (!(onStory) && !(onThumb)) {  hsl ();  }
}

function onT (num) {					// on thumbnail
  onThumb = true;
  hsl ();
  var c = "S" + num;  var d = "L" + num;
  flip (c + ", " + d, 'show', 'show');
}

function offT (num) {					// off thumbnail
  onThumb = false;
  var theTimer = setTimeout("hider()",3000);
}

function onS (num) {					// on story
  onStory = true;
}

function offS (num) {					// off story
  onStory = false;
  var theTimer = setTimeout("hider()",3000);
}


function hfl () {
  flip ('GF, PF', 'hide', 'hide');
  flip ('GL, PL', 'off', 'off');
}

function cloak () {				// hide if not in form or over form or link
  if (!(inForm) && !(onForm) && !(onLink)) {  hfl ();  }
}

function onL (frm) {					// on link
  onLink = true;
  hfl ();
  var g = frm + "L";  var h = frm + "F";
  flip (g, 'on', 'on');
  flip (h, 'show', 'show');
}  

function offL (frm) {					// off link
  onLink = false;
  var theTimer = setTimeout("cloak()",7000);
}

function inF (frm) {					// in form
  inForm = true;
}

function outF (frm) {					// out of form
  inForm = false;
  var theTimer = setTimeout("cloak()",7000);
}

function onF (frm) {					// on form
  onForm = true;
}

function offF (frm) {					// off form
  onForm = false;
  var theTimer = setTimeout("cloak()",5000);
}