﻿//此文件在页面尾调用

//获取页面元素样式
//当引用样式表时，无法通过js获取元素Style时可以通过此方法获取
//如果只想获取元素的style对象，则只传第一个参数。第二个参数是获取该对象style属性为styName的值
//el:如document.getElementById('FuYeLeftContent')
//cssName:如height
function getRealStyle(el, cssName) {
    var len = arguments.length, sty, f, fv;

    'currentStyle' in el ? sty = el.currentStyle : 'getComputedStyle' in window
                         ? sty = window.getComputedStyle(el, null) : null;

    if (cssName === "opacity" && document.all) {
        f = el.filters;
        f && f.length > 0 && f.alpha ? fv = f.alpha.opacity / 100 : fv = 1;
        return fv;
    }
    cssName === "float" ? document.all ? cssName = 'styleFloat' : cssName = 'cssFloat' : cssName;
    sty = (len == 2) ? sty[cssName] : sty;
    return sty;
}


var SelectedFirstSecId = ""; //一级菜单选择值
var SelectedChildSecId = ""; //二级菜单选择值

var CurFirstSecId = ""; //一级菜单移动值
var CurChildSecId = ""; //二级菜单移动值

var firstClassName = "MenuNaturl";
var firstOverClassName = "MenuOver";
var firstSelectedClassName = "MenuOver";

var childClassName = "ChildMenuNaturl";
var childOverClassName = "ChildMenuOver";
var childSelectedClassName = "ChildMenuOver";

//一级菜单
var ProMenu = document.getElementById("ProductMenuSpan");
var ArtMenu = document.getElementById("ArtMenuSpan");
var ComMenu = document.getElementById("CompanyMenuSpan");
var JobMenu = document.getElementById("JobMenuSpan");

//二级菜单容器
var ProChildDiv = document.getElementById("ProductMenuSpan_ChildMenuDiv");
var ArtChildDiv = document.getElementById("ArtMenuSpan_ChildMenuDiv");
var ComChildDiv = document.getElementById("CompanyMenuSpan_ChildMenuDiv");
var JobChildDiv = document.getElementById("JobMenuSpan_ChildMenuDiv");


//鼠标移过时
function MenuOnMouseOver(secLeavel, secId) {
    if (secLeavel == "1") { //一级菜单
        //alert("1"+CurFirstSecId);
        ResetMenuNoSelectStyle();

        if (document.getElementById(secId)) {
            document.getElementById(secId).className = firstOverClassName;
        }

        if (document.getElementById(secId + "_ChildMenuDiv")) {
            document.getElementById(secId + "_ChildMenuDiv").style.display = "";
        }

        CurFirstSecId = secId;
        //SelectedFirstSecId = secId;
        //alert("2" + secId);
        //alert("3" + CurFirstSecId);

    } else { //二级菜单
        document.getElementById(secId).className = childOverClassName;

        CurChildSecId = secId;
    }
}

//鼠标移开时
function MenuOnMouseOut(secLeavel) {
    if (secLeavel == "1") {
        
    } else {
        if (CurChildSecId == "") {

        } else {
        if (document.getElementById(CurChildSecId)) {
            document.getElementById(CurChildSecId).className = childClassName;
            }
        }

        if (document.getElementById(SelectedChildSecId)) {
            document.getElementById(SelectedChildSecId).className = childSelectedClassName;
        }
    }
}

//设置选择状态
function SetMenuSelectedStyle(secId, childSecId) {
    SelectedFirstSecId = secId;
    SelectedChildSecId = childSecId;

    if (document.getElementById(SelectedFirstSecId)) {
        document.getElementById(SelectedFirstSecId).className = firstSelectedClassName;
        SetChildMenuDivStyle(secId);
    }

    if (document.getElementById(SelectedChildSecId)) {
        document.getElementById(SelectedChildSecId).className = childSelectedClassName;
    }
}

//设置二级菜单容器
function SetChildMenuDivStyle(secId) {

    ProChildDiv.style.display = "none";
    ArtChildDiv.style.display = "none";
    ComChildDiv.style.display = "none";
    JobChildDiv.style.display = "none";

    if (document.getElementById(secId + "_ChildMenuDiv")) {
        document.getElementById(secId + "_ChildMenuDiv").style.display = "";
    }
}

//重置无选择状态
function ResetMenuNoSelectStyle() {
    ProMenu.className = firstClassName;
    ArtMenu.className = firstClassName;
    ComMenu.className = firstClassName;
    JobMenu.className = firstClassName;

    ProChildDiv.style.display = "none";
    ArtChildDiv.style.display = "none";
    ComChildDiv.style.display = "none";
    JobChildDiv.style.display = "none";
}



