$(document).ready(function(){
	
    var first = 0;
    var speed = 300;
    var pause = 3500;
	
        function removeFirst(){
	        first = $('ul#listticker li:first').html();
	        $('ul#listticker li:first')
	        .animate({opacity: 0}, speed, function() {
	            $(this).slideUp('slow', function() {$(this).remove();});
	        });
	        
	        addLast(first);
        }
		
        function addLast(first){
	        last = '<li style="display:none">'+first+'</li>';
	        $('ul#listticker').append(last)
	        $('ul#listticker li:last')
	        .animate({opacity: 1}, speed)
	        .fadeIn('slow')
        }
	
    interval = setInterval(removeFirst, pause);


$("#myController").jFlow({
    slides: "#slides",
    controller: ".jFlowControl", // must be class, use . sign
    slideWrapper : "#jFlowSlide", // must be id, use # sign
    selectedWrapper: "jFlowSelected",  // just pure text, no sign
    auto: true,		//auto change slide, default true
    width: "460px",
    height: "208px",
    duration: 400,
    prev: ".jFlowPrev", // must be class, use . sign
    next: ".jFlowNext" // must be class, use . sign
});
    
});