// NEW POP-UP CODE

var NS4;
var NS6;

if (document.all) {
	NS4 = false;
}
else if (document.layers) {
	NS4 = true;
}
else if (document.getElementById) {
	NS6 = true;
	//alert("NETSCAPE 6");
}
else {
	//do nothing
} 

var isMacTest = navigator.platform.toLowerCase();
var isMac;

if (isMacTest.indexOf("mac")!=-1) {
isMac=true;
}
else {
isMac=false;
}
//alert(isMac);

var left_corner_y = 1; // y-coordinate of top left corner of dropdown menu

 // x-coordinate of top left corner of dropdown menu
if (NS4) {
	if (!isMac) {
	var left_corner_x = 168; //82
	}
	else {
	var left_corner_x = 168; //74
	}
}
else if (NS6) {
	if (!isMac) {
	var left_corner_x = 168; //82
	}
	else {
	var left_corner_x = 168; //74
	}
}
else {
	if (!isMac) {
	var left_corner_x = 168; //77
	}
	else {
	var left_corner_x = 168; //74
	}
}

var back_color = '#01408D'; // the background color of dropdown menu
var border_size  = '8'; // the width of dropdown menu border
var menu_width   = '150'; // the width of dropdown menu

//// Don't change these parameters
var activeMenu //for select box detection
var active_layer_id = -1;  /////
var on_layer_id  = -1;  /////
var buff_id  = -1;  /////
var menu_size = 0

//// modify these values for menu drop down delay
var enter_delay  = 50;
var exit_delay = 100;
	
//menu content contains all the links on each layer	
menu_content = new Array (
'<a href="team.php" target="_top" onmouseover="window.status=\'Management Team\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Management Team</a> | <a href="directors.php" target="_top" onmouseover="window.status=\'Board of Directors\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Board of Directors</a> | <a href="LSCouncil.php" target="_top" onmouseover="window.status=\'Leadership Council\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Leadership Council</a> | <a href="radiointerview.asx" target="_top" onmouseover="window.status=\'WGCH 1490 Interview\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">WGCH 1490 Interview</a> | <a href="video.html" target="_blank" onmouseover="window.status=\'View A Video &amp; Find Out More On CLC\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">View A Video &amp; Find Out More On CLC</a> | <a href="video/64palmershillvideo.asx" target="_blank" onmouseover="window.status=\'View Our 64 Palmers Hill Road Facility\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">View Our 64 Palmers Hill Road Facility</a>' ,
'<a href="school_calendar.html" target="_blank" onmouseover="window.status=\'School Year Calendar\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">School Year Calendar</a> | <a href="programs_child.php" target="_top" onmouseover="window.status=\'Child Development Program\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Child Development Program</a> | <a href="programs_private.php" target="_top" onmouseover="window.status=\'Child Development Private Program\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Child Development Private Program</a> | <a href="programs_headstart.php" target="_top" onmouseover="window.status=\'Head Start of Stamford\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Head Start of Stamford</a> | <a href="programs_readiness.php" target="_top" onmouseover="window.status=\'Stamford School Readiness Program\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Stamford School Readiness Program</a>' ,
'<a href="checklist.php" target="_top" onmouseover="window.status=\'Registration Document Check List\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Registration Document Check List</a> | <a href="RegContacts.php" target="_top" onmouseover="window.status=\'Registration Contacts\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Registration Contacts</a>', 
'<a href="http://www.guidestar.org/controller/searchResults.gs?action_donateReport=1&partner=networkforgood&ein=06-0665191" target="_blank" onmouseover="window.status=\'Donate Now\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Donate Now</a> | <a href="volunters.php" target="_top" onmouseover="window.status=\'Volunteering at CLC\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Volunteering at CLC</a> | <a href="wishlist.php" target="_top" onmouseover="window.status=\'Donation Wish List\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Donation Wish List</a> | <a href="donorlist.php" target="_top" onmouseover="window.status=\'Major Donors/Partners\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Major Donors/Partners</a> | <a href="directors.php" target="_top" onmouseover="window.status=\'Board of Directors\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Board of Directors</a> | <a href="LSCouncil.php" target="_top" onmouseover="window.status=\'Leadership Council\'; return true" onmouseout="window.status=\'\'; return true" class="Layer">Leadership Council</a>' );

if (NS4) {
//netscape
	if (!isMac) {
	menu_position = new Array (165,27,78,78);
	}
	else {
	// MAC NS menu bar postion
	menu_position = new Array (165,27,78,78);
	}
}
else if (NS6) {
//netscape - Windows
	if (!isMac) {
	menu_position = new Array (165,27,78,78);
	}
	else {
	// MAC I.E. menu bar position
	menu_position = new Array (165,27,78,78);
	}
}
else {
//internet explorer - Windows
	if (!isMac) {
	menu_position = new Array (165,27,78,78);
	}
	else {
	// MAC I.E. menu bar position
	menu_position = new Array (165,27,78,78);
	}
}

function layer_enter (id){
	on_layer_id = id;
	//setTimeout ('show('+ id +')', enter_delay/5);
	//hideSelect();
}

function layer_exit (id){
	on_layer_id = - 1;
	setTimeout ('hide('+ id +')', exit_delay);
	//showSelect();
}

function menu_enter (id)
{
	if (buff_id >= 0)
		hide (buff_id);
	setTimeout ('show('+ id +')', enter_delay);
	//show (id);
	active_layer_id = id;
	if(!NS4) {
		activeMenu = eval("document.all('Menu" + id + "');");
	}
	//hideSelect();
}

function menu_exit (id)
{
	
	//showSelect();		
	setTimeout ('hide('+ id +')', exit_delay);
	buff_id = active_layer_id;
	active_layer_id = -1;
}

function show (id){
	if (!NS4){
		if (!NS6){
			document.all['Menu' + id].style.visibility = "visible";
		}
		else{
			document.getElementById('Menu' + id).style.visibility="visible";
		}
	}
	else{
		document.layers[id].visibility = "visible";
	}
}

function hide (id){
	if (active_layer_id != id && on_layer_id != id){
		if (!NS4){
			if (!NS6){
				document.all['Menu' + id].style.visibility = "hidden";
			}
			else{
				document.getElementById('Menu' + id).style.visibility="hidden";
			}
		}
		else{
			document.layers[id].visibility = "hide";
		}
	}
}

function generate_layers ()
{
	var colCount = 0;
	var tempItem;
	var setLength;
	var tempLayerBody;
	tempLayerBody = '';

	for (i = 0; i < menu_content.length; i++)
	{
		menu_size = menu_size + menu_position[i]
		elements = menu_content[i].split (/\s*\|\s*/);
		layer_body = '';
		
		if (!NS4)
			layer_header = '<div id=Menu' + i +
						   ' onMouseOver="layer_enter (' + i + ');" onMouseOut = "layer_exit (' + i + ');"' +
						   ' style="z-index:10;visibility: hidden; position: absolute; left: ' + left_corner_x +
						   '; top: ' + (left_corner_y + menu_size) + ';">';
		else
			layer_header = '<layer id=' + i +
						   ' onMouseOver="layer_enter (' + i + ');" onMouseOut = "layer_exit (' + i + ');"' +
						   ' visibility=hide left=' + left_corner_x +
						   ' top = ' + (left_corner_y + menu_size) + ' z-index="10">';

		layer_header += '<table width=' + menu_width + ' cellpadding=0 cellspacing=0 border=0><tr>' +
						'<td bgcolor=' + back_color + ' nowrap><table width="100%" cellpadding=1 ' +
						'cellspacing=' + border_size + ' border=0>';
		
		//split links into X number of columns - T.Lai.
		if ((screen.availHeight < 600) && (elements.length > 10)){
			setLength = 10;
			colCount = Math.ceil(elements.length / setLength);
		}
		else if ((screen.availHeight < 768) && (elements.length > 30)){
			setLength = 30;
			colCount = Math.ceil(elements.length / setLength);
		}
		else{
			setLength = elements.length;
			colCount = 1;
		}
		
		for (j = 0; j < setLength; j++){
			for (p = 0; p < colCount; p++){
				tempItem = elements[j + (p * setLength)];
				if (!tempItem){
					tempLayerBody += '<td bgcolor=' + back_color + ' nowrap>&nbsp;</td>'
				}
				else{
					tempLayerBody += '<td bgcolor=' + back_color + ' nowrap><font face=geneva,verdana,arial size=1 color=#01408D>' + tempItem + '</font></td>';
				}
			}
			tempLayerBody = '<tr>' + tempLayerBody + '</tr>';
			layer_body += tempLayerBody;
			tempLayerBody = '';
		}
		//*end* split links
		
		
		layer_footer = '</table></td></tr></table>';
		if (!NS4)
			layer_footer += '</div>';
		else
			layer_footer += '</layer>';
		document.writeln (layer_header + layer_body + layer_footer);
		
	}
} // END FUNCTION



//--------------------------------------------------------------
//show dropdown when menu is hidden
function showSelect(){
	if(document.all){
		var obj;
		
		for(var i = 0; i < document.all.tags("select").length; i++){
			obj = document.all.tags("select")[i];
			//alert(obj.id);
			//if(!obj || !obj.offsetParent)
			//	continue;
			obj.style.visibility = 'visible';
			//	}
		}
	}
	else{
		if(document.layers['containsFrm1']!= undefined && NS4){
			document.layers['containsFrm1'].visibility = 'visible';
		}
	}
}


 
//hide dropdown so menu can cover it when menu is visible
function hideSelect()
{
	if(document.all) {
	var obj;
	var currentEle;
	var top = 0;
	var left = 0;
	var menuHeight;
	var timeout;
		
		for(var i = 0; i < document.all.tags("select").length; i++)
		{
			obj = document.all.tags("select")[i];
			currentEle = obj;
		
			while(currentEle.tagName.toLowerCase() != 'body')
			{
				top += currentEle.offsetTop;
				left += currentEle.offsetLeft;
				currentEle = currentEle.offsetParent;
			}
			if(activeMenu != null)
			{
				menuHeight = (activeMenu.offsetTop + activeMenu.offsetHeight + 20);
				
				if(top < menuHeight)
				{			
					if((left < (activeMenu.offsetLeft + activeMenu.offsetWidth)) && (left + obj.offsetWidth > activeMenu.offsetLeft)) 
					obj.style.visibility = 'hidden';
				}
			}
			top = 0;
			left = 0;
		}
	}
	else {
//alert(document.layers['containsFrm1']);
		if(document.layers['containsFrm1']!= undefined && NS4) {
			if(document.layers['containsFrm1'].visibility == 'visible') {document.layers['containsFrm1'].visibility = 'hidden';}
		}
	}
}



generate_layers ();

//function checkFocus(entry){  //Both product search and e-mail list call this function.
//entry.value="";
//}
	
//alert(screen.availHeight);

