﻿/*********************************************************
filename:       pwLoading.js
version:        1.2
last modified:  2008/02/12
author:         PowerWeb, Program Support.
mail:           support@powerweb.tw
www:	        http://www.powerweb.tw
description:
                動態 Loading 載入頁面, 將本程序放入 <hear> </head> 標籤中, 在使用者瀏覽網頁時, 若頁面資料或圖檔較多尚未完全載入完成時,
                程序將在畫面上顯示載入中的 Loading 圖檔, 當網頁載入完成後圖檔自動消失.
                
**********************************************************/
var refreshTime     = 100;      //確認網頁狀態時間, 單位:1/1000秒, 預設 100 等於 0.1 秒檢查一次網頁是否載入完成.
var loadingWidth    = 200;      //Loading 圖框寬度, 單位 px 像素.
var loadingHeight   = 100;      //Loading 圖框高度, 單位 px 像素.
var loadingImage    = '/images/loader/indicator.gif';    //Loading 圖檔位置, 建議輸入絕對位置或 URL 位置.

//begin
document.write('<div id="loading" style="width: '+ loadingWidth +'px; height: '+ loadingHeight +
               'px; position: absolute; left: 50%; top: 50%; margin-top: 0px; margin-left: -100px; text-align: center;">'+
               '<img src="'+ loadingImage +'" /></div>');

var refreshIntervalId = setInterval("chkComplete()", refreshTime); 

function chkComplete()
{
    if(document.readyState=="complete") 
    {
        document.getElementById("loading").style.display="none";
        clearInterval(refreshIntervalId);
    }
}

