// JScript 文件
//使用方法
//直接在页面中引入代码 例：<script language="javascript" type="text/javascript">var toolBar=new FluctuateToolBar();toolBar.AddItem("xToolbar",0,0,"100%","auto","",false);</script>        
//AddItem(divId,left,top,width,height,innerHTML,isGradualChange);
//divId 浮动Div的Id 字符型
//left 浮动Div的左边距 int型
//top 浮动Div的顶边距 int型
//width 浮动Div的宽度 字符型
//height 浮动Div的高度 字符型 可以使用auto
//innerHTML 浮动Div内部的HTML代码
//isGradualChange 是否启用渐变 Boolean型

var timer,toolbarStatement;
var minIframeWidth = 980;
var oldscrolltop=0;
var oldBodyClientHeight = 0;
var items=new Array();
    
function FluctuateToolBar()
{
    this.AddItem=function(divId,left,top,width,height,innerHTML,isGradualChange)
    {
        document.write('<DIV id='+ divId +' style="Z-INDEX: 10; POSITION: absolute;left:'+ left +'px;top:'+ top +'px;width:' + width + ';height:' + height + '">'+innerHTML+'</DIV>');
        var newItem = {};
        newItem.Object = document.getElementById(divId);
		newItem.Left = left;
		newItem.Top = top;
		newItem.IsGradualChange=isGradualChange;
		items[items.length] = newItem;
    }
}

function fixToolBar(){
	var e = document.body
	if (document.documentElement.clientHeight>0)
	    e=document.documentElement;
	oldscrolltop = e.scrollTop
	oldBodyClientHeight = e.clientHeight;
	
	for(var i=0;i<items.length;i++)
	{
	    var item=items[i];
	    item.Object.style.top=e.scrollTop + item.Top;
	    item.Object.style.left=item.Left;
	}
}
function hideToolBar()
{
    for(var i=0;i<items.length;i++)
	{
	    items[i].Object.style.display="none";
	}
	fixToolBar();
	toolbarStatement="hide"
}
function showToolBar()
{
    for(var i=0;i<items.length;i++)
	{
	    items[i].Object.style.display="block";
	    if(items[i].IsGradualChange)
	    {
	        items[i].Object.style.filter="alpha(opacity=25)";
	        setTimeout('items[' + i + '].Object.style.filter="alpha(opacity=50)";',50);
	        setTimeout('items[' + i + '].Object.style.filter="alpha(opacity=75)";',100);
	        setTimeout('items[' + i + '].Object.style.filter="alpha(opacity=100)";',150);
	    }
	}
	fixToolBar();
	toolbarStatement="show"
}

function doOnScroll(){
	var e = document.body
	if (document.documentElement.clientHeight>0)
	    e=document.documentElement;
	if(e.scrollTop == oldscrolltop && oldBodyClientHeight == e.clientHeight) 
	    return;
	if(timer)
	    clearTimeout(timer);
	if(toolbarStatement=="hide")
		timer = setTimeout(hideToolBar,600)
	else
		timer = setTimeout(showToolBar,600)
	for(var i=0;i<items.length;i++)
	{
	    items[i].Object.style.display="none";
	}
}

var fixTimer = setInterval(doOnScroll,1000);
var isIE = !!document.all;
if(isIE){
    window.attachEvent("onload",function(){clearInterval(fixTimer)});
    window.attachEvent("onresize",fixToolBar);
    window.attachEvent("onscroll",doOnScroll);
}else{
    window.addEventListener('resize', fixToolBar, false); 
    window.addEventListener('scroll', doOnScroll, false); 
}