var slidesContainer=$('#slidesContainer');

	var stopped=false;
	var first = 0;
	var last  = 0;
	var speed = 700;
	var pause = 3500;
	var interval;
	var tickerUlName='slidesContainer';

	function removeFirst(){
		var className=$('ul#'+tickerUlName+' li:first').attr('class');
		first = $('ul#'+tickerUlName+' li:first').html();
		$('ul#'+tickerUlName+' li:first')
		.animate({
			opacity: 0,
			left: 'toggle',
			marginTop:0,
			marginBottom:0,
			paddingTop:0,
			paddingBottom:0
		}, speed, function() {
		// Animation complete.
			$(this).remove();
		});

		addLast(first,className);
	}
	
	function addLast(first,className){
		last = '<li class="'+className+'">'+first+'</li>';
		$('ul#'+tickerUlName+'').append(last);
	}

	function addFirst(){
		var className=$('ul#'+tickerUlName+' > li:last').attr('class');
		last = $('ul#'+tickerUlName+' > li:last').html();
		$('ul#'+tickerUlName+' li:first')
		.animate({
			opacity: 0,
			left: 'toggle',
			marginTop:0,
			marginBottom:0,
			paddingTop:0,
			paddingBottom:0
		}, speed, function() {
			// Animation complete.
			$(this).remove();
		});

		first = '<li class="'+className+'" style="display:block">'+last+'</li>';
		$('ul#'+tickerUlName+'').prepend(first);
		addLast(last,className);
	}



	function removeLast(){
		$('ul#'+tickerUlName+' li:last').remove();
	}


	function toggleAnimation(){
		if(stopped)
			playAnimation();
		else
			stopAnimation()
	}
	
	function stopAnimation(){
		clearInterval(interval);
		stopped=true;
		$('#playBtn').html('<img src="../images/wall-play.png" />');
		return false;
	}
	function playAnimation(){
		interval = setInterval(removeFirst, pause);
		stopped=false;
		$('#playBtn').html('<img src="../images/wall-pause.png" />');
		return false;
	}
	
	
	function nextSlide(){
		removeFirst();
		stopAnimation();
		return false;
	}
	function prevSlide(){
		addFirst();
		stopAnimation();
		return false;
	}