/* JavaScript Document
   -------------------------------------------------------------
   Function List:
   init()
      Initializes the contents of the all web pages, setting
      the display property of the pull-down menus and the initial
      values of the global variables

   moveMenu()
      Moves the active menu from one pull-down menu to another

   changeMenu()
      Change the active menu displayed in the document

   closeOldMenu()
      Closes the active menu

   rollDown()
      Applies a roll-down effect the opening of the active menu 

   -------------------------------------------------------------
   Global Variable List:

   activeMenu
      An object variable pointing to the currently active and open menu
   
   timeID
      A variable containing the id of a timed command using the setInterval method

   clipHgt
      The current height of the active menu as it is being rolled down

   -------------------------------------------------------------
*/
window.onload = init;

var activeMenu = null; 
var clipHgt = 0;
var timeID;

function init(){
	

    // the following creates a drop-down menu for our services
    var menus = new Array();
	var allElems = document.getElementsByTagName("*");
	
	for (var i = 0; i < allElems.length; i++){
		if (allElems[i].className == "menu") menus.push(allElems[i]);
	}
	
	for (var i = 0; i < menus.length; i++){
		menus[i].onclick = changeMenu;
		menus[i].onmouseover = moveMenu;
	}
	
	document.getElementById("heading").onclick = closeOldMenu;
	if (document.getElementById("main") != null) document.getElementById("main").onclick = closeOldMenu;
	if (document.getElementById("main2") != null) document.getElementById("main2").onclick = closeOldMenu;
    if (document.getElementById("heading2") != null) document.getElementById("heading2").onclick = closeOldMenu;
	if (document.getElementById("mainmenu") != null) document.getElementById("mainmenu").onclick = closeOldMenu;
	if (document.getElementById("menu") != null) document.getElementById("menu").onclick = closeOldMenu;
	if (document.getElementById("leftcol") != null) document.getElementById("leftcol").onclick = closeOldMenu;
	if (document.getElementById("rightcol") != null) document.getElementById("rightcol").onclick = closeOldMenu;
	if (document.getElementById("serviceofferings") != null) document.getElementById("serviceofferings").onclick = closeOldMenu;
	if (document.getElementById("bottomcol") != null) document.getElementById("bottomcol").onclick = closeOldMenu;
	if (document.getElementById("maintwo") != null) document.getElementById("maintwo").onclick = closeOldMenu;
	if (document.getElementById("mainthree") != null) document.getElementById("mainthree").onclick = closeOldMenu;
	if (document.getElementById("image") != null) document.getElementById("image").onclick = closeOldMenu;
	if (document.getElementById("logo") != null) document.getElementById("logo").onclick = closeOldMenu;
	if (document.getElementById("logos") != null) document.getElementById("logos").onclick = closeOldMenu;
	if (document.getElementById("footer") != null) document.getElementById("footer").onclick = closeOldMenu;
	if (document.getElementById("flash") != null) document.getElementById("flash").onclick = closeOldMenu;
	if (document.getElementById("MITEC") != null) document.getElementById("MITEC").onclick = closeOldMenu;
	if (document.getElementById("heading3") != null) document.getElementById("heading3").onclick = closeOldMenu;
	if (document.getElementById("facebook") != null) document.getElementById("facebook").onclick = closeOldMenu;
	if (document.getElementById("keyboard") != null) document.getElementById("keyboard").onclick = closeOldMenu;
	if (document.getElementById("BitsBytes") != null) document.getElementById("BitsBytes").onclick = closeOldMenu;
	if (document.getElementById("bottom2col") != null) document.getElementById("bottom2col").onclick = closeOldMenu;
	if (document.getElementById("technicalskills") != null) document.getElementById("technicalskills").onclick = closeOldMenu;
	if (document.getElementById("mainphp") != null) document.getElementById("mainphp").onclick = closeOldMenu;
	if (document.getElementById("websitedevelopmentmain") != null) document.getElementById("websitedevelopmentmain").onclick = closeOldMenu;
	if (document.getElementById("rightcol2") != null) document.getElementById("rightcol2").onclick = closeOldMenu;
	if (document.getElementById("websiteexamplesmain") != null) document.getElementById("websiteexamplesmain").onclick = closeOldMenu;
	if (document.getElementById("contactusmain") != null) document.getElementById("contactusmain").onclick = closeOldMenu;
	if (document.getElementById("rightcol3") != null) document.getElementById("rightcol3").onclick = closeOldMenu;
	if (document.getElementById("contactusimg") != null) document.getElementById("contactusimg").onclick = closeOldMenu;
	if (document.getElementById("careersmain") != null) document.getElementById("careersmain").onclick = closeOldMenu;
	if (document.getElementById("rightcol4") != null) document.getElementById("rightcol4").onclick = closeOldMenu;
	if (document.getElementById("bottomcol3") != null) document.getElementById("bottomcol3").onclick = closeOldMenu;
	if (document.getElementById("clientlist") != null) document.getElementById("clientlist").onclick = closeOldMenu;
	if (document.getElementById("client") != null) document.getElementById("client").onclick = closeOldMenu;
	if (document.getElementById("rightcol5") != null) document.getElementById("rightcol5").onclick = closeOldMenu;
	if (document.getElementById("aboutusmain") != null) document.getElementById("aboutusmain").onclick = closeOldMenu;
	if (document.getElementById("rightcol6") != null) document.getElementById("rightcol6").onclick = closeOldMenu;
	if (document.getElementById("about") != null) document.getElementById("about").onclick = closeOldMenu;
	if (document.getElementById("about2") != null) document.getElementById("about2").onclick = closeOldMenu;
	if (document.getElementById("aboutfacebook") != null) document.getElementById("aboutfacebook").onclick = closeOldMenu;
	if (document.getElementById("phpbooksmain") != null) document.getElementById("phpbooksmain").onclick = closeOldMenu;
	if (document.getElementById("leftcol2") != null) document.getElementById("leftcol2").onclick = closeOldMenu;
	if (document.getElementById("phpfunfactsmain") != null) document.getElementById("phpfunfactsmain").onclick = closeOldMenu;
	if (document.getElementById("php") != null) document.getElementById("php").onclick = closeOldMenu;
	if (document.getElementById("leftcol3") != null) document.getElementById("leftcol3").onclick = closeOldMenu;
	if (document.getElementById("leftcol4") != null) document.getElementById("leftcol4").onclick = closeOldMenu;
	if (document.getElementById("leftcol5") != null) document.getElementById("leftcol5").onclick = closeOldMenu;
	if (document.getElementById("phpeventsmain") != null) document.getElementById("phpeventsmain").onclick = closeOldMenu;
	if (document.getElementById("phptrainingmain") != null) document.getElementById("phptrainingmain").onclick = closeOldMenu;
	if (document.getElementById("phplinksmain") != null) document.getElementById("phplinksmain").onclick = closeOldMenu;
	if (document.getElementById("phpusergroupmain") != null) document.getElementById("phpusergroupmain").onclick = closeOldMenu;
	if (document.getElementById("phptoolsmain") != null) document.getElementById("phptoolsmain").onclick = closeOldMenu;
	if (document.getElementById("leftcol6") != null) document.getElementById("leftcol6").onclick = closeOldMenu;
	if (document.getElementById("leftcol7") != null) document.getElementById("leftcol7").onclick = closeOldMenu;
	if (document.getElementById("blogmain") != null) document.getElementById("blogmain").onclick = closeOldMenu;
	if (document.getElementById("servermain") != null) document.getElementById("servermain").onclick = closeOldMenu;
	if (document.getElementById("codeexamplemain") != null) document.getElementById("codeexamplemain").onclick = closeOldMenu;
	if (document.getElementById("definitionsmain") != null) document.getElementById("definitionsmain").onclick = closeOldMenu;
	if (document.getElementById("opensourcemain") != null) document.getElementById("opensourcemain").onclick = closeOldMenu;
	if (document.getElementById("heading4") != null) document.getElementById("heading4").onclick = closeOldMenu;
	if (document.getElementById("industriestable") != null) document.getElementById("industriestable").onclick = closeOldMenu;
	if (document.getElementById("rightcol7") != null) document.getElementById("rightcol7").onclick = closeOldMenu;
	if (document.getElementById("rightcol8") != null) document.getElementById("rightcol8").onclick = closeOldMenu;
	if (document.getElementById("Facebookpic") != null) document.getElementById("Facebookpic").onclick = closeOldMenu;
	if (document.getElementById("phpwebinarsmain") != null) document.getElementById("phpwebinarsmain").onclick = closeOldMenu;
	if (document.getElementById("heading5") != null) document.getElementById("heading5").onclick = closeOldMenu;
	if (document.getElementById("missionstatement") != null) document.getElementById("missionstatement").onclick = closeOldMenu;
	if (document.getElementById("aboutuspic") != null) document.getElementById("aboutuspic").onclick = closeOldMenu;
	if (document.getElementById("bottomcol4") != null) document.getElementById("bottomcol4").onclick = closeOldMenu;
	if (document.getElementById("staffingmain") != null) document.getElementById("staffingmain").onclick = closeOldMenu;
	if (document.getElementById("staffing2main") != null) document.getElementById("staffing2main").onclick = closeOldMenu;
	if (document.getElementById("staffmain") != null) document.getElementById("staffmain").onclick = closeOldMenu;}

function moveMenu(){
//this function moves the pull down menu from one title to another
	closeOldMenu();
	
	menuID = this.id + "List";
	activeMenu = document.getElementById(menuID);
	activeMenu.style.clip = "rect(0px, 150px, 0px, 0px)";
	activeMenu.style.display = "block";
	timeID = setInterval("rollDown()",1);
}


function changeMenu(){
	//this function changes the pull-down menu displayed in the document
	closeOldMenu();
	
	menuID = this.id + "List";
	activeMenu = document.getElementById(menuID);
	activeMenu.style.clip = "rect(0px, 150px, 0px, 0px)";
	activeMenu.style.display = "block";
	timeID = setInterval("rollDown()",1);

}

function closeOldMenu(){
	if(activeMenu){
		clearInterval(timeID);
		activeMenu.style.display = "none";
		activeMenu = null;
	}
}

function rollDown(){
	clipHgt = clipHgt + 10;
	if (clipHgt < 400){
		activeMenu.style.clip = "rect(0px, 150px," + clipHgt + "px, 0px)";
	}
	else{
		clearInterval(timeID);
		clipHgt = 0;
	}
}