document.observe('dom:loaded',function(){
	function set_arial(){
		$$('.teaser-bg h1','.teaser-bg h2').each(function(items){
			items.setStyle({fontSize:'24px',fontFamily:'Arial',fontWeight:'lighter'});
			});
		$$('.slideOut p','.slideOut a','.slideOut h3').each(function(items){
			items.setStyle({fontSize:'12px',fontFamily:'Arial'});
			});
		$$('.text-wrapper p','.text-wrapper a').each(function(items){
			items.setStyle({fontSize:'13px',fontFamily:'Arial'});
			});	
		$$('.slideOut .subtitle').each(function(items){
			items.setStyle({fontWeight:'bold',fontFamily:'Arial'});
			});	
	}
	
	//for safari <5.1
	if (BrowserDetect.browser == 'Safari' && BrowserDetect.version < 5.1) {
		set_arial();
	}
	//for country sites without Ascom font
	if ( (document.URL.search('cn\.') != -1) || (document.URL.search('ru\.') != -1) || (document.URL.search('\.cn') != -1) || (document.URL.search('\.cz') != -1) || (document.URL.search('cz\.') != -1) ) {
		set_arial();
	}


	//start animation
	$('text-start').appear({duration:2.0,delay:2.0});
	new Effect.Move('slideOut-ws', {x:0,y:-145,mode:'relative',duration:0.5,delay:3.0});
	new Effect.Move('slideOut-ws', {x:0,y:+62,mode:'relative',duration:0.5,delay:3.5});
	new Effect.Move('slideOut-nt', {x:0,y:-145,mode:'relative',duration:0.5,delay:3.2});
	new Effect.Move('slideOut-nt', {x:0,y:+62,mode:'relative',duration:0.5,delay:3.7});
	new Effect.Move('slideOut-sc', {x:0,y:-145,mode:'relative',duration:0.5,delay:3.4});
	new Effect.Move('slideOut-sc', {x:0,y:+62,mode:'relative',duration:0.5,delay:3.9});
	//initialize
	var selected_marker = 'none';
	var selected_bg = 'bg-start';
	//helper functions
	function remove_selected (marker) {
		var pos_x = 0;
		if(marker=='slideOut-ws'){pos_x=8;}
		if(marker=='slideOut-nt'){pos_x=224;}
		if(marker=='slideOut-sc'){pos_x=440;}
		if(marker!='none'){
			$(marker).removeClassName('selected');
			$(marker).observe('mouseenter',function(event){new Effect.Move(marker, {x:pos_x,y:155,mode:'absolute',duration:0.2});});
			}
	}
	function z_indexer (selected,actual) {
		if(selected!='bg-start' && actual!='bg-start'){$('bg-start').setStyle({display:'block',zIndex:'8'});}
		if(selected!='bg-ws' && actual!='bg-ws'){$('bg-ws').setStyle({display:'block',zIndex:'8'});}
		if(selected!='bg-nt' && actual!='bg-nt'){$('bg-nt').setStyle({display:'block',zIndex:'8'});}
		if(selected!='bg-sc' && actual!='bg-sc'){$('bg-sc').setStyle({display:'block',zIndex:'8'});}
	}
	
	//observe close button
	$('close-btn').observe('click',function(event){
		Event.stop(event);
		//prepare home
		$('bg-start').setStyle({display:'block',zIndex:'10',opacity:0});
		z_indexer (selected_bg,'bg-start');
		$('text-start').setStyle({display:'block',left:'-500px'});
		
		remove_selected(selected_marker);
		selected_marker = 'none';

		$(selected_bg).setStyle({display:'block',zIndex:'9'});
		selected_bg = 'bg-start';
		
		new Effect.Opacity('bg-start', {from:0,to:1.0,duration:1.2});
		new Effect.Move('text-start', {x:+500,mode:'relative',duration:1.2,delay:0.1});
		
		$('close-btn').hide();
	});
	
	
	//observe ws box
	$('slideOut-ws').observe('mouseenter',function(event){new Effect.Move('slideOut-ws', {x:8,y:155,mode:'absolute',duration:0.2});});
	$('slideOut-ws').observe('mouseleave',function(event){new Effect.Move('slideOut-ws', {x:8,y:217,mode:'absolute',duration:0.2});});
	
	$('slideOut-ws').observe('click',function(event){
		if ($('slideOut-ws').hasClassName('selected')){
			window.location.href='http://www.ascom.com/en/index/group/divisions/wireless-solutions.htm';
			}
		else {
			$('slideOut-ws').addClassName('selected');
			remove_selected(selected_marker);
			selected_marker = 'slideOut-ws';
			new Effect.Move('slideOut-ws', {x:8,y:217,mode:'absolute',duration:0.5});
			$('slideOut-ws').stopObserving('mouseenter');
			z_indexer (selected_bg,'bg-ws');
			$('bg-ws').setStyle({display:'block',zIndex:'10',opacity:0});
			//reset other to nine
			$(selected_bg).setStyle({display:'block',zIndex:'9'});
			selected_bg = 'bg-ws';
			new Effect.Opacity('bg-ws', {from:0,to:1.0,duration:1.2});
			
			$('text-ws').setStyle({display:'block',left:'-500px'});
			new Effect.Move('text-ws', {x:+500,mode:'relative',duration:1.2,delay:0.1});
			$('close-btn').show();
			
			}
		
		
		});
		
	//observe nt box
	$('slideOut-nt').observe('mouseenter',function(event){new Effect.Move('slideOut-nt', {x:224,y:155,mode:'absolute',duration:0.2});});
	$('slideOut-nt').observe('mouseleave',function(event){new Effect.Move('slideOut-nt', {x:224,y:217,mode:'absolute',duration:0.2});});
	
	$('slideOut-nt').observe('click',function(event){
		if ($('slideOut-nt').hasClassName('selected')){
			window.location.href='http://www.ascom.com/en/index/group/divisions/network-testing-home.htm';
			}
		else {
			$('slideOut-nt').addClassName('selected');
			remove_selected(selected_marker);
			selected_marker = 'slideOut-nt';
			new Effect.Move('slideOut-nt', {x:224,y:217,mode:'absolute',duration:0.5});
			$('slideOut-nt').stopObserving('mouseenter');
			z_indexer (selected_bg,'bg-nt');

			$('bg-nt').setStyle({display:'block',zIndex:'10',opacity:0});
			//reset other to nine
			$(selected_bg).setStyle({display:'block',zIndex:'9'});
			selected_bg = 'bg-nt';
			new Effect.Opacity('bg-nt', {from:0,to:1.0,duration:1.2});
			
			$('text-nt').setStyle({display:'block',left:'-500px'});
			new Effect.Move('text-nt', {x:+500,mode:'relative',duration:1.2,delay:0.1});
			$('close-btn').show();
			
			}
		
		
		});
	//observe sc box
	$('slideOut-sc').observe('mouseenter',function(event){new Effect.Move('slideOut-sc', {x:440,y:155,mode:'absolute',duration:0.2});});
	$('slideOut-sc').observe('mouseleave',function(event){new Effect.Move('slideOut-sc', {x:440,y:217,mode:'absolute',duration:0.2});});
	
	$('slideOut-sc').observe('click',function(event){
		if ($('slideOut-sc').hasClassName('selected')){
			window.location.href='http://www.ascom.com/en/index/group/divisions/security-communication-n.htm';
			}
		else {
			$('slideOut-sc').addClassName('selected');
			remove_selected(selected_marker);
			selected_marker = 'slideOut-sc';
			new Effect.Move('slideOut-sc', {x:440,y:217,mode:'absolute',duration:0.5});
			$('slideOut-sc').stopObserving('mouseenter');
			z_indexer (selected_bg,'bg-sc');

			$('bg-sc').setStyle({display:'block',zIndex:'10',opacity:0});
			//reset other to nine
			$(selected_bg).setStyle({display:'block',zIndex:'9'});
			selected_bg = 'bg-sc';
			new Effect.Opacity('bg-sc', {from:0,to:1.0,duration:1.2});
			
			$('text-sc').setStyle({display:'block',left:'-500px'});
			new Effect.Move('text-sc', {x:+500,mode:'relative',duration:1.2,delay:0.1});
			$('close-btn').show();
			
			}
		
		
		});


	
});