/**
 * @author Sjors
 */
var SubMenu = new Class({
	initialize: function (element) {
		this.element = element;
		//this.element.addEvent('mouseover', this.mouseover.bind(this));
		//this.element.addEvent('mouseout', this.mouseout.bind(this));
		this.element.addEvent('click', this.click.bind(this));

		this.selected = this.element.getChildren('li.active')[0];
	},

	mouseover: function () {
		this.showAll();
	},

	mouseout: function () {
		this.setSelectedActive();
	},

	click: function (e) {
		this.selected = document.id(e.target).getParent();
		this.setSelectedActive();

		var sectionId = this.selected.getParent().getParent().get('id').match(/[0-9]+/)[0];
		var sectionSlug = Denham.sections.get(sectionId);

		var filters1 = document.id('section-' + sectionId + '-filter1');
		var filters2 = document.id('section-' + sectionId + '-filter2');

		if (filters1) {
			var filter1Node = filters1.getElement('li.active');
			var filter1Slug = filter1Node.get('id').split('-')[0];
		} else {
			filter1Slug = 'all';
		}

		if (filters2) {
			var filter2Node = filters2.getElement('li.active');
			var filter2Slug = filter2Node.get('id').split('-')[0];
		} else {
			filter2Slug = 'all';
		}
		if (filters1) {
			filters1.getElements('a').each(function (link) {
				
				var ownFilterSlug = link.getParent().get('id').split('-')[0];
				
				if(ownFilterSlug == 'facebook') {
					link.set('href', 'https://www.facebook.com/pages/DENHAM-The-Jeanmaker/111557838864924');
				} else {
					link.set('href', '/#/' + sectionSlug + '/' + ownFilterSlug + '/' + filter2Slug + '/1/');
				}
				
			});
		}

		if (filters2) {
			filters2.getElements('a').each(function (link) {
				var ownFilterSlug = link.getParent().get('id').split('-')[0];
				link.set('href', '/#/' + sectionSlug + '/' + filter1Slug + '/' + ownFilterSlug + '/1/');
			});
		}

		if (this.selected.get('id').match(/^takecare/i)) {
			this.selected.getParent('div').getLast().addClass('hide');
		} else {
			this.selected.getParent('div').getLast().removeClass('hide');
		}
	},

	showAll: function () {
		this.element.getChildren('li').removeClass('hide');
	},

	setSelectedActive: function () {
		this.element.getChildren('li').removeClass('active');
		this.selected.addClass('active');
	}
});

window.addEvent('domready', function () {
	$$('#submenu ul').each(function (ul) {
		new SubMenu(ul);
	});
});