/*
	Ticker Horizontal mover
	Based on jQuery
*/

function hTicker(id, speed, breaker, offset){
	this._id = id;
	this._speed = speed;
	this._breaker = breaker;
	this._width = 0;
	this._endWidth = 0;
	this._offset = offset;
	
	this.init = function init(){
		//setup container
		$('.hTicker').css("white-space","nowrap");
		$('.hTicker').css("overflow","hidden");
		$('.hTicker').css("display","block");
		
		$('.hTicker > *').after('<span class="hTicker_Breaker">'+this._breaker+'</span>');
		$('.hTicker').wrapInner('<div id="hTicker_mover">','</div>');
		$('#hTicker_mover').css("position","relative");
		
		//delete the last breaker
		$('#hTicker_mover > .hTicker_Breaker:last').remove();
	
		
		//calculate width
		for(var i = $('#hTicker_mover > *').length; i > 0; i--){
			this._width += $('#hTicker_mover > *:eq('+(i-1)+')').width();

		}
		//alert(this._width);

		this._endWidth = -(this._width-$('.hTicker').width());
		this._width += this._offset;
			
		//dublicate the content
		//$('#hTicker_mover').append($('#hTicker_mover').html());
		
		//init and start the ticker
		
		this.reset();
		$('.hTicker').show();
		this.start(this);
	
	}
	this.start = function(_this){
		$('#hTicker_mover').animate({
			left: -this._width
		},
		_this._speed,
		"linear",
		TickerRepeat);
	}
	this.reset = function(){
		$('#hTicker_mover').css("left",$('.hTicker').width());
	}
	this.repeat = function(_this){
		this.reset();
		_this.start(_this);
	}
}



var ticker = new hTicker("content_navi_ticker",52000,"+++", 100);

function TickerRepeat(){
	ticker.repeat(ticker);
}
$(document).ready(function(){
	ticker.init();						   
});