function opacityFade(id, opacStart, opacEnd, millisec) 
{
	/************************************************/
	// CENTERING
	/*valignCenter(id)*/
	var el = document.getElementById(id);
	if(el != null)
	{
		//el.appen
	}
	

	/************************************************/
	
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
        
        setTimeout("document.getElementById('"+id+"').style.display = 'none';", millisec);
        
    } else if(opacStart < opacEnd) {
    
		document.getElementById(id).style.display = 'block';
    
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) 
{
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")"; 
}

//Adds the iFrame by js to avoid Ajax Async postback error inthe ASP.Net handler causing the page to postback
function addIFrame(id) {
	var ni = document.getElementById(id);
	var newFrame = document.createElement('iframe');
	var frameId = id+'_iframe';
	
	//If the iFrame hasnt been added yet
	if(document.getElementById(id+'_iframe') == null)
	{
		newFrame.setAttribute('id',frameId);
		newFrame.setAttribute('width','100%');
		newFrame.setAttribute('height','100%');
		newFrame.setAttribute('frameborder','0');
		content = document.getElementsByTagName('div');
		ni.insertBefore(newFrame,ni.childNodes[0]);
	}
}

//Only called by IE 6
function coverAll(id) 
{
	var winInWd=window.innerHeight? window.innerWidth : Math.max(document.body.clientWidth, (document.documentElement? document.documentElement.clientWidth : 0))
	var free_width= window.opera? winInWd/ 2 - document.getElementById(id).offsetWidth : winInWd/ 2 - (document.all? document.all[id] : document.getElementById(id)).offsetWidth/2;
	var winInHt=window.innerHeight? window.innerHeight : Math.max(document.body.clientHeight, (document.documentElement? document.documentElement.clientHeight : 0))
	var free_height = window.opera? winInHt/ 2 - document.getElementById(id).offsetHeight : winInHt/ 2 - (document.all? document.all[id] : document.getElementById(id)).offsetHeight/2;
	
	with ((document.all? document.all[id] : document.getElementById(id)).style) {
		zIndex=100;
		position='absolute';
		top=0;
		left=0;
		right=winInWd;
		width=winInWd;
		height=winInHt;
	}
}

//Only called by IE 6
function valignCenter(id) 
{
	var winInHt = document.documentElement.clientHeight;
	var scrollPos = document.documentElement.scrollTop;
	var ele = document.getElementById(id);
	var disp = ele.style.display;
	ele.style.display = 'block';
	var ele_height = ele.clientHeight;
	ele.style.display = disp;
	
	var free_height = ele_height / 2 + (winInHt - ele_height) / 2 + scrollPos;

	with ((document.all? document.all[id] : document.getElementById(id)).style) {
		zIndex=100;
		position='absolute';
		top=free_height + 'px';
	}
}

function openOverLayPanel(overlayId, msgBoxId, stateFieldId)
{
  var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
  if (IE6)
  {
    coverAll(overlayId);
    addIFrame(msgBoxId);
    valignCenter(msgBoxId);
    opacityFade(overlayId, 0, 75, 300);
    opacityFade(msgBoxId, 0, 100, 300);
    document.getElementById(stateFieldId).value = '1';
  }
  else
  {
    addIFrame(msgBoxId);
    opacityFade(overlayId, 0, 75, 300);
    opacityFade(msgBoxId, 0, 100, 300);
    document.getElementById(stateFieldId).value = '1';
  }
}

function showOverLayPanel(overlayId, msgBoxId, stateFieldId)
{
  var IE6 = false /*@cc_on || @_jscript_version < 5.7 @*/;
  if (IE6)
  {
    coverAll(overlayId);
    addIFrame(msgBoxId);
    valignCenter(msgBoxId);
    opacityFade(overlayId, 0, 75, 0);
    opacityFade(msgBoxId, 0, 100, 0);
    document.getElementById(stateFieldId).value = '1';
  }
  else
  {
    addIFrame(msgBoxId);
    opacityFade(overlayId, 0, 75, 0);
    opacityFade(msgBoxId, 0, 100, 0);
    document.getElementById(stateFieldId).value = '1';
  }
}