// animation banner homepage --------------------------------------------------------------------------------------

window.addEvent('domready', function() {

	// define variables
	var solutions = $$('#solutions-list li');
	var boxes = $$('.item');

	boxes.set('styles', {
		'display': 'none',
		'opacity': 0,
		'left': 470
	});
	
	// define backgroud boxes
	var mydiv = new Element('li').addClass('bgbox');
	$$('.animation ul').grab(mydiv);
	
	mydiv.set('styles', {
		'display': 'none',
		'opacity': 0,
		'left': 470
	});

	solutions.each(function(el) {
				
		// define variables
		var target = el.className;
		
		// on mouse over
		el.addEvent('mouseover', function(){
			
			// reset all
			boxes.set('morph', {duration:10, transition:Fx.Transitions.Expo.easeOut});
			boxes.morph({
				'display': 'none',
				'opacity': 0,
				'left': 470
			});		
			
			// reset bgbox
			mydiv.set('morph', {duration:10, transition:Fx.Transitions.Expo.easeOut});
			mydiv.morph({
				'display': 'none',
				'opacity': 0
			});

			// hide world 3d
			$$('.default').set('styles', {
				'display': 'none'
			});
			
			// animation current element
			$$('.animation ul li.' + target).set('morph', {duration:1500, transition:Fx.Transitions.Expo.easeOut});
			$$('.animation ul li.' + target).morph({
				'display': 'block',
				'opacity': 1,
				'left': 605
			});
			
			// animation bgbox
			mydiv.set('morph', {duration:2000, transition:Fx.Transitions.Expo.easeOut});
			mydiv.morph({
				'display': 'block',
				'opacity': 1
			});
			
		});
		
		// on mouse out
		el.addEvent('mouseout', function(){
		
			// hide world 3d
			$$('.default').set('styles', {
				'display': 'block'
			});
			
			// animation current element
			$$('.animation ul li.' + target).set('morph', {duration:10, transition:Fx.Transitions.Expo.easeOut});
			$$('.animation ul li.' + target).morph({
				'display': 'none',
				'opacity': 0,
				'left': 470
			});

			// animation bgbox
			mydiv.set('morph', {duration:10, transition:Fx.Transitions.Expo.easeOut});
			mydiv.morph({
				'display': 'none',
				'opacity': 0
			});
		
		});
	
	}); 

});

// display sub navigation

window.addEvent('domready', function() {
	var nav = $$('#navigation li');
	nav.each(function(el) {
		el.addEvent('mouseover', function(){
			el.getElements('ul').set('styles', {
				'display': 'block'
			});
		});
		el.addEvent('mouseout', function(){
			el.getElements('ul').set('styles', {
				'display': 'none'
			});
		});
	});
});

// display country
window.addEvent('domready', function() {
	
	
	var links = $$('#navlinks li a');
	var contents = $$('#linkscontent');
	
	$$('#linkscontent div').each(function(element){
		element.set('styles', {
			'background': '#fff',
			'display': 'none'
		});
	});
	
	links.each(function(element) {
		element.addEvent('click', function(event){
			contents.getElements('div').each(function(element){
				element.set('styles', {
					'display': 'none'
				});
			});
			//e = new Event(event).stop();
			var tmp = this.href.split('#')[1];
			//alert(tmp);
			contents.getElement('#'+tmp).set('styles', {
				'opacity': 0,
				'display': 'block'
			});
			contents.getElement('#'+tmp).set('morph', {duration: 2000, transition: Fx.Transitions.Quad.easeOut});
			contents.getElement('#'+tmp).morph({'opacity': 1});
			
			
		});
	});
	
	
	<!-- check url to display anchor box -->
	
	function init()
	{
		if(location.href.split('#')[1] && location.href.split('#')[1] != "top")
		{
			contents.getElements('div').each(function(element){
					element.set('styles', {
						'display': 'none'
					});
				});
			//e = new Event(event).stop();
			var tmp = location.href.split('#')[1];
			//alert(tmp);
			contents.getElement('#'+tmp).set('styles', {
				'display': 'block'
			});
		}
	}
	
	init();
	
});