| ")
if (grade) document.write("GRADE ")
if (reveal) document.write("REVEAL ")
if (nextpage) document.write("NEXT ")
document.write(" | "+instructions+" | ")
document.write("
")
}
}
function writeunsupported()
{
document.writeln("The full functionality of this page requires version 4 or higher of "+Browser+"")
}
//########### Process interactions
function tryitonce()
{
note("Gee whiz, you should try it at least once.");
}
function setgradeicon(iconindex,grade)
{
if (iconindex>=0) document.images[iconindex].src="../share/"+gradeicon[gradeindex(grade)];
}
function donextpage()
{
if (next)
if (next!="")
gotopage(next)
}
function dooutline()
{
window.location="lesson_outline.htm"
}
function gotopage(page)
{//7/98
window.location=page;
}
function note(notemsg)
{
//We might want to use a different window for notes in the future so we use note() instead of alert()
alert(notemsg)
}
function pophtml(popup)//Called when user clicks on a popup link within text
{
pop=window.open(popup,"popup",'resizable=1,scrollbars=1,width=400,height=400,');
//11/24/99 if you leave out "Popup", popup replaces current frame!
}
function jumphtml(popup)//Called when user clicks on a jump link within text of either regular or popped up page
{
window.location=popup
}
function writepagename()//6/7/99 used to attach the name of the CALIAuthor page to the end of the HTML page
{
var score=""
if (parent.scoretotal>0)
{
score="Score: " +
parent.scorecount + "/" + parent.scoretotal + " (" + Math.floor(parent.scorecount*100/parent.scoretotal) + "%)" +
""
}
document.write("" + score + "\n")
document.write(""+title+"
\n")
}
function showscore()
{
parent.showscore()
}
function showfeedback(feedback,grade)
{
//Display text of feedback in popup window. Grade is of type 'R,W,M,I' which determines which icon and background to use.
if (feedback==null) return //if not feedback, don't show a popup.
if (grade==null) grade=INFO //if no grade given, assume Informational.
//we could save the scores in acookie for recording to Server :-)
if (parent.scoreinfo.indexOf(""+title+"
")<0)
if (grade==RIGHT || grade==WRONG)
{ //If question not already answered, and is either RIGHT or WRONG add to list and increment score tally.
parent.scoreinfo=parent.scoreinfo + "" + title + "
" + grade + "\n";
if (grade==RIGHT)
{
parent.scorecount+=1;//increment score and total
parent.scoretotal+=1;
}
if (grade==WRONG)
{
parent.scorecount+=0;//no score but increment total
parent.scoretotal+=1;
}
}
grade=gradeindex(grade)
if (feedback.length<200)
h=150;
else
h=400;
//Create the popup window. 10/20/99 These windows must be closed before proceeding.
pop=window.open("","Popup","resizable=1,scrollbars=1,width=400,height=" + h);
if (pop==null) return;
if (pop.focus!=null) pop.focus();
pop.document.writeln("" + gradetitle[grade] + "")
pop.document.writeln( "")
// + " onBlur=self.focus()"
//8/26/98 Don't do auto focus since IE4 scrolls to the bottom. Find afix?
//" onload=\"document.forms[0].elements[0].focus();self.scroll(0,0);\">");
//pop.document.writeln("")'Using this Include script causes IE4 to CRASH AND BURN!
//1/29/99 Added JumpHTML to handle jump links in feedback pops.
pop.document.writeln("")
if (feedback.indexOf("")==0)
feedback=feedback.substring(3,feedback.length)
pop.document.writeln("
![](../share/")
");
pop.document.writeln(feedback);
pop.document.writeln("
");
pop.document.writeln( "");
pop.document.close();
}
//################################## END OF COMMON
//################################## TOP OF LAYERS
// Netscape or IE layer functions
//GENERAL FUNCTIONS
if (NETSCAPE){
layerRef="document.layers";//layerRef is the general reference to all layers
styleSwitch="";//not used yet (but necessary to access layers in Microsoft
visibleVar="show";
windowWidth=window.innerWidth;//this is the way Netscape gets the width and height of the viewing window
windowHeight=window.innerHeight;
pxSwitch="";
widthClipSwitch=".clip.right";
heightClipSwitch=".clip.bottom";
eventX="e.pageX";
eventY="e.pageY";
}else{
layerRef="document.all";
styleSwitch=".style";
visibleVar="visible";
windowWidth=window.screen.availWidth;
windowHeight=window.screen.availHeight;
pxSwitch="px";
widthClipSwitch=".posWidth";
heightClipSwitch=".posHeight";
eventX="event.clientX";
eventY="event.clientY";
}
// ####################
// Must declare functions MOUSEDOWN(), MOUSEUP(),MOUSEDRAG(nx,ny,dx,dy),GETELEMENT(x,y)
var objSelected=null;
var objSelectedIndex=null;
// ####################
function startCapture(){
if (LAYERS)
if (NETSCAPE) {
document.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN|Event.MOUSEDRAG);
document.onmousedown=doMouseDownN;
document.onmouseup=doMouseUpN;
}else{
// document.ondragstart = doMouseDownIE//doDragStartIE;
document.onmousedown = doMouseDownIE;
document.onmousemove = doMouseMoveIE;
document.onmouseup = doMouseUpIE;
}
}
//NETSCAPE CLICK N DRAG FUNCTIONS
function doMouseDownN(event) {
//mouse is down, find out which draggable object may have been clicked.
objSelected=GETELEMENT(event.pageX,event.pageY);
if (objSelected != null){
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=doMouseDragN;
oldX=event.pageX;
oldY=event.pageY;
MOUSEDOWN()
return false;
}
}
function doMouseUpN(event) {
if (objSelected != null){
document.onmousemove=0;
document.releaseEvents(Event.MOUSEMOVE);
MOUSEUP()
objSelected=null;
return false;
}
}
function doMouseDragN(event) {
if (objSelected != null){
MOUSEDRAG(event.pageX,event.pageY,event.pageX - oldX, event.pageY - oldY);
oldX = event.pageX;
oldY = event.pageY;
}
}
//---------IE CLICK N DRAG CODE--------------------
function getxy(){
x=event.clientX;
if (event.srcElement.tagName=="IMG")
y=event.y
else
y=event.offsetY +event.srcElement.style.posTop
}
function doMouseDownIE() {
if (event.button==1){
getxy()
objSelected = GETELEMENT(x,y);
//debug(event.srcElement.tagName+":"+x+","+y+" ; "+event.clientY +","+event.offsetY+","+event.y+","+ event.srcElement.style.pixelTop+","+event.srcElement.style.posTop+" -> "+objSelected)
oldX=x;oldY=y;
if (objSelected!=null) MOUSEDOWN()
}
/* if ((event.button==1) && (event.srcElement.tagName=="IMG")){
objSelected = event.srcElement
MOUSEDOWN()
}*/
}
function doMouseMoveIE() {
if ((event.button==1) && (objSelected!=null)) {
getxy()
event.returnValue = false
event.cancelBubble =true
MOUSEDRAG(x,y,x-oldX,y-oldY)
oldX=x;oldY=y
}
}
//var x=event.clientX-document.all.OuterDiv.offsetLeft-(objSelected.offsetWidth/2)
//if (newleft<0) newleft=0
//objSelected.style.pixelLeft= newleft
//var y=event.clientY -document.all.OuterDiv.offsetTop-(objSelected.offsetHeight/2)
//if (newtop<0) newtop=0
//objSelected.style.pixelTop= newtop
function doMouseUpIE(){
objSelected=null;
MOUSEUP()
}
function doDragStartIE() {
// Don't do default drag operation.
if ("DIV"!=event.srcElement.tagName)
event.returnValue=false;
}
// LAYER CODES
function LayerInfo(x,y,w,h){
this.x=x
this.y=y
this.w=w
this.h=h
}
function layerInfo(layerName){
if (NETSCAPE){
with (document.layers[layerName])
return new LayerInfo(pageX,pageY,clip.width,clip.height)
}else{
return new LayerInfo(0,0,0,0)
}
}
// Functions taking a layer NAME
function layerObject(layerName)
{var obj=eval(layerRef+'["'+layerName+'"]');if (obj==null) alert(layerName+" not defined!");return obj}
function showLayer(layerName)
{eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');}
function hideLayer(layerName)
{eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');}
function layerResize(layerName,sx,sy)
{var obj=eval(layerRef+'["'+layerName+'"]');if (NETSCAPE) obj.resizeTo(sx,sy);else {obj.style.pixelWidth=sx;obj.style.pixelHeight=sy;}}
function layerZDepth(layerName,newz)
{if (NETSCAPE) document.layers[layerName].zIndex=newz; else document.all[layerName].style.zIndex=newz;}
function layerColor(layerName,color)
{if (NETSCAPE) document.layers[layerName].bgColor=color;else document.all[layerName].style.backgroundColor=color;}
// Functions taking a layer OBJECT
function layerLeft(obj)
{if (NETSCAPE) return obj.pageX; else return obj.offsetLeft;}
function layerTop(obj)
{if (NETSCAPE) return obj.pageY; else return obj.offsetTop;}
function layerWidth(obj)
{if (NETSCAPE) return obj.clip.width; else return obj.style.pixelWidth;}
function layerMove(obj,x,y) //WAS BY NAME!
{if (NETSCAPE) obj.moveTo(x,y);else {obj.style.pixelLeft=x;obj.style.pixelTop=y;}}
function layerOffset(obj,dx,dy)
{if (NETSCAPE) obj.offset(dx,dy); else {obj.style.pixelLeft+=dx;obj.style.pixelTop+=dy;}}
function layerContainsPoint(obj,clickX,clickY){
var l,t,r,b;
if (obj==null) return false;
if (NETSCAPE){
l=obj.left;
r=obj.left+obj.clip.width;
t=obj.top;
b=obj.top+obj.clip.height;
}else{
//alert(obj.style.posTop +","+obj.style.pixelTop)
l=obj.style.posLeft;
r=obj.style.posLeft+obj.style.posWidth;
t=obj.style.posTop;
b=obj.style.posTop+obj.style.pixelHeight;
}
return (clickX > l) && (clickX < r) && (clickY > t) && (clickY < b);
}
function pagewidth(){
if (NETSCAPE)
return window.innerWidth;
else
return document.body.clientWidth;
}
function layerInit(layername,newx,newy,w,h,showit,color){
var obj=layerObject(layername)//eval(layerRef+'["'+layername+'"]')
if (NETSCAPE){
obj.pageX=newx;
obj.pageY=newy
obj.clip.width=w;
obj.clip.height=h;
}else{
obj.style.pixelLeft=newx;
obj.style.pixelTop=newy
obj.style.pixelWidth=w
obj.style.pixelHeight=h
obj.style.clip="rect(0,auto,"+h+",0)"
// obj.style.clip="rect(0,"+w+","+h+",0)"
}
if (color!=null) layerColor(layername,color)
if (showit) showLayer(layername); else hideLayer(layername);
}
function layerText(layerName,text){
if (NETSCAPE) {
document.layers[layerName].document.write(text);
document.layers[layerName].document.close();
}else{
document.all[layerName].innerHTML=text;
}
}
//#######################################################
//################################## END OF LAYERS ######
//#######################################################
button to view the video.",false,false,next!="")
document.writeln(text)
writehelp()
document.writeln("
button.",false,false,next!="")
document.writeln(text)
writehelp()
icons=new Array("ss-back.gif","ss-back_.gif","ss-next.gif","ss-next_.gif")
document.write("
")
document.write("
")
document.writeln("
![](../share/"+letter.substring(c,c+1)+".gif)