window.onload = function()
{

/*
    new xMenu1('menu_01', 'menu_sub_01', 10, 'click');
*/
    new xMenu1('menu_02', 'menu_sub_02', 10, 'click');
    new xMenu1('menu_03', 'menu_sub_03', 10, 'click');
    new xMenu1('menu_04', 'menu_sub_04', 10, 'click');
    new xMenu1('menu_05', 'menu_sub_05', 10, 'click');

/*
    new xAddEventListener_changeImage('menu_01', 'mouseover', 1);
    new xAddEventListener_changeImage('menu_01', 'mouseout', 0);
*/
	new xAddEventListener_changeImage('menu_models_girls', 'mouseover', 1);
	new xAddEventListener_changeImage('menu_models_girls', 'mouseout', 0);
	new xAddEventListener_changeImage('menu_models_boys', 'mouseover', 1);
	new xAddEventListener_changeImage('menu_models_boys', 'mouseout', 0);
	new xAddEventListener_changeImage('menu_models_newfaces', 'mouseover', 1);
	new xAddEventListener_changeImage('menu_models_newfaces', 'mouseout', 0);


    new xAddEventListener_changeImage('menu_02', 'mouseover', 1);
    new xAddEventListener_changeImage('menu_02', 'mouseout', 0);
    new xAddEventListener_changeImage('menu_03', 'mouseover', 1);
    new xAddEventListener_changeImage('menu_03', 'mouseout', 0);
    new xAddEventListener_changeImage('menu_04', 'mouseover', 1);
    new xAddEventListener_changeImage('menu_04', 'mouseout', 0);
    new xAddEventListener_changeImage('menu_05', 'mouseover', 1);
    new xAddEventListener_changeImage('menu_05', 'mouseout', 0);

    if (fixPNGloder === true) {
	fixPNG_classSelector();
    }
}

function xAddEventListener_changeImage(triggerId, openEvent, act) {
	var trg = xGetElementById(triggerId);

	if (trg && act == 1) {
		xAddEventListener(trg, openEvent, changeImage_on, false);
	}
	if (trg && act == 0) {
		xAddEventListener(trg, openEvent, changeImage_out, false);
	}
	function changeImage_on() {
		if ( (lockedmenu == null) || (lockedmenu != triggerId) ) {
			trg.src = trg.src.substring(0, trg.src.lastIndexOf("/"))+"/"+triggerId+"_1.png";
		}
	}
	function changeImage_out() {
		if ( (lockedmenu == null) || (lockedmenu != triggerId) ) {
			trg.src = trg.src.substring(0, trg.src.lastIndexOf("/"))+"/"+triggerId+"_0.png";
		}
	}
}

function xMenu1(triggerId, menuId, mouseMargin, openEvent)
{
	var isOpen = false;
	var trg = xGetElementById(triggerId);
	var mnu = xGetElementById(menuId);
	if (trg && mnu) {
		xAddEventListener(trg, openEvent, onOpen, false);
	}
	function onOpen()
	{
		if (!isOpen) {
			changeImage_out();
			xMoveTo(mnu, xPageX(trg), xPageY(trg) + xHeight(trg));
			xShow(mnu);
			xAddEventListener(document, 'mousemove', onMousemove, false);
			isOpen = true;
		}
	}
	function onMousemove(ev)
	{
		lockedmenu = triggerId;
		var e = new xEvent(ev);
		if (!xHasPoint(mnu, e.pageX, e.pageY, -mouseMargin) &&
		!xHasPoint(trg, e.pageX, e.pageY, -mouseMargin))
		{
			lockedmenu = null;
			xHide(mnu);
			xRemoveEventListener(document, 'mousemove', onMousemove, false);
			isOpen = false;
		}
	}
	function changeImage_out() {
		if ( (lockedmenu == null) || (lockedmenu != triggerId) ) {
			trg.src = trg.src.substring(0, trg.src.lastIndexOf("/"))+"/"+triggerId+"_0.png";
		}
	}
} // end xMenu1