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

var scroll = new Fx.Scroll('content', {
wait: false,
duration: 5000,
offset: {'x': 0, 'y': 0},
transition: Fx.Transitions.Quad.easeInOut
});

scroll.toElement('r0b');

$('begin').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('r0b');
});

$('hidemessage').addEvent('click', function(event) {
event = new Event(event).stop();
$('firefox').setStyle("display", "none");
});

$('portrait').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('r0a');
});

$('plasters').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('r-2c');
$('portrait').setStyle("display", "none");
});

$('egghorsehead').addEvent('click', function(event) {
event = new Event(event).stop();
var url = "space-2.html";
$('r0a').setStyle("display", "none");
new Ajax(url, {
		method: 'get',
		evalScripts: true,
		update: $('sp2ajax')
	}).request();
scroll.toElement('sp2');
});

$('space2button').addEvent('click', function(event) {
event = new Event(event).stop();
var url = "space-1.html";
$('space2button').setStyle("display", "none");
$('egg-horse').setStyle("display", "none");
new Ajax(url, {
		method: 'get',
		evalScripts: true,
		update: $('sp1ajax')
	}).request();
scroll.toElement('sp1');
});

$('space1button').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('r0c');
var url = "shoe.html";
$('sp2ajax').empty();
new Ajax(url, {
		method: 'get',
		evalScripts: true,
		update: $('shoeajax')
	}).request();

});

$('shoebutton').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.toElement('r0b');
var url = "portrait2.html";
$('starsextra').setStyle("display", "none");
$('sp1ajax').empty();
$('r0bajax').setStyle("display", "block");
$('portrait2button').setStyle("display", "block");
new Ajax(url, {
		method: 'get',
		evalScripts: true,
		update: $('r0bajax')
	}).request();
});

$('portrait2button').addEvent('click', function(event) {
event = new Event(event).stop();
$('ghost').setStyle("display", "block");
$('ghostbutton').setStyle("display", "block");
});


$('photo1').makeDraggable();
$('postcard').makeDraggable();
$('notepaper').makeDraggable();
$('space1plasterM').makeDraggable();
$('space1plasterL').makeDraggable();

var roll = $$('.rollover');
roll.each(function(element) {
var fx = new Fx.Styles(element, {duration:300, wait:false});
element.addEvent('mouseenter', function(){
fx.start({
'opacity': 0.001
});
});
element.addEvent('mouseleave', function(){
fx.start({
'opacity': 1
});
});
 
});

});

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

document.getElementById("loading").style.display = "none";

});