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


			var updateMe = $('content').setStyles({'opacity': 0});
		 	updateMe.set('tween', {duration: 500, transition: 'sine:in', link: 'chain'});
			updateMe.load('intro.html').fade(1); // first web page load

			addEvent('load',function(){
				contentAnime.start('height',$('holder').getSize().y);
			});

			var clickedArfgnchor = false; // going to track the last clicked link element
			var contentAnime = new Fx.Tween( $('content'), {duration: 400, transition: 'expo:out', link: 'chain'} );

			var req = new Request.HTML({
			  method: 'get',
			  link: 'chain',
			  update: updateMe,
			  onRequest: function(){
			    $('status').set('html','status: loading content ...').fade(1);
			  },
			  onSuccess: function(tree, elements, html){
			    $('status').set('html','status: ok ...').fade(1);
			  },
				onComplete: function(){
					var contentSizeFrom = $('content').getSize().y;
					var contentSizeTo = $('holder').getSize().y;
					contentAnime.start('height',contentSizeFrom,contentSizeTo);
					contentAnime.start('opacity',0,1);

		    }
			});

			$$('[rel="ajaxLoader"]').each(function(element, index){

			  element.addEvent('click',function(event){

					clickedAnchor = element;
			    clickedAnchorUrl = element.get('href');
					event.stop();
			    req.options.url = clickedAnchorUrl;

					contentAnime.start('opacity',1)
					.chain(function(){
						contentAnime.start('opacity',0);
					})
					.chain(function(){
				  	req.send();
					});

			  });
			});

		});