function changeDisplay( elementId, setTo ) {

    if( document.getElementById ) {
        //DOM
        var theElement = document.getElementById( elementId );
    } else {
        if( document.all ) {
            //Proprietary DOM
            var theElement = document.all[ elementId ];
        } else {
            //Create an object to prevent errors further on
            var theElement = new Object();
        }
    }
    if( !theElement ) {
        /* The page has not loaded or the browser claims to support
        document.getElementById or document.all but cannot actually
        use either */
        return;
    }
    //Reference the style ...
    if( theElement.style ) { theElement = theElement.style; }
    if( typeof( theElement.display ) == 'undefined' &&
    !( window.ScriptEngine && ScriptEngine().indexOf('InScript') + 1 ) ) {
      //The browser does not allow us to change the display style
      //Alert something sensible (not what I have here ...)
      window.alert( 'Your browser does not support this' );
      return;
    }
    //Change the display style
    theElement.display = setTo;
}

function changeMenu(sGender, iNum){

	if (sGender == "F")
	{
		sMenu = "woman" + 'Menu' + iNum
	}else if (sGender == "M"){
		sMenu = "man" + 'Menu' + iNum
	}else{
		sMenu = "gift" + 'Menu' + iNum
	}
	//sMenu = ((sGender == 'F') ? "woman" : "man") + 'Menu' + iNum; //Row ID
	
	if (sGender == "F")
	{
		sArrow = "woman" + 'Arrow' + iNum; //Arrow image ID
	}else if (sGender == "M"){
		sArrow = "man" + 'Arrow' + iNum; //Arrow image ID
	}else{
		sArrow = "gift" + 'Arrow' + iNum; //Arrow image ID
	}
	//sArrow = ((sGender == 'F') ? "woman" : "man") + 'Arrow' + iNum; //Arrow image ID
	
	if (vMenu == sMenu){
		hideMenu(sMenu, sArrow, sGender) //Hide existing menu
	}else{
		if (vMenu != "") //Hide previous Menu
		{ 
			hideMenu(vMenu, vArrow, sGender);
		}
		showMenu(sMenu, sArrow, sGender); //Show menu
	}
}

function hideMenu(sMenu, sArrow, sGender){
	
	changeDisplay( sMenu, 'none' );
	
	vGender = (vGender == "") ? sGender : vGender;
	
	if (vGender == "F")
	{
		sColour = "pink"
	}else if (vGender == "M"){
		sColour = "blue"
	}else{
		sColour = "orange"
	}
	
	//sColour = ((vGender == "F") ? "pink" : "blue"); //Colour of arrow image ID
	document.getElementById(sArrow).src = "images/arrow_" + sColour + "_right.gif";
	
	vMenu = "";
	vArrow = "";
	vGender = "";
}

function showMenu(sMenu, sArrow, sGender){

	changeDisplay( sMenu, 'block' );
	
	if (sGender == "F")
	{
		sColour = "pink"
	}else if (sGender == "M"){
		sColour = "blue"
	}else{
		sColour = "orange"
	}

	//sColour = ((sGender == 'F') ? "pink" : "blue"); //Colour of arrow image ID
	document.getElementById(sArrow).src = "images/arrow_" + sColour + "_down.gif";
	
	vMenu = sMenu;
	vArrow = sArrow;
	vGender = sGender;
}

//End Menu code