var tweenerFunction  = function() {
//$('tweener').tween('width', '300px') ;
	$('left').morph('.myClass');
			$('logoleft').morph('.myClass');
	$('logoright').morph('.myClass2');
		$('menuleft').morph('.myClass');
	$('menuright').morph('.myClass2');
		$('infomenuleft').morph('.myClass');
	$('infomenuright').morph('.myClass2');
	//$('ett').morph('.myClasslang');



	$('right').morph('.myClass2');
var ett = new Fx.Morph('ett', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
ett.start('.myClasslang');
//	$('tre').morph('.myClass');
var tre = new Fx.Morph('tre', {duration: 1000, transition: Fx.Transitions.Sine.easeInOut});
tre.start('.myClasslang2');
	$('fem').morph('.myClass');	
	$('sju').morph('.myClass');
	$('nio').morph('.myClass');
	$('elva').morph('.myClass');	
	$('tretton').morph('.myClass');
	$('femton').morph('.myClass');
	//$('tva').morph('.myClass2');
var tva = new Fx.Morph('tva', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
tva.start('.myClass2');
	$('fyra').morph('.myClass2');
	$('sex').morph('.myClass2');
	$('atta').morph('.myClass2');
	$('tio').morph('.myClass2');
	$('tolv').morph('.myClass2');
	$('fjorton').morph('.myClass2');
	$('sexton').morph('.myClass2')	

//	$('mittdiv').tween('width', '270px') ;
}
 
var tweenerGoBack  = function() {
//	$('tweener').tween('width', '0px');
	$('left').morph('.myClassback');	
//	$('ett').morph('.myClassback');
var ettbak = new Fx.Morph('ett', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
ettbak.start('.myClassback');
//	$('tre').morph('.myClassback');
var trebak = new Fx.Morph('tre', {duration: 1000, transition: Fx.Transitions.Sine.easeInOut});
trebak.start('.myClassback');
	$('fem').morph('.myClassback');	
	$('sju').morph('.myClassback');
	$('nio').morph('.myClassback');
	$('elva').morph('.myClassback');	
	$('tretton').morph('.myClassback');
	$('femton').morph('.myClassback');	
	//$('tva').morph('.myClassback2');
var tvabak = new Fx.Morph('tva', {duration: 1000, transition: Fx.Transitions.Sine.easeOut});
tvabak.start('.myClassback');
	$('fyra').morph('.myClassback2');
	$('sex').morph('.myClassback2');
	$('atta').morph('.myClassback2');
	$('tio').morph('.myClassback2');
	$('tolv').morph('.myClassback2');
	$('fjorton').morph('.myClassback2');
	$('sexton').morph('.myClassback2')	
	$('logoleft').morph('.myClassback');
	$('logoright').morph('.myClassback2');
	$('menuleft').morph('.myClassback2');
	$('menuright').morph('.myClassback2');
	$('infomenuleft').morph('.myClassback2');
	$('infomenuright').morph('.myClassback2');
	$('right').morph('.myClassback2');
//	$('mittdiv').tween('width', '230px') ;
}
 
 var tweenHighlight = function(event) {
//	event.target.highlight('#32312e');
	$('mittdiv').highlight('#000000');
}
 
 var closestart = function(event) {
	$('firstvisit').fade('hide');
	$('apDiv1').fade('1');

}
 
window.addEvent('load', function(e) {	
				//domready
//alert("The DOM is ready.");
var el = $('apDiv1');
	$('menuright').addEvent('click', tweenerFunction);
	$('menuleft').addEvent('click', tweenerFunction)
	//$('firstvisit').addEvent('click', el.fade.bind(el, [1]));
	$('firstvisit').addEvent('click', closestart)

		$('apDiv1').fade('1');
	
//	$('stang').addEvent('click', tweenerGoBack);
//$('look').addEvent('mouseover',tweenHighlight);

});