imageDir = '/Images/' + imageDir;

/**
 * Muuttaa alavalikon kohdan värin kun osoitin viedään pois sen päältä
 *
 * Param: menuID integer  Päävalikkokohdan ID
 *        itemID integer  Alavalikkokohdan ID
 */
function menuItemOff(menuID, itemID) {

    id = menuID + '_' + itemID;

    if (typeof coloredMenu == 'undefined' ||
        coloredMenu != menuID ||
        coloredMenuItem != itemID) {
        
        if (itemID % 2 != 0) {color = '#D2E79E';}
        else                 {color = '#C3E076';}
        document.getElementById('valikko' + id ).style.backgroundColor = color;
        document.getElementById('valikko' + id + '_linkki').style.color = '#4b6604';
        
    }

    return true;

}

/**
 * Muuttaa alavalikon kohdan värin kun osoitin viedään sen päälle
 *
 * Param: menuID integer  Päävalikkokohdan ID
 *        itemID integer  Alavalikkokohdan ID
 */
function menuItemOn(menuID, itemID) {
    
    id = menuID + '_' + itemID;

    if (typeof coloredMenu == 'undefined' ||
        coloredMenu != menuID ||
        coloredMenuItem != itemID) {
        
        document.getElementById('valikko' + id).style.backgroundColor = menuColor;
        document.getElementById('valikko' + id + '_linkki').style.color = '#ffffff';
        
    }
    
    return true;
    
}

/**
 * Muuttaa päävalikon kohdan värin kun osoitin viedään pois sen päältä
 *
 * Param: id integer  Valikkokohdan ID
 */
function menuOff(id) {

    resetMenu();
    if (document.getElementById('valikkorivit' + id).style.display == 'none') {
    
        document.getElementById('menu' + id).style.color='#4b6604';
		if (id >= 4) {
			document.getElementById('menu' + id + 'b').src =
			imageDir + 'menunappi_4_pala.gif';
        }
		else {
			document.getElementById('menu' + id + 'b').src =
			imageDir + 'menunappi_' + id + '_pala.gif';
		}
        if (id == 1) {
            document.getElementById('menulink' + id).style.color = '#4b6604';
            document.getElementById('menu' + id).style.backgroundImage =
            'url(' + imageDir + 'menunappi_1.gif)';
        }
        else {
            document.getElementById('menu' + id).style.backgroundImage =
            'url(' + imageDir + 'menunappi_2.gif)';
        }

        //if (id == 4) {
        //    document.getElementById('menulink' + id).style.color = '#4b6604';
        //}
        
        if (id == 2) {
            document.getElementById('spacer2').src =
            imageDir + 'vihrea_spacer.gif';
        }
        else if (id == 3) {
            document.getElementById('spacer3').src =
            imageDir + 'vihrea_spacer.gif';
        }
        
    }

    return true;
    
}

/**
 * Muuttaa päävalikon kohdan värin kun osoitin viedään sen päälle
 *
 * Param: id integer  Valikkokohdan ID
 */
function menuOn(id) {

    document.getElementById('menu' + id).style.color='#ffffff';
	if (id >= 4) {
			document.getElementById('menu' + id + 'b').src =
			imageDir + 'menunappi_4_' + imageColor + '_pala.gif';
        }
		else {
			document.getElementById('menu' + id + 'b').src =
			imageDir + 'menunappi_' + id + '_' + imageColor + '_pala.gif';
		}        
    if (id == 1) {
        document.getElementById('menulink' + id).style.color='#ffffff';
        document.getElementById('menu' + id).style.backgroundImage =
        'url(' + imageDir + 'menunappi_1_' + imageColor + '.gif)';
    }
    else {
        document.getElementById('menu' + id).style.backgroundImage =
        'url(' + imageDir + 'menunappi_2_' + imageColor + '.gif)';
    }
    
    //if (id == 4) {
    //    document.getElementById('menulink' + id).style.color='#ffffff';
    //}

    if (id == 2) {
        document.getElementById('spacer2').src =
        imageDir + imageColor + '_spacer.gif';
    }
    else if (id == 3) {
        document.getElementById('spacer3').src =
        imageDir + imageColor + '_spacer.gif';
    }

    return true;

}

/**
 * Sulkee kaikki päävalikon kohdat
 */
function lataus() {

    for (var i=1; i<=7; i++) {
        document.getElementById('valikkorivit' + i).style.display = 'none';
    }
    document.getElementById('spacer2').width = '167';
    document.getElementById('spacer3').width = '175';
//    document.getElementById('spacer4').width = '180';
    
    return true;
    
}

/**
 * Päävalikon kohtien avaus / sulkeminen
 *
 * Param: id integer  Päävalikon kohdan ID
 */
function ohjaus(id) {

    if ((document.getElementById('valikkorivit' + id).style.display == 'none' ||
        document.getElementById('valikkorivit' + id).style.display == '')) {
        
        
        lataus();
        
        document.getElementById('valikkorivit' + id).style.display =
        (document.all && !window.opera)?'inline':'table-row-group';

        if (id == 2) {document.getElementById('spacer3').width = '0';}
 //       else if (id == 3) {document.getElementById('spacer4').width = '0';}

        resetMenu();

	}
    else {
        lataus();
        resetMenu();
    }

    menuOn(id);

    return true;

}

/**
 * Resetoi kaikki päävalikon kohdat vihreiksi jos niitä ei ole avattu
 */
function resetMenu() {
       
    for (var i=1; i<=7; i++) {    

        if (document.getElementById('valikkorivit' + i) &&
            document.getElementById('valikkorivit' + i).style.display == 'none') {

            if (i > 2) 		 {var imageID = 2;}
			else if (i >= 4) {var imageID = 4;}
            else       		 {var imageID = i;}
            
            if (i == 1) {
                document.getElementById('menulink' + i).style.color='#4b6604';
            }
            //else if (i == 4) {
            //    document.getElementById('menulink' + i).style.color='#4b6604';
            //}
            
            document.getElementById('menu' + i).style.color = '#4b6604';
            document.getElementById('menu' + i).style.backgroundImage =
            'url(' + imageDir + 'menunappi_' + imageID + '.gif)';
            document.getElementById('menu' + i + 'b').src =
            imageDir + 'menunappi_' + imageID + '_pala.gif';
         
            document.getElementById('spacer' + i).src =
            imageDir + 'vihrea_spacer.gif';
         
        }
        
    }

    return true;
    
}