/* Calendar Start */

// This function is from http://www.codeproject.com/csharp/gregorianwknum.asp
// Only changed the month add
function getWeek(year,month,day){
	day = day/1;
	year = year /1;
    month = month/1 + 1; //use 1-12
    var a = Math.floor((14-(month))/12);
    var y = year+4800-a;
    var m = (month)+(12*a)-3;
    var jd = day + Math.floor(((153*m)+2)/5) + 
                 (365*y) + Math.floor(y/4) - Math.floor(y/100) + 
                 Math.floor(y/400) - 32045;      // (gregorian calendar)
    var d4 = (jd+31741-(jd%7))%146097%36524%1461;
    var L = Math.floor(d4/1460);
    var d1 = ((d4-L)%365)+L;
    NumberOfWeek = Math.floor(d1/7) + 1;
    return NumberOfWeek;        
}


var today=new Date();
var weekno =0;
var monthsWeekNo=new Array(8);
var weekCounter = 0;
var calendarStr ='<table id="caltable">';
var monthOfCalc= 0;
var yearOfCalc= 0;
var flagToday = 1;

var monthArray = ['January','February','March','April','May','June','July','August','September','October','November','December'];
var daysInMonthArray = [31,28,31,30,31,30,31,31,30,31,30,31];
var monthArrayShort = ['Jan','Feb','Mar','Apr','May','June','July','Aug','Sept','Oct','Nov','Dec'];

var dayArray = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];
var weekTitle =['Wk','Mo','Tu','We','Th','Fr','Sa','Su'];

var todaysWeekday=today.getDay();

var todaysDate=today.getDate();

var todaysMonth=today.getUTCMonth();

var todaysYear=today.getFullYear();

var todaysWeek =getWeek(todaysYear,todaysMonth,todaysDate);

function calendarTitle (month, year){
	var strTitle = (monthArray[month]+" "+String(year));
        calendarStr += '<tr><th colspan="8">';
        calendarStr +=strTitle;
        calendarStr +='</th></tr>';
        calendarStr +='<tr class="footer">';
	for (nn=0; nn<=7; nn++){
		calendarStr += '<td>';
		calendarStr += weekTitle[nn];
     		calendarStr += '</td>';		
		}
        calendarStr +='</tr>';

	}


function displayCal(){

       	calendarStr += '<tr ><td class="weekNo">';
	calendarStr += String(monthsWeekNo[0]);
	calendarStr +='</td>';
	for (nn=1; nn<=7; nn++){
		if (todaysDate ==monthsWeekNo[nn] && todaysMonth==monthOfCalc && todaysYear==yearOfCalc){
                       if (flagToday == 1 && todaysWeek==monthsWeekNo[0]){
       			calendarStr += '<td class="todaysDate">';
			flagToday = 0;
			  }
			else {
 				if (nn>5) {
       				    calendarStr += '<td class="weekends">';
				    }
			       else {
 				calendarStr += '<td class="days">';
				}
			     }

                       }
		else{
      
			if (nn>5) {
       				calendarStr += '<td class="weekends">';
				}
			else {
 				calendarStr += '<td class="days">';
				}
			}
		calendarStr += String(monthsWeekNo[nn]);
     		calendarStr += '</td>';		
		}
     	calendarStr += '</tr>';	
	//alert ("we have arrrived: DisplayCal");
	} //end function


function calendarFooter(){
	//alert ("we have arrrived: Calendar Footer");
	var strTitle= dayArray[todaysWeekday]+", "+String(todaysDate)+"/"+monthArrayShort[todaysMonth]+"/ "+String(todaysYear) ;
	//alert (strTitle);	
        calendarStr += '<tr class="footer"><td colspan="8">';
        calendarStr += strTitle;
        calendarStr +='</td></tr>';
        calendarStr += '</table>';
//        calendarStr += '</div>';
	}


function getFirstDay( month, year){
	var firstDate= new Date(String(month + 1)+"/1/"+String(year));
	return firstDate;
	}


function getStringDate(day, month, year){
	var strDate= new Date(String(month + 1)+"/"+String(day)+"/"+String(year));
	return strDate;
	}

function isLeapYear(inputYear){

	if(inputYear%400==0||(inputYear%4==0&&inputYear%100!=0)) return true;
	return false;	
	
	}




function fillcalendar(month,year){
	var nn = 0;
	var wc = 0;
	var wn = 0;
	var wd = 0;
	var dayOne= new Date();
	var n = daysInMonthArray[month];
	monthOfCalc=month;
	yearOfCalc=year;

	weekCounter = 0;	
	calendarTitle(month, year);		//create a title for the calendar;
	
//	dayOne=getFirstDay(month,year);		//create a date-string for first day of the week

//	wd = dayOne.getDay() + 1;                 //get day of the week for the first day of the month

	if( isLeapYear(year) && month==1) n=29; 
 
	for (i=1; i<=n; i++) {  //looping thru calendar days;
		weekNo = getWeek(year,month,i);
		dayOne=getStringDate(i, month, year);
		wd = dayOne.getDay() + 1;
			
	        wc= (wd==1) ? 7:(wd-1);
		
		
		if (wn!=0){
			if (wn==weekNo){
				
 				monthsWeekNo[wc]=i;
				} // if wn not equal to weekno
			else{
				displayCal();
				monthsWeekNo[0]=weekNo;
				monthsWeekNo[wc]=i;				
   				wn=weekNo;
		
				} //else 
			} //if wee
		else{	   
   			wn=weekNo; 
			monthsWeekNo[0]=weekNo;
			monthsWeekNo[wc]=i;
			if (wc>1) {					//if first day of the month is not on sunday
				nn = (month>1) ? daysInMonthArray[(month-1)] : daysInMonthArray[11];
	
				for (ii=(wc-1); ii>0; ii--){		//fill in days before first day of month
					monthsWeekNo[ii]=nn;
					nn -= 1;
					} //end for

				} //end if wc> 1 fill in previous months days

			} //else
	   	//wc +=1;	

	
	   	}// end for loop

	if (wc<7){					//fill in next months dates;
		nn=1;

		for (ii=wc+1; ii<=7; ii++){
			monthsWeekNo[ii]=nn;
	
			nn += 1;
			}
		}		
			 
	displayCal();
	calendarFooter();
//	alert (calendarStr);
	document.writeln(calendarStr);	
	} //end function
 








function displaydate(){
//	var dayOne= new Date();
	var todaysWeekNo = getWeek(todaysYear,todaysMonth,todaysDate);


	weekNo = getWeek(todaysYear,todaysMonth,1);
//	alert ("FirstDayofMonth is week: " + weekNo);
	dayOne=getFirstDay(todaysMonth,todaysYear);

	fillcalendar(todaysMonth,todaysYear);
	
//	fillcalendar(3,2008);

 }










/* cLOCK time function */

function countThis(){ 

	var digitalClock=new Date();
	var hours=digitalClock.getHours();
	var minutes=digitalClock.getMinutes(); 
	var seconds=digitalClock.getSeconds(); 
	var dn="am"  


	if (hours>12){ 
		 dn="pm";
		 hours=hours-12;
	 } 
	 
	if (hours==0) hours=12;
	if (minutes<=9) minutes="0"+minutes;
	if (seconds<=9) seconds="0"+seconds;
	  
	var clockObject=document.getElementById('clockFace');		
	var countDown='<span class="clockStyle">'+hours+':'+minutes+':'+seconds+' '+dn+'</span>';


	clockObject.innerHTML=countDown;
	setTimeout("countThis()",1000);

 }


/**************************loading  different pages e.g. department********************/

function loadDept(deptName)
{
var menustr='';
var menuItem;
var menuId;

switch(deptName) {

   case "admin":    //loading admin pages
	{
      //change header image
	menustr+='<img src="../images/banners/adminbanner.gif" alt="Admin Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to Admin page
	menuId = document.getElementById("deptWindow");
	menuId.src="computers/compIndex.html";

	break; //end loading adim pages
	}

   case "alted":    //loading altenative education pages
	{

      //change header image
	menustr+='<img src="../images/banners/persedbanner.gif" alt="Alt.Ed. Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to atled pages
	menuId = document.getElementById("deptWindow");
	menuId.src="alted/altedIndex.html";

	break; //end loading alted pages
	}


   case "business":    //loading business pages
	{
      //change header image
	menustr+='<img src="../images/banners/businessbanner.gif" alt="Business Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to business pages
	menuId = document.getElementById("deptWindow");
	menuId.src="business/businessIndex.html";

	break; //end loading busines pages
	}

   case "computers":    //loading computers
	{
      //change header image
	menustr+='<img src="../images/banners/computersbanner.gif" alt="Computer Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to computer pages
	menuId = document.getElementById("deptWindow");
	menuId.src="computers/computersIndex.html";

	break; //end loading computers pages
	}

   case "coop":    //loading coop
	{
      //change header image
	menustr+='<img src="../images/banners/coopbanner.gif" alt="COOP Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to coop pages
	menuId = document.getElementById("deptWindow");
	menuId.src="coop/coopIndex.html";

	break; //end loading coop pages
	}

   case "drama":    //loading drama
	{
      //change header image
	menustr+='<img src="../images/banners/dramabanner.gif" alt="Drama Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to drama pages
	menuId = document.getElementById("deptWindow");
	menuId.src="drama/dramaIndex.html";

	break; //end loading drama pages
	}


   case "english":    //loading english
	{
      //change header image
	menustr+='<img src="../images/banners/englishbanner.gif" alt="English Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to english pages
	menuId = document.getElementById("deptWindow");
	menuId.src="english/englishIndex.html";

	break; //end loading english pages
	}

   case "esl":    //loading esl
	{
      //change header image
	menustr+='<img src="../images/banners/eslbanner.gif" alt="ESL Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to esl pages
	menuId = document.getElementById("deptWindow");
	menuId.src="esl/eslIndex.html";

	break; //end loading esl pages
	}

   case "famstudies":    //loading family studies
	{
      //change header image
	menustr+='<img src="../images/banners/famstudiesbanner.gif" alt="Family Studies Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to family studies pages
	menuId = document.getElementById("deptWindow");
	menuId.src="famstudies/famstudiesIndex.html";

	break; //end loading family studies pages
	}


   case "geog":    //loading geography
	{
      //change header image
	menustr+='<img src="../images/banners/geogbanner.gif" alt="Geography Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to geography pages
	menuId = document.getElementById("deptWindow");
	menuId.src="geog/geogIndex.html";

	break; //end loading geog pages
	}


   case "guidance":    //loading guidance
	{
      //change header image
	menustr+='<img src="../images/banners/guidancebanner.gif" alt="Guidance Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to guidance pages
	menuId = document.getElementById("deptWindow");
	menuId.src="guidance/guidanceIndex.html";

	break; //end loading guidance pages
	}


   case "history":    //loading history
	{
      //change header image
	menustr+='<img src="../images/banners/historybanner.gif" alt="History Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to history pages
	menuId = document.getElementById("deptWindow");
	menuId.src="history/historyIndex.html";

	break; //end loading history pages
	}


   case "library":    //loading library
	{
      //change header image
	menustr+='<img src="../images/banners/librarybanner.gif" alt="Library Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to library pages
	menuId = document.getElementById("deptWindow");
	menuId.src="library/libraryIndex.html";

	break; //end loading library pages
	}




   case "math":    //loading math
	{
      //change header image
	menustr+='<img src="../images/banners/mathbanner.gif" alt="Math Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to math pages
	menuId = document.getElementById("deptWindow");
	menuId.src="math/mathIndex.html";

	break; //end loading math pages
	}



   case "moderns":    //loading moderns
	{
      //change header image
	menustr+='<img src="../images/banners/modernsbanner.gif" alt="Moderns Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to moderns pages
	menuId = document.getElementById("deptWindow");
	menuId.src="moderns/modernsIndex.html";

	break; //end loading moderns pages
	}



   case "music":    //loading music
	{
      //change header image
	menustr+='<img src="../images/banners/musicbanner.gif" alt="Music Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to music pages
	menuId = document.getElementById("deptWindow");
	menuId.src="music/musicIndex.html";

	break; //end loading music pages
	}



   case "physed":    //loading physed
	{
      //change header image
	menustr+='<img src="../images/banners/physedbanner.gif" alt="Health-Physical Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to physed pages
	menuId = document.getElementById("deptWindow");
	menuId.src="physed/physedIndex.html";

	break; //end loading physed pages
	}


   case "science":    //loading science
	{
      //change header image
	menustr+='<img src="../images/banners/sciencebanner.gif" alt="Science Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to science pages
	menuId = document.getElementById("deptWindow");
	menuId.src="science/scienceIndex.html";

	break; //end loading science pages
	}


   case "speced":    //loading speced
	{
      //change header image
	menustr+='<img src="../images/banners/specedbanner.gif" alt="Special Ed. Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to speced pages
	menuId = document.getElementById("deptWindow");
	menuId.src="speced/specedIndex.html";

	break; //end loading speced pages
	}


   case "tech":    //loading tech
	{
      //change header image
	menustr+='<img src="../images/banners/techbanner.gif" alt="Technology Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to tech pages
	menuId = document.getElementById("deptWindow");
	menuId.src="tech/techIndex.html";

	break; //end loading tech pages
	}


   case "varts":    //loading varts
	{
      //change header image
	menustr+='<img src="../images/banners/vartsbanner.gif" alt="Visual Arts Dept Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to varts pages
	menuId = document.getElementById("deptWindow");
	menuId.src="varts/vartsIndex.html";

	break; //end loading varts pages
	}


   case "studentLinks":    //loading student links
	{
      //change header image
	menustr+='<img src="../images/banners/studentlinksbanner.gif" alt="Student Links Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to varts pages
	menuId = document.getElementById("deptWindow");
	menuId.src="studentLinksMain.html";

	break; //end loading student links pages
	}


   case "communityLinks":    //loading community links
	{
      //change header image
	menustr+='<img src="../images/banners/communitylinksbanner.gif" alt="Community Links Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;

      //change dept page being displayed to varts pages
	menuId = document.getElementById("deptWindow");
	menuId.src="communityLinksMain.html";

	break; //end loading community links
	}


   case "principals":    //loading aboutMCI page and then principals sections
	{
      //change header image
        window.location.replace("../About/aboutIndex.html").onload.TabbedPanels.showPanel('1');
	window.location.TabbedPanels.showPanel('1'); 

	//menuId= document.getElementById("header");
	//menuId.innerHTML=menustr;



      //change section of page being displayed

	//menuId = document.getElementById("deptWindow");
	//menuId =document.getElementsByTagName("iframe")[0].id;

	//alert(location.href);
	//deptTabbedPanels.showPanel('1'); 
	//var TabbedPanels1 = new Spry.Widget.TabbedPanels("deptTabbedPanels");
	//menuId.src="principalsmessage.html";
	break; //end loading community links
	}




 }  //end switch
}


/**************************************************/

function mciEvents()
{
var menustr='';
var menuItem;

//change header images
	menustr+='<img src="../images/banners/mcieventsbanner.gif" alt="MCI Events Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;


menuId = document.getElementById("mainFile");

menuId.src="eventsMain.html";

}



function aboutMCI()
{
var menustr='';
var menuItem;

//change header images
	menustr+='<img src="../images/banners/aboutmcibanner.gif" alt="MCI Events Banner" />';
	menuId= document.getElementById("header");
	menuId.innerHTML=menustr;


menuId = document.getElementById("mainFile");

menuId.src="aboutMain.html";

}




/********************************************************/


function createSidebarNotices(forPage)
{
var menustr='';
var menuItem;
var listItems;
var eventPage;
//var dayArray = ['Mon','Tue','Wed','Thu','Fri'];

   

for (menuItem in eventTitle)
  {

   menustr += '<div class="AccordionPanel">';
   menustr += '<div class="AccordionPanelTab">'+ eventTitle[menuItem] +'</div>';	
   menustr += '<div class="AccordionPanelContent">';

   menustr += '<p class="txtItems">';
  

 
   if (menuItem==0)
       {    

       
	for (listItems in eventOne)
	 {
  
          switch (forPage) {
		case "homePage":
		  {
     
         	  menustr +='<font class="list">' + eventOne[listItems] + '</font><br/>';
                  break;
            	  }
		default:
            	  {
         	  menustr += eventOne[listItems] + '<br/>';
	          }
           }// end switch	
         }    // end for menuItem




       }
  else if (menuItem==1)
      {

	for (listItems in eventTwo)
	 {
  
	  menustr += eventTwo[listItems] + '<br/>';
         }    // end for menuItem
	}
  else if (menuItem==2)
      {

	for (listItems in eventThree)
	 {
  
	  menustr +=  eventThree[listItems] + '<br/>';
         }    // end for menuItem
	}
  else if (menuItem==3)
      {

	for (listItems in eventFour)
	 {
  
	  menustr += eventFour[listItems] + '<br/>';
         }    // end for menuItem
	}

   else if (menuItem==4)
      {

	for (listItems in eventFive)
	 {
  
	  menustr +=  eventFive[listItems] + '<br/>';
         }    // end for menuItem


       }

   else 
      {

	for (listItems in eventSix)
	 {
  
	  menustr +=  eventSix[listItems] + '<br/>';
         }    // end for menuItem


       }




   menustr += '</p>';     //end menu list
   menustr += '</div>';     //end accordion panel content
   menustr += '</div>';     //end accordion panel

  }

var menuId = document.getElementById(forPage);

menuId.innerHTML=menustr;

}   //end function
/****************************************/



function createSidebarMenu(forPage)
{

var menustr='';
var menuItem;
var optMenu;
var pageMenus = new Array();

//set the variables---in globarVar.js--- for menus create on the sidebar

switch (forPage) {
  case "deptPage":
	{

       pageMenus =new Array("commons","ae","fl","mz");

	break;
       }

  case "aboutPage":
	{
	pageMenus = new Array ("mci");
	break;
	}

  case "linksPage":
	{
	pageMenus = new Array ("links");
	break;
	}

  case "showcasePage":
	{
	pageMenus = new Array ("arts","lang","social","sciences");
	break;
	}

  case "sacPage":
	{
	pageMenus = new Array ("sac");
	break;
	}


 }   //end switch


//loop through the each menu required in the sidebar
for (optMenu in pageMenus)
 {

	
   selectMenu(pageMenus[optMenu]);

   menustr += '<div class="AccordionPanel">';
   menustr += '<div class="AccordionPanelTab">'	+ optMenuTitle[1] + '</div>';	
   menustr += '<div class="AccordionPanelContent">';

   menustr += '<ul >';
      for (menuItem=0; menuItem<optMenuTitle[0]; menuItem++)
 	{
	  menustr += '<li><a href="' + optItemLinks[menuItem] + '">' + optMenuItems[menuItem] + '</a> </li>';
         }    // end for menuItem

   menustr += '</ul>';     //end menu list
   menustr += '</div>';     //end accordion panel content
   menustr += '</div>';     //end accordion panel


  }   //end for optMenu

//alert(menustr);

//add html code in menustr to webpage

var menuId = document.getElementById(forPage);
menuId.innerHTML=menustr;

}   //end function


/***************************************************/
//CREATING NAVIGATION BAR MENUS
//this routine creates menu for the webpage
//variables...
//     menuItem ......counter for the array containing the menu items and also for the links
//     menustr........string variable used to create the html code required for the page
//     navMenuItems...array with the menu items
//     navItemLinks...array with URLs for the menu items
//     menuId.........locaton on the webpage where to add the html created in menustr variable
//     navMenuList....identifies the location of the navigational bar in the webpage
//
// any variables NOT DECLARED in this routine are declared in the gobalVar.js file
//
/*++++++++++++++++++++++++++++++++++++++++++*/

function createNavMenu(menuFor)
{
var menustr ='';
var menuItem;


switch (menuFor)
{
 case "home":{
   navItemLinks[0] ="index.html";
   navItemLinks[1] ="Departments/deptIndex.html";
   navItemLinks[2] ="SAC/sacIndex.html";
   navItemLinks[3] ="Links/linksIndex.html";
   navItemLinks[4] ="About/aboutIndex.html";

   break;
  }


 case "dept":{
   navItemLinks[0] ="../index.html";
   navItemLinks[1] ="deptIndex.html";
   navItemLinks[2] ="../SAC/sacIndex.html";
   navItemLinks[3] ="../Links/linksIndex.html";
   navItemLinks[4] ="../About/aboutIndex.html";

   break;
  }

 case "showcase":{
   navItemLinks[0] ="../index.html";
   navItemLinks[1] ="../Departments/deptIndex.html";
   navItemLinks[2] ="sacIndex.html";
   navItemLinks[3] ="../Links/linksIndex.html";
   navItemLinks[4] ="../About/aboutIndex.html";

   break;
  }

 case "links":{
   navItemLinks[0] ="../index.html";
   navItemLinks[1] ="../Departments/deptIndex.html";
   navItemLinks[2] ="../SAC/sacIndex.html";
   navItemLinks[3] ="linksIndex.html";
   navItemLinks[4] ="../About/aboutIndex.html";

   break;
  }

 case "about":{
   navItemLinks[0] ="../index.html";
   navItemLinks[1] ="../Departments/deptIndex.html";
   navItemLinks[2] ="../SAC/sacIndex.html";
   navItemLinks[3] ="../Links/linksIndex.html";
   navItemLinks[4] ="aboutIndex.html";

   break;
  }

 case "sac":{
   navItemLinks[0] ="../index.html";
   navItemLinks[1] ="../Departments/deptIndex.html";
   navItemLinks[2] ="../SAC/sacIndex.html";
   navItemLinks[3] ="../Links/linksIndex.html";
   navItemLinks[4] ="../About/aboutIndex.html";

   break;
  }

default:
 {
   navItemLinks[0] ="index.html";
   navItemLinks[1] ="Departments/deptIndex.html";
   navItemLinks[2] ="SAC/sacIndex.html";
   navItemLinks[3] ="Links/linksIndex.html";
   navItemLinks[4] ="About/aboutIndex.html";
  }


}


menustr += '<ul>';

for (menuItem in navMenuItems)
 {
	menustr += '<li><a href="' + navItemLinks[menuItem] + '">' + navMenuItems[menuItem] + '</a> </li>';
 }
menustr += '</ul>';
var menuId = document.getElementById("navMenuList");
menuId.innerHTML=menustr;




}




/*********************************************/
//CREATING NAVIGATION Links MENUS
//this routine creates linksfor external URLS commonly used by the MCI community
//variables...
//     menuItem ......counter for the array containing the menu items and also for the links
//     menustr........string variable used to create the html code required for the page
//     globalMenuItems...array with the menu items
//     globalItemLinks...array with URLs for the menu items
//     menuId.........locaton on the webpage where to add the html created in menustr variable
//     globalList....identifies the location of the navigational bar in the webpage
//
// any variables NOT DECLARED in this routine are declared in the globalVar.js file
//
/*++++++++++++++++++++++++++++++++++++++++++*/

function createglobalLinks()
{
var menustr ='';
var menuItem;



var strTitle= dayArray[todaysWeekday]+", "+String(todaysDate)+"/"+monthArrayShort[todaysMonth]+"/ "+String(todaysYear) ;

menustr += '<ul>';
//menustr += '<li> <div id="clockFace"> clock </div></li>';



for (menuItem in globalMenuItems)
 {
	menustr += '<li><a href="' + globalItemLinks[menuItem] + '">' + globalMenuItems[menuItem] + '</a> </li>';
 }

menustr += '<li> &nbsp;&nbsp;&nbsp;&nbsp;</li>';
menustr += '<li>'+ strTitle +'</li>';
menustr += '</ul>';



var menuId = document.getElementById("globalLinks");
menuId.innerHTML=menustr;

//call the clock routine
//countThis();


}




/*++++++++++++++++++++++++++++++++++++++++++++*/
function displayQuotes()
{
var menustr ="";
var menuItem;

var todays=todaysDate;

selectQuote(todays);

if (quoteAuthor =="none") 
  {
	quoteOfDay = "High Expectations, High Achievement";

	quoteAuthor = "MCI school motto";  //author
  }

menustr += "<p>" + quoteOfDay +"<br/>";
menustr +="&nbsp;&nbsp;&nbsp;"            //add tab effect to the author
menustr += '<font class="txtTitle">' + quoteAuthor + "</font>";
menustr += "</p>";


var menuId = document.getElementById("quoteOfDay");
menuId.innerHTML=menustr;


}

function loadFooter()
{
var menustr='';
var menuItem;


//add footer message
	menustr+='<P class="txtFooter">';
	menustr+='<font class="list">'+ msgFooter +'</font><br />';
	menustr+=footMessage;
	menustr+='<br /></p>';  
	menuId= document.getElementById("footer");
	menuId.innerHTML=menustr;


}


function loadMCIlogo(pageTitle)
{
var menustr='';
var menuItem;

if (pageTitle=="Home") {
 menustr += '<img  class="imgMCIlogo" src="images/home/MCIlogo.gif" alt="MCI Logo" />';
}
else {

 menustr += '<img  class="imgMCIlogo" src="../images/home/MCIlogo.gif" alt="MCI Logo" />';
}

//add page title
	menustr+='<p class="siderbarTitle">'; 
	menustr+=pageTitle; 
	menustr+='</p>';	
	menuId= document.getElementById("MCIlogo");
	menuId.innerHTML=menustr;


}