window.addEvent('domready', function() {
var scroll = new Fx.Scroll('wrapper', {
wait: false,
transition: Fx.Transitions.Quad.easeInOut
});
$('page1').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.start(0,0);
var current = document.getElementById("page1");
current.innerHTML="![\"1\"](\"portfolio/n_1.png\")
";
var c2 = document.getElementById("page2");
c2.innerHTML="![\"2\"](\"portfolio/n2.png\")
";
var c3 = document.getElementById("page3");
c3.innerHTML="![\"3\"](\"portfolio/n3.png\")
";
});
$('page2').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.start(0,470);
var current = document.getElementById("page2");
current.innerHTML="![\"2\"](\"portfolio/n_2.png\")
";
var c1 = document.getElementById("page1");
c1.innerHTML="![\"1\"](\"portfolio/n1.png\")
";
var c3 = document.getElementById("page3");
c3.innerHTML="";
});
$('page3').addEvent('click', function(event) {
event = new Event(event).stop();
scroll.start(0, 947);
var current = document.getElementById("page3");
current.innerHTML="![\"3\"](\"portfolio/n_3.png\")
";
var c1 = document.getElementById("page1");
c1.innerHTML="";
var c2 = document.getElementById("page2");
c2.innerHTML="";
});
}, 'javascript');