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

			var mySlide = new Fx.Slide('sliderwindow',{wait: false, duration: 1000, mode: 'horizontal', wrapper: 'wrapper'});
      mySlide.hide();


    $('toggle1').addEvent('click', function(e){
	    $('loader').setProperty('src','images/ajax-loader.gif');
		mySlide.slideOut().chain(function(){    
			var url = "about.html";
			new Ajax(url, {
			  method: 'get',
			  update: $('sliderwindow'),
			  onComplete: function() {
			  mySlide.slideIn();
			  $('loader').setProperty('src','images/ajax-static.png');
			        }
			  }).request();
			 })
			});


	$('toggle2').addEvent('click', function(e){
		 $('loader').setProperty('src','images/ajax-loader.gif');
		 mySlide.slideOut().chain(function(){    
			   var url = "portfolio.html";
			   new Ajax(url, {
			       method: 'get',
			       evalScripts: true,
			       update: $('sliderwindow'),
			       onComplete: function() {
			       mySlide.slideIn();
			       $('loader').setProperty('src','images/ajax-static.png');
			          }
			       }).request();
			      })
			     });	


	 $('toggle3').addEvent('click', function(e){
		 $('loader').setProperty('src','images/ajax-loader.gif');
		 mySlide.slideOut().chain(function(){    
				var url = "contact.html";
				new Ajax(url, {
					method: 'get',
					update: $('sliderwindow'),
					onComplete: function() {
					mySlide.slideIn();
					$('loader').setProperty('src','images/ajax-static.png');
						}
					}).request();
				  })
				});
										
	$('toggle4').addEvent('click', function(e){
		 $('loader').setProperty('src','images/ajax-loader.gif');
		 mySlide.slideOut().chain(function(){    
			    var url = "designwhy.html";
				new Ajax(url, {
					method: 'get',
					update: $('sliderwindow'),
					onComplete: function() {
					mySlide.slideIn();
					$('loader').setProperty('src','images/ajax-static.png');
						}
					}).request();
				  })
				});
			  });