"Lights off" script

[AlterPoser]

You know those buttons where you can click and it'll darken everything around a certain object (game, video) kinda like turning off the lights so you can better focus on playing a game or watching a movie. I tried looking around for one but I don't know what it's called.

Any help would be cool.

[Nile]

In HTML or Flash?

[AlterPoser]

In HTML or Flash?

HTML would be preferred. I don't really know much about flash but I want to darken around a flash application.

Kinda like THIS (http://www.youtube.com/watch?v=jB4xlYKAVCQ).

[AlterPoser]

lol, nothing?

[AlterPoser]

Okay so I went to Youtube and view sourced the page. I found this snippet but I have to clue what do do with it.


function toggleLights(lightsOff) {
if (lightsOff) {
addClass(document.body, 'watch-lights-off');
} else {
removeClass(document.body, 'watch-lights-off');
}

if (!lightsOff) {
hideDiv('watch-longform-shade');
} else {
_gel('watch-longform-shade').style.height = parseInt(_gel('baseDiv').offsetHeight) + 'px';
showDiv('watch-longform-shade');
}
}

onLoadFunctionList.push(function() {
addListener(document.body, 'click', function(e) {
stopPropagation(e);

var evt = e || window.event;
var target = evt.target || evt.srcElement;
if (!hasAncestor(target, 'watch-longform-buttons')) {
toggleLights(false);
}
});
});