function menuToggle(link, show) {
   var rels = $w(link.rel);
   $(rels[0]).style.display = (show)?'block':'none';
   var tmp = [rels[0], link.id];
   link.id = rels[1];
   link.rel = tmp.join(' ');
}

function withinElement(event, ob) {
	var relatedTarget, target = event.target ? event.target : (event.srcElement || document);
	if (event.relatedTarget) {
		relatedTarget = event.relatedTarget;
	}
	else if (event.fromElement) {
		relatedTarget = event.fromElement == target ? event.toElement : event.fromElement;
	}
	var parent = relatedTarget;
	while (parent && parent != ob) try { parent = parent.parentNode; } catch(error) { parent = ob; }
	return parent == ob;
}

function pageInit() {
	
	$$('.menuFirst','.menuSecond').each(function(link){
		var rels = $w(link.rel);

		Event.observe($(rels[0]), 'mouseover', function(e){
			if (withinElement(e, $(rels[0]))) return true;
			menuToggle(link, true); 
		}); 
		Event.observe($(rels[0]), 'mouseout',  function(e){ 
			if (withinElement(e, $(rels[0]))) return true;
			menuToggle(link, false);
		});

		Event.observe(link, 'mouseover', function(){ menuToggle(link, true); }); 
		Event.observe(link, 'mouseout',  function(){ menuToggle(link, false); });
	});
   
   
   $$('li.withChilds').each(function(li) {
		var arr = li.nextSiblings(), 
			ul = new Element('ul');
		ul.addClassName('inner');
		ul.addClassName('hide');			
		for (var i = 0; i < arr.length; i++) {
			if(!$(arr[i]).match('.level3')) break;
			Element.insert(ul, arr[i]);
		}
		if (ul.childNodes.length) {
			Element.insert(li, ul);
		}
		Event.observe(li, 'mouseover', function(e){
			if (withinElement(e, li)) return true;
			$(li).select('ul.inner').each(function(ob){
				$(ob).removeClassName('hide');
			});
			$(li).addClassName('withChildsHover');
			$(li).setStyle({position: 'relative'});
		});
		Event.observe(li, 'mouseout', function(e){
			if (withinElement(e, li)) return true;
			$(li).select('ul.inner').each(function(ob){
				$(ob).addClassName('hide');
			});
			$(li).removeClassName('withChildsHover');
			$(li).setStyle({position: 'static'});
		});
	});
	
	
	
	$$('#dubleMenu li.parent').each(function(li){      
		Event.observe(li, 'mouseover', function(){ 
			$(li).select('ul.inner').each(function(ob){
				$(ob).removeClassName('hide');
			}); 
		});
		Event.observe(li, 'mouseout', function(){ 
			$(li).select('ul.inner').each(function(ob){
				$(ob).addClassName('hide');
			}); 
		});
   });

/*
   hideBgOnLiOver('uznat');  
   hideBgOnLiOver('vibrat'); 
   hideBgOnLiOver('oformit');
*/
}

Event.observe(window, 'load', pageInit);

   function hideBgOnLiOver(hideBg) { 
   	var base = $([hideBg, 'Base'].join(''));
	//alert(hideBg);
   	$$(['#',hideBg,' UL Li'].join('')).each(function(el){
   	
   		if (base.identify() != el.identify) {
   			Event.observe(el, 'mouseover', function (){
   				if (base.tagName=='H3') base.style.backgroundImage = 'none'; 
   				else { 
   					
   					if (el != base) base.childNodes[0].style.backgroundColor = '#f2f8ec';
   				}
   			});
   			Event.observe(el, 'mouseout', function (e){
   				if (base.tagName=='H3') base.style.backgroundImage = 'url("/images/RightColonLiFon.gif")'; 
   				else base.childNodes[0].style.backgroundColor = '';
   			});
   		}
   	});
   }