$(document).ready(function() {
	$('#portfolioItems')
	.cycle({
		fx:     'fade',
		speed:  'medium',
		timeout: 0,
		sync:	0,
		before: mOnBefore
	});
});

function mOnBefore(slideIn, slideOut, options)
{
	$(slideOut).children('.inner').children('.control').unbind('click');
	$(slideOut).children('.inner').css('marginLeft', 0);
	startSlide(this);
}

function startSlide(current)
{
	var currentPosition = 0;
	var slideWidth = 540;
	var slides = $(current).children('.inner').children('.item');
	var numberOfSlides = slides.length;
	
	$(current).css('overflow', 'hidden');
	
	$(current).children('.inner').css('width', slideWidth * numberOfSlides);
	
	manageControls(current, currentPosition, numberOfSlides);
	
	$(current).children('.inner').children('.control').bind('click', function(){
		currentPosition = ($(this).hasClass('rightControl'))
		? currentPosition + 1 : currentPosition - 1;
		
		manageControls(current, currentPosition, numberOfSlides);
		
		$(current).children('.inner').animate({
			'marginLeft' : slideWidth * (-currentPosition)
		});
	});
}

function manageControls(element, position, length)
{
	left = $(element).children('.inner').children('.leftControl');
	right = $(element).children('.inner').children('.rightControl');
	
	if (length > 1)
	{
		if (position == 0)
		{
			$(left).hide();
		}
		else
		{
			$(left).show();
		}
		
		if (position >= (length - 1))
		{
			$(right).hide();
		}
		else
		{
			$(right).show();
		}
	}
	else
	{
		$(left).hide();
		$(left).hide();
	}
}