﻿/*********************************界面美工js代码块开始**********************************************************/
function showimg(obj) {
    if (obj.src == "images_information navigation/folder_files.gif") {
        obj.src = "images_information navigation/folder_open.gif";
    }
    else {
        obj.src = "images_information navigation/folder_files.gif";
    }
}
function aa(s_id) {
    for (i = 1; i < 4; i++) {
        if (i == s_id) {
            document.getElementById("m" + i).className = "c_" + i + " white";
        }
        else {
            document.getElementById("m" + i).className = "c_0";
        }
    }
}
var selects = document.getElementsByTagName('select');
var isIE = (document.all && window.ActiveXObject && !window.opera) ? true : false;
function factory(id) {
    return document.getElementById(id);
}
function stopBubbling(ev) {
    ev.stopPropagation();
}
function rSelects() {
    for (i = 0; i < selects.length; i++) {
        selects[i].style.display = 'none';
        select_tag = document.createElement('div');
        select_tag.id = 'select_' + selects[i].name;
        select_tag.className = 'select_box';
        selects[i].parentNode.insertBefore(select_tag, selects[i]);
        select_info = document.createElement('div');
        select_info.id = 'select_info_' + selects[i].name;
        select_info.className = 'tag_select';
        select_info.style.cursor = 'pointer';
        select_tag.appendChild(select_info);
        select_ul = document.createElement('ul');
        select_ul.id = 'options_' + selects[i].name;
        select_ul.className = 'tag_options';
        select_ul.style.position = 'absolute';
        select_ul.style.display = 'none';
        select_ul.style.zIndex = '999';
        select_tag.appendChild(select_ul);
        rOptions(i, selects[i].name);

        mouseSelects(selects[i].name);
        if (isIE) {
            selects[i].onclick = new Function("clickLabels3('" + selects[i].name + "');window.event.cancelBubble = true;");
        }
        else if (!isIE) {
            selects[i].onclick = new Function("clickLabels3('" + selects[i].name + "')");
            selects[i].addEventListener("click", stopBubbling, false);
        }
    }
}

function rOptions(i, name) {
    var options = selects[i].getElementsByTagName('option');
    var options_ul = 'options_' + name;
    for (n = 0; n < selects[i].options.length; n++) {
        option_li = document.createElement('li');
        option_li.style.cursor = 'pointer';
        option_li.className = 'open';
        factory(options_ul).appendChild(option_li);
        option_text = document.createTextNode(selects[i].options[n].text);
        option_li.appendChild(option_text);
        option_selected = selects[i].options[n].selected;
        if (option_selected) {
            option_li.className = 'open_selected';
            option_li.id = 'selected_' + name;
            factory('select_info_' + name).appendChild(document.createTextNode(option_li.innerHTML));
        }

        option_li.onmouseover = function() { this.className = 'open_hover'; }
        option_li.onmouseout = function() {
            if (this.id == 'selected_' + name) {
                this.className = 'open_selected';
            }
            else {
                this.className = 'open';
            }
        }

        option_li.onclick = new Function("clickOptions(" + i + "," + n + ",'" + selects[i].name + "')");
    }
}
function mouseSelects(name) {
    var sincn = 'select_info_' + name;
    factory(sincn).onmouseover = function() { if (this.className == 'tag_select') this.className = 'tag_select_hover'; }
    factory(sincn).onmouseout = function() { if (this.className == 'tag_select_hover') this.className = 'tag_select'; }
    if (isIE) {
        factory(sincn).onclick = new Function("clickSelects('" + name + "');window.event.cancelBubble = true;");
    }
    else if (!isIE) {
        factory(sincn).onclick = new Function("clickSelects('" + name + "');");
        factory('select_info_' + name).addEventListener("click", stopBubbling, false);
    }
}
function clickSelects(name) {
    var sincn = 'select_info_' + name;
    var sinul = 'options_' + name;
    for (i = 0; i < selects.length; i++) {
        if (selects[i].name == name) {
            if (factory(sincn).className == 'tag_select_hover') {
                factory(sincn).className = 'tag_select_open';
                factory(sinul).style.display = '';
            }
            else if (factory(sincn).className == 'tag_select_open') {
                factory(sincn).className = 'tag_select_hover';
                factory(sinul).style.display = 'none';
            }
        }
        else {
            factory('select_info_' + selects[i].name).className = 'tag_select';
            factory('options_' + selects[i].name).style.display = 'none';
        }
    }
}
function clickOptions(i, n, name) {
    var li = factory('options_' + name).getElementsByTagName('li');
    factory('selected_' + name).className = 'open';
    factory('selected_' + name).id = '';
    li[n].id = 'selected_' + name;
    li[n].className = 'open_hover';
    factory('select_' + name).removeChild(factory('select_info_' + name));
    select_info = document.createElement('div');
    select_info.id = 'select_info_' + name;
    select_info.className = 'tag_select';
    select_info.style.cursor = 'pointer';
    factory('options_' + name).parentNode.insertBefore(select_info, factory('options_' + name));
    mouseSelects(name);
    factory('select_info_' + name).appendChild(document.createTextNode(li[n].innerHTML));
    factory('options_' + name).style.display = 'none';
    factory('select_info_' + name).className = 'tag_select';
    selects[i].options[n].selected = 'selected';
}
/*********************************界面美工js代码块结束**********************************************************/

/*********************************界面业务处理js代码块开始******************************************************/

        /*页面载入处理*/
        window.onload = function(e) {
            bodyclick = document.getElementsByTagName('body').item(0);
            rSelects();
            bodyclick.onclick = function() {
                for (i = 0; i < selects.length; i++) {
                    factory('select_info_' + selects[i].name).className = 'tag_select';
                    factory('options_' + selects[i].name).style.display = 'none';
                }
            }
            //添加左树顶级节点换行
            addTreeBr();
        }
        //客户端调用打开节点
        function openChild(childId, main) {
            (document.getElementById(childId).style.display == 'none') ? '' : 'none';
            if (document.getElementById(childId).style.display == 'none') {
                document.getElementById(childId).style.display = '';
                main.
                         style.background =
                         "url(images_information_navigation/folder_open.gif) transparent no-repeat 18px 5px";
            } else {
                document.getElementById(childId).style.display = 'none';
                main.
                         style.background = "url(images_information_navigation/folder.gif) transparent no-repeat 18px 5px";
            }
        }
        var mytableHtml = ""; //信息内容区div切换之前的div内空
        var detailGuid = ""; //信息内容guid

        /*获取信息内容*/
        function getDetail(guid) {
            detailGuid = guid;
            $.ajax({
                url: "InfoNavDetail.aspx?guid=" + guid,
                type: 'GET',
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    alert(textStatus);
                },
                success: function(htmlText) {
                    mytableHtml = $("#text").html(); //保存切换前的div
                    $("#text").remove(); //之前的div 移除
                    var html = $(htmlText);
                    //如果获取的div id不是登陆div,生成一个信息内容div
                    if (html.attr("id") != "text1") {
                        $("#main").after('<div id="text2"></div>');
                        document.getElementById("text2").innerHTML = htmlText;
                        window.scrollTo((getRealWidth() / 2), 100);
                    } else {
                        $("#main").after(htmlText);
                         window.scrollTo((getRealWidth() / 2), 300);
                    }
                    //清空查询按钮的value属性值
                    clearSumbitText()
                }
            });
        }

        /*信息内容 返回按钮事件*/
        function goBack() {
            $("#text2").remove(); //信息内空div移除
            $("#main").after('<div id="text"></div>'); //添加信息列表div
            document.getElementById("text").innerHTML = mytableHtml; //设置保存之前的div内容
            window.scrollTo((getRealWidth() / 2), (getRealHeghit() / 2) - 20);
            clearSumbitText(); //清空查询按钮的value属性值
        }
        /*获取browser的实际高度*/
        function getRealWidth() {
            var aWidth = window.screen.availWidth; //   获取客户端分辨率的宽度
            var sWidth = document.body.scrollWidth; //    获取浏览器的宽度

            var tWidth = sWidth - aWidth;
            return tWidth;
        }
        /*获取browser的实际宽度*/
        function getRealHeghit() {
            var aHeight = window.screen.availHeight; //   获取客户端分辨率的高度
            var sHeight = document.body.scrollHeight; //    获取浏览器的高度
            var tHeight = sHeight - aHeight;
            return tHeight;
        }
        /*清空卡号和密码*/
        function clearInput() {
            try {
                document.getElementById("user").value = ""; //卡号
                document.getElementById("pass").value = ""; //密码
            } catch (e) {
            }
        }
        /*用户进行登陆请求*/
        function login() {
            var user = document.getElementById("user").value;
            var pass = document.getElementById("pass").value;
            if (user == "") {
                alert("请输入卡号!!!");
                return;
            }
            if (pass == "") {
                alert("请输入密码!!!");
                return;
            }
            $("#text1").empty(); //清空登陆界面的内容
            $("#text1").html("<div id='text1'><br><br><center><p>正在进行登陆，请稍候....</p></center></div>");
            $.ajax({
                url: "InfoNavDetail.aspx?guid="
                             + detailGuid + "&mode=login"
                             + "&user=" + user
                             + "&pass=" + pass
                             ,
                type: 'GET',
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    alert("登陆过程中出现错误!!!");
                },
                success: function(htmlText) {
                    $("#text1").remove(); //移除登陆界面
                    //如果返回的界面仍是登陆界面
                    if ($(htmlText).attr("id") == "text1") {
                        $("#main").after(htmlText);
                    } else {
                        $("#main").after('<div id="text2"></div>'); //生成信息内容div
                        document.getElementById("text2").innerHTML = htmlText;
                    }
                    window.scrollTo((getRealWidth() / 2), 100);
                    clearSumbitText(); //清空查询按钮的value属性值
                }
            });
        }
        /*清空查询按钮的value属性值*/
        function clearSumbitText() {
            try {
                document.getElementById("queryButton").value = "";
            } catch (e) {
            }
        }
        /*用户退出登陆*/
        function logout() {
            $.ajax({
                url: "InfoNavDetail.aspx?&mode=loginout",
                type: 'GET',
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    alert(textStatus);
                },
                success: function(htmlText) {
                    window.location = "InfoNavList.aspx";
                }
            });
            clearSumbitText(); //清空查询按钮的value属性值
        }
        /*添加左树顶级节点换行*/
        function addTreeBr() {
            try {
                var tx = $(".rootNode").parent(); //版块所在的td列
                var td = tx.parent(); //td列
                var tr = td.parent(); //tr行
                var tb = tr.parent(); //tbody 节点
                var table = tr.parent(); //版块所在table
                table.next().after("<div style='height:30px'></div>"); //在本版块的子节点后面添加两行换行符
            } catch (e) {
            }
        }
        /*用户密码输入按回车登录*/
        function enterLogin() {
             if (event.keyCode == 13) {
                event.returnValue = false;
                event.cancel = true;
                login();
            } 
       
        }
/*********************************界面业务处理js代码块结束******************************************************/
