﻿// JavaScript Document
//下拉菜单相关代码
 var h;
 var w;
 var l;
 var t;
 var topMar = -10;
 var leftMar = -18;
 var space = 0;
 var isvisible;
 var MENU_SHADOW_COLOR='#004a7e';//定义下拉菜单阴影色
 var global = window.document
 global.fo_currentMenu = null
 global.fo_shadows = new Array

function HideMenu() 
{
 var mX;
 var mY;
 var vDiv;
 var mDiv;
	if (isvisible == true)
{
		vDiv = document.all("menuDiv");
		mX = window.event.clientX + document.body.scrollLeft;
		mY = window.event.clientY + document.body.scrollTop;
		if ((mX < parseInt(vDiv.style.left)) || (mX > parseInt(vDiv.style.left)+vDiv.offsetWidth) || (mY < parseInt(vDiv.style.top)-h) || (mY > parseInt(vDiv.style.top)+vDiv.offsetHeight)){
			vDiv.style.visibility = "hidden";
			isvisible = false;
		}
}
}

function ShowMenu(vMnuCode,tWidth) {
	vSrc = window.event.srcElement;
	vMnuCode = "<table id='submenu' style='background-color: #ffffff; filter: Alpha(Opacity=80);' cellspacing=0 cellpadding=0 style='width:"+tWidth+"%' class=tableborder1 onmouseout='HideMenu()'><tr height=23><td nowrap align=left class=tablebody1>" + vMnuCode + "</td></tr></table>";

	h = vSrc.offsetHeight;
	w = vSrc.offsetWidth;
	l = vSrc.offsetLeft + leftMar+2;
	t = vSrc.offsetTop + topMar + h + space-1;
	vParent = vSrc.offsetParent;
	while (vParent.tagName.toUpperCase() != "BODY")
	{
		l += vParent.offsetLeft;
		t += vParent.offsetTop;
		vParent = vParent.offsetParent;
	}

	menuDiv.innerHTML = vMnuCode;
	menuDiv.style.top = t;
	menuDiv.style.left = l;
	menuDiv.style.visibility = "visible";
	isvisible = true;
    makeRectangularDropShadow(submenu, MENU_SHADOW_COLOR, 2)
}

function makeRectangularDropShadow(el, color, size)
{
	var i;
	for (i=size; i>0; i--)
	{
		var rect = document.createElement('div');
		var rs = rect.style
		rs.position = 'absolute';
		rs.left = (el.style.posLeft + i) + 'px';
		rs.top = (el.style.posTop + i) + 'px';
		rs.width = el.offsetWidth + 'px';
		rs.height = el.offsetHeight + 'px';
		rs.zIndex = el.style.zIndex - i;
		rs.backgroundColor = color;
		var opacity = 1 - i / (i + 1);
		rs.filter = 'alpha(opacity=' + (100 * opacity) + ')';
		el.insertAdjacentElement('afterEnd', rect);
		global.fo_shadows[global.fo_shadows.length] = rect;
	}
}

//用户控制面板
var manage1= '<div class="menuxl"><ul><li><a href="/companyinfo.asp?id=2">总经理致辞</a></li><li><a href="/profile.asp">公司简介</a></li><li><a href="/qywh.asp?id=3">企业文化</a></li><li><a href="/qyryfir.asp?id=5">企业荣誉</a></li><li><a href="/pic.asp?ClassNo=111">企业风采</a></li><li><a href="/Pic.asp?ClassNo=112">生产实力</a></li</ul></div>'
var manage2= '<div class="menuxl"><ul><li><a href="/newsq.asp?ClassNo=112">企业新闻</a></li><li><a href="/newsq.asp?ClassNo=111">行业新闻</a></li><li><a href="/job.asp">人才招聘</a></li></ul></div>'
var manage3= '<div class="menuxl"><ul><li><a href="/products.asp">产品中心</a></li><li><a href="/procase.asp?ClassNo=111">工程案例</a></li><li><a href="procase.asp?ClassNo=114">典型客户</a></li><li><a href="procase.asp?ClassNo=113">研发中心</a></li></ul></div>'
var manage4= '<div class="menuxl"><ul><li><a href="/contact.asp">联系方式</a></li><li><a href="/feedback.asp">在线留言</a></li></ul></div>'
var manage5= '<div class="menuxl"><ul><li><a href="/techq.asp?ClassNo=111">专业技术</a></li><li><a href="/techq.asp?ClassNo=112">技术交流</a></li></ul></div>'

var manage6= '<div class="menuxl"><ul><li><a href="companyinfo.asp?id=2">GM Message</a></li><li><a href="profile.asp">Overview</a></li><li><a href="qywh.asp?id=3"> Enterprise Cultural</a></li><li><a href="qyryfir.asp?id=5">Certificate</a></li><li><a href="pic.asp?ClassNo=111">Our elegant demeanor</a></li><li><a href="Pic.asp?ClassNo=112">Production Environment</a>&nbsp;&nbsp;</li</ul></div>'
var manage7= '<div class="menuxl"><ul><li><a href="newsq.asp?ClassNo=112">Company News</a>&nbsp;</li><li><a href="newsq.asp?ClassNo=111">Industry News</a></li><li><a href="job.asp">Careers</a></li></ul></div>'
var manage8= '<div class="menuxl"><ul><li><a href="products.asp">Products</a></li><li><a href="procase.asp?ClassNo=111">Engineering Case</a>&nbsp;&nbsp;</li><li><a href="procase.asp?ClassNo=114">Customers</a></li><li><a href="procase.asp?ClassNo=113">R & D Center</a></li></ul></div>'
var manage9= '<div class="menuxl"><ul><li><a href="contact.asp">Contact us</a></li><li><a href="feedback.asp">Online Message</a>&nbsp;&nbsp;</li></ul></div>'
var manage10= '<div class="menuxl"><ul><li><a href="techq.asp?ClassNo=111">Professional Technology</a>&nbsp;&nbsp;</li><li><a href="techq.asp?ClassNo=112">Technical exchanges</a>&nbsp;&nbsp;</li></ul></div>'

