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=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=free_height + 'px';
	}
}