window.addEvent('domready', function() 
{
	//VARIABILI
	var	width	=	window.screen.width;
	var height	=	window.screen.height;
	var	MenuFx =	new Fx.Morph('menuBg', {duration: '750', transition: Fx.Transitions.Linear});
	var cntnrHght	=	(height*0.38);
	var	accLoc	=	$$('div.accordion');
	var toggler	=	$$('h1.handler');
	var	contain	=	$$('div.Container');
	var frstLnk	=	$('menuBg').getElement('h1[id=home]');
	var frstKnt =	$('master').getElement('div[id=home]');
	var	newX	=	parseFloat(frstLnk.getPosition().x) + (((parseFloat(width))*8)/100);
	var	acc = new Accordion(toggler, contain, {height:	false, width:	true, opacity:	true});
	function myMorph(element, values){
		//some effect code		 
	}
	//agggiungo i dati al primo elemento
	var firstElement	=	$('master').getElements('div[id=home]');
		firstElement.set('load', {method:'get'});
		firstElement.load('home.html');
	//parte l'effetto sul menu
	MenuFx.start({'height':	[0, height]});	//effetto discendente su menuBg
	//setto dinamicamente la posizione dell'accordion rispetto al primo dei link menu
	accLoc.setPosition({x	:	newX, y	:	frstLnk.getPosition().y});	//setto la posizione dell'accordion
	//Aggiunta di eventi ai toggler dell'accordion, gli h1 di menuBg
	toggler.addEvents({
		'mouseenter'	:	function()	{
			this.setStyles({
				color				:	'#ffcc00',
				cursor				:	'pointer',
				'background-color'	:	'#FF6600',
				opacity				:	0.8,
				'text-shadow'		:	'2px 1px 1px #000000'
			});						   
		},
		'mouseleave'	:	function()	{
			this.setStyles({
				color				:	'#ffffff',
				'background-color'	:	'',
				opacity				:	1,
				'text-shadow'		:	'1px 1px 1px #FF6600'
			});
		},
		'click'	:	function()	
		{
			var el	=	$('master').getElements('div[id='+this.getProperty('id')+']');
			var elID	=	el.getProperty('id');
			if(elID != 'menu')	{
				if($chk($('myMenu'))){
					myMenuFX = new Fx.Morph($('myMenu'),	//scomparsa menu
					{
						duration	:	'short',
						transition	:	'linear',
						link		:	'chain',
						fps			:	30
					}).start({'width'	:	0, 'display'	:	'none'});
					//$('myMenu').dispose();
					el.set('load', {method:	'get', evalScripts	:	true});
					el.load(elID+'.html');
				}	else	{
					el.set('load', {method:	'get', evalScripts	:	true});
					el.load(elID+'.html');
				}
			} else {
				if($chk($('myMenu'))){
					if($('myMenu').getStyle('width') == '0px'){
						var myMenuWidth	=	parseInt($('menuBg').getStyle('width'));
						var myMenuPosition	=	parseInt($('menuBg').getStyle('width'))+(width*0.06);
						myMenuFX = new Fx.Morph($('myMenu'),	//comparsa menu
						{
							duration	:	'short',
							transition	:	'linear',
							link		:	'chain',
							fps			:	30
						}).start({'width'	:	myMenuWidth, 'display'	:	'block'});
					} else {
						//do nothing, it exist and it's already visible
					}
				} else {
					var myMenuWidth	=	parseInt(width)*0.08;
					var myMenuPosition	=	(parseInt(width)*0.08)+(width*0.06);
					var myMenu = new Element('div', {
						'class'	:	'myMenu',
						'id'	:	'myMenu',
						'html'	:	'',
						'styles': {
							'opacity'	:	0.9,
							'position'	:	'absolute',
							'z-index'	:	'2',
							'background'	:	'#FFFFFF',
							'border-right'	:	'3px solid #000000',
							'border-left'	:	'1px solid #000000',
							'left'	:	myMenuPosition,
							'top'	:	0,
							'height'	:	'100%',
							'width'	:	0
						},
						'events': {
							'click': function(){
								
							},
							'mouseover': function(){
								//do nothing
							}
						}
					});
					myMenu.set('load', {method:	'get', evalScripts	:	true});
					myMenu.load('menuList.html');
					myMenu.inject($('mainBody'));
					myMenuFX = new Fx.Morph(myMenu,	//comparsa menu
					{
						duration	:	'short',
						transition	:	'linear',
						link		:	'chain',
						fps			:	30
					}).start({'width'	:	myMenuWidth});
					el.set('load', {method:	'get', evalScripts	:	true});
					el.load(elID+'.html');
				}				
			}
		}
	});
	appear = new Fx.Morph(frstKnt,	//dichiarazione dell'effetto iniziale
	{
		duration	:	500,
		transition	:	'linear',
		link		:	'chain',
		fps			:	30
	}).start(0).wait(10).start(100);
	appear.start({
		'height'	:	cntnrHght,
		'opacity'	:	0.5,
		'width'		:	((parseInt(width))*0.86)
	});
	acc.addEvents({
		'active': function(hdl, el) {
			appear = new Fx.Morph(el,
			{
				duration	:	'short',
				transition	:	'linear',
				link		:	'chain',
				fps			:	30
			}).start(0).wait(50).start(100);
			appear.start({
				height	:	cntnrHght,
				opacity	:	0.5,
				width	:	((parseInt(width))*0.85)
			});
			
		},
		'background': function(hdl, el) {
			disappear = new Fx.Morph(el,
			{
				duration		:	'short',
				transition		:	'linear',
				link			:	'chain',
				fps				:	30
			}).start(0).wait(50).start(100);
			disappear.start({
				height	:	cntnrHght,
				opacity	:	0,
				width	:	0
			});
		}
	});
}); //CHIUDE DOMREADY