function displayCourseList(hrefId, divId , hrefId2)
{
    document.getElementById(hrefId2).style.display = document.getElementById(divId).style.display == 'inline' ? 'none' : 'inline';
    document.getElementById(hrefId).style.display = document.getElementById(divId).style.display == 'inline' ? 'inline' : 'none';
    document.getElementById(divId).style.display = document.getElementById(divId).style.display == 'inline' ? 'none' : 'inline';
}  

function hideMsgBox(divid)
{
    document.getElementById('ctl00_ContentPlaceHolder1_mpeStartTimes_backgroundElement').style.display = 'none';
    grayOut(false,{'zindex':'50', 'bgcolor':'#0000FF', 'opacity':'70'});
    var o=document.getElementById(divid); 
    var r=o.style;  
    r.display = "none"; 
}

function hideGrayout()
{
    grayOut(false,{'zindex':'50', 'opacity':'70'});
}

function showGrayout()
{
    document.getElementById('ctl00_ContentPlaceHolder1_mpeStartTimes_backgroundElement').style.display = 'inline';
    document.getElementById('ctl00_ContentPlaceHolder1_mpeStartTimes_backgroundElement').style.width = '2000px';
    document.getElementById('ctl00_ContentPlaceHolder1_mpeStartTimes_backgroundElement').style.height = '1300px';
    grayOut(true,{'zindex':'50', 'opacity':'70'});
    centerMessage('divShowOKMessage',830,540); 
    hideGrayout();
}

function grayOut(vis, options)
{  
    var options = options || {};   	
    var zindex = options.zindex || 50;  
    var opacity = options.opacity || 70;  
    var opaque = (opacity / 100);  
    var bgcolor = options.bgcolor || '#000000';  
    var dark=document.getElementById('darkenScreenObject');  
    if (!dark)
    {    
	    var tbody = document.getElementsByTagName("body")[0];    
	    var tnode = document.createElement('div');           		
	    tnode.style.position='absolute';		
	    tnode.style.top='0px';	
	    tnode.style.left='0px';	        
	    tnode.style.overflow='hidden';                   
        tnode.style.display='none';                     
        tnode.id='darkenScreenObject';                   
	    tbody.appendChild(tnode);                         
    	
	    dark=document.getElementById('darkenScreenObject');  
     } 
     if (vis) 
     {  	
        if( document.body && ( document.body.scrollWidth || document.body.scrollHeight ) ) 
        {        
	        var pageWidth = document.body.scrollWidth+'px';        
	        var pageHeight = document.body.scrollHeight+'px';    
        } 
        else 
	        if( document.body.offsetWidth ) 
	        {      
		        var pageWidth = document.body.offsetWidth+'px';      
		        var pageHeight = document.body.offsetHeight+'px';    
	        } 
	        else 
	        {       
		        var pageWidth='100%';       
		        var pageHeight='100%';    
	        }   
      
        dark.style.opacity=opaque;                          
        dark.style.MozOpacity=opaque;                       
        dark.style.filter='alpha(opacity='+opacity+')';     
        dark.style.zIndex=zindex;            
        dark.style.backgroundColor=bgcolor;      
        dark.style.width= pageWidth;    
        dark.style.height= pageHeight;   

        image = document.createElement('img');
        image.src = "images/loading_master.gif";  
        image.id  = 'loadingImage';
        dark.appendChild(image);
        image.style.height = 50;
        image.style.width = 50;
        centerMessage('loadingImage', 100 ,100) ;    
        dark.style.display='block';
    } 
    else 
    {     
        dark.style.display='none';  
    }    
}

function centerMessage(divid, Xwidth ,Yheight)
{
    var scrolledX, scrolledY; 
        if( self.pageYOffset ) { 
            scrolledX = self.pageXOffset; 
            scrolledY = self.pageYOffset; 
        } else if( document.documentElement && document.documentElement.scrollTop ) { 
            scrolledX = document.documentElement.scrollLeft; 
            scrolledY = document.documentElement.scrollTop; 
        } else if( document.body ) { 
            scrolledX = document.body.scrollLeft; 
            scrolledY = document.body.scrollTop; 
        } 

    // Next, determine the coordinates of the center of browser's window 

    var centerX, centerY; 
    if( self.innerHeight ) { 
        centerX = self.innerWidth; 
        centerY = self.innerHeight; 
    } else if( document.documentElement && document.documentElement.clientHeight ) { 
        centerX = document.documentElement.clientWidth; 
        centerY = document.documentElement.clientHeight; 
    } else if( document.body ) { 
        centerX = document.body.clientWidth; 
        centerY = document.body.clientHeight; 
    } 

    var leftOffset = scrolledX + (centerX - Xwidth) / 2; 
    var topOffset = scrolledY + (centerY - Yheight) / 2; 
    // The initial width and height of the div can be set in the 
    // style sheet with display:none; divid is passed as an argument to // the function 
    var o=document.getElementById(divid); 
    var r=o.style; 
    r.position='absolute'; 
    r.top = 100 + 'px'; 
    r.left = leftOffset + 'px'; 
    r.display = "block";     
}