﻿var displayTime= 6000; //tiempo que esta visible un <li>
var duration = 1000; //tiempo de transicion entre <li>

//internal
var pos = 1;
var $ticker;
var $tickerLI;
var intervalId;
var step = 7.43; //em, unidades relativas
var stepUnit = "em";

if(jQuery.browser.msie){
	step = 7.44;
}
//step = 89;
//stepUnit = "px";
	
var itemsLength = 0;
function animateTicker(){
	var nextpos =  pos*step;
	$ticker.animate({marginTop:"-"+nextpos+stepUnit},duration, animateTickerCallback);
	
	pos++;
}
	
function animateTickerCallback(){
	var _li = $ticker.find("li").get(0);
	$ticker.append("<li>"+$(_li).html()+"</li>");
	if(pos > itemsLength) resetTicker();
}
	
function resetTicker(){
	pos = 1;
	var tickerHtml = "";
	$tickerLI.each(function(){
		var _li = $(this);
		tickerHtml += "<li>"+$(_li).html()+"</li>";
	});
	$ticker.html(tickerHtml).css("marginTop",0);
	$tickerLI = $ticker.find("li");
}

$(document).ready(function(){
	$ticker = $("#ticker");	
	if($ticker.length>0){
		$tickerLI = $ticker.find("li");
		itemsLength = $tickerLI.length;
		intervalId = setInterval("animateTicker()", displayTime);
		$ticker.mouseover(function(){
			clearInterval(intervalId);
		});
		$ticker.mouseout(function(){
			intervalId = setInterval("animateTicker()", displayTime);
		});
	}
});
