<!-- Begin

function syllabus()
{
var mousex = window.event.x;        
var mousey = window.event.y;

add.value="All the information about CEE 350 class -\nincluding core information, course\ndescription, grading policy, required\nreference, class logistics, and course\ntimeline.";
add.style.height=80;
add.style.width=250;
add.style.left=mousex-150;
add.style.top=mousey-100;
}

function timeline()
{
var mousex = window.event.x;        
var mousey = window.event.y;

add.value="When, What and How";
add.style.height=20;
add.style.width=140;
add.style.left=mousex-50;
add.style.top=mousey-50;
}

function homework()
{
var mousex = window.event.x;        
var mousey = window.event.y;

add.value="List of homework and\nreport assignments\n(with deadlines, of course).\n\nMake a habit to check this\nlink regularly.";
add.style.height=100;
add.style.width=180;
add.style.left=mousex-50;
add.style.top=mousey-120;
}

function material()
{
var mousex = window.event.x;        
var mousey = window.event.y;

add.value="List of supplementary\nreading materials\nand homework\nsolutions.";
add.style.height=60;
add.style.width=140;
add.style.left=mousex-50;
add.style.top=mousey-80;
}

function access()
{
var mousex = window.event.x;        
var mousey = window.event.y;

add.value="Important guideline and\ninstructions on how to access\ncourse web-materials.\n\n**Must** read before you start!";
add.style.height=80;
add.style.width=200;
add.style.left=mousex-60;
add.style.top=mousey-90;
}

function fieldtrip()
{
var mousex = window.event.x;        
var mousey = window.event.y;

add.value="Information, logistics and assignments\nfor water treatment plant (WTP) and\nwastewater treatment plant (WWTP) field\ntrips.";
add.style.height=60;
add.style.width=250;
add.style.left=mousex-60;
add.style.top=mousey-90;
}


function table()
{
var mousex = window.event.x;        
var mousey = window.event.y;

add.value="Archive of frequently used tables\nin this course. (Useful yet deadly!)\n";
add.style.height=40;
add.style.width=230;
add.style.left=mousex-60;
add.style.top=mousey-70;
}

function grade()
{
var mousex = window.event.x;        
var mousey = window.event.y;

add.value="Your latest cumulative grades\nfor homeworks, exams and reports.\n(Oh-o, your grades are on Internet :-) )\n";
add.style.height=50;
add.style.width=240;
add.style.left=mousex-60;
add.style.top=mousey-70;
}

function coursematerial()
{
var mousex = window.event.x;        
var mousey = window.event.y;

add.value="CEE 350 Web-based course\nmaterials. Access authentification\n(User ID and Password) required.";
add.style.height=50;
add.style.width=220;
add.style.left=mousex-60;
add.style.top=mousey-70;
}

function dis()
{
var mousex = 0;
var mousey = 0;

add.value="";
add.style.height=0;
add.style.width=0;

}
//  End -->