//////////////////////////////////////////
// menus.js
//////////////////////////////////////////

//////////////////////////////////////////
// constantes 
IDLE_TIME=500;

//////////////////////////////////////////
// funciones y objetos

// ----------------------------------------------------
// Menu
// ----------------------------------------------------
function Menu(menu){

	var node,i,oldNode,self=this;

	this.items=[];
	this.idxUrl=[];

	for(i=0;i<50;i++){

		if(!(node=el(menu+'item'+i))) break;

		this.items[node.id]=node;
		this.idxUrl[node.href]=node.id;

		if(node.parentNode.className=='clicked') oldNode=node;

		// onmouseover
		node.parentNode.onmouseover=function(){

			this.className+=' menuover';

			if(isDyn()){

				if(this.id!='mas') return; 

				clearTimeout(this.timerHide);
	
				if(this.isVisible) return;

				this.isVisible=1;
				setStyleProp('floatmenu','display','block');
				fade('floatmenu',0,95,10,40)

			}

		}

		// onmouseout
		node.parentNode.onmouseout=function(){

			var self=this;

			this.className=this.className.replace(' menuover','');

			if(isDyn()){

				if(this.id!='mas') return; 

				clearTimeout(this.timerHide);

				this.timerHide=setTimeout(function(){

					setTimeout(function(){
	
						setStyleProp('floatmenu','display','none'); 
						self.isVisible=0
	
					},fade('floatmenu',95,0,10,40))

				}, IDLE_TIME)

			}

		}

		if(!isDyn()) return;
		////////////////////////////////////////

		// onclick
		node.onclick=function(){

			if(this.parentNode.id=='mas') return false;

			oldNode.parentNode.className='';
			oldNode=this;

			this.parentNode.className='clicked';
			this.over=0;

			if(self.onclick) self.onclick(this);

			return false

		}

	}

	if(node=el('floatmenu')){

		changeOpac('floatmenu',0);
		setStyleProp('floatmenu','display','none');

		node.onclick=function(){

			changeOpac('floatmenu',0);
			setStyleProp('floatmenu','display','none');
			this.parentNode.isVisible=0

		}

	}

	// set
	this.set=function(id){

		if(node=this.items[id]){
			
			if(node.parentNode.id=='mas') return false;

			oldNode.parentNode.className='';
			node.parentNode.className='clicked';
			
			oldNode=node;

		}

	}

}