var Nav = Class.create();
Nav.prototype = 
{
    initialize: function(){
        this.tabNav = $$('#nav ul');
		this.tID = '';
		this.tempo = 100;
		
		for(var i=0;i<this.tabNav.length;i++){
			var o = this.tabNav[i];
			var a = o.getElementsByTagName('a')[0];
			var s = o.getElementsByTagName('ol')[0];

			Event.observe(a, 'mouseover',this.show.bind(this,o));
			Event.observe(a, 'mouseout',this.hideEvent.bind(this));
			
			if(s){
				Event.observe(s, 'mouseover',this.show.bind(this,o));
				Event.observe(s, 'mouseout',this.hideEvent.bind(this));
			}
		}
    },

    show: function(o){
		this.hide();
		
		var n = o.getElementsByTagName('p')[0];
		var s = o.getElementsByTagName('ol')[0];
		n.className = "on";

		if(s){
			s.style.visibility="visible";
			s.style.left = o.offsetLeft+"px";
		}
		clearTimeout(this.tID);
	},
	
	hideEvent: function(){
		clearTimeout(this.tID);
		this.tID = setTimeout(this.hide.bind(this),this.tempo);
	},
	
	hide: function(){
		for(i=0;i<this.tabNav.length;i++){
			var o = this.tabNav[i];
			var n = o.getElementsByTagName('p')[0];
			var s = o.getElementsByTagName('ol')[0];
			n.className = "";
			
			if(s){
				s.style.visibility="hidden";
			}
		}
	}
 };