window.width=760;
window.height=420;    
var gallery_index = 0;
var gallery_items = ["images/sitemap_bg_h.png", "images/h/dg_1079.jpeg", "images/h/dg_1094.jpeg", 
                            "images/h/dg_1124.jpeg", "images/h/dg_1146.jpeg"];

var x = 0;
var y = 0;
var width = 0;

var menus = [null, null, null, null];
var parents = [null, null, null, null];
var menuLevel = 0;
	
function getMenu(level, menu, submenu){
// 	handle colors if NO link
//alert("level/menuLevel/submenu = "+level+"/"+menuLevel+"/"+submenu);
     var start = document.getElementById("start");
     start.style.display="none";
     
    menu.style.color = "#000040";
    menu.style.backgroundColor = "#fbf3e1";

    hideMenus(level);
    menuLevel = level;
    parents[level] = menu;

//alert("1 "+menu[level]);
    getPosition(menu);

//alert("getMenu 1");
    if(submenu != null) {    
       var thismenu=document.getElementById(submenu);
       menus[level] = thismenu;
       showMenu(thismenu);
    }   
//alert("getMenu 2");
}

function hideMenus(level) {
//alert("hideMenus");
    if(level > menuLevel) {
    }
    else {
        for(var i = menuLevel; i >= level; i--) {
            hideMenu(i);
        }
    }
}
    
function hideMenu(level) {
//alert("hideMenu level = "+level);
     var panel=document.getElementById("panel");
     panel.style.display="none";
     if(parents[level] != null) {
     parents[level].style.color = "#0000ff";
     parents[level].style.backgroundColor = "#ffffff";
     }
//alert("hideMenu 1");
     if(menus[level] != null) {
        menus[level].style.display = "none";
     }   
//alert("hideMenu 2");
}
	
function showMenu(menu){
     showGallery();
     var thisX = x + 10;
     var thisY = y + 15;
     if(menu.style.display=="inline"){
           menu.style.display="none";
     }else{
           menu.style.position = 'absolute';
	        menu.style.top       = thisY;
		     menu.style.left       = thisX;
           menu.style.display="inline";
     }
}

function getPosition(menu){
 	 var left = 0;
	 var top  = 0;
    width  = menu.offsetParent.offsetWidth;
//   alert("Hello width "+width);
	 while (menu.offsetParent){
		  left += menu.offsetLeft;
		  top  += menu.offsetTop;
		  menu     = menu.offsetParent;
	 }

	 left += menu.offsetLeft;
	 top  += menu.offsetTop;
//    alert("Hello left "+left);
//    alert("Hello top "+top);
    x = left;
    y = top;
    if(menuLevel > 2) {
        x +=width - 10;
        y += -10;
    }      
}

function showGallery() {
//   alert("Hello gallry "+gallery_items.length);
   var b1=document.getElementById("b1");
//   alert("Hello gallry b1 "+b1);

//   b1.bgcolor="#0000ff";
   
   b1.background=gallery_items[gallery_index];
   gallery_index++;
   if(gallery_index > 4) gallery_index = 0;
}

function resetGallery() {
//   alert("Hello gallry ");
   var b1=document.getElementById("b1");
//   alert("Hello gallry b1 "+b1);

//   b1.bgcolor="#0000ff";
   b1.background="images/sitemap_bg_h.png";
}

function showPanel2(level, page) {
     showPanel(page);
     menuLevel=level;
}

function clearPanels() {
     var panel = document.getElementById("start");
     panel.style.display="none";
     panel=document.getElementById("panel");
     panel.style.display="none";
     panel=document.getElementById("graphPanel");
     panel.style.display="none";
     panel=document.getElementById("legendPanel");
     panel.style.display="none";
}
     
function showPanel(page) {
//     alert("showPanel page "+page);
     clearPanels();
//     alert("1");
     var panel=document.getElementById("panel");
//          alert("2");
     loadOuter(panel, page);
//     alert("3");
     panel.style.display="inline";
//          alert("4");
}

function showPdfPanel(page) {
//     alert("showPanel page "+page);
     clearPanels();
//     alert("1");
     var panel=document.getElementById("pdfpanel");
//          alert("2");
     loadOuter(panel, page);
//     alert("3");
     panel.style.display="inline";
//          alert("4");
}

function showGraphPanel(page, legendPage) {
//    alert("showPanel page/legendPage "+page+"/"+legendPage);
     clearPanels();
//     alert("1");
     var panel=document.getElementById("graphPanel");
//          alert("2");
     loadOuter(panel, page);
//          alert("3");
     panel.style.display="inline";
//          alert("4");
     var legend=document.getElementById("legendPanel");
//          alert("5");
     loadOuter(legend, legendPage);
//          alert("6");
     legend.style.display="inline";
//          alert("7");
}

function home() {
//    alert("showPanel page "+page);
     var start = document.getElementById("start");
     start.style.display="inline";
//   menuLevel=0;
}

//var srcFrame;
//External content into a layer
function loadOuter(srcFrame, doc) {
//   alert("loadOuter doc "+doc);
//   srcFrame = document.getElementById("panel");
   srcFrame.src = doc;
// workaround for missing onLoad event in IFRAME for NN6
/* nb nb
   if (!srcFrame.onload) {
      setTimeout("transferHTML()", 1000);
   }
*/
}

function transferHTML(){
//   alert("transferHTML");
   var srcContent='';
   if (srcFrame.contentDocument){
//      alert("transferHTML 1");
      srcContent=srcFrame.contentDocument.getElementsByTagName("BODY")[0].innerHTML;
//      alert("transferHTML 1 srcContent "=scrContent);
   }
   else if (srcFrame.contentWindow){
//      alert("transferHTML 2");
      srcContent=srcFrame.contentWindow.document.body.innerHTML;
//      alert("transferHTML 2 srcContent "=scrContent);
   }
   alert("transferHTML srcContent "=scrContent);
//      document.getElementById("panel").innerHTML = srcContent;
}