/*
   

   Filename: engfr.js


   Function List:

   addEvent(object, evName, fnName, cap)
      Adds an event hander to object where evName is the name of the event,
      fnName is the function assigned to the event, and cap indicates whether
      event handler occurs during the capture phase (true) or bubbling
      phase (false)

   setUp()
      Insert the current week's french phrases into document and set up
      event handlers for the phrases.

   swapFE(phrase, pnum)
      Changes a French phrase to the English version of that phrase.

   swapEF(phrase, pnum)
      Changes an English phrase ot the Frech version of that phrase.

*/
addEvent (window, "load", setUp, false);

function addEvent(object, evName, fnName, cap) {
   if (object.attachEvent)
       object.attachEvent("on" + evName, fnName);
   else if (object.addEventListener)
       object.addEventListener(evName, fnName, cap);
}
function setUp() {
    var transDoc = document.getElementById("doc");
	var olElem = document.createElement("ol");
		for (var i = 0; i < french.length; i++){
	var newLI = document.createElement("li");
		newLI.innerHTML = french[i];
		newLI.id = i + "phrase"; 
		newLI.style.cursor = "pointer";
		addEvent(newLI, "onmousedown", swapFE, false);
		addEvent(newLI, "onmouseup", swapEF, false);
		olElem.appendChild (newLI);
		}
		transDoc.appendChild(olElem);
 }
function swapFE(event) {
	var phrase = event.target || event.srcElement;
		if (phrase.nodeName == "#text")
		phrase = phrase.parentNode;
		
	var phraseNum = parseInt(phrase.id);
		phrase.innerHTML = english[phraseNum];
		phrase.style.color = "rgb(155,102,102)";
		phrase.style.fontstyle = "italic";
}
function swapEF(event) {
	var phrase = event.target || event.srcElement;
		if (phrase.nodeName == "#text")
		phrase = phrase.parentNode;
 
	var phraseNum = parseInt(phrase.id);
		phrase.innerHTML = french[phraseNum];
		phrase.style.color = "rgb(0,0,0)";
		phrase.style.fontstyle = "normal";
}

/*
  

   Filename: french5.js


   Variable List:
   french
      Contains an array of 10 english phrases

   english
      Contains an array of 10 French translations
*/

var english=new Array();
english[0]="This hotel isn't far from the Eiffel Tower.";
english[1]="What time does the train arrive?";
english[2]="We have been waiting for the bus for one half-hour.";
english[3]="This meal is delicious";
english[4]="What day is she going to arrive?";
english[5]="We have eleven minutes before the train leaves!";
english[6]="Living in a foreign country is a good experience.";
english[7]="Excuse me! I'm late!";
english[8]="Is this taxi free?";
english[9]="Be careful when you go down the steps.";

var french=new Array();
french[0]="Cet hôtel n'est pas loin de la Tour Eiffel.";
french[1]="A quelle heure arrive le train?";
french[2]="Nous attendons l'autobus depuis une demi-heure.";
french[3]="Ce repas est délicieux";
french[4]="Quel jour va-t-elle arriver?";
french[5]="Nous avons onze minutes avant le départ du train!";
french[6]="Habiter dans un pays étranger est une bonne expérience.";
french[7]="Excusez-moi! Je suis en retard!";
french[8]="Est-ce que ce taxi est libre?";
french[9]="Faites attention quand vous descendez l'escalier.";

*                  {margin: 0px; padding: 0px}
#page              {width: 700px; border: 1px solid rgb(155, 102, 102)}

#head              {width: 700px; color: white; font-size: 14px;
                    font-family: Arial, Helvetica, sans-serif;
                    background-color: rgb(155, 102, 102);
                    padding: 10px 0px}
#rightHead         {float: right; margin-right: 10px}
#leftHead          {margin-left: 10px}

#links             {clear: both; width: 120px; float: left; 
                    border-right: 1px solid rgb(155, 102, 102);
                    list-style-type: none; margin-left: 15px;
                    font-size: 12px; padding-bottom: 10px}
#links a           {display: block; text-decoration: none; width: 100%;
                    color: black}
#links a:hover     {background-color: rgb(155, 102, 102); color: white}

#links .newgroup   {margin-top: 5px; margin-left: -10px}

#doc               {float: left}
#doc ol            {margin-left: 45px; margin-top: 15px}

h1, h2             {font-family: Arial, Helvetica, sans-serif; 
                    padding: 0px 10px}
p                  {padding: 0px 10px; margin: 2px}
.pnum              {margin-right: 5px; text-align: right; width: 30px; 
                    border: 1px solid rgb(155,102,102); padding-right: 2px;
                    color: white; background-color: rgb(155,102,102)}
.phrase            {font-style: italic; cursor: pointer}
h1                 {font-size: 18px; margin: 20px 0px 5px 0px}
h2                 {font-size: 12px; font-weight: normal; margin: 5px}
address            {clear: left; text-align: center; font-style: normal;
                    background-color: rgb(155, 102, 102); color: white;
                    font-family: Arial, Helvetica, sans-serif}

function setUp() {
    var transDoc = document.getElementById("doc");
	var olElem = document.createElement("ol");
		for (var i = 0; i < french.length; i++){
	var newLI = document.createElement("li");
		newLI.innerHTML = french[i];
		newLI.id = i + "phrase";
		newLI.style.cursor = "pointer";
		addEvent(newLI, "mousedown", swapFE, false);
		addEvent(newLI, "mouseup", swapEF, false);
		olElem.appendChild (newLI);
		}
		transDoc.appendChild(olElem);
 }

function addEvent(object, evName, fnName, cap) {
   if (object.attachEvent)
       object.attachEvent("on" + evName, fnName);
   else if (object.addEventListener)
       object.addEventListener(evName, fnName, cap);
}

 Core Events
The general event attributes are part of the specifications for HTML and XHTML. They
apply to almost all page elements.

Attribute Description HTML XHTML
onclick The mouse button is clicked. 4.0 1.0
ondblclick The mouse button is double-clicked. 4.0 1.0
onkeydown A key is pressed down. 4.0 1.0
onkeypress A key is initially pressed. 4.0 1.0
onkeyup A key is released. 4.0 1.0
onmousedown The mouse button is pressed down. 4.0 1.0
onmousemove The mouse pointer is moved within the element’s boundaries. 4.0 1.0
onmouseout The mouse pointer is moved out of the element’s boundaries. 4.0 1.0
onmouseover The mouse pointer hovers over the element. 4.0 1.0
onmouseup The mouse button is released. 4.0 1.0