How to create "active/current" button with UDM

Hi, I am very very new to this menu. I am trying to add "active" or "current" button on to the UDM code below. (active button meaning when you are the page is selected and its active, the button is highlighted by using different text and background color) But do not know how to do it. Please help.

Here is the UDM code ( the file that I thought I am editing is udm-custom.js) I use:

um.items = [
"0", // margin between items ["n" pixels]
"0", // border size ["n" pixels] (single value only)
"collapse", // border collapse ["collapse"|"separate"] (only applies when margin = "0")
"none",// border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
"none none none none", // border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge "|"inset"|"outset"] (single, double or four values; be careful with using "none")
"none",// hover/focus border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
"none none none none", // hover/focus border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge "|"inset"|"outset"] (single, double or four values; be careful with using "none")
"none",// visited border colors ["color"|"#hex"|"rgb()"] (single, double or four values)
"none none none none",// visited border styles ["solid"|"double"|"dotted"|"dashed"|"groove"|"ridge "|"inset"|"outset"] (single, double or four values; be careful with using "none")
"12", // left/right padding ["n" pixels] (single value only)
"7", // top/bottom padding ["n" pixels] (single value only)
"#7F7F7E", // background ["color"|"#hex"|"rgb()"|"image.gif"]
"#969691", // hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"]
"#7F7F7E", // visited background ["color"|"#hex"|"rgb()"|"image.gif"]
"10px", // font size ["em"|"ex"|"%"|"px"|"pt"|"absolute-size"|"relative-size"]
"arial",// font family ["font1,font2,font3"] (always end with a generic family name)
"bold", // font weight ["normal"|"bold"|"bolder"|"lighter|"100" to "900"]
"none", // text decoration ["none"|"underline"|"overline"|"line-through"]
"left", // text-align ["left"|"right"|"center"]
"#f0f0dd", // color ["color"|"#hex"|"rgb()"]
"#f0f0dd", // hover/focus color ["color"|"#hex"|"rgb()"]
"#f0f0dd", // visited color ["color"|"#hex"|"rgb()"]
"bold", // font-style ["normal"|"italic"|"oblique"]
"bold", // hover/focus font-style ["normal"|"italic"|"oblique"]
"bold", // visited font-style ["normal"|"italic"|"oblique"]
"letter-spacing:0px !important;",// additional link CSS (careful!)
"", // additional hover/focus CSS (careful!)
"", // additional visited CSS (careful!)
"none",// menu indicator character/image ["text"|"image.gif"|"none"]
"none",// menu indicator rollover character/image ["text"|"image.gif"|"none"] (must be same type)
"0", // clipping width of indicator image ["n" pixels] (only when using image arrows)
"..", // alt text of indicator image ["text"] (only when using image arrows)
];


I'd like to say thank you before hand for all your input and help.
Thank you,
Cyn

[vinyl-junkie]

Here are the two bits of code you need to change for that:

"#969691", // hover/focus background ["color"|"#hex"|"rgb()"|"image.gif"]

and

"#f0f0dd", // hover/focus color ["color"|"#hex"|"rgb()"]