/* xelos.net splitter */



document.observe('dom:loaded',function(){
	$$('div.head').invoke('hide');
	var left = $('center').down('div.splash div.left');
	var right = $('center').down('div.splash div.right');
	var left_info = $('center').down('div.info div.left');
	var right_info = $('center').down('div.info div.right');
	var c = 0,last = false;
	left.onmouseover = function(){
		if(c>5){
			$$('h2').invoke('update',"Blau oder Grün - so langsam müssten Sie sich schon entscheiden :-)");
		}
		
		if (last =='right'){c++;}	last = 'left';
		right.morph('opacity:0.5',{duration:0.3});
		left.morph('opacity:1',{duration:0.3});
		
		//Show Tabs
		Effect.multiple(left_info.select('div.nav a'),function(el,o){
			var q_scope = 'l' + el.up('li').className;
			Effect.Queues.get(q_scope).invoke('cancel');	
			new Effect.Morph(el,{
				style: 'left:0px',
				duration: 0.6,
				transition: Effect.Transitions.spring,
				queue: {
					position: 'end', scope: q_scope, limit:1
				},
				delay: o.delay
			});
		},{speed:0.05});
		
		//Hide Tabs
		right_info.select('div.nav a').each(function(el){
			var q_scope = 'r' + el.up('li').className;	
			Effect.Queues.get(q_scope).invoke('cancel');
			new Effect.Morph(el,{
				style: 'left:-120px',
				duration: 0.6,
				transition: Effect.Transitions.spring,
				queue: {
					position: 'end', scope: q_scope
				}
			});
		});
	};
	
	right.onmouseover = function(){
		if (last =='left'){c++;}	last = 'right';
		right.morph('opacity:1',{duration:0.3});
		left.morph('opacity:0.5',{duration:0.3});
		
		//Show Tabs
		Effect.multiple(right_info.select('div.nav a'),function(el,o){
			var q_scope = 'r' +  el.up('li').className;
			Effect.Queues.get(q_scope).invoke('cancel');	
			new Effect.Morph(el,{
				style: 'left:0px',
				duration: 0.6,
				transition: Effect.Transitions.spring,
				queue: {
					position: 'end', scope: q_scope, limit:1
				},
				delay: o.delay
			});
		},{speed:0.05});
		
		//Hide Tabs
		left_info.select('div.nav a').each(function(el){
			var q_scope = 'l' +  el.up('li').className;	
			Effect.Queues.get(q_scope).invoke('cancel');
			new Effect.Morph(el,{
				style: 'left:120px',
				duration: 0.6,
				transition: Effect.Transitions.spring,
				queue: {
					position: 'end', scope: q_scope
				}
			});
		});
	};
	
	//Single Tab Effects
	left_info.select('div.nav a').each(function(el){
		el.onmouseover = function(e){
			var q_scope = 'l' + this.up('li').className;
			Effect.Queues.get(q_scope).invoke('cancel');
			new Effect.Morph(this,{
				style: 'left:-100px',
				duration: 0.6,
				transition: Effect.Transitions.spring,
				queue: {
					position: 'end', scope: q_scope, limit: 1
				}
			});
		}.bind(el);
		el.onmouseout = function(e){
			var q_scope = 'l' + this.up('li').className;
			Effect.Queues.get(q_scope).invoke('cancel');
			new Effect.Morph(this,{
				style: 'left:0px',
				duration: 0.5,
				queue: {
					position: 'end', scope: q_scope, limit: 1
				}
			});
		}.bind(el);
	});
	
		//Single Tab Effects
	right_info.select('div.nav a').each(function(el){
		el.onmouseover = function(e){
			var q_scope = 'r' + this.up('li').className;
			Effect.Queues.get(q_scope).invoke('cancel');
			new Effect.Morph(this,{
				style: 'left:100px',
				duration: 0.6,
				transition: Effect.Transitions.spring,
				queue: {
					position: 'end', scope: q_scope, limit: 1
				}
			});
		}.bind(el);
		el.onmouseout = function(e){
			var q_scope = 'r' + this.up('li').className;
			Effect.Queues.get(q_scope).invoke('cancel');
			new Effect.Morph(this,{
				style: 'left:0px',
				duration: 0.5,
				queue: {
					position: 'end', scope: q_scope, limit: 1
				}
			});
		}.bind(el);
	});
});