if(loadedcolor == null)
    var loadedcolor='#66cc99' ;       // PROGRESS BAR COLOR
if(unloadedcolor == null)
    var unloadedcolor='#ffffff';     // COLOR OF UNLOADED AREA
if(bordercolor == null)
    var bordercolor='#cccccc';            // COLOR OF THE BORDER
if(barheight == null)
    var barheight=15;                  // HEIGHT OF PROGRESS BAR IN PIXELS
if(barwidth == null)
    var barwidth=300;                  // WIDTH OF THE BAR IN PIXELS
if(waitTime == null)
    var waitTime=5;                   // NUMBER OF SECONDS FOR PROGRESSBAR
if(barBgColor == null)
    var barBgColor = "#eeeeee";
    
var ns4=(document.layers)?true:false;
var ie4=(document.all)?true:false;
var blocksize=(barwidth-2)/waitTime/10;
var loaded=0;
var PBouter;
var PBdone;
var PBbckgnd;
var Pid=0;
var txt='';

var action=function()
{
    //window.location="http://www.dynamicportal.com
}

function incrCount()
{
    window.status="Loading...";
    loaded++;

    if(loaded<0)loaded=0;

    if(loaded>=waitTime*10)
    {
        clearInterval(Pid);
        loaded=waitTime*10;
        setTimeout('hidebar()',100);
    }

    resizeEl(PBdone, 0, blocksize*loaded, barheight-2, 0);
}

function hidebar()
{
    clearInterval(Pid);
    window.status='';
    //if(ns4)PBouter.visibility="hide";
    //else PBouter.style.visibility="hidden";
    action();
}

function findlayer(name,doc)
{
    var i,layer;
    
    for(i=0;i<doc.layers.length;i++)
    {
        layer=doc.layers[i];
        if(layer.name==name)return layer;
        if(layer.document.layers.length>0)
        if((layer=findlayer(name,layer.document))!=null)
        return layer;
    }
    
    return null;
}

function progressBarInit(){
PBouter=(ns4)?findlayer('PBouter',document):(ie4)?document.all['PBouter']:document.getElementById('PBouter');
PBdone=(ns4)?PBouter.document.layers['PBdone']:(ie4)?document.all['PBdone']:document.getElementById('PBdone');
resizeEl(PBdone,0,0,barheight-2,0);
if(ns4)PBouter.visibility="show";
else PBouter.style.visibility="visible";
Pid=setInterval('incrCount()',95);
}

function resizeEl(id,t,r,b,l){
if(ns4){
id.clip.left=l;
id.clip.top=t;
id.clip.right=r;
id.clip.bottom=b;
}else id.style.width=r+'px';
}

if(typeof HTMLElement != "undefined" && !HTMLElement.prototype.insertAdjacentElement)
{
	HTMLElement.prototype.insertAdjacentElement = function(where,parsedNode)
	{
		switch (where)
		{
		    case 'beforeBegin':
			    this.parentNode.insertBefore(parsedNode,this)
			    break;
		    case 'afterBegin':
			    this.insertBefore(parsedNode,this.firstChild);
			    break;
		    case 'beforeEnd':
			    this.appendChild(parsedNode);
			    break;
		    case 'afterEnd':
			    if (this.nextSibling) 
                    this.parentNode.insertBefore(parsedNode,this.nextSibling);
			    else 
			        this.parentNode.appendChild(parsedNode);
			    break;
		}
	}

	HTMLElement.prototype.insertAdjacentHTML = function(where,htmlStr)
	{
		var r = this.ownerDocument.createRange();
		r.setStartBefore(this);
		var parsedHTML = r.createContextualFragment(htmlStr);
		this.insertAdjacentElement(where,parsedHTML)
	}


	HTMLElement.prototype.insertAdjacentText = function(where,txtStr)
	{
		var parsedText = document.createTextNode(txtStr)
		this.insertAdjacentElement(where,parsedText)
	}
}

function DisplayBar()
{
    /* the following is only available after onLoad */
    w = document.body.clientWidth;
    h = document.body.clientHeight;
   
    w = screen.availWidth;
    h = screen.availHeight + document.body.scrollTop;

    var popW = 300;
    var popH = 200;

    var leftPos = (w-popW)/2;
    var topPos = (h-popH)/2;

    tablewidth = barwidth + 15;

    txt += '<div id="PBouter" bgcolor="white" onmouseup="hidebar()" style="background-color: transparent;position:absolute; left: ' + leftPos + '; top: ' + topPos + ';visibility:hidden;">';
    txt += '<table cellpadding=0 cellspacing=1 bgcolor="#888888" style="width:' + tablewidth + 'px;"><tr><td>';
    txt += '<table cellpadding=3 cellspacing=3 bgcolor="' + barBgColor + '" width="100%"><tr><td>Please wait while processing...<br></td></tr><tr><td>';
    txt += '<div background-color:' + bordercolor + '; width:' + barwidth + 'px; height:'+ barheight + 'px;">';
    txt += '<div top:1px; left:1px; width:'+(barwidth-2)+'px; height:'+(barheight-2)+'px; background-color:'+unloadedcolor+'; font-size:1px;"></div>';
    txt += '<div id="PBdone" style="top:1px; left:1px; width:0px; height:'+(barheight-2)+'px; background-color:'+loadedcolor+'; font-size:1px;"></div>';
    txt += '</div>';
    txt += '</td></tr></table>';
    txt += '</td></tr></table>';
    txt += '</div>';
    
    document.body.insertAdjacentHTML("beforeEnd", txt);
}