var currentSlide = 0;
var slides;
var interval = null;
var slidesCount = 0;
var pause = 7000;
var action = null;

var currentContent = 1;
var scrolling = false;
var scrolling2 = false;


window.addEvent('domready', function(){
	init(1);
	contentSlides = $$('.slide');
	contentSlides.set('tween', {'duration':300, 'onComplete':csComplete});
	for(var i = 1; i < 3; i++)
		contentSlides[i].setStyles({'opacity':0, 'display':'block'});
});

function init(n) {
	if(interval)
		clearInterval(interval);
	scrolling2 = true;
	currentSlide = 0;
	action = 0;
	$$('#phone div').setStyle('display', 'none');
	$('slides-' + n).setStyle('display','block');
	slides = $$('#slides-' + n + ' img');
	slidesCount = slides.length;
	slides.set('tween', {'duration':1000, 'onComplete':complete});
	slides[0].setStyles({'opacity':1, 'display':'block'});
	for(var i = 1; i < slidesCount; i++)
		slides[i].setStyles({'opacity':0, 'display':'block'});
	interval = setInterval('go()', pause);
	scrolling2 = false;
}

function go() {
	action = 'hide';
	slides[currentSlide].fade(0);
}

function complete(slide) {
	if(action === 'hide') {
		slide.setStyle('display', 'none');
		var n = ((currentSlide == (slidesCount - 1)) ? 0 : (1 + currentSlide));
		action = 'show';
		currentSlide = n;
		slides[n].setStyle('display', 'block').fade(1);
	}
	scrolling2 = false;
}

function scroll(el, n) {
	if(scrolling || scrolling2 || (currentContent === n))
		return;
	scrolling = true;
	$$('#slides-menu div').removeClass('selected');
	$('slide-' + currentContent).setStyles({display:'none', opacity:0});
	currentContent = n;
	$('slide-' + n).setStyle('display', 'block').fade(1);
	init(n);
	$(el).addClass('selected');
	
}

function csComplete() {
	scrolling = false;
}