// JavaScript Document
/*Functions for collapsable DHTML menu */


/*sitches position attribute to absolute or relative therby allowing menu to take its position
in page or not take its position  - 
each menu is init as absolute so the first click on each menu heading
will always make a submenu show (relative)*/
function showHideSubMenu(divName,menuHeading,plusMinus)
{
// menuHeading is identifer for the main heading
// divName is the identifer for sun menu which is to be hidden or shown
// plusMinus is the identifer of each menuHedaings plus or minus graphic

//get reference to page elements
var holder = document.getElementById(divName).style;
var holder2 = document.getElementById(menuHeading).style;

/*if submenu not showing (i.e position = absolute)then show it 
 by setting position attribute to relative and visibility to visible.
 This will make the submenu take its place on the page, and also be visible. 
 Therby pusing the other categories down the page.*/
if(holder.position == "absolute")
{
//show plus sign 	
document.getElementById(plusMinus).innerHTML = '<img src="images/design/franchise_menu/minus.gif" width="9" height="9" border="0" align="left" alt="Minus" /> ';
holder.position = "relative";
holder.visibility = "visible";
}
else/*else a submenu is showing and is to be hidden */
{
//show menu sign	
document.getElementById(plusMinus).innerHTML = '<img src="images/design/franchise_menu/plus.gif" width="9" height="9" border="0" align="left"  alt="Plus"/> ';
holder.position = "absolute";
holder.visibility = "hidden";
}
};