var nom = 11; 

var ttls = new Array();
var subs = new Array(); 
var pic_on = new Array(); 
var pic_off = new Array(); 
var pic_selected = new Array();
var shingle_move = new Array();
var lastn;
var lastmove;



var subm = new Array();
subm[1] = 0;
subm[2] = 0;
subm[3] = 0;
subm[4] = 0;
subm[5] = 0;
subm[6] = 0;
subm[7] = 0;
subm[8] = 0;
subm[9] = 0;
subm[10] = 0;
subm[11] = 0;

function show_menu(num, nodeid)
{
	subm[num] = 1;
	callerdisplay = document.getElementById(nodeid).style.display;
	caller = document.getElementById(nodeid);
	subnodes = document.getElementsByTagName("span");
	caller.style.display= "block";
	return true;
}

function hide_menu(num, nodeid)
{
	subm[num] = 0;
	callerdisplay = document.getElementById(nodeid).style.display;
	caller = document.getElementById(nodeid);
	subnodes = document.getElementsByTagName("span");
	caller.style.display = "none";
	return true;
}

function hide_all_menus(num)
{
	if (num != 1)  hide_menu(1,  'submenu1');
	if (num != 2)  hide_menu(2,  'submenu2');
	if (num != 3)  hide_menu(3,  'submenu3');
	if (num != 4)  hide_menu(4,  'submenu4');
	if (num != 5)  hide_menu(5,  'submenu5');
	if (num != 6)  hide_menu(6,  'submenu6');
	if (num != 7)  hide_menu(7,  'submenu7');
	if (num != 8)  hide_menu(8,  'submenu8');
	if (num != 9)  hide_menu(9,  'submenu9');
	if (num != 10) hide_menu(10, 'submenu10');
	if (num != 11) hide_menu(11, 'submenu11');
	return true;
}

function toggle_menu(num, nodeid)
{
	if (subm[num] == 1) // if currently show, make hide
	{
		hide_menu(num, nodeid);
	}
	else // show
	{
		hide_all_menus(num); // in case we are switching to anothe menu
		show_menu(num, nodeid);
	}
	return true;
}

function changeImages(arg1, arg2,n)
{
	if(document.images)
	{   
        var strImageName =  document.images[arg1].src
  
		if ( strImageName.indexOf("off") > 0 || strImageName.indexOf("on") > 0)
			document.images[arg1].src = eval(arg2 + '.src');
	}	
	
} 

function newImg(arg)
{
	if(document.images)
	{
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function FocusSubmenu(n)
{
	toggle(n);
}


whoweare_on = newImg("images/whoweare_on.gif");
whoweare_off = newImg("images/whoweare_off.gif");
whoweare_selected = newImg("images/whoweare_selected.gif");

ourprogram_on = newImg("images/ourprogram_on.gif");
ourprogram_off = newImg("images/ourprogram_off.gif");
ourprogram_selected = newImg("images/ourprogram_selected.gif");

contact_on = newImg("images/contact_on.gif");
contact_off = newImg("images/contact_off.gif");
contact_selected = newImg("images/contact_selected.gif");

news_on = newImg("images/news_on.gif");
news_off = newImg("images/news_off.gif");
news_selected = newImg("images/news_selected.gif");

achievement_on = newImg("images/achievement_on.gif");
achievement_off = newImg("images/achievement_off.gif");
achievement_selected = newImg("images/achievement_selected.gif");

donate_on = newImg("images/donate_on.gif");
donate_off = newImg("images/donate_off.gif");
donate_selected = newImg("images/donate_selected.gif");

gallery_on = newImg("images/gallery_on.gif");
gallery_off = newImg("images/gallery_off.gif");
gallery_selected = newImg("images/gallery_selected.gif");

teachdcp_on = newImg("images/teachdcp_on.gif");
teachdcp_off = newImg("images/teachdcp_off.gif");
teachdcp_selected = newImg("images/teachdcp_selected.gif");

enroll_on = newImg("images/enroll_on.gif");
enroll_off = newImg("images/enroll_off.gif");
enroll_selected = newImg("images/enroll_selected.gif");

espanol_on = newImg("images/espanol_on.gif");
espanol_off = newImg("images/espanol_off.gif");
espanol_selected = newImg("images/espanol_selected.gif");

events_on = newImg("images/events_on.gif");
events_off = newImg("images/events_off.gif");
events_selected = newImg("images/events_selected.gif");

shingle_move[1]  =  77;
shingle_move[2]  =  44;
shingle_move[3]  =  33;
shingle_move[4]  =  44;
shingle_move[5]  =  33;
shingle_move[6]  =  33;
shingle_move[7]  =  74;
shingle_move[8]  =  41;
shingle_move[9]  =  41;
shingle_move[10] =  18;
shingle_move[11] =  5;


if (document.layers) {
	visible = 'show';
	hidden = 'hide';
}
else if (document.all) {
	visible = 'visible';
	hidden = 'hidden';
}
else if (document.getElementById) {
	visible = 'visible';
	hidden = 'hidden';
}for (var i = 1; i <= nom; i++) {
	ttls[i] = ('title' + i);
	subs[i] = ('submenu' +i);
}

pic_on[1] = whoweare_on.src
pic_off[1] = whoweare_off.src
pic_selected[1] = whoweare_selected.src

pic_on[2] = ourprogram_on.src;
pic_off[2] = ourprogram_off.src;
pic_selected[2] = ourprogram_selected.src;

pic_on[5] = contact_on.src;
pic_off[5] = contact_off.src;
pic_selected[5] = contact_selected.src;

pic_on[4] = news_on.src;
pic_off[4] = news_off.src;
pic_selected[4] = news_selected.src;

pic_on[3] = achievement_on.src;
pic_off[3] = achievement_off.src;
pic_selected[3] = achievement_selected.src;

pic_on[6] = donate_on.src;
pic_off[6] = donate_off.src;
pic_selected[6] = donate_selected.src;

pic_on[12] = bp_on.src;
pic_off[12] = bp_off.src;
pic_selected[12] = bp_selected.src


pic_on[7] = teachdcp_on.src;
pic_off[7] = teachdcp_off.src;
pic_selected[7] = teachdcp_selected.src

pic_on[8] = enroll_on.src;
pic_off[8] = enroll_off.src;
pic_selected[8] = enroll_selected.src

pic_on[9] = espanol_on.src;
pic_off[9] = espanol_off.src;
pic_selected[9] = espanol_selected.src

pic_on[10] = gallery_on.src
pic_off[10] =gallery_off.src
pic_selected[10] = gallery_selected.src

pic_on[11] = events_on.src;
pic_off[11] =events_off.src;
pic_selected[11] = events_selected.src


function picopen(n) {
	title = ('title' + n);
	pic = ('pic' + n + '');
	if (document.layers) {
		document.layers[title].document.images[pic].src = pic_selected[n];
	}
	else if (document.all) {
		document.all(pic).src = pic_selected[n];
	}
	else if ( document.getElementById )
	{		imgObj = document.getElementById(pic);		imgObj.setAttribute("src",pic_selected[n]);
		
	}	
}

function picclose(n) {
	title = ('title' + n);
	pic = ('pic' + n);
	if (document.layers) {
		document.layers[title].document.images[pic].src = pic_off[n];
	}
	else if (document.all) {
		document.all(pic).src =  pic_off[n];
	}
	else if ( document.getElementById )
	{
		imgObj = document.getElementById(pic);		imgObj.setAttribute("src",pic_off[n]);
	
	}	
}

lastn = (nom + 1);
lastmove = 0;

function lasttoggle(n) {
var submenu;
var menu;
var top;
var ttlObj;
var subObj;	
var pic;
	if (n <= nom) {
		menu = ('submenu' + n);
		if (document.layers) {
			submenu = document.layers[menu];
		}
		else if (document.all) {
			submenu = document.all(menu).style;
		}
		else if ( document.getElementById )
		{
			submenu = document.getElementById(menu).style;
		}
		if (submenu.visibility == visible) {
			submenu.visibility = hidden;
			picclose(n); 
                        if ( n < 7 ){
                   		limit = 6;
                }
                else
                   limit = nom;

			for (var i = (n+1); i <= limit; i++) {
                            
				if (document.layers) {
					document.layers[ttls[i]].top -= shingle_move[n];
					document.layers[subs[i]].top -= shingle_move[n];
				}
				else if (document.all) {
					document.all(ttls[i]).style.pixelTop -= shingle_move[n];
					document.all(subs[i]).style.pixelTop -= shingle_move[n];
				}
				else if ( document.getElementById )
				{
					ttl = ('title' + i );
					ttlObj = document.getElementById(ttl);
					top = parseInt(ttlObj.style.top);
					top = top - parseInt(shingle_move[n]);
					ttlObj.style.position ='relative';
					ttlObj.style.top = top + "px";
					ttlObj.style.position ='absolute';
						
					subm = ('submenu' + i);	
				    subObj = document.getElementById(subm)
					top = parseInt(subObj.style.top);
					top = top - parseInt(shingle_move[n]);
					subObj.style.position ='relative';
					subObj.style.top = top + "px";
					subObj.style.position ='absolute';
			
				}
			}
		}
	}
}

function toggle(n) {
var submenu;
var menu;
	menu = ('submenu' + n);
	if (document.layers) {
		submenu = document.layers[menu];
	}
	else if (document.all) {
		submenu = document.all(menu).style;
	}
	else if ( document.getElementById )
	{
		submenu = document.getElementById(menu).style;
	}
	if (submenu.visibility == visible) {
		submenu.visibility = hidden;
		picclose(n);
                if ( n < 7 ){
                   limit = 6;
                }
                else
                   limit = nom;

		for (var i = (n+1); i <= limit; i++) {
		    
			if (document.layers) {
				document.layers[ttls[i]].top -= shingle_move[n];
				document.layers[subs[i]].top -= shingle_move[n];
			}
			else if (document.all) {
				document.all(ttls[i]).style.pixelTop -= shingle_move[n];
				document.all(subs[i]).style.pixelTop -= shingle_move[n];
			}
			else if ( document.getElementById )
			{
				ttl = ('title' + i );
				ttlObj = document.getElementById(ttl);
				top = parseInt(ttlObj.style.top);
				top = top - parseInt(shingle_move[n]);
				ttlObj.style.position ='relative';
				ttlObj.style.top = top + "px";
				ttlObj.style.position ='absolute';
						
				subm = ('submenu' + i);	
				subObj = document.getElementById(subm)
				top = parseInt(subObj.style.top);
				top = top - parseInt(shingle_move[n]);
				subObj.style.position ='relative';
				subObj.style.top = top + "px";
				subObj.style.position ='absolute';

			}
		}
	}
	else {
		submenu.visibility = visible;
		picopen(n);
		if (lastn != n) {
		lasttoggle(lastn);
		}
                if ( n < 7 ){
                   limit = 6;
                }
                else
                   limit = nom;

		for (var i = (n+1); i <= limit; i++) {
		     
			if (document.layers) {
				document.layers[ttls[i]].top += shingle_move[n];
				document.layers[subs[i]].top += shingle_move[n];
			}
			if (document.all) {
				document.all(ttls[i]).style.pixelTop += shingle_move[n];
				document.all(subs[i]).style.pixelTop += shingle_move[n];
			}
			else if ( document.getElementById )
			{
					ttl = ('title' + i );
					ttlObj = document.getElementById(ttl);
					top = parseInt(ttlObj.style.top);
					top = top + parseInt(shingle_move[n]);
					ttlObj.style.position ='relative';
					ttlObj.style.top = top + "px";
					ttlObj.style.position ='absolute';
						
					subm = ('submenu' + i);	
				    subObj = document.getElementById(subm)
					top = parseInt(subObj.style.top);
					top = top + parseInt(shingle_move[n]);
					subObj.style.position ='relative';
					subObj.style.top = top + "px";
					subObj.style.position ='absolute';
				
			}
 	             
		}
	}
	lastn = n;
}