// include JS files
//
if(Browser.Engine.trident4){
	document.write('<script type=\"text\/javascript\" src=\"js/images_hover_pngfix.js\"><\/script>');	
}

window.addEvent("domready", function(){
});
//
window.addEvent("load", function(){
	new Menu();
	seletLanguage();
});
/*
*
*	selet Language
*
*/
function seletLanguage(){
	var forceHide = false;
	var select = $$('p.chooseCountry')[0];
	var content = $$('div.chooseFlag')[0]
	if(!select | !content) {return;}
	var myFx = new Fx.Tween(content, {duration: 500,
		onComplete: function(){
			if(forceHide){
				content.setStyles({
					'visibility' : 'hidden'
				});
			}
		}
	});
	
	///////////////////////////////////////
	content.getElement('ul').addEvents({
		'mouseenter': function(e){
			e.stop();
			forceHide = false;			
		},
		'mouseleave': function(e){
			e.stop();
			forceHide = true;
			hideContent();
		}
	});
	///////////////////////////////////////
	select.getElement('a').addEvents({
		'click': function(e){
			e.stop();
			forceHide = false;
			content.setStyles({
				'visibility' : 'visible'			
			});
			myFx.start("height", content.getElement('ul').getCoordinates().height);
		},
		'mouseleave': function(e){
			e.stop();
			forceHide = true;
			hideContent();
		}
	});
	////////////////////////////////////
	function hideContent(){
		
			setTimeout(function(){
				if(forceHide){
					myFx.start("height", 0);
				}
			}, 200);
		
	}
	setTimeout(hideContent, 500);
}

/*
*
*	Main Menu
*
*/
var Menu = new Class({
	Implements: [Options],	
	options: {
		showUl: new Array(),		
		activeLi: new Array(),
		_left: null,
		_top: null,
		_height: new Array()
		
	},	
	initialize: function(options){		
		this.setOptions(options);		
		
		this.initMenu();
	},
	initMenu: function(){
		this.showUl = false;
		this._height = 0;
		
		var container = $('lev1');
		if(!container){
			return;
		}
		////////////////
		var _self = this;
		var arrLinks = container.getChildren();
		//Check Active Menu
		arrLinks.each(function(item, i){			
			if(item.getElements('a')[0].hasClass('active')){				
				_self.options.activeLi[i] = true;
				item.getElements('img')[0].onmouseover = null;
				item.getElements('img')[0].onmouseout = null;
			} else {
				_self.options.activeLi[i] = false;
			}
		});
		//Add Event for each Menu
		arrLinks.each(function(li, index){
			var link = li.getChildren();			
			link.addEvents({
				'mouseenter': function(e){
					e.stop();
					_self.options.showUl[index] = true;					
					_self.showSubMenu(this, index);
					that  = this;	
					if(this.getNext()){					
						this.getNext().addEvents({
							'mouseenter': function(e){								
								_self.options.showUl[index] = true;
								if(that.getPrevious()){
									that.getPrevious().getElements('img')[0].src = that.getPrevious().getElements('img')[0].src.replace('_n.gif', '_a.gif');
								} else {
									that.getElements('img')[0].src = that.getElements('img')[0].src.replace('_n.gif', '_a.gif');
								}
							},
							'mouseleave': function(e){								
								_self.options.showUl[index] = false;								
								_self.hideSubMenu(this.getPrevious(), index);
							}
						});
					}
				},
				'mouseleave': function(e){
					e.stop();
					_self.options.showUl[index] = false;					
					_self.hideSubMenu(this, index);					
				}
			});	
		});
		//////////////////////////////	
	},
	showSubMenu: function(subMenu, index){
		var _self = this;
		var left = -20;
		var top = 16;
		if(Browser.Engine.trident4){			
			left = -20;
			top = 16;
		} else if (Browser.Engine.trident5){
			left = -20;
			top = 16;
		}
		//_self._top = subMenu.getParent().getCoordinates().top ;	
		//_self._left = subMenu.getParent().getCoordinates().left.toInt() - temp;		
		if(subMenu.getNext()){			
			if(subMenu.getElements('img')[0].src){
				subMenu.getElements('img')[0].src = subMenu.getElements('img')[0].src.replace('_n.gif', '_a.gif');
			}
			_self.options._height[index] = subMenu.getNext().getCoordinates().height;			
			subMenu.getNext().setStyles({
				'display': 'block',				
				'top': top,
				'left': left
			});
		}
	},
	//
	hideSubMenu: function(subMenu, index){
		var _self = this;		
		setTimeout(function(){
			if(!_self.options.showUl[index]){				
				if(_self.options.activeLi[index]){					
					if(subMenu.getPrevious()){
						subMenu.getPrevious().getElements('img')[0].src = subMenu.getPrevious().getElements('img')[0].src.replace('_a.gif', '_n.gif');
					} 
				} else {
						if(subMenu.getPrevious()){
							subMenu.getPrevious().getElements('img')[0].src = subMenu.getPrevious().getElements('img')[0].src.replace('_a.gif', '_n.gif');				
						}
				}
				if(subMenu.getNext()){
					subMenu.getNext().setStyles({
						'display': 'none',						
						'left': -1500
					});
				} 
			}
		},1);
	}	
});