var ddMenuSub = new Class({
	
	initialize: function(menuId) {

		
		this.menuContainer = $(menuId);
		this.menuId = menuId;

		this.links = $$('#' + this.menuId + ' a.menuSubLink');
		this.menus = $$('#' + this.menuId + ' li.menuSubContainer');
		this.lists = $$('#' + this.menuId + ' li.menuSubContainer ul.menuSubList');
		
		this.activeLink = false;
		this.activeIndex = -1;
		this.openMenus = $$('#' + this.menuId + ' li.menuSubActive');
		if (this.openMenus.length>0) {
			for (c=0; c<this.menus.length; c++) {
				if (this.menus[c]==this.openMenus[0]) {
					this.activeLink = this.links[c];
					this.activeIndex = c;
				}
			}
		}
		
		for (c=0; c<this.lists.length; c++) {
			this.slide = new Fx.Slide(this.lists[c]);
			if (c==this.activeIndex) {
				this.slide.slideIn();
			}
			else {
				this.slide.hide();
			}
		}
		

		
		this.links.each(function(item) {
			item.addEvent('click', function(){
					item.blur();
					item.removeClass('menuSubLinkHover');
					this.activate(item);
				}.bind(this)
			);
			
			item.addEvent('mouseover', function() {
				item.addClass('menuSubLinkHover');
			}.bind(this));
			
			item.addEvent('mouseout', function() {
				item.removeClass('menuSubLinkHover');
			}.bind(this));
		}.bind(this));
		
	},
	
	activate: function(link){

		for (c=0; c<this.links.length; c++) {
			if (this.links[c]==link) {
				linkIndex = c;
			}
		}

		if (this.activeLink) {
			this.menus[this.activeIndex].removeClass('menuSubActive');
			this.menus[this.activeIndex].addClass('menuSubInactive');
		    this.slide = new Fx.Slide(this.lists[this.activeIndex]);			
			this.slide.toggle();						
		}

		if (linkIndex==this.activeIndex) {
			this.menus[this.activeIndex].removeClass('menuSubActive');
			this.menus[this.activeIndex].addClass('menuSubInactive');	
			this.activeLink = false;
			this.activeIndex = -1;			
		}
		else {
			this.activeLink = link;
			this.activeIndex = linkIndex;
			this.menus[this.activeIndex].removeClass('menuSubInactive');
			this.menus[this.activeIndex].addClass('menuSubActive');	
		    this.slide = new Fx.Slide(this.lists[this.activeIndex]);			
			this.slide.toggle();				
		}
			
		
		
	}
	
	
});

window.addEvent('domready', initMenuSub);
function initMenuSub() {
	leftMenuSub = new ddMenuSub('menuSub');
	
}