// JavaScript Document
var timer;
   
  function isArray(obj) {
   if (obj.constructor.toString().indexOf("Array") == -1)
      return false;
   else
      return true;
	}
	
	function drawSubMenu(item, submenu, taso)
	{
		var sub = new Element('div', {
					'id': item + "_submenu",
					'class':"boxi taso_"+taso,
					'events': {
						"mouseleave": function(event){
							timer = piilotaSubMenut.delay(300);
						}					
					}
		});
		
		var list = new Element('ul');
		submenu.each(function(listitem) {
			var listElement = new Element('li', {
						'events': {
							"mouseenter": function(event){
								$clear(timer);
								this.setStyle('background-color', '#C5E9FD');
								piilotaSubMenut('taso_'+(taso+1));
								if(listitem.submenu && isArray(listitem.submenu))
								{
									var coords = this.getPosition();
									var sizeMatters = this.getSize();

									$(listitem.url+'_submenu').setStyles({'display': 'block','position':'absolute','top':coords.y, 'left':coords.x+1+sizeMatters.size.x});
								
								}
							},
							"mouseleave": function(event) {
								this.setStyle('background-color', '#fff');
							
							}
						}
			});
			
			var eol = "  ";
    	if(listitem.submenu && isArray(listitem.submenu))
    	{
    		drawSubMenu(listitem.url, listitem.submenu, taso + 1);
    		eol = " »";
    	}
    	listElement.setHTML('<a href="/'+lang+'/'+listitem.url+'">'+listitem.title + eol+'</a>');		
			listElement.injectInside(list);
		});
	list.injectInside(sub);	
	
	sub.injectInside($('body'));
	sub.setStyle('display', 'none');
	}
	
	function piilotaSubMenut(taso)
	{
		if(!taso)
			taso = "boxi";
		$$('div.'+taso).each(function(item){
			item.setStyle('display','none');
		});
	}
	
	
  window.addEvent('domready', function() {  

		var jSonRequest = new Json.Remote("/menuAjax.php?lang_id="+lang_id+"&id="+paataso,{onComplete: function(menu){
	    menu.menu.each(function(item){
	    
	    	var eol = "&nbsp;&nbsp;";
	    	if(item.submenu && isArray(item.submenu))
	    	{
	    		drawSubMenu(item.url, item.submenu, 1);
	    		eol = "&nbsp;&raquo;";	    		
				}
	    	
				var stringi = new Element('li', {
						'events': {
							"mouseenter": function(event){
								this.setStyle('background-color', '#C5E9FD');
								piilotaSubMenut('boxi');								
								if(item.submenu && isArray(item.submenu))
								{
									var coords = this.getPosition();
									$(item.url+'_submenu').setStyles({'display': 'block','position':'absolute','top':coords.y, 'left':coords.x+213});
								}
							},
							"mouseleave": function(event) {
								this.setStyle('background-color', '#fff');
							
							}
					}
				});	    	

	    	stringi.setHTML('<a href="/'+lang+'/'+item.url+'">'+item.title+ eol+'</a>');						    	
				stringi.injectInside($("ulli"));				
			});
		
		}}).send();	
		
		$('ulli').addEvent('mouseleave', function(e){
			timer = piilotaSubMenut.delay(300);
		});
		
	});