var strHtml="<div class='topnav-left'></div>"
            +"<div class='topnav-conter'><ul>"
            +"<li><a href='../about/'><img src='images/m_r1_a8.jpg' id='img1' border='0' onmousemove=\"onMouseMove('img1','m_r1_a7.jpg')\" onmouseout=\"onMouseOut('img1','m_r1_a8.jpg')\" /></a></li>"
            +"<li><a href='MapSign.aspx'><img src='images/m_r1_a21.jpg' id='img2' border='0' onmousemove=\"onMouseMove('img2','m_r1_a15.jpg')\" onmouseout=\"onMouseOut('img2','m_r1_a21.jpg')\" /></a></li>"
            +"<li><a href='JoinIn.htm'><img src='images/m_r1_a9.jpg' id='img3' border='0' onmousemove=\"onMouseMove('img3','m_r1_a16.jpg')\"onmouseout=\"onMouseOut('img3','m_r1_a9.jpg')\" /></a></li>"
            +"<li><a href='CityTerritory.htm'><img src='images/m_r1_a11.jpg' id='img4' border='0' onmousemove=\"onMouseMove('img4','m_r1_a17.jpg')\"onmouseout=\"onMouseOut('img4','m_r1_a11.jpg')\" /></a></li>"
            +"<li><a href='News.htm'><img src='images/m_r1_a12.jpg' id='img5' border='0' onmousemove=\"onMouseMove('img5','m_r1_a18.jpg')\"onmouseout=\"onMouseOut('img5','m_r1_a12.jpg')\" /></a></li>"
            +"<li><a href='GuestBook.aspx'><img src='images/m_r1_a13.jpg' id='img6' border='0' onmousemove=\"onMouseMove('img6','m_r1_a19.jpg')\"onmouseout=\"onMouseOut('img6','m_r1_a13.jpg')\" /></a></li>"
            +"<li><a href='../'><img src='images/m_r1_a14.jpg' id='img7' border='0' onmousemove=\"onMouseMove('img7','m_r1_a20.jpg')\"onmouseout=\"onMouseOut('img7','m_r1_a14.jpg')\" /></a></li>"
            +"</ul></div>"
document.getElementById("Header").innerHTML=strHtml;

function onMouseMove(id,Url)
{
    Url = "images/" + Url ;
	document.getElementById(id).src = Url;
}
function onMouseOut(id,Url)
{
    Url = "images/" + Url 
	document.getElementById(id).src = Url;
}