$('document').ready(OnReadyEvent);

function OnReadyEvent()
{
	HandleAllDropDownBoxes();
}

function HandleAllDropDownBoxes()
{
	$('html').click(Document_OnClickEvent);
	$('.dropdownbox').click(DropDownBox_OnClickEvent);

	if ($.browser.mozilla)
	{
		$(document).keypress(DropDownBox_OnKeyPressEvent);
	} else
	{
		$(document).keydown(DropDownBox_OnKeyPressEvent);
	}

	$('.dropdownbox .values div a').mouseover(DropDownBox_OnMouseEnterEvent);
	$('.dropdownbox .values div a').mouseout(DropDownBox_OnMouseLeaveEvent);
}

function DropDownBox_OnClickEvent(e)
{
	if (!e) var e = window.event;
	e.cancelBubble = true;
	if (e.stopPropagation) e.stopPropagation();

	var values = $('.dropdownbox .values');
	if (values.css('display') == 'none') ShowDropDownBox(); else HideDropDownBox();
}

function Document_OnClickEvent()
{
	HideDropDownBox();
}

function DropDownBox_OnMouseEnterEvent()
{
	$(this).css("background-color", "#EEEEEE");
	//$(this).addClass('hover'); // don't work in IE :-( !!!
}

function DropDownBox_OnMouseLeaveEvent()
{
	$(this).css("background-color", "#FFFFFF");
	$(this).removeClass('hover'); //$(this).addClass('hover'); // don't work in IE :-( !!!
}

function DropDownBox_OnKeyPressEvent(e)
{
	var key = e.which ? e.which : e.keyCode;

	if (key == 27) HideDropDownBox(); // ESC
}

function ShowDropDownBox()
{
	$('.dropdownbox').addClass("opened");
	$('.dropdownbox .values').show();
	$('.dropdownbox .values-end').show();
}

function HideDropDownBox()
{
	$('.dropdownbox').removeClass("opened");
	$('.dropdownbox .values').hide();
	$('.dropdownbox .values-end').hide();
}