if (document.images)
{
  pic1= new Image(347,33); 
  pic1.src="i/n/archives2.png";
  pic2= new Image(147,25); 
  pic2.src="i/n/searchbar.png"; 
}

function myPopup() {
window.open( "img/extras/pilot.png", "myWindow", 
"status = 1, height = 700, width = 800, resizable = 1, location  =  0" )
}

window.addEvent('domready', function() {
	var abox = new Fx.Morph('archiveslist', {duration: 750, transition: Fx.Transitions.Expo.easeInOut});
	var arch1 = new Fx.Morph('archives', {duration: 750});
	var arch2 = new Fx.Morph('archives2', {duration: 750});
  	
	$('archives').addEvent('click', function(e) {
	e.stop();
	arch1.start({'display': 'none'});
	arch2.start({'display': ''});
	abox.start({'margin-top': 0});
	});

	$('archives2').addEvent('click', function(e) {
	e.stop();
	arch1.start({'display': ''});
	arch2.start({'display': 'none'});
	abox.start({'margin-top': 300});
	});
	
	myTable = new sortableTable('myTable', {overCls: 'over', onClick: function(){alert(this.id)}});

//Slider
	var du = $('scrollbg'),
		lijstje = $('dalist');
	
	new Slider(du, du.getElement('.scroller'), {
		range: [0,1000],
		snap: true,
		mode: 'vertical',
		onChange: function(value){
			// Everytime the value changes, we change the font of an element
			lijstje.setStyle('margin-top', (0-value));
		}
	});

//Slides
	var xtraSlide = new Fx.Slide('xtratab', {duration: 800, transition: Fx.Transitions.Cubic.easeInOut}).hide();
 	$('toggle').addEvent('click', function(e){e = new Event(e);	xtraSlide.toggle();	e.stop();});
	
	var wall1Slide = new Fx.Slide('wallpaper1', {duration: 200, transition: Fx.Transitions.Cubic.easeInOut}).hide();
 	$('walltoggle').addEvent('click', function(e){e = new Event(e);	wall1Slide.toggle();	e.stop();});
});