window.addEvent('domready', function(){ 
// Declaring increment vars 
var interval;

var left2 = $('slider-buttons');
var right2 = $('slider-buttons2');
var totIncrement = 0;
var PortfolioItem = 1;
var increment = 452;
var maxRightIncrement = increment*(-9);
// FX var 
if (PortfolioItem == 1) { 
setTimeout(left2.fade.bind(left2, [0]),0);
}

var fx = new Fx.Tween($('slider-list'), {duration: 500, transition: Fx.Transitions.linear});

    $('previous').addEvent('click', function() {
        if(totIncrement < 0) {
			clearInterval(interval);
			interval = setInterval(nextone,10000);	
            totIncrement += increment;
            fx.start('margin-left', totIncrement);
		    PortfolioItem = PortfolioItem -1;
			var element = document.getElementById('site_name'); 
            var oude_tekst = element.firstChild; 
            var nieuwe_tekst = document.createTextNode(quote[PortfolioItem]); 
            element.replaceChild(nieuwe_tekst, oude_tekst)
			var element = document.getElementById('site_year'); 
            var oude_tekst = element.firstChild; 
            var nieuwe_tekst = document.createTextNode(siteyear[PortfolioItem]); 
            element.replaceChild(nieuwe_tekst, oude_tekst)
			var element = document.getElementById('site_text'); 
            var oude_tekst = element.firstChild; 
            var nieuwe_tekst = document.createTextNode(sitetext[PortfolioItem]); 
            element.replaceChild(nieuwe_tekst, oude_tekst)
			if (PortfolioItem == 1) { 
setTimeout(left2.fade.bind(left2, [0]),0);
}
			if (PortfolioItem != 1) { 
setTimeout(left2.fade.bind(left2, [1]),0);
}
if (PortfolioItem == 10) { 
setTimeout(right2.fade.bind(right2, [0]),0);
}
if (PortfolioItem != 10) { 
setTimeout(right2.fade.bind(right2, [1]),0);
}
		}
		
    });

    $('next').addEvent('click', function() {
        if(totIncrement > maxRightIncrement) {
			clearInterval(interval);
			interval = setInterval(nextone,10000);	
            totIncrement -= increment;
            fx.start('margin-left', totIncrement);
			PortfolioItem = PortfolioItem +1;
			var element = document.getElementById('site_name'); 
            var oude_tekst = element.firstChild; 
            var nieuwe_tekst = document.createTextNode(quote[PortfolioItem]); 
            element.replaceChild(nieuwe_tekst, oude_tekst)
			var element = document.getElementById('site_year'); 
            var oude_tekst = element.firstChild; 
            var nieuwe_tekst = document.createTextNode(siteyear[PortfolioItem]); 
            element.replaceChild(nieuwe_tekst, oude_tekst)
			var element = document.getElementById('site_text'); 
            var oude_tekst = element.firstChild; 
            var nieuwe_tekst = document.createTextNode(sitetext[PortfolioItem]); 
            element.replaceChild(nieuwe_tekst, oude_tekst)
			if (PortfolioItem == 1) { 
setTimeout(left2.fade.bind(left2, [0]),0);
}
			if (PortfolioItem != 1) { 
setTimeout(left2.fade.bind(left2, [1]),0);
}
if (PortfolioItem == 10) { 
setTimeout(right2.fade.bind(right2, [0]),0);
clearInterval(interval);
}
if (PortfolioItem != 10) { 
setTimeout(right2.fade.bind(right2, [1]),0);
}
        }
    });



interval = setInterval(nextone,10000);	

function nextone(){

           if(totIncrement > maxRightIncrement) {
            totIncrement -= increment;
            fx.start('margin-left', totIncrement);
			PortfolioItem = PortfolioItem +1;
			var element = document.getElementById('site_name'); 
            var oude_tekst = element.firstChild; 
            var nieuwe_tekst = document.createTextNode(quote[PortfolioItem]); 
            element.replaceChild(nieuwe_tekst, oude_tekst)
			var element = document.getElementById('site_year'); 
            var oude_tekst = element.firstChild; 
            var nieuwe_tekst = document.createTextNode(siteyear[PortfolioItem]); 
            element.replaceChild(nieuwe_tekst, oude_tekst)
			var element = document.getElementById('site_text'); 
            var oude_tekst = element.firstChild; 
            var nieuwe_tekst = document.createTextNode(sitetext[PortfolioItem]); 
            element.replaceChild(nieuwe_tekst, oude_tekst)
			if (PortfolioItem == 1) { 
setTimeout(left2.fade.bind(left2, [0]),0);
}
			if (PortfolioItem != 1) { 
setTimeout(left2.fade.bind(left2, [1]),0);
}
if (PortfolioItem == 9) { 
setTimeout(right2.fade.bind(right2, [0]),0);
}
if (PortfolioItem != 9) { 
setTimeout(right2.fade.bind(right2, [1]),0);
}
        }
		
}


});