var MicoRegionMenu = Class.create();
MicoRegionMenu.prototype = {
	initialize: function(config) {
		this.config = config;
		this.noneClass = 'moremenu';
		this.load();
	},
	load:function(){
		var countChild	=0;
		var countParent =0;
		var countMax = 5;
		$$('.nav-container ul.mcah-regions h1.characteristic').each(function(parent){
			countParent++;
			countChild = 0;
			parent.select('li').each(function(child){
				//i++;
				countChild++;
				if (countChild > countMax)
					child.addClassName(this.noneClass);
				// element.addClassName("hidden");
			}.bind(this));	
			if (countChild > countMax){
				var title = parent.down('li').innerHTML;
				var classNames = parent.classNames().inspect();
				var className = '';
				parent.classNames().each(function(cls){
					if (cls.indexOf('nav-') > -1) className = cls;
				});
				//alert(className);
				new Insertion.Bottom(parent, '<li class="browseAllregion" ><a href="#" onclick="return micoRegionMenu.openMicoRegion(\'' + className + '\');";>Browse all </a></li>');
			}
			//alert("countChild=" + countChild);
		}.bind(this));
		//alert("countParent=" + countParent);
	},
	openMicoRegion : function(cls){
		$$('.nav-container ul.mcah-regions h1.' + cls + ' .' + this.noneClass).each(function(child){
			child.removeClassName(this.noneClass);
		}.bind(this));	
		$$('.nav-container ul.mcah-regions h1.' + cls + ' li.browseAllregion').each(function(child){
			child.remove();
		}.bind(this));
		return false;
	}
}