var submenu = {
	el_id: '',
	is_over: false,
	killall: function() {
		$$('.submenuWrapper').each(function(el){el.style.display='none';});
	},
	toggle: function(id, action) {
		this.el_id=id;
		this.killall();
		if (action=='show') {
			submenu.is_over=true;
			setTimeout(function(){
				submenu.display('show');
			}, 180);
		} else {
			this.is_over=false;
		}
//		document.id('looog').innerHTML=this.is_over;
	},
	display: function(action) {
		var id=this.el_id;
		var subMenuId=id+'Submenu';
		if($chk(document.id(subMenuId))){
			var submenuEl=document.id(subMenuId);
			if (action=='show') {
				var submenuPosition=document.id(id).getPosition();
				var wrapperSize=document.id('page').getSize();
				var togglerSize=document.id(''+id).getSize();
				submenuEl.set('styles', {visibility:'hidden', display:'block'});
				var submenuSize=submenuEl.getSize();
				submenuEl.set('styles', {display:'none', visibility:'visible'});
				if (submenuEl.getAttribute('rel')=='wide') {
					submenuMarginLeft='';
				} else {
					var submenuMarginLeft=submenuPosition.x-10;
					if (wrapperSize.x<submenuMarginLeft+submenuSize.x) {
					//	submenuMarginLeft=wrapperSize.x-submenuSize.x+30;
					}
				}
				submenuEl.set('styles', {
					left:submenuMarginLeft,
					minWidth:togglerSize.x+30
				});
			}
			if (this.is_over==true && action!='hide') {
				act='show';
			} else {
				act='hide';
			}
			submenuEl.set('styles', {
				display:(act=='show'?'block':'none')
			});
		}
	}
}

