﻿// JavaScript Document
// global menu state
    
var menuReady = false;
// precache menubar image pairs
if (document.images) {
	
    var imagesNormal             = new Array();
    
    imagesNormal["vlxd"]         = "Vật liệu xây dựng";
    imagesNormal["ttnt"]         = "Trang trí nội thất";
    imagesNormal["tvtk"]         = "Tư vấn thiết kế";
    imagesNormal["qhtd"]         = "Quy hoạch - Thẩm định";

    imagesNormal["tbxd"]         = "Thiết bị xây dựng";
    imagesNormal["bds"]          = "Bất động sản";
    imagesNormal["xddd"]         = "Xây dựng dân dụng -<br>Công nghiệp";
    imagesNormal["tcd"]          = "Thi công điện";

    imagesNormal["xdcd"]         = "Xây dựng cầu đường";
    imagesNormal["xdtl"]         = "Xây dựng thủy lợi -<br>Thủy điện";
    imagesNormal["ttth"]         = "Thông tin tổng hợp";
    imagesNormal["spm"]          = "Sản phẩm mới";

    imagesNormal["km"]           = "Khuyến mãi";
    imagesNormal["mct"]          = "Mẫu công trình đẹp";

	var imagesHilite             = new Array();
    imagesHilite["vlxd"]         = "Vật liệu xây dựng";
    imagesHilite["ttnt"]         = "Trang trí nội thất";
    imagesHilite["tvtk"]         = "Tư vấn thiết kế";
    imagesHilite["qhtd"]         = "Quy hoạch - Thẩm định";

    imagesHilite["tbxd"]         = "Thiết bị xây dựng";
    imagesHilite["bds"]          = "Bất động sản";
    imagesHilite["xddd"]         = "Xây dựng dân dụng -<br>Công nghiệp";
    imagesHilite["tcd"]          = "Thi công điện";

	imagesHilite["xdcd"]         = "Xây dựng cầu đường";
    imagesHilite["xdtl"]         = "Xây dựng thủy lợi -<br>Thủy điện";
    imagesHilite["ttth"]         = "Thông tin tổng hợp";
    imagesHilite["spm"]          = "Sản phẩm mới";

    imagesHilite["km"]           = "Khuyến mãi";
    imagesHilite["mct"]          = "Mẫu công trình đẹp";


}
  
function getElementStyle(elem, IEStyleProp, CSSStyleProp) {
    if (elem.currentStyle) {
        return elem.currentStyle[IEStyleProp];
    } else if (window.getComputedStyle) {
        var compStyle = window.getComputedStyle(elem, "");
        return compStyle.getPropertyValue(CSSStyleProp);
    }
    return "";
}
  
// carry over some critical menu style sheet attribute values
var CSSRuleValues = {menuItemHeight:"22px",
                     menuItemLineHeight:"1.8em",
                     menuWrapperBorderWidth:"1px",
                     menuWrapperPadding:"0px",
                     defaultBodyFontSize:"11px"
                    };
 
// specifications for menu contents and menubar image associations

var menus = new Array();

menus[0] = {mBarImgId:"menuImg_0",
            mBarImgNormal:imagesNormal["vlxd"],
            mBarImgHilite:imagesHilite["vlxd"],
            menuItems:"",
            elemId:"",
            eId:""
           };
menus[1] = {mBarImgId:"menuImg_1",
           mBarImgNormal:imagesNormal["ttnt"],
           mBarImgHilite:imagesHilite["ttnt"],
           menuItems:[],
            elemId:"",
            eId:""
           };

menus[2] = {mBarImgId:"menuImg_2",
            mBarImgNormal:imagesNormal["tvtk"],
            mBarImgHilite:imagesHilite["tvtk"],
            menuItems:[],
            elemId:"",
            eId:""
           };

menus[3] = {mBarImgId:"menuImg_3",
            mBarImgNormal:imagesNormal["qhtd"],
            mBarImgHilite:imagesHilite["qhtd"],
            menuItems:[],
            elemId:"",
            eId:""
           };

//----------------------------

menus[4] = {mBarImgId:"menuImg_4",
            mBarImgNormal:imagesNormal["tbxd"],
            mBarImgHilite:imagesHilite["tbxd"],
            menuItems:[],
            elemId:"",
            eId:""
           };
menus[5] = {mBarImgId:"menuImg_5",
           mBarImgNormal:imagesNormal["bds"],
           mBarImgHilite:imagesHilite["bds"],
           menuItems:[],
           elemId:"",
           eId:""
           };

menus[6] = {mBarImgId:"menuImg_6",
            mBarImgNormal:imagesNormal["xddd"],
            mBarImgHilite:imagesHilite["xddd"],
            menuItems:[],
            elemId:"",
            eId:""
           };

menus[7] = {mBarImgId:"menuImg_7",
            mBarImgNormal:imagesNormal["qhtd"],
            mBarImgHilite:imagesHilite["tcd"],
            menuItems:[],
            elemId:"",
            eId:""
           };
//----------------------------

menus[8] = {mBarImgId:"menuImg_8",
            mBarImgNormal:imagesNormal["xdcd"],
            mBarImgHilite:imagesHilite["xdcd"],
            menuItems:[],
            elemId:"",
            eId:""
           };
menus[9] = {mBarImgId:"menuImg_9",
           mBarImgNormal:imagesNormal["xdtl"],
           mBarImgHilite:imagesHilite["xdtl"],
           menuItems:[],
           elemId:"",
           eId:""
           };

menus[10] = {mBarImgId:"menuImg_10",
            mBarImgNormal:imagesNormal["ttth"],
            mBarImgHilite:imagesHilite["ttth"],
            menuItems:[],
            elemId:"",
            eId:""
           };

menus[11] = {mBarImgId:"menuImg_11",
            mBarImgNormal:imagesNormal["spm"],
            mBarImgHilite:imagesHilite["spm"],
            menuItems:[],
            elemId:"",
            eId:""
           };
//-----------------------------   
        
menus[12] = {mBarImgId:"menuImg_12",
            mBarImgNormal:imagesNormal["km"],
            mBarImgHilite:imagesHilite["km"],
            menuItems:[],
            elemId:"",
            eId:""
           };
menus[13] = {mBarImgId:"menuImg_13",
           mBarImgNormal:imagesNormal["mct"],
           mBarImgHilite:imagesHilite["mct"],
           menuItems:[],
           elemId:"",
           eId:""
           };

           
// create hash table-like lookup for menu objects with id string indexes
function makeHashes() {
    for (var i = 0; i < menus.length; i++) {
        menus[menus[i].elemId] = menus[i];
        menus[menus[i].mBarImgId] = menus[i];
    }
}
  
// assign menu label image event handlers
function assignLabelEvents() {
    var elem;
    for (var i = 0; i < menus.length; i++) {
        elem = document.getElementById(menus[i].mBarImgId);
        elem.onmouseover = swap;
        elem.onmouseout = swap;
    }
}

// invoked from initMenu(), generates the menu div elements and their contents.
// all this action is invisible to user during construction
function makeMenus() {
	
    var menuDiv, menuItem, itemLink, mbarImg, textNode, offsetLeft, offsetTop, evt;
    
    // determine key adjustment factors for the total height of menu divs
    var menuItemH = 0;
    var bodyFontSize = parseInt(getElementStyle(document.body, "fontSize", "font-size"));
    // test to see if browser's font size has been adjusted by the user
    // and that the new size registers as an applied style property
    if (bodyFontSize == parseInt(CSSRuleValues.defaultBodyFontSize)) {
        menuItemH = (parseFloat(CSSRuleValues.menuItemHeight));
    } else {
        // works nicely in Netscape 7
        menuItemH = parseInt(parseFloat(CSSRuleValues.menuItemLineHeight) * bodyFontSize);
    }
    var heightAdjust = parseInt(CSSRuleValues.menuWrapperPadding) + 
        parseInt(CSSRuleValues.menuWrapperBorderWidth);
    if (navigator.appName == "Microsoft Internet Explorer" && 
        navigator.userAgent.indexOf("Win") != -1 && 
        (typeof document.compatMode == "undefined" || 
        document.compatMode == "BackCompat")) {
        heightAdjust = -heightAdjust;
    }
    var bddiv;
    
    // use menus array to drive div creation loop
    for (var i = 0; i < menus.length; i++) {
        menuDiv    = document.createElement("div");
        menuDiv.id = "popupmenu" + i;			
        // preserve menu's ID as property of the menus array item
		menus[i].elemId   = "popupmenu" + i;	
        menuDiv.className = "menuWrapper";
        if (menus[i].menuItems.length > 0) {
            menuDiv.style.height = (menuItemH * menus[i].menuItems.length) - 
            heightAdjust + "px";
        } else {
            // don't display any menu div lacking menu items
            menuDiv.style.display = "none";
        }
        // define event handlers
		
        menuDiv.onmouseover = keepMenu;
        menuDiv.onmouseout  = requestHide;
       
       //difine style
        menuDiv.style.textDecoration="none";


        // set stacking order in case other layers are around the page
        menuDiv.style.zIndex = 1000;
        
        // assemble menu item elements for inside menu div
        for (var j = 0; j < menus[i].menuItems.length; j++) {
            menuItem = document.createElement("div");
			menuItem.id = "popupmenuItem_" + i + "_" + j;
            menuItem.className = "menuItem";
            menuItem.onmouseover = toggleHighlight;
            menuItem.onmouseout = toggleHighlight;
            menuItem.datasrc=menus[i].eId;
            evt = menus[i].menuItems[j].id;
            menuItem.onclick = hideMenus;
			menuItem.style.top = menuItemH * j + "px";
	        itemLink = document.createElement("a");
    		itemLink.id = evt; 
			itemLink.onclick = setPageHrefTH;
            itemLink.className = "menuItem";
            itemLink.onmouseover = toggleHighlight;
            itemLink.onmouseout = toggleHighlight;
            itemLink.onmousemove = clearSelection;
            textNode = document.createTextNode(menus[i].menuItems[j].text);
            itemLink.appendChild(textNode);
            menuItem.appendChild(itemLink);
            menuDiv.appendChild(menuItem);
        }
        // append each menu div to the body
        document.body.appendChild(menuDiv);
    	
		var pa=menuDiv.id;
		pa=pa.replace("popupmenu", "menuImg_");
		var epa=document.getElementById(pa);
		var e=menus[i].eId;
		epa.datasrc=e;
		epa.onmousemove=clearSelection;
    	if (!menuDiv.hasChildNodes()){
			epa.onclick=setPageHrefs;
		}else{
			epa.onclick=setPageHrefss;
			bddiv=document.createElement("div");
			bddiv.className = "menuBround";
			bddiv.style.height=menuDiv.offsetHeight+2+"px";
			bddiv.id=menuDiv.id+"_"+"bg";
			document.body.appendChild(bddiv);
		}	
    }
    makeHashes();
    assignLabelEvents();
    // pre-position menu
    for (i = 0; i < menus.length; i++) {
        positionMenu(menus[i].elemId);
    }
    menuReady = true;
}
  
// initialize global that helps manage menu hiding
var timer;
  
// invoked from mouseovers inside menus to cancel hide
// request from mouseout of menu bar image et al.

function setPageHrefs(){
	document.location="LoadPage.aspx?ID=0&MA=" + this.datasrc + "&type=MAIN&page=0";	
   //loadURLInt("http://localhost/HoiXayDung/DataLoad.aspx?ID=" + this.datasrc + "&type=MAIN&page=0");
}

function setPageHrefss(){
	document.location="LoadPage.aspx?ID=0&MA=" + this.datasrc + "&type=THM&page=0";	
   //loadURLInt("http://localhost/HoiXayDung/DataLoad.aspx?ID=" + this.datasrc + "&type=MAIN");
}


function setPageHrefTH(){
   document.location="LoadPage.aspx?ID=" + this.id + "&MA=" + this.parentNode.datasrc + "&type=TH&page=0";	
   //loadURLInt("http://localhost/HoiXayDung/DataLoad.aspx?ID=" + this.id + "&type=TH");
   //alert(this.parentNode.datasrc);
}

function setPageHrefCT(id) {
   var fil = document.frm.filter.value;
   var ma  = document.frm.drop.value;
   document.location="LoadPage.aspx?ID=" + id + "&MA=" + ma + "&filter=" + fil + "&type=CT";	
}

function setPageFilter(){
	var fil = document.frm.filter.value;
	var ma  = document.frm.drop.value;
	if (fil==""){
		alert("Chưa nhập nội dung !")
		return false;
	}
	
   document.location="LoadPage.aspx?ID=0&MA=" + ma + "&filter=" + fil + "&type=FI&page=0";	
   
}

 
function keepMenu() {
    clearTimeout(timer);
}
  
function cancelAll() {
    keepMenu();
    menuReady = false;
}
  
// invoked from mouseouts to request hiding all menus
// in 1/4 second, unless cancelled
function requestHide() {
    timer = setTimeout("hideMenus()", 250);
}
  
// "brute force" hiding of all menus and restoration
// of normal menu bar images
function hideMenus(evt) {
	var menu, items;
    for (var i = 0; i < menus.length; i++) {
       document.getElementById(menus[i].mBarImgId).src = menus[i].mBarImgNormal.src;
       menu  = document.getElementById(menus[i].elemId)
	   items = document.getElementById(menus[i].mBarImgId);
	   //items.style.backgroundColor="#ffffff";
	   //items.style.color="#707070";
       items.style.backgroundImage="url(images/subbg_grey.gif)";
	   items.style.backgroundRepeat="repeat-x";
	   items.style.verticalAlign="middle";
	   items.style.color="#0000C1";
	   items.style.textDecoration="none";
       menu.style.visibility = "hidden";
		if (menu.hasChildNodes()){
		    var bgId=menu.id+"_bg";
		    var menuDivBg = document.getElementById(bgId);
	   		menuDivBg.style.visibility = "hidden";
		}
		
    	 /*var fbot=document.getElementById("flashTop");
    	 var fb  = (fbot.nodeType==3) ? fbot.parentNode : fbot.firstChild;
   	                
   	     if (fb.innerHTML!=""){
   			fbot.style.display="block";
  			document.getElementById("movieTop").style.display="block";
	  		document.getElementById("flashBot").style.display="none";
	  		document.getElementById("mTop").style.display="block";
   		}else{
   			fbot.style.display="none";
   			document.getElementById("movieTop").style.display="none";
	  		document.getElementById("flashBot").style.display="block";
	  		document.getElementById("mTop").style.display="none";
   		}*/	

    }
    //if (evt != "")
	//	alert('hide');COLOR:#0000C1;
}
  
// set menu position just before displaying it
function positionMenu(menuId){
    // use the menu bar image for position reference of related div
	var mBarImg = document.getElementById(menus[menuId].mBarImgId);
    var offsetTrail = mBarImg;
    var offsetLeft = 0;
    var offsetTop = 0;
    while (offsetTrail) {
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if (navigator.userAgent.indexOf("Mac") != -1 && 
        typeof document.body.leftMargin != "undefined") {
        offsetLeft += document.body.leftMargin;
        offsetTop  += document.body.topMargin;
    }
    var menuDiv = document.getElementById(menuId);
	
	var itemH = parseInt(mBarImg.style.height);
	var itemW = parseInt(mBarImg.style.width);
	
	//Show menu item in horizotal when image align set 'left'
	if (mBarImg.align.toLowerCase() == "right" || mBarImg.align.toLowerCase() == "left")
	{
		menuDiv.style.left = offsetLeft+itemW+2+"px";
		menuDiv.style.top  = offsetTop+"px";
	}
	else
	{
	//Show menu item in vertical when image align not set 'left'
		menuDiv.style.left = offsetLeft+"px";
		menuDiv.style.top  = offsetTop+itemH+"px";
	}
	
	if ( menuDiv.hasChildNodes() ){
		var bgId=menuId+"_bg";
    	var menuDivBg = document.getElementById(bgId);
	    menuDivBg.style.left = offsetLeft+itemW+7+"px";
    	menuDivBg.style.top  = offsetTop+4+"px";
	}	

}
  
// display a particular menu div
function showMenu(menuId) {
    if (menuReady) {
        keepMenu();
        hideMenus();
        positionMenu(menuId);
        var menu = document.getElementById(menuId);
        menu.style.visibility = "visible";
    	if ( menu.hasChildNodes()){
		    var bgId=menuId+"_bg";
		    var menuDivBg = document.getElementById(bgId);
		    menuDivBg.style.visibility = "visible";
		}	
		
		/*document.getElementById("flashTop").style.display="none";
  		document.getElementById("movieTop").style.display="none";
	 	document.getElementById("flashBot").style.display="none";
	 	document.getElementById("mTop").style.display="none";*/

    }
}
  
// menu bar image swapping, invoked from mouse events in menu bar
// swap style sheets for menu items during rollovers
function toggleHighlight(evt) {
    evt = (evt) ? evt : ((event) ? event : null);
    if (typeof menuReady != "undefined") {
        if (menuReady && evt) {
            var elem = (evt.target) ? evt.target : evt.srcElement;
			

            if (elem.nodeType == 3) {
                elem = elem.parentNode;
            }
            if (evt.type == "mouseover") {
                keepMenu();
                elem.className ="menuItemOn";
                
  				/*document.getElementById("flashTop").style.display="none";
  				document.getElementById("movieTop").style.display="none";
	 			document.getElementById("flashBot").style.display="none";
	 			document.getElementById("mTop").style.display="none";*/
                
            } else {

                elem.className ="menuItem";
                requestHide();
                
    	          /* var fbot=document.getElementById("flashTop");
    	            var fb  = (fbot.nodeType==3) ? fbot.parentNode : fbot.firstChild;
    	           
   	               if (fb.innerHTML!=""){
   						fbot.style.display="block";
  						document.getElementById("movieTop").style.display="block";
	  					document.getElementById("flashBot").style.display="none";
	  					document.getElementById("mTop").style.display="block";
   					}else{
   						fbot.style.display="none";
   						document.getElementById("movieTop").style.display="none";
	  					document.getElementById("flashBot").style.display="block";
	  					document.getElementById("mTop").style.display="none";
   					}*/	
					
					
            }
             
            evt.cancelBubble = true;
        }
    }
}
  
function swap(evt) {
    evt = (evt) ? evt : ((event) ? event : null);
    if (typeof menuReady != "undefined") {
        if (evt && (document.getElementById && document.styleSheets) && menuReady) {
            var elem = (evt.target) ? evt.target : evt.srcElement;
            
            if (elem.className == "menuImg") {
                
                if (evt.type == "mouseover") {
                    showMenu(menus[elem.id].elemId);
                    elem.innerHTML  = menus[elem.id].mBarImgHilite;
  	               
  	                var items;
	                for (var i = 0; i < menus.length; i++) {
						items = document.getElementById(menus[i].mBarImgId);
		                //items.style.backgroundColor="#ffffff";
  		                //items.style.color="#707070";
			            items.style.textDecoration="none";

		                items.style.backgroundImage="url(images/subbg_grey.gif)";
		                items.style.backgroundRepeat="repeat-x";
		                items.style.verticalAlign="middle";
		                items.style.color="#0000C1";
						
						if (items.id=="menuImg_0")
							items.style.borderTop="1px solid #96beb8";
						else
							items.style.borderTop="1px solid #e1e8e5";
		                
		                items.style.borderBottom="1 solid #96beb8";
						items.style.borderRight="1px solid #e1e8e5";
						items.style.borderLeft="1px solid #e1e8e5";
	                } 

	                //elem.style.backgroundColor="#99bfff";
	                //elem.style.color="#ffffff";
	                elem.style.textDecoration="underline";
	
	                elem.style.backgroundImage="url(images/topbg_green2.gif)";
	                elem.style.backgroundRepeat="repeat-x";
	                elem.style.verticalAlign="middle";
	                elem.style.color="#a34a08";
               
	                elem.style.borderTop="1px solid #96beb8";
		            elem.style.borderBottom="1 solid #669900";
					elem.style.borderRight="1px solid #96beb8";
					elem.style.borderLeft="1px solid #96beb8";


	                //elem.parentElement.style.color="#ffffff";
	                elem.parentElement.style.textDecoration="underline";
   	                //elem.parentElement.style.backgroundColor="#99bfff";
					
  	                
                } else if (evt.type == "mouseout") {
                    
                    requestHide();
	                
	                var items;
	                
	                for (var i = 0; i < menus.length; i++) {
						items = document.getElementById(menus[i].mBarImgId);
		                //items.style.backgroundColor="#ffffff";
		                //items.style.color="#707070";
			            items.style.textDecoration="none";
    		            items.style.backgroundImage="url(images/subbg_grey.gif)";
		                items.style.backgroundRepeat="repeat-x";
		                items.style.verticalAlign="middle";
		                items.style.color="#0000C1";

	                } 
    	            
    	            //elem.style.backgroundColor="#99bfff";
	                //elem.style.color="#ffffff";
	                //elem.style.textDecoration="underline";
					elem.style.textDecoration="underline";
	                elem.style.backgroundImage="url(images/topbg_green2.gif)";
	                elem.style.backgroundRepeat="repeat-x";
	                elem.style.verticalAlign="middle";
	                elem.style.color="#a34a08";

    	            //elem.parentElement.style.color="#707070";
	                elem.parentElement.style.textDecoration="none";
	                //elem.parentElement.style.backgroundColor="#ffffff";

	              }

                
                evt.cancelBubble = true;
            }
        }
    }
}
  
// create menus only if key items are supported
function initMenus() {
    
    var d       = document.createElement("div");
	d.innerHTML = document.getElementById("mnu").innerHTML;
	var divs    = d.getElementsByTagName("div");
	
	menus[0] = {mBarImgId:"menuImg_0",
            mBarImgNormal:imagesNormal["vlxd"],
            mBarImgHilite:imagesHilite["vlxd"],
            menuItems:eval(divs[0].innerHTML),
            elemId:"",
            eId:"VLXD"
           };
	menus[1] = {mBarImgId:"menuImg_1",
           mBarImgNormal:imagesNormal["ttnt"],
           mBarImgHilite:imagesHilite["ttnt"],
           menuItems:eval(divs[1].innerHTML),
           elemId:"",
           eId:"TTNT"
           };

	menus[2] = {mBarImgId:"menuImg_2",
            mBarImgNormal:imagesNormal["tvtk"],
            mBarImgHilite:imagesHilite["tvtk"],
            menuItems:eval(divs[2].innerHTML),
            elemId:"",
			eId:"TVTK"            
           };

	menus[3] = {mBarImgId:"menuImg_3",
            mBarImgNormal:imagesNormal["qhtd"],
            mBarImgHilite:imagesHilite["qhtd"],
            menuItems:eval(divs[3].innerHTML),
            elemId:"",
            eId:"QHTD"
           };
    
    //--------------------------       

	menus[4] = {mBarImgId:"menuImg_4",
            mBarImgNormal:imagesNormal["tbxd"],
            mBarImgHilite:imagesHilite["tbxd"],
            menuItems:eval(divs[4].innerHTML),
            elemId:"",
            eId:"TBXD"
           };
	menus[5] = {mBarImgId:"menuImg_5",
           mBarImgNormal:imagesNormal["bds"],
           mBarImgHilite:imagesHilite["bds"],
           menuItems:eval(divs[5].innerHTML),
           elemId:"",
           eId:"BDS"
           };

	menus[6] = {mBarImgId:"menuImg_6",
            mBarImgNormal:imagesNormal["xddd"],
            mBarImgHilite:imagesHilite["xddd"],
            menuItems:eval(divs[6].innerHTML),
            elemId:"",
            eId:"XDDD"
           };

	menus[7] = {mBarImgId:"menuImg_7",
            mBarImgNormal:imagesNormal["tcd"],
            mBarImgHilite:imagesHilite["tcd"],
            menuItems:eval(divs[7].innerHTML),
            elemId:"",
            eId:"TCD"
           };
	//----------------------------

	menus[8] = {mBarImgId:"menuImg_8",
            mBarImgNormal:imagesNormal["xdcd"],
            mBarImgHilite:imagesHilite["xdcd"],
            menuItems:eval(divs[8].innerHTML),
            elemId:"",
            eId:"XDCD"
           };
	menus[9] = {mBarImgId:"menuImg_9",
           mBarImgNormal:imagesNormal["xdtl"],
           mBarImgHilite:imagesHilite["xdtl"],
           menuItems:eval(divs[9].innerHTML),
           elemId:"",
           eId:"XDTL"
           };

	menus[10] = {mBarImgId:"menuImg_10",
            mBarImgNormal:imagesNormal["ttth"],
            mBarImgHilite:imagesHilite["ttth"],
            menuItems:eval(divs[10].innerHTML),
            elemId:"",
            eId:"TTTH"
           };
    
	menus[11] = {mBarImgId:"menuImg_11",
            mBarImgNormal:imagesNormal["spm"],
            mBarImgHilite:imagesHilite["spm"],
            menuItems:eval(divs[11].innerHTML),
            elemId:"",
            eId:"SPM"
           };
//-----------------------------   
        
	menus[12] = {mBarImgId:"menuImg_12",
            mBarImgNormal:imagesNormal["km"],
            mBarImgHilite:imagesHilite["km"],
            menuItems:eval(divs[12].innerHTML),
            elemId:"",
            eId:"KM"
           };
	menus[13] = {mBarImgId:"menuImg_13",
           mBarImgNormal:imagesNormal["mct"],
           mBarImgHilite:imagesHilite["mct"],
           menuItems:eval(divs[13].innerHTML),
           elemId:"",
           eId:"MCT"
           };
    
    if (document.getElementById && document.styleSheets) {
        setTimeout("makeMenus()", 5);
        window.onunload=cancelAll;
    }
    
	document.getElementById("main").style.display="block";
	document.getElementById("wait").style.display="none";

}


	function clearSelection(){
		
		if(window["getSelection"]){ 
			window.getSelection().removeAllRanges();
		}else if(document.selection){
			if(document.selection.empty){
				document.selection.empty();
			}else if(document.selection.clear){
				document.selection.clear();
			}
		}
		return true;
	}


