//var teste=false;
//var base = 'gaips.inesc-id.pt'

function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible";

}

function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden"
}


function showheader(subject, title)
{
document.write("<table cellspacing='0' cellpadding='0' width='856'>"
  +"<tr align='left' valign='top'>"
    +"<td rowspan='1' colspan='4' style='width:711px; height:69px'>"
    +"<img width='711' height='69' src='../shared/images/header_top_left.jpg' alt='Special Interest Group on Narrative and Learning Environments'></td>"
    +"<td rowspan='1' colspan='1' style='width:145px; height:69px'>"
    +"<a href='http://www.noe-kaleidoscope.org/pub/' title='Kaleidoscope' target='_blank'>"
    +"<img width='145' height='69' src='../shared/images/header_top_right.jpg' alt='Kaleidoscope'></a></td>"
  +"</tr>"
  +"<tr align='left' valign='top' class='menu'>"

    +"<td rowspan='2' colspan='1' style='width:326px; height:62px'>"
    +"<a href='../en/context.html' title='Home'><img width='326' height='62' src='../shared/images/header_middle.jpg' alt='Home'></a></td>"
    +"<td rowspan='1' colspan='1' style='width:69px; height:49px'>"
    +"<a href='../en/context.html'>Home</a>"
+"</td>"

    +"<td rowspan='1' colspan='1' style='width:111px'"
    +" onMouseOver=showmenu('project') onMouseOut=hidemenu('project')"
    +">"
	+"SIG Project<br />"

   +"<table class='menu' id='project' style='width:110px; left:405px; top:100px;'>"
      +"<tr>"
        +"<td class='menu'><a href='../en/sig.html'>What is the SIG?</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../en/goals.html'>Goals</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../en/committee.html'>Coordination of the SIG</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../en/participants.html'>Participants</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../en/events.html'>Events</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../en/news.html'>News</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../en/newmember.html'>Joining the SIG</a></td>"
      +"</tr>"
    +"</table>"
    +"</td>"
    +"<td rowspan='1' colspan='1' style='width:205px'"
    +"onmouseover=showmenu('nle') onmouseout=hidemenu('nle')"
    +">"
    +"Resources on Narrative<br />"
    +"<table class='menu' id='nle' style='width:204px; left:516px; top:100px'>"
      +"<tr>"
        +"<td class='menu'><a href='../en/narrative.html'>Introduction to NLE</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../en/resources.html'>Suggested Bibliography</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../en/meetingpoint.html'>The Meeting Point</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../en/studies.html'>Examples of NLE</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../en/conferences.html'>Related Conferences</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../en/sites.html'>Related Websites</a></td>"
      +"</tr>"
    +"</table>"
    +"</td>"
    +"<td rowspan='1' colspan='1' style='width:145px'"
    +"onmouseover=showkalmenu('reserved') onmouseout=hidemenu('reserved')"
    +">"
    +"<a href='../reserved/current.html'>Kal Members Area</a><br />"
    +"<table class='menu' id='reserved' style='width:144px; left:721px; top:100px'>"
      +"<tr>"
        +"<td class='menu'><a href='../reserved/current.html'>Current Activities</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../reserved/bibliography.html'>Shared Bibliography</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../reserved/members.html'>Contacting the Members</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../reserved/deliverables.html'>Deliverables</a></td>"
      +"</tr>"
     +"<tr>"
        +"<td class='menu'><a href='../reserved/meetings.html'>Internal Meetings</a></td>"
      +"</tr>"
      +"<tr>"
        +"<td class='menu'><a href='../reserved/materials.html'>Materials to Download</a></td>"
      +"</tr>"
    +"</table>"

    +"</td>"
    +"</tr>"
    +"<tr align='left' valign='top'>"
      +"<td rowspan='1' colspan='4' style='width:530px; height:13px'>"
      +"<img width='530' height='13' src='../shared/images/bottom_line.jpg' alt=''></td>"
    +"</tr>"
    +"<tr align='left' valign='top'>"
      +"<td rowspan='3' colspan='1' style='width:326px; height:184px'>"
      +"<a href='../en/context.html' title='Home'><img width='326' height='184' src='../shared/images/header_bottom.jpg' alt='Home'></a></td>"
      //+"<td rowspan='1' colspan='4' width='530' height='30'></td>"
    +"</tr>"
    +"<tr align='left' valign='top'>"
      +"<td rowspan='1' colspan='4' style='width:530px; height:54px' class='subject'>"
      +subject
      +"</td>"
    +"</tr>"
    +"<tr align='left' valign='top'>"
      +"<td rowspan='1' colspan='4' style='width:530px; height:130px' class='title'>"
      +title
      +"</td>"
    +"</tr>"
    +"</table>"

)
}