var scrolling=0,
    portLeft=500,
    portTravel=9,
    scrollTimer;

window.addEvent('domready', function(){
	
	var isUp = 1;
	$('fullbackground').fade('hide');
	$('aboutspc').fade('hide');
	$('portfoliospc').setStyle('margin-bottom',Math.round((window.getSize().y-649)/2));
	
	var slideFx = new Fx.Tween($('menustrip'), {property:'bottom',duration:350,link:'cancel',fps:24});
	var fadeFx = new Fx.Tween($('fullbackground'), {property:'opacity',duration:500,link:'cancel',fps:24});
	var showAboutFx = new Fx.Tween($('aboutspc'), {property:'opacity',duration:150,link:'cancel',fps:24});
	
	$$('a.showcollection').each(function(el) {
		var currentA = el;
		currentA.addEvent('click', function(e){
			isUp = 0;
			showAboutFx.set(0);
			fadeFx.start(0).chain(function(){
				slideFx.start(0).chain(function(){
					$('portfoliocontrol').fade('show');
					$$('div.portfolio').each(function(el) {
						el.setStyle('display','none');
					});
					$('portfoliospc').setStyle('left','500px');
					portLeft=500;
					$(currentA.get('rev')+'portfolio').setStyle('display','block');
				});
			});
			e.stop();
		});
	});
	
	$('lakuna').addEvent('click', function(e){
		$('portfoliocontrol').fade('hide');
		$$('div.portfolio').each(function(el) {
			el.setStyle('display','none');
		});
		slideFx.start(223).chain(function(){
			showAboutFx.set(0);
			fadeFx.start(0);
		});
		isUp = 1;
		e.stop();
	});
	
	$('aboutlink').addEvent('click', function(e){
		$('portfoliocontrol').fade('hide');
		$$('div.portfolio').each(function(el) {
			el.setStyle('display','none');
		});
		slideFx.start(223).chain(function(){
			fadeFx.start(1).chain(function(){
				if (isUp) {
					showAboutFx.start(1);
				}
			});
		});
		isUp = 1;
		e.stop();
	});
	
	$('scrollleft').addEvent('mouseover', function(){
		scrolling = 1;
	});
	$('scrollright').addEvent('mouseover', function(){
		scrolling = -1;
	});
	$('scrollleft').addEvent('mouseout', function(){
		scrolling = 0;
	});	
	$('scrollright').addEvent('mouseout', function(){
		scrolling = 0;
	});

	scrollTimer = portScroll.periodical(25);

	function portScroll() {
		if (scrolling) {
			portLeft = portLeft+(portTravel*scrolling);
			$('portfoliospc').setStyle('left',portLeft);	
		}
	}
	
});