document.observe("dom:loaded", function() {
	new Personal_menu();
});

var Personal_menu = Class.create({
	  
	defaultOptions : {
	},
	  
	initialize: function(options) 
	{
		this.options = Object.extend(Object.extend({ }, this.defaultOptions), options || { });
		this.install_events();
	},
	
	install_events: function()
	{
		pm = this;
		tabs = $('tabs');
		if(tabs) {
			tabs.select('a').each(function(tab) {
				tab.observe('mouseover', pm.mouseover_tab.bindAsEventListener(pm));
				tab.observe('mouseout', pm.mouseout_tab.bindAsEventListener(pm));
			});
		}
	},
	
	/**
	 * Ustawia klasę active, ae tylko dla ruchu myszką
	 */
	mouseover_tab: function(event)
	{
		tab = event.findElement('div.tab');
		
		if(!tab.hasClassName('active') && !tab.hasClassName('ha')) {
			
			// główny element
			tab.addClassName('active');
			tab.addClassName('ha');
			
//			// lewy element
//			li = tab.previous();
//			li.addClassName('ha');
//			if(li.hasClassName('first')) {
//				li.addClassName('active-first');
//			}
//			else {
//				prev_tab = li.previous();
//				if(prev_tab && prev_tab.hasClassName('active')) {
//					li.addClassName('active-lr');
//				}
//				else {
//					li.addClassName('active-r');
//				}
//			}
//			
//			// prawy element
//			li = tab.next();
//			li.addClassName('ha');
//			if(li.hasClassName('last')) {
//				li.addClassName('active-last');
//			}
//			else {
//				next_tab = li.next();
//				if(next_tab && next_tab.hasClassName('active')) {
//					li.addClassName('active-lr');
//				}
//				else {
//					li.addClassName('active-l');
//				}
//			}
			
		}
	},
	
	mouseout_tab: function(event)
	{
		tab = event.findElement('div.tab');	
		
		if(tab.hasClassName('ha')) {
			
			// główny element
			tab.removeClassName('active');
			tab.removeClassName('ha');
		
//			// lewy element
//			li = tab.previous();
//			li.removeClassName('ha');
//			if(li.hasClassName('first')) {
//				li.removeClassName('active-first');
//			}
//			else {
//				prev_tab = li.previous();
//				if(prev_tab && prev_tab.hasClassName('active')) {
//					li.removeClassName('active-lr');
//				}
//				else {
//					li.removeClassName('active-r');
//				}
//			}
//			
//			// prawy element
//			li = tab.next();
//			li.removeClassName('ha');
//			if(li.hasClassName('last')) {
//				li.removeClassName('active-last');
//			}
//			else {
//				next_tab = li.next();
//				if(next_tab && next_tab.hasClassName('active')) {
//					li.removeClassName('active-lr');
//				}
//				else {
//					li.removeClassName('active-l');
//				}
//			}

		}
	}
});