var eOpenMenu = null;

function OpenMenu(eSrc,eMenu){
  eMenu.style.left = eSrc.parentElement.offsetLeft + divMenuBar.offsetLeft;
  eMenu.style.top = divMenuBar.offsetHeight + divMenuBar.offsetTop;
  eMenu.style.visibility = "visible";
  eOpenMenu = eMenu;
}

function CloseMenu(eMenu){
  eMenu.style.visibility = "hidden";
  eOpenMenu = null;
}

function MenuBar_over(){
  var eSrc = window.event.srcElement;
  if ("A" == eSrc.tagName.toUpperCase()){
    var eMenu = document.all[eSrc.parentElement.id.replace("tdMenuBarItem","divMenu")];
    if (eOpenMenu && eOpenMenu != eMenu){
      CloseMenu(eOpenMenu);
    }
    if (eMenu){
      OpenMenu(eSrc,eMenu);
    }
  }
}

function MenuBar_out(){
  var eTo = window.event.toElement;
  if (eOpenMenu && eTo && !eOpenMenu.contains(eTo) && "tblMenuBar" != eTo.id){
    CloseMenu(eOpenMenu)
  }
}

function Menu_out(){
  var eSrc = window.event.toElement;
  if (eOpenMenu && !eOpenMenu.contains(eSrc) && !divMenuBar.contains(eSrc)){
    CloseMenu(eOpenMenu)
  }
}

function load(){
  if (GBrowserIsCompatible()){
    var map = new GMap2(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());
    map.setCenter(new GLatLng(51.479740, -0.611049), 15);
    GDownloadUrl("data.xml", function(data, responseCode){
      var xml = GXml.parse(data);
      var markers = xml.documentElement.getElementsByTagName("marker");
      for (var i = 0; i < markers.length; i++){
        var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                                parseFloat(markers[i].getAttribute("lng")));
        map.addOverlay(new GMarker(point));
      }
    }
    );
  }
}

function Window_onLoad(){
   stringData3 = "<DIV CLASS='clsMenu' ONMOUSEOUT='Menu_out();' ID='divMenuHomeHide'>"
   stringData3 += "<DIV CLASS='clsMenuSpacer'></DIV>"
   stringData3 += "<DIV><A HREF='index.html'>Abbasi1</A></DIV>"
   stringData3 += "<DIV><A HREF='index.html'>Abbasi2</A></DIV>"
   stringData3 += "<DIV><A HREF='index.html'>Abbasi3</A></DIV>"
   stringData3 += "</DIV>"
   stringData3 += "<DIV CLASS='clsMenu' ONMOUSEOUT='Menu_out();' ID='divMenuGallery'>"
   stringData3 += "<DIV CLASS='clsMenuSpacer'></DIV>"
   stringData3 += "<DIV><A HREF='GalleryNew.html'>New</A></DIV>"
   stringData3 += "<DIV><A HREF='GalleryAntique.html'>Antique</A></DIV>"
   stringData3 += "</DIV>"
   stringData3 += "<DIV CLASS='clsMenu' ONMOUSEOUT='Menu_out();' ID='divMenuDesignHide'>"
   stringData3 += "<DIV CLASS='clsMenuSpacer'></DIV>"
   stringData3 += "<DIV><A HREF='index.html'>Abbasi4</A></DIV>"
   stringData3 += "<DIV><A HREF='index.html'>Abbasi5</A></DIV>"
   stringData3 += "</DIV>"
   stringData3 += "<DIV CLASS='clsMenu' ONMOUSEOUT='Menu_out();' ID='divMenuMakingHide'>"
   stringData3 += "<DIV CLASS='clsMenuSpacer'></DIV>"
   stringData3 += "<DIV><A HREF='index.html'>Abbasi6</A></DIV>"
   stringData3 += "<DIV><A HREF='index.html'>Abbasi7</A></DIV>"
   stringData3 += "<DIV><A HREF='index.html'>Abbasi8</A></DIV>"
   stringData3 += "<DIV><A HREF='index.html'>Abbasi9</A></DIV>"
   stringData3 += "</DIV>"
   document.getElementById("DataArea3").innerHTML = stringData3
   stringData4 = "      <a href='detail2263.html'><img src='2263 detail.jpg' width='90' height='90' alt='Sultanabad design'></a><br><br>"
   stringData4 += "      <a href='detail2162.html'><img src='2162 detail.jpg' width='90' height='90' alt='Frontier Ziegler'></a><br><br>"
   stringData4 += "      <a href='detail2120.html'><img src='2120 detail.jpg' width='90' height='90' alt='Sultanabad design'></a><br><br>"
   stringData4 += "      <a href='detail9544.html'><img src='9544 detail.jpg' width='90' height='90' alt='Tekke Turkoman'></a>"
   document.getElementById("DataArea4").innerHTML = stringData4
   stringData5 = "<!--p>&nbsp;</p-->"
   stringData5 += "<hr noshade color='#000000' width='96%' size='1'>"
   stringData5 += "<table width='98%' border='0' align='center' cellpadding='0' cellspacing='0'>"
   stringData5 += "<tr>"
   stringData5 += "<td style='background-color:white' width='16%' height='30' border='0' align='center'><font color='#404040'><b></b></font><br><font color='#404040' size='2'></font></td>"
   stringData5 += "<td style='background-color:white' width='36%' height='30' border='0' align='center'></td>"
   stringData5 += "<td style='background-color:white' width='48%' height='30' border='0' align='center'><font color='#404040'><b>Create a Beautiful Home with fine Decorative Oriental Rugs</b></font><br><font color='#404040' size='1'>email: <a href='mailto:aorugs@aorugs.co.uk'>aorugs@aorugs.co.uk</a></font></td>"
   stringData5 += "</tr>"
   stringData5 += "<tr><td height='16'></td>"
   stringData5 += "</tr></table>"
   document.getElementById("DataArea5").innerHTML = stringData5
}