var Dom = YAHOO.util.Dom;
var Anim = YAHOO.util.Anim;
var Ev = YAHOO.util.Event;

var subRefMenuTweening = false;

	function openCloseSubRefMenu(e, button){
			if (subRefMenuTweening == false){
				subRefMenuTweening = true;
				var subContentMenu = Dom.get('context-ref-menu');
				Ev.stopEvent(e);
				var buttonData = Dom.getRegion(button);
				if (navigator.userAgent.indexOf('MSIE')>0){
					if(button){
						Dom.setX(subContentMenu,buttonData.left)
						Dom.setY(subContentMenu,(buttonData.top)-(subContentMenu.offsetHeight-button.offsetHeight))									
					}
					if (Dom.hasClass(subContentMenu, 'context-ref-menu-closed')){
						Dom.replaceClass(subContentMenu, 'context-ref-menu-closed', 'context-ref-menu-opened')
						Dom.setStyle(subContentMenu, 'display', 'block')
						
					} else {
						Dom.replaceClass(subContentMenu, 'context-ref-menu-opened', 'context-ref-menu-closed')
						Dom.setStyle(subContentMenu, 'display', 'none')					
					}
					subRefMenuTweening = false;					
				} else {
					if (Dom.hasClass(subContentMenu, 'context-ref-menu-closed')){
						Dom.setStyle(subContentMenu, 'opacity', 0.0)
						Dom.setStyle(subContentMenu, 'display', 'block')
					if(button){
						Dom.setX(subContentMenu,buttonData.left)
						Dom.setY(subContentMenu,(buttonData.top)-(subContentMenu.offsetHeight-button.offsetHeight))									
					}
						Dom.replaceClass(subContentMenu, 'context-ref-menu-closed', 'context-ref-menu-opened')
						var attributes = {
							   opacity : {
									to : 1.0
								}
							}
						var animation = new YAHOO.util.Anim(subContentMenu,attributes,0.2,YAHOO.util.Easing.easeOut);
						animation.onComplete.subscribe(function(){subRefMenuTweening = false})
					} else {
					if(button){
						Dom.setX(subContentMenu,buttonData.left)
						Dom.setY(subContentMenu,(buttonData.top)-(subContentMenu.offsetHeight-button.offsetHeight))
					}
						var attributes = {
							   opacity : {
									to : 0.0
								}
							}
						var animation = new YAHOO.util.Anim(subContentMenu,attributes,0.1,YAHOO.util.Easing.easeOut);
						animation.onComplete.subscribe(function(){
																	Dom.replaceClass(subContentMenu, 'context-ref-menu-opened', 'context-ref-menu-closed')
																	Dom.setStyle(subContentMenu, 'display', 'none')
																	
																	//Dom.setX(subContentMenu,0)
																	//Dom.setY(subContentMenu,0)
																	subRefMenuTweening = false;
																},subContentMenu)
					}
					animation.animate();
				}
			}
		}

	function altRefMenuInit() {
		var altMenuButtons = Dom.getElementsByClassName('btn-nase-prace');
		if (navigator.userAgent.indexOf('MSIE')>0){
			YAHOO.util.Event.addListener(Dom.get('context-ref-menu'),'mouseleave', function(e){
																								if (!Dom.hasClass(e.relatedTarget, 'mouseOutProtect')){
																									openCloseSubRefMenu(e)
																								}
																									});	
			if (altMenuButtons.length){
				for (var i=0; i<altMenuButtons.length; i++) {
					   YAHOO.util.Event.addListener(altMenuButtons[i],'mouseenter', openCloseSubRefMenu, altMenuButtons[i]);
				}
			}
		} else {
			YAHOO.util.Event.addListener(Dom.get('context-ref-menu'),'mouseout', function(e){
																								if (!Dom.hasClass(e.relatedTarget, 'mouseOutProtect')){
																									openCloseSubRefMenu(e)
																								}
																									});
			if (altMenuButtons.length){
				for (var i=0; i<altMenuButtons.length; i++) {
					   YAHOO.util.Event.addListener(altMenuButtons[i],'mouseover', openCloseSubRefMenu, altMenuButtons[i]);
				}
			}
		}
	}

YAHOO.util.Event.onDOMReady(altRefMenuInit);