function drawHeader(selected)

{

  document.write('<center><table border=0 class=main cellpadding=0 '

    + 'cellspacing=0 width=1000 height=100%>'

    + '<tr><td rowspan=2 valign=top width=134 rowspan=3 align=middle>' 

      + '<table class=head><tr>'

        + '<td><image src="images/jusdrums2.gif" width=134 height=129></td>'

      + '</tr></table>'

      + '<table width=100%>'

          + menuItem("Home", "index.html", selected)

          + menuItem("Courses", "courses.html", selected)

          + menuItem("Events", "events.html", selected)

          + menuItem("Founder", "founder.html", selected)

          + menuItem("Media", "media.html", selected)

          + menuItem("Gallery", "gallery.html", selected)

          + menuItem("Contact", "contact.html", selected)

      + '</table>'

        + '<br><img src="images/murali2.jpg" width=134 height=114><br>&nbsp;<br>'

        + '<a class=highlight href="events.html">'

        + 'Hurry!! Enroll your kids for the Rhythm sessions during Summer vacation!</a>'

    + '</td>'

    + '<td class=head colspan=2 width=98% align=left valign=center height=48>'

      + '<img src="images/title.png" width=500 height=48>'

    + '</td></tr>'

    + '<tr><td class=contentbkg valign=top><img src="images/cornerLT.gif" width=26 height=26></td>'

    + '<td class=contentbkg valign=top width=95%>'

  );

}



function drawFooter()

{

  document.write('</td><td class=rightline valign=top>'

    + '<img src="images/cornerRT.gif" width=26 height=26></td></tr>'

    + '<tr height=26><td class=head>&nbsp;</td>'

    + '<td class=bottomline><img src="images/cornerLB.gif" width=26 height=26></td>'

    + '<td class=bottomline>&nbsp;</td>'

    + '<td class=bottomrightline align=right><img src="images/cornerRB.gif" width=26 height=26></td>'

    + '</tr></table></center>' 

  );

}



function goURL(url)

{

  location.href = url;

}



function menuItem(text, url, seltext)

{ 

  if (text == seltext) 

    return '<tr><td class=menubardefault>' + text + '</td></tr>';

  else  /* make only the not current menus enabled */

  {

    return '<tr><td class=menubar '

      + 'onclick="goURL(\'' + url + '\')" '

      + 'onmouseover="this.className=\'menubarselected\'" '

      + 'onmouseout="this.className=\'menubar\'"'

      + '><a class=menu href="' + url + '">' + text + '</a></td></tr>';

  }

}