var closetimer	= 0;

function navOpen(id)
{	
	// cancel close timer
	navCancelCloseTime();

	var links = new Array();
	links['home'] = new Array;
	links['home'][0] = new Array;
	links['home'][0]['text'] = "Home";
	links['home'][0]['href'] = "index.php";
	links['home'][1] = new Array;
	links['home'][1]['text'] = "News Archive";
	links['home'][1]['href'] = "news.php";
	links['home'][2] = new Array;
	links['home'][2]['text'] = "Updates Archive";
	links['home'][2]['href'] = "updates.php";
	links['about'] = new Array;
	links['about'][0] = new Array;
	links['about'][0]['text'] = "Message From The Executive Director";
	links['about'][0]['href'] = "message.php";
	links['about'][1] = new Array;
	links['about'][1]['text'] = "Mandate";
	links['about'][1]['href'] = "statement.php";
	links['about'][2] = new Array;
	links['about'][2]['text'] = "Subscription";
	links['about'][2]['href'] = "subscription.php";
	links['leadership'] = new Array;
	links['leadership'][0] = new Array;
	links['leadership'][0]['text'] = "Workshops";
	links['leadership'][0]['href'] = "workshops.php";
	links['leadership'][1] = new Array;
	links['leadership'][1]['text'] = "Grants";
	links['leadership'][1]['href'] = "grants.php";
	links['leadership'][2] = new Array;
	links['leadership'][2]['text'] = "Sponsorship";
	links['leadership'][2]['href'] = "sponsorship.php";

	var posLeft = document.getElementById(id).offsetLeft;		// Determine Selected Div Position Left
	var posTop = document.getElementById(id).offsetTop;			// Determine Selected Div Position Top
	var height = document.getElementById(id).offsetHeight;		// Determine Selected Div Height
	
	var x = "";
		for(var i=0; i<links[id].length; i++)
		{
			x+="|<a href='"+links[id][i]['href']+"'>"+links[id][i]['text']+"</a>";	// Create Submenu Content
		}
		
	document.getElementById('submenu').style.left=posLeft+"px";			// Position Submenu Left
	document.getElementById('submenu').style.top=posTop+height+"px";	// Position Submenu Top
	document.getElementById('submenu').innerHTML=x;						// Enter Submenu Content
	
	document.getElementById('submenu').style.display="inline"; 			// Display Submenu

}
// close showed layer
function navClose()
{
	document.getElementById('submenu').style.display='none';
}

// go close timer
function navCloseTime()
{
	closetimer = window.setTimeout(navClose, 1000);
}

// cancel close timer
function navCancelCloseTime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}



function navigation(e){
	var id = e.target.id;
	var type = e.type;
	var closeMenu;
	
	if(type=='mouseout'){
		closeMenu = setTimeout("document.getElementById('submenu').style.display='none'", 1000);
	}
	if(type=='mouseover'){
		if(id&&id!='submenu'){
			var links = new Array();
			links['about'] = new Array;
			links['about'][0] = new Array;
			links['about'][0]['text'] = "Message From The Executive Director";
			links['about'][0]['href'] = "message.php";
			links['about'][1] = new Array;
			links['about'][1]['text'] = "Mission Statement";
			links['about'][1]['href'] = "statement.php";
			links['leadership'] = new Array;
			links['leadership'][0] = new Array;
			links['leadership'][0]['text'] = "Workshops";
			links['leadership'][0]['href'] = "workshops.php";
			links['leadership'][1] = new Array;
			links['leadership'][1]['text'] = "Grants";
			links['leadership'][1]['href'] = "grants.php";
			links['leadership'][2] = new Array;
			links['leadership'][2]['text'] = "Sponsorships";
			links['leadership'][2]['href'] = "sponsorships.php";

			var posLeft = document.getElementById(id).offsetLeft;		// Determine Selected Div Position Left
			var posTop = document.getElementById(id).offsetTop;			// Determine Selected Div Position Top
			var height = document.getElementById(id).offsetHeight;		// Determine Selected Div Height
			
	 		var x="";
	 		for(var i=0; i<links[id].length; i++)
	 		{
	 			x+="<a href='"+links[id][i]['href']+"'>"+links[id][i]['text']+"</a>";	// Create Submenu Content
	 		}
	 		
			document.getElementById('submenu').style.left=posLeft+"px";			// Position Submenu Left
			document.getElementById('submenu').style.top=posTop+height+"px";	// Position Submenu Top
			document.getElementById('submenu').innerHTML=x;						// Enter Submenu Content
			
			document.getElementById('submenu').style.display="inline"; 			// Display Submenu
		}
	}

}
function calFindIndex(selM, selY)
{
	if (selM==undefined)
	{
		var selObj = document.getElementById('month');
		var selIndex = selObj.selectedIndex;
		selM = selObj.options[selIndex].value;
	}
	if (selY==undefined)
	{
		var selObj = document.getElementById('year');
		var selIndex = selObj.selectedIndex;
		selY = selObj.options[selIndex].value;

	}
	genCalendar(selM,selY);
}
function genCalendar(selM,selY)
{
	var curD = new Date();  // Current Date
	var curY = curD.getFullYear();	// Current Year
	var curM = curD.getMonth();	// Current Month (0-11)
	var prevM;
	var prevY;
	var nextM;
	var nextY;
	var mName=new Array('January','February','March','April','May','June','July','August','September','October','November','December');
	
	if (selM == undefined){selM=curM;}
	if (selY == undefined){selY=curY;}

	//Determine if leap year
	var ly = selY - 2000;
	ly = ly/4
	if(ly==Math.ceil(ly)){ly=true;}
	else{ly=false;}
	
	//Determine number of days (numD) in selected month (selM)
	if(selM==0||selM==2||selM==4||selM==6||selM==7||selM==9||selM==11){var numD=31;}
	if(selM==3||selM==5||selM==8||selM==10){var numD=30;}
	if(selM==1&&ly==false){var numD=28;}
	if(selM==1&&ly==true){var numD=29;}

	var selF = new Date(selY,selM,1);	// First Date of Selected Month
	var selFD = selF.getDay();		// First Day (number 0-6) of Selected Month

	var n = selFD+numD;
	if(n>35){document.getElementById('calXRow').style.display="block";}
	else{document.getElementById('calXRow').style.display="none";}

	for(var x=0; x<=41; x++)
	{
		document.getElementById("d"+x+"l").innerHTML = "";
	}
	
	var dId = selFD;

		
	for(var i=1;i<=numD;i++)
	{
		document.getElementById("d"+dId+"l").innerHTML = i;
		dId++;
	}

	var curLink = "<select id='month' onchange='calFindIndex(undefined,"+selY+")'>";
	for(var i=0; i<12; i++)
	{
		if(i==selM){curLink += "<option value='"+i+"' id='m"+i+"' selected='true' onchange='alert('change');'>"+mName[i]+"</option>";}
		else{curLink += "<option value='"+i+"' id='m"+i+"'>"+mName[i]+"</option>";}
	}
	curLink += "</select><select id='year' onchange='calFindIndex("+selM+",undefined)'>";
	for(var i=2010; i<2013; i++)
	{
		if(i==selY){curLink += "<option value='"+i+"' id='y"+i+"' selected='true'>"+i+"</option>";}
		else{curLink += "<option value='"+i+"' id='y"+i+"'>"+i+"</option>";}
	}
	curLink += "</select>";

	if(selM==0){prevM=11; prevY=selY-1; nextM=selM+1; nextY=selY;}
	else if(selM==11){prevM=selM-1; prevY=selY; nextM=0; nextY=selY+1;}
	else{prevM=selM-1; prevY=selY; nextM=selM+1; nextY=selY;}

	 
	var prevLink = "<a href='javascript://' onclick='genCalendar("+prevM+","+prevY+");'><img src='img/calPrev.png' alt='Previous' id='calPrev' /></a>";
	var nextLink = "<a href='javascript://' onclick='genCalendar("+nextM+","+nextY+");'><img src='img/calNext.png' alt='Next' id='calNext' /></a>";

	var selMID = "m"+selM;
	var selYID = "y"+selY;
	if(selM==0&&selY==2010){document.getElementById('calHead').innerHTML = curLink+" "+nextLink;}
	else if(selM==11&&selY==2012){document.getElementById('calHead').innerHTML = prevLink+" "+curLink;}
	else{document.getElementById('calHead').innerHTML = prevLink+" "+curLink+" "+nextLink;}
}

function colHeight()
{
	var hLeft = document.getElementById('leftCol').offsetHeight;
	var hRight = document.getElementById('rightCol').offsetHeight;

	if(hLeft>hRight){
		document.getElementById('rightCol').style.height=hLeft+"px";
	}
	if(hLeft<hRight){
		var content = document.getElementsByName('bodyContent');
		if(content.length==2){
			content[1].style.height=hRight-content[0].offsetHeight-60+"px";
		}
		if(content.length==1){
			content[0].style.height=hRight-40+"px";
		}
	}
}

function test()
{
 alert('working');
}
