function Menus() {}

/*** MENU ITEMS ***/
Menus.h_mi_timeouts = {}; //hide menu items timeouts

Menus.hlMenuItem = function(id) {
	Utils.setBackgroundImg("mi_"+id, Site.rwp+"images/framework/trans_black_30.png");
}

Menus.initiateUnHlMenuItem = function(id) {
	Menus.cancelHideMiTimeout(id);
	Menus.h_mi_timeouts[id] = setTimeout("Menus.unHlMenuItem('"+id+"');", 150);
}

Menus.unHlMenuItem = function(id) {
	Utils.setBackgroundImg("mi_"+id, "none");
}

Menus.cancelHideMiTimeout = function(id) {
	clearTimeout(Menus.h_mi_timeouts[id]);
	Menus.h_mi_timeouts[id] = null;
}



/*** PULL DOWN MENUS ***/
Menus.h_pdm_timeouts = {}; //hide pulldown menu timeouts

Menus.showPullDownMenu = function(id) {
	Menus.cancelHidePdmTimeout(id);
	if (Utils.getStyleOpacity("pdm_"+id) != 1) {
		var menu_bar_info = Utils.getObjLTWH("menu_bar");
		var menu_item_info = Utils.getObjLTWH("mi_"+id);
		var pulldown_menu_info = Utils.getObjLTWH("pdm_"+id);
		if (Site.mode == "web") { //web
			var pdm_top = menu_bar_info.top + menu_bar_info.height;
			var pdm_left = menu_item_info.left + 3;
		} else { //kiosk
			var pdm_top = menu_item_info.top + 3;
			var pdm_left = menu_bar_info.left + menu_bar_info.width;
		}
		//Opacity.cancelOpacityAnimTimeouts("pdm_"+id);
		Transform.cancelTransformAnimTimeouts("pdm_"+id);
		//Opacity.setTransparent("pdm_"+id);
		Transform.setTransparent("pdm_"+id);
		Utils.setStyleTop("pdm_"+id, pdm_top);
		Utils.setStyleLeft("pdm_"+id, pdm_left);
		Utils.setVisibility("pdm_"+id, "visible");
		//Opacity.animateOpacity("pdm_"+id, 0, 100, 0.5, 30, null);
		Transform.animateTransform({obj_id: "pdm_"+id, opacity: {start: 0, end: 1}, anim_secs: 0.5, fps: 30});
	}
}

Menus.initiateHidePullDownMenu = function(id) {
	Menus.cancelHidePdmTimeout(id);
	Menus.h_pdm_timeouts[id] = setTimeout("Menus.hidePullDownMenu('"+id+"');", 150);
}

Menus.hidePullDownMenu = function(id) {
	Menus.unHlMenuItem(id);
	//Opacity.cancelOpacityAnimTimeouts("pdm_"+id);
	Transform.cancelTransformAnimTimeouts("pdm_"+id);
	//Opacity.animateOpacity("pdm_"+id, (Utils.getStyleOpacity("pdm_"+id) * 100), 0, 0.5, 30, "Menus.resetPullDownMenu('"+id+"')");
	Transform.animateTransform({obj_id: "pdm_"+id, opacity: {start: Utils.getStyleOpacity("pdm_"+id), end: 0}, anim_secs: 0.5, fps: 30, exec_on_finish: "Menus.resetPullDownMenu('"+id+"')"});
}

Menus.resetPullDownMenu = function(id) {
	Utils.setStyleTop("pdm_"+id, 0);
	Utils.setStyleLeft("pdm_"+id, 0);
	Utils.setVisibility("pdm_"+id, "hidden");
	//Opacity.setTransparent("pdm_"+id);
	Transform.setTransparent("pdm_"+id);
}

Menus.cancelHidePdmTimeout = function(id) {
	clearTimeout(Menus.h_pdm_timeouts[id]);
	Menus.h_pdm_timeouts[id] = null;
}

Menus.cancelHideMiPdmTimeouts = function(id) {
	Menus.cancelHideMiTimeout(id);
	Menus.cancelHidePdmTimeout(id);
}