var is_alert_box = 0;
var div_box = null;
var ele_bg = null;
var ele_main = null;
var div_top = 0; 
var ele_main_width = 0;
var ele_main_height = 0;
var ele_main_left = 0;
var ele_main_top = 0;
var ele_mouse_left = 0;
var ele_mouse_top = 0;
var flag_drag = 0;
IE = document.all ? 1 : 0;
function gray_box(url, w, h, alpha, bg)
{//var basis=ele.parentNode.insertBefore(document.createElement('div'),ele);
    is_alert_box = 1;
    if(!document.getElementById('div_box'))
    {
        e = document.createElement('div');
        e.id = "div_box";
        document.body.appendChild(e);
    }
    div_box = document.getElementById('div_box');
    if(null == ele_bg)
        ele_bg = document.createElement('div');
    if(null == ele_main)
        ele_main = document.createElement('div');
    //ele.id = 'div_box';
    //div_box.appendChild(document.createTextNode("adadad"));
    ele_bg.style.background = '#000000';
    if(undefined == bg)
        bg = 1;
    if(1 == bg)
    {
        ele_bg.style.width = document.body.scrollWidth;
        ele_bg.style.height = document.body.scrollHeight;
    }
    else
    {
        ele_bg.style.width = 0;
        ele_bg.style.height = 0;
    }
    if(IE)
        ele_bg.style.filter = "alpha(opacity=50)";
    else
        ele_bg.style.opacity = 0.5;
    ele_bg.style.position = "absolute";
    ele_bg.style.left = "0px";
    ele_bg.style.top = 0;//getScrollTop();
    //ele_main.innerHTML = '<iframe src="'+url+'" align="center" width="80%">';
    //ele_main.innerHTML = '<div align="right"><a href="javascript:close_alert_box()"><img src="../images/close.gif" width="121" height="30" border="0" /></a></div><center><iframe src="'+url+'" align="center" width="100%"></center>';
    if(undefined == w)
        w = 500;
    ele_main_width = w;
    if(undefined == h)
        h = 340;
    ele_main_height = h;
    if(undefined == alpha)
        alpha = 100;
    if(40 < document.body.clientHeight - h)
        div_top = (document.body.clientHeight - h)/2;
    else
        div_top = 20;
    ele_main.innerHTML = '<div align="center" width="'+w+'" height="'+h+'" valign="middle" id="div_box_content"><table align="center" bgcolor="#FFFFFF" width="'+w+'" height="'+h+'" border=0 cellpadding="0" cellspacing="0"><tr><td width="'+w+'" height="'+h+'" align="center" valign="middle"><img src="../images/other/ajax-loader2.gif" border="0"></td></tr></table></div>';
              
    //ele_main.innerHTML = '<div align="center" width="'+w+'" height="'+h+'" valign="middle" id="div_box_content"></div>';
    //ele_main.innerHTML = '<center><iframe src="'+url+'" align="center" width="'+w+'" height="'+h+'" frameborder=0 border=0 scrolling="no"></center>';
    ele_main.style.position = "absolute";
    if(IE)
        ele_main.style.filter = "alpha(opacity="+alpha+")";
    else
        ele_main.style.opacity = alpha/100;
    //ele_main.style.width = "80%";
    //ele_main.style.height = "80%";
    if(0 < document.body.clientHeight - h)
        ele_main.style.left = (document.body.clientWidth - w)/2;
    else
        ele_main.style.left = 0;
    ele_main.style.top = div_top+getScrollTop();
    ele_body = document.body.childNodes;

    //將flash關掉，不然會顯示在灰盒子畫面上
    for(i=0;;i++)
    {
        if(!document.getElementById("div_flash_show_"+i))
            break;
        e = document.getElementById("div_flash_show_"+i);
        e.style.display = "none";
        if(!document.getElementById("div_flash_show_"+i+"_b"))
        {
            ele = document.createElement('div');
            ele.id = "div_flash_show_"+i+"_b";
            ele.innerHTML = '<table align="center" width="100%" height="100%" bgcolor="#888888" cellpadding="0" cellspacing="0"><tr><td align="center" width="'+data_div_flash_width[i]+'" height="'+data_div_flash_height[i]+'">&nbsp;</td></tr></table>';
            //window.alert(e.style.width+":"+data_div_flash_height[i]);
            e.parentNode.appendChild(ele);
        }
        document.getElementById("div_flash_show_"+i+"_b").style.display = "";
    }

    div_box.appendChild(ele_bg);
    div_box.appendChild(ele_main);
    window.onscroll = alert_box_scroll;
    window.onresize = alert_box_scroll;
    ele_bg.style.display = "";
    ele_main.style.display = "";
    //ele_main.onmousedown = drag_start;
    //ele_main.onmouseup = drag_stop;
    //ele_main.onclick = drag_click;
    //ele_main.onmouseout = drag_stop;
    ele_main_left = parseInt(ele_main.style.left.substr(0, ele_main.style.left.length-2)) - getScrollLeft();
    ele_main_top = parseInt(ele_main.style.top.substr(0, ele_main.style.top.length-2)) - getScrollTop();
    if(document.getElementById("key_type"))
        document.getElementById("key_type").disabled = 1;
    
    document.onmouseup = drag_stop;
    
    now = new Date;
    time = now.getTime();
    load_page('div_box_content', url+'&load_page=1&time='+time);
    //load_page('div_box_content', 'http://localhost/amanda_new/school/school_info.php?id=47&load_page=1&time='+time);
    //load_page('div_box_content', 'http://localhost/amanda_new/main/main_1.php?load_page=1&time='+time);
    //load_page('div_box_content', '../main/main_2.php?load_page=1&time='+time);
   //div_box.style.-moz-opacity = 0.5;
    //div_box.style.filter = "alpha(opacity=50)";
    //div_box.innerHTML = "adadad";
}

function getEvent(){     //相容 IE 及 Firefox 的寫法   
    if(document.all)
        return window.event;           
    func=getEvent.caller;
    while(func!=null){
        var arg0=func.arguments[0];
        if(arg0){
            if((arg0.constructor==Event || arg0.constructor ==MouseEvent)   
                || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){       
                return arg0;
            }
        }
        func=func.caller;
    }   
    return null;   
}   

function drag_run(event){
    if(1 == flag_drag)
    {
        eve = getEvent();
        xpos = eve.clientX - ele_mouse_left;
        ypos = eve.clientY - ele_mouse_top;
        if(0 > ele_main_left + xpos)
            st = 0;
        else if(document.body.clientWidth < ele_main_left + xpos + ele_main_width)
        {
            if(ele_main_width > document.body.clientWidth)
                st = 0;
            else
                st = document.body.clientWidth - ele_main_width;
        }
        else
            st = ele_main_left + xpos;
        st = st + getScrollLeft();
        //if(0 > parseInt(st))
        //    st = 0;
        ele_main.style.left = st+"px";
        //window.alert(ele_mouse_left+","+ele_main.style.left+ " | " +ele_main_left+","+ele_main_top+"="+xpos);

        if(0 > ele_main_top + ypos)
            st = 0;
        else if(document.body.clientHeight < ele_main_top + ypos + ele_main_height)
        {
            if(ele_main_height > document.body.clientHeight)
                st = 0;
            else
                st = document.body.clientHeight - ele_main_height;
            //window.alert(st+":"+document.body.clientHeight+" - "+ele_main_height);
        }
        else
            st = ele_main_top + ypos;
        st = st + getScrollTop();
       // if(0 > parseInt(st))
        //    st = 0;
        ele_main.style.top = st+"px";
    }
}
function drag_click(){
    if(0 == flag_drag)
        drag_start();
    else
        drag_stop();
}
function drag_start(){
    flag_drag = 1;
    eve = getEvent();
    //var s= "";
    //e = eve;
    //for(i in e)
    //    s = s + i +":" + e[i] + "\n";
    //window.alert(s);
    ele_main_left = parseInt(ele_main.style.left.substr(0, ele_main.style.left.length-2)) - getScrollLeft();
    ele_main_top = parseInt(ele_main.style.top.substr(0, ele_main.style.top.length-2)) - getScrollTop();
    ele_mouse_left = parseInt(eve.clientX);
    ele_mouse_top = parseInt(eve.clientY);
    document.onmousemove = drag_run;
    document.onmouseup = drag_stop;
    //window.alert(ele_mouse_left+","+ele_mouse_top+ " | " +ele_main_left+","+ele_main_top);
}
function drag_stop(){

    ele_main_left = parseInt(ele_main.style.left.substr(0, ele_main.style.left.length-2)) - getScrollLeft();
    ele_main_top = parseInt(ele_main.style.top.substr(0, ele_main.style.top.length-2)) - getScrollTop();
    flag_drag = 0;
    document.onmousemove = function(){};
}

function close_alert_box(){
    if(is_alert_box)
    {
        div_box.removeChild(ele_bg);
        div_box.removeChild(ele_main);
        //將flash回復
        for(i=0;;i++)
        {
            if(!document.getElementById("div_flash_show_"+i))
                break;
            document.getElementById("div_flash_show_"+i+"_b").style.display = "none";
            document.getElementById("div_flash_show_"+i).style.display = "";
        }
        is_alert_box = 0;
    }
}
function alert_box_scroll(){
    if(is_alert_box)
    {
        if(1 == flag_drag)
            drag_run();
        else
        {
            ele_main.style.top = (ele_main_top+getScrollTop())+"px";
            ele_main.style.left = (ele_main_left+getScrollLeft())+"px";
        }
        //ele_bg.style.top = getScrollTop();
    }
}
function getScrollTop(){
    var t;
    if(document.documentElement && document.documentElement.scrollTop){
        t=document.documentElement.scrollTop;
    }else{
        if(document.body){
            t=document.body.scrollTop;
        }
    }
    return parseInt(t);
}
function getScrollLeft(){
    var t;
    if(document.documentElement && document.documentElement.scrollLeft){
        t=document.documentElement.scrollLeft;
    }else{
        if(document.body){
            t=document.body.scrollLeft;
        }
    }
    return parseInt(t);
}

function close_alert_box_parent(){
    //將flash回復
    var i,e,ec,ie;
    var a_flash_item = new Array();
    for(i=0;;i++)
    {
        if(!window.document.getElementById("div_flash_show_"+i))
            break;
        window.document.getElementById("div_flash_show_"+i+"_b").style.display = "none";
        window.document.getElementById("div_flash_show_"+i).style.display = "";
    }
    e = window.document.getElementById('div_box');
    ec = e.childNodes;
    ie = ec.length;
    for(i=0;i<ie;i++)
    {
        e.removeChild(ec[0]);
    }
    if(document.getElementById("key_type"))
        document.getElementById("key_type").disabled = 0;
}