/*
=======================================================
*********  RANDOM CARD GENERATOR  *********************
*******  AUTHOR:  BILL LANE. 2003  ********************
=======================================================
*On open/refresh creates a random number to represent card
* Using title/message pairs in text.js places the
current selection into thisTitle and thisText
*  when link selected swaps image, adds text and shows layer
=======================================================
*METHODS
********
*  domTest		works out the DOM for the current broswer
				returns a number signifying current DOM
				
* platformDetect	returns the current OS
				
*  start		image pre-loader

*  showCard		places text into layer
				swaps readingsPic for current card
				shows messageDiv layer
				
* EVENTS
*********
*  onClick		called from link
				calls showCard  with no parameters
=======================================================
=======================================================
*/

<!--
var domType = 0;
var totalCards = 104;	//max number of cards
var divID = "messageDiv";		//layer name for content
//get random number based on totalCards
var thisCard = Math.round(Math.random() * totalCards);
if(thisCard == 0){thisCard = 1};	//check for a zero value
var thisTitle = eval("Title" + String(thisCard));
var thisText = eval("Text" + String(thisCard));
var thisImg = "aa_opt_cards/" + String(thisCard) + "img.jpg";
var thisOS = 0;
var macLeft = 0;
var macTop = 10;
//===================================================================
function platformDetect()
{
  if(navigator.appVersion.indexOf("Win") != -1)
  {
    thisOS = 1;
  }
  else if(navigator.appVersion.indexOf("Mac") != -1)
  {
    thisOS = 2;
  }
  //else thisOS = 3;
  return thisOS;
}
//--------------------------------------------------------------------------------------
function domTest() {
var domType
if (document.layers){domType = 1;}	//nn4
else if (document.all && !document.getElementById){domType = 2;}	///IE4 
else if (document.getElementById && document.body.style){domType = 3;}	//Standards Compliant
return domType;
}
//------------------------------------------------------------------------------------

function start(){
MM_preloadImages('../Media/aaa_r2_c6_f2.jpg','../Media/aaa_r2_c6_f3.jpg','../Media/aaa_r4_c2_f2.jpg','../Media/aaa_r4_c2_f3.jpg','../Media/aaa_r4_c4_f2.jpg','../Media/aaa_r4_c4_f3.jpg','../Media/aaa_r4_c7_f2.jpg','../Media/aaa_r4_c7_f3.jpg','../Media/aaa_r4_c10_f2.jpg','../Media/aaa_r4_c10_f3.jpg','../Media/aaa_r4_c12_f2.jpg','../Media/aaa_r4_c12_f3.jpg', thisImg);
}

function showCard(){
//swap in card image
document.card.src = thisImg;
//construct the html for the layer content
var content = "<table width='100%' border='0' cellspacing='3' cellpadding='0'><tr><td width='319'><img src='aa_opt_cards/spacer.gif' width='319' height='1'></td></tr><tr><td width='319'><img src='aa_opt_cards/spacer.gif' width='319' height='1'></td></tr><tr><td class='title' align='center' height='20'>" + thisTitle + "</td></tr><tr><td class='message' align='center' height='200' valign='middle'>" + thisText + "</td><tr><td class='title' align='center' height='20'>&nbsp;</td></tr></table>";
//work out the current DOM
domType = domTest();
thisOS = platformDetect();
//place content
//show layer
//based on current DOM
switch(domType){
case 1:		//NS4
thisObj = document.layers[divID];
document.messageDiv.document.open();
document.messageDiv.document.write(content);
document.messageDiv.document.close();
thisObj.visibility = "visible";
//different positioning for mac
if(thisOS == 2){
thisobj.position = "absolute";
thisObj.left = macLeft;
thisObj.top = macTop;
}
break;
case 2:		//IE4
thisObj = document.all[divID];
thisObj.innerHTML = content;
thisObj.style.visibility = "visible";
//different positioning for mac
if(thisOS == 2){
thisobj.position = "absolute";
thisObj.left = macLeft;
thisObj.top = macTop;
}
break;
case 3:		//standards compliant
thisObj = document.getElementById(divID);
thisObj.innerHTML = content;
thisObj.style.visibility = "visible";
//different positioning for mac
if(thisOS == 2){
thisobj.style.position = "absolute";
thisObj.style.left = macLeft;
thisObj.style.top = macTop;
}
break;
}
}