currentMenu = false;
document.onclick = function(){
	if( currentMenu != false ){
		document.all[currentMenu].style.display='none';
		currentMenu = false;
	}
}


// Пункт меню
function popupMenuItem( name, href, css, menu ){
	this.name = name;
	this.href = href;
	this.css = css;
	this.menu = menu;
}



// Меню
function popupMenu( id, items, level ){


	
	if( level == null ){
		level = 1;
	}
	
	this.level = level;
	this.id = id;
	this.items = items;
	this.css = ''; //css;
	this.cssClass = ''; // cssClass;
	
	this.locked = false;

	// Методы
	this.getHTML = popupMenu_getHTML;
	this.draw = popupMenu_draw;
	this.show = popupMenu_show;
	this.hide = popupMenu_hide;
	this.lock = function (){ this.locked = true; }
	this.unlock = function (){ this.locked = false; }

}

function popupMenu_getHTML(){
	
	content = '';

	if( this.items!=null && (itemsLength=this.items.length)>0 ){
	
		if( this.level == 1 ){
		
			content += '<div class="t-menu" class="container '+this.cssClass+' cont_'+this.cssClass+' " id="'+this.id+'" style="display:none; '+this.css+';" >';
			for( i=0; i<itemsLength; i++ ){
				content += '<div class="m-1">';
				content += '<a href="'+this.items[i].href+'">'+this.items[i].name+'</a>';
				if( this.items[i].menu != null ){
					content += '<script> ' + this.items[i].menu.id + '.draw(); </script> ';
				}
				content += '</div>';			
			}
			content += '</div>';				
		
		}
		
		if( this.level != 1 ){

			content += '<div class="m-2">';
			for( i=0; i<itemsLength; i++ ){
				content += '<a href="'+this.items[i].href+'">'+this.items[i].name+'</a> ';
			}
			content += '</div>';
		}
	}
	return content;
}

function popupMenu_draw(){
	document.write( this.getHTML() );
}

function popupMenu_show(){

	if( e=document.getElementById(this.id) ){
		if( currentMenu != false ){
			document.all[currentMenu].style.display='none';
		}
		currentMenu = this.id;
		e.style.display = 'block';
	}
}

function popupMenu_hide(){
	if( (e=document.getElementById(this.id)) && !this.locked ){
		e.style.display = 'none';
	}
}



// Меню на SELECTе
function selectMenu( id, items, css, cssClass ){

	this.id = id;
	this.items = items;
	this.css = css;
	this.cssClass = cssClass;

	// Методы
	this.getHTML = selectMenu_getHTML;
	this.draw = selectMenu_draw;
	
}

function selectMenu_getHTML(){
	content = '';
	if( this.items!=null && (itemsLength=this.items.length)>0 ){
		content += '<select class="select-menu '+this.cssClass+'" id="'+this.id+'" style="'+this.css+';" onchange="selectChange(this);">';
		content += '<option value="" selected style="color:#aaaaaa;">Выберите страну</option>';
		for( i=0; i<itemsLength; i++ ){
			content += '<option value="'+this.items[i].href+'">'+this.items[i].name+'</option>';
		}
		content += '</select>';
	}
	return content;
}

function selectMenu_draw(){
	document.write( this.getHTML() );
}

//////////////////////


function createPopupMenu( id, items, css, cssClass ){
	window[id] = new popupMenu( id, items, css, cssClass );
	return window[id];
}

function createSelectMenu( id, items, css, cssClass ){
	window[id] = new selectMenu( id, items, css, cssClass );
	return window[id];
}

function selectChange(obj){
	if( obj.value !='' ){
		document.location = obj.value;
		window.focus();
	}
}