﻿// JScript 文件
/*
<style type="text/css">
<!--
.objectShowNavMain{

}
.objectShowNavItem{
    font-size:12px;
	background-color:#000000;
	margin-bottom:1px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}
.objectShowNavItemOver{
    font-size:12px;
	background-color:#cccccc;
	margin-bottom:1px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
	-moz-opacity:0.85;
	opacity: 0.85;
}
.objectShowNavItemSpan{
	width:0;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}
-->
</style>
*/
//imode = 0 时为竖着， imode = 1 时为横着
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));
    function objectNavShow(object, inner, left, top, imode, ileftArrow){
        if (imode){
            this.imode = imode
        }else{
            this.imode = 0;
        }
		this.inper = 150;
		this.inner = inner;
		this.arrDiv = new Array();
		var othis = this;
		this.closetime = true;
        this.div = document.createElement("div");
        this.div.style.width = "0px";
        this.div.style.position = "absolute";
        this.left = left;
        this.top = top;
        this.div.style.left = this.left + "px";
        this.div.style.top = this.top + "px";

        this.div.style.display = "none";
        this.div.style.zIndex = 10000;
        this.object = object;
        this.object.onmouseover = function(){
            othis.closetime = false;
            othis.div.style.display = "";
            othis.onOverOther();
		    if (!ie && object != inner){
				othis.div.style.left = (othis.left - document.documentElement.scrollLeft) + "px";
                othis.div.style.top = (othis.top - document.documentElement.scrollTop) + "px";
			}
        }
        this.object.onmouseout = function(){
            othis.closetime = true;
            setTimeout(function(){
				if (othis.closetime){
					othis.div.style.display = "none";
					othis.onOutOther();
				}
			}, othis.inper);
        }
		var myspan = document.createElement("span");
		if (ie){
			myspan.style.position = "relative";
		}else{
			myspan.style.position = "fixed";
		}
		myspan.appendChild(this.div);
		if (inner.childNodes.length > 0){
			inner.insertBefore(myspan, inner.childNodes[0]);
		}else{
			inner.appendChild(myspan);
		}
		this.overClass = "objectShowNavItemOver";
		this.outClass = "objectShowNavItem";
		
		
		//特殊
		var div2 = document.createElement("div");
		div2.innerHTML = "<img src=\"/tools/images/nav_icon.gif\"/>";
		if (ileftArrow){
		    div2.style.paddingLeft = ileftArrow + "px";
		}
		this.div.appendChild(div2);
    }
    objectNavShow.prototype.createDiv = function(content, width, height, url, target, name){
		//this.div.className = this.outClass;
		var othis = this;
        var div = document.createElement("div");
        if (this.imode == 1){
            if (ie){
                div.style.styleFloat = "left";
            }else{
                div.style.cssFloat = "left";
            }
            this.div.style.width = (parseInt(this.div.style.width) + width + 50) + "px";
            //alert(div.style.float);
        }
        div.setAttribute("divname", name);
        this.arrDiv.push(div);
        div.style.width = width + "px";
        div.style.height = height + "px";
		div.className = this.outClass;
		div.innerHTML = "<span class=\"objectShowNavItemSpan\"></span>";
		div.innerHTML += "<span style=\"width:100%;\">" + content + "</span>";
        this.div.appendChild(div);
        div.style.cursor = "pointer";
		this.div.onmouseover = function(){
			othis.closetime = false;
			setTimeout(function(){
				othis.div.style.display = "";
				othis.onOverOther();
			}, othis.inper);
        }
        this.div.onmouseout = function(){
			othis.closetime = true;
			setTimeout(function(){
				if (othis.closetime){
					othis.div.style.display = "none";
					othis.onOutOther();
				}
			}, othis.inper);
        }
        div.onmouseover = function(){
			this.className = othis.overClass;
			//othis.oSecondNav = new objectNavShow(this, othis.inner, othis.left + 200, 0);
        }
        div.onmouseout = function(){
			this.className = othis.outClass;
        }
        div.onclick = function(){
            if (url != ""){
                if (target == "blank"){
                    window.open(url);
                }else{
                    location.href = url;
                }
            }
        }
    }
	objectNavShow.prototype.onOverOther = function(){
		
	}
	objectNavShow.prototype.onOutOther = function(){
		
	}
	objectNavShow.prototype.getDiv = function(name){
		for (var i=0; i<this.arrDiv.length; i++){
		    if (this.arrDiv[i].getAttribute("divname") == name){
		        //alert(this.arrDiv[i].getAttribute("divname"));
		        return this.arrDiv[i];
		    }
		}
		return null;
	}
//放置相对位置
//<div id="oObjectRelive"></div>
//放在下面
//<script>
//    var oObjectRelive = document.getElementById("oObjectRelive");
//    var oNavShow1 = new objectNavShow(document.getElementById("要下拉的菜单id名字"), oObjectRelive, 100, 0);
//    oNavShow1.createDiv("下拉的子菜单", 80, 20, "a.aspx");
//    oNavShow1.createDiv("下拉的子菜单", 80, 20, "a.aspx", "blank");
//</script>
