var myScroll = false;
var width = 0;
var numberOfSlides = 0;
var currentSlide = 1;

window.addEvent('domready', function(){
	
	if($('toggleLogin'))
	{
		var loginForm = new Fx.Morph($('loginLine'), {duration:600, transition: Fx.Transitions.Pow.easeOut});
		$('toggleLogin').addEvent('click', function(){
			loginForm.cancel();
			$('login_username').focus();
			if($('loginLine').getStyle('height') == '55px')
			{
				loginForm.start({'height':2});
			}
			else
			{
				loginForm.start({'height':55});
			}
		});
	}
	
	
	if($('slideWrap'))
	{
		width = $('slideWrap').getCoordinates().width; 
		myScroll = new Fx.Scroll('slideWrap', {duration: 400, transition: Fx.Transitions.Sine.easeInOut});
		myScroll.start(0, 0);

		$$('#slideList li').each(function(slide){
			slide.setStyle('width', width+'px');
			numberOfSlides ++;
		});
		
		$('slideList').setStyle('width', (width * numberOfSlides)+'px');
	
		$$('.slideNext').addEvent('click', function(){
			scrollToNext();										
		});
		
		$$('.slidePrev').addEvent('click', function(){
			scrollToPrevious();										
		});
	}

});


function scrollToNext()
{
	if(currentSlide != numberOfSlides)
	{
		currentSlide++;
	}else{
		currentSlide = 1;
	}
	
	// Scroll the slide
	myScroll.start((currentSlide - 1) * width, 0);
}


function scrollToPrevious()
{
	if(currentSlide != 1)
	{
		currentSlide--;
	}else{
		currentSlide = numberOfSlides;
	}
	
	// Scroll the slide
	myScroll.start((currentSlide - 1) * width, 0);
}