function focusSearchInput(){
	this.removeClass('empty');
}
function blurSearchInput(){
	if(this.value == '')
		this.addClass('empty');
}
function setMaskSizes(){
    if((Browser.Engine.trident && (Browser.Engine.version==4 || Browser.Engine.version==5)) || $('mask').getStyle('display') == 'none'){ return; };//resize only if visible
    var scrollSize = $(window).getScrollSize().y;
    var scrollTop = $(window).getScroll().y;
    var scrollSizeX = $(window).getScrollSize().x;
    var scrollLeft = $(window).getScroll().x;
    $('mask').setStyles({ 'height':scrollSize+scrollTop,'top':-scrollTop,'width':scrollSizeX+scrollLeft,'left':-scrollLeft });
}
function hideMask(){
    this.removeClass('focus');
	if(Browser.Engine.trident && (Browser.Engine.version==4 || Browser.Engine.version==5)) return;

	$('mask').setStyle('display', 'none');
	$('mask').fade('out');
}
function showMask(event){
	this.addClass('focus');
	event.stop();

	if(Browser.Engine.trident && (Browser.Engine.version==4 || Browser.Engine.version==5)) return;
    // set mask	
	$('mask').setStyles({
		zIndex: '19999',
		backgroundColor: '#000000',
		display: 'block'
	});
	$('mask').fade(0.5);
	setMaskSizes();
}

function ddSpecial(id, width, crop, home, location){
	if(!width>0) width = 164;
	if(!crop>0) crop = 20;
	// fast fix... texts can wrap now
	// crop = 1000;
	var ops = $$('#' + id + ' option');
	var lis = '';
	var scrollTop = 0;
	var selectedValue = ' ';
	for(var i = 0; i<ops.length; i++){
		if(ops[i].get('selected'))
			selectedValue = (ops[i].innerHTML.length > crop ? ops[i].innerHTML.substring(0, crop-1)+'...' : ops[i].innerHTML);
		lis += '<li rel="' + i + '">' + ops[i].innerHTML + '</li>';
	}
	new Element('div', {
			'id': 'moo-dd-' + id,
			'class':'moo-dd',
			html:'<a href="#" class="moo-dd-selector">' + selectedValue + '</a>'
				+ '<div id="moo-dd-inner-' + id + '" class="moo-dd-inner"><div class="scroll"><div class="scroll-inner"><ul>'
				+ lis
				+ '</ul></div></div></div>'
		}
	).inject($(id).getParent());
	$(id).setStyles({
		'position':'absolute',
		'top': -5000
	});
	var h = 150;
	if(home)
		h = (ops.length > 8) ? 200 : (25 * ops.length + 4);
	$$("#moo-dd-inner-" + id + " .scroll").setStyles({
		'overflow':'auto',
		'height': h,
		'width':width
	});
	
	$$(".scroll-inner").setStyles({
		'width':width-18
	});
	var acc = new Accordion($('moo-dd-' + id), 'a.moo-dd-selector', 'div.moo-dd-inner', {
		opacity: false,
		trigger: 'click',
		show: -1,
		alwaysHide: true
	});
	$$('#moo-dd-' + id + ' a.moo-dd-selector').addEvent('click', function(){
		return false;
	});
	$$('#moo-dd-' + id + ' li').addEvent('click', function(){
		var a_selector = $$('#moo-dd-' + id + ' a.moo-dd-selector');
		var a_s = a_selector[0];
		a_s.set('text', (this.innerHTML.length > crop ? this.innerHTML.substring(0, crop-1)+'...' : this.innerHTML));
		acc.display(-1);
		$(id).selectedIndex = this.getAttribute('rel');
		if(location)
			window.location = location + $(id).options[$(id).options.selectedIndex].get('value');
	});
}

function goThere(location)
{
	window.location = '/about/choosecountry.aspx?country='+location;	
}

function ddSpecialHome(id, width, crop){
	return ddSpecial(id, width, crop, true, '/about/choosecountry.aspx?country=');
}

window.addEvent('domready', function() {
	// tell css that js is ON
	$$('body').removeClass('JSOFF');
	
	// search text
	$$("#q").addEvent('focus', focusSearchInput);
	$$("#q").addEvent('blur', blurSearchInput);
	blurSearchInput();
	
	try{
		if($("q").value == '')
			$("q").addClass('empty');
	}catch(e){;}
	
	// we need to add the focus class to some elements
    handleFocusEventClass("a, #mega-about .block, #mega-training .block, #mega-community .block, .moo-dd-inner li, .list-2 li.community, .list-2 li.about, .list-2 li.training");	
	
	$$("#menu-about").addEvent('mouseenter', showMask);
	$$("#menu-about").addEvent('mouseleave', hideMask);
	$$("#menu-training").addEvent('mouseenter', showMask);
	$$("#menu-training").addEvent('mouseleave', hideMask);
	$$("#menu-community").addEvent('mouseenter', showMask);
	$$("#menu-community").addEvent('mouseleave', hideMask);
	
	try{
		if(!(Browser.Engine.trident && (Browser.Engine.version==4 || Browser.Engine.version==5)))
			$('mask').fade('out');
		else
			$('mask').setStyle('display', 'none');
	}catch(e){;}
	
	try{
	    document.getElementsByTagName('html')[0].style.overflowY = 'scroll';
	    document.getElementsByTagName('html')[0].style.overflow = '-moz-scrollbars-vertical';
	    document.getElementsByTagName('html')[0].style.overflowX = 'auto';
	}catch(e){;}

	var menu = $$("#left-nav ul");
	if(menu.length > 0){
		var els = $$("a.acc-category");
		var start_show = 0;
		for(var i=0; i<els.length; i++){
			els[i].addEvent('click', function(event){event.stop(); return false;})
			if(els[i].hasClass('show')){
				start_show = i;
			}
		}
		var myAccordion = new Accordion(menu[0], 'a.acc-category', 'div.acc-element', {
			opacity: false,
			trigger: 'click',
			show: start_show,
			onActive: function(toggler, element){
				toggler.getParent('li').addClass('active');
			},
			onBackground: function(toggler, element){
				toggler.getParent('li').removeClass('active');
			}
		});
	}

	$$('ul.accordion li').each(function(el, i){
        el.getElements('div.accordion-content').each(function(div, ii){
			var mySlide = new Fx.Slide(div);

			el.getElements('h4.accordion-header').each(function(h4, iii){
				h4.addEvents({
					'click': function(){
						mySlide.toggle();
						if(el.hasClass('active')) {
							el.removeClass('active');
							if (el.getElements('embed').length != 0) {
								document.getElementsByTagName('embed')[0].className = 'show';
							}
						}
						else 
						{
							el.addClass('active');
							if (el.getElements('embed').length != 0) {
								document.getElementsByTagName('embed')[0].className = 'hide';
							}
						}
					}
				});
				if(i > 0){
					mySlide.toggle();
					el.addClass('active');
				}
			});
		});
	});
	$$('input[type=radio]').each(function(el, i){
		var span = new Element('div', {
			'class':(el.checked?'radio':'radio_off')
		});
		el.grab(span, 'before');
		el.setStyle('display', 'none');
		var lbl = el.getNext('label');
		lbl.addClass('fake_radio');
		lbl.addEvent('click', function(ev){
			$$('input[type=radio]').each(function(el_, ii){
				if(el_.get('name') == el.get('name') && el_ != el){
					var d = el_.getPrevious('div');
					d.addClass('radio_off'); 
					d.removeClass('radio');
				}
			});
			span.addClass('radio'); span.removeClass('radio_off');
		});
		span.addEvent('click', function(ev){
			el.set("checked", "checked");
			$$('input[type=radio]').each(function(el_, ii){
				if(el_.get('name') == el.get('name') && el_ != el){
					el_.set("checked", "");
					var d = el_.getPrevious('div');
					d.addClass('radio_off'); 
					d.removeClass('radio');
				}
			});
			span.addClass('radio'); span.removeClass('radio_off');
			ev.stop();
		});
	});
	
	// this is for IE!
	// we have to force the click to work
	$$('div.block a.block-link').each(function(el, i){
		el.getParent('div.block').addEvent('click', function(ev){
			window.location = el.href;
		});
		el.getParent('div.block').addEvent('click', function(ev){
			window.location = el.href;
		});
	});
	
	
	$$('body').addEvent('click', function() {
		$$('.moo-dd-inner').each(function(el, i){
			if(parseInt(el.getStyle('height')) != 0){
				el.getPrevious('a.moo-dd-selector').fireEvent('click');
			}
		});
	});
				
	$$('.select').addEvents(
	{  	
    	'click' : function(e) {
            $$(".select").toggleClass("menu-open");
    		$$("fieldset#country_menu").toggle();
        } 	
	});

	
});

//reset overlay height and position onResize
window.addEvent('resize',function(){
    setMaskSizes();
});

function imageOne(){
	$('switcherImageOne').setStyle('display','block');
	$('switcherImageTwo').setStyle('display','none');
	$('switcherImageThree').setStyle('display','none');
}

function imageTwo(){
	$('switcherImageOne').setStyle('display','none');
	$('switcherImageTwo').setStyle('display','block');
	$('switcherImageThree').setStyle('display','none');
}

function imageThree(){
	$('switcherImageOne').setStyle('display','none');
	$('switcherImageTwo').setStyle('display','none');
	$('switcherImageThree').setStyle('display','block');	
}