// JavaScript Document

window.addEvent('domready', function(){
	
	// Initialize
	var ticker_container = new Object;
	ticker_container.element = $('ticker_container');
	ticker_container.width = ticker_container.element.getStyle('width').toInt();
	var ticker = $('ticker');
	var ticker_content = new Object;
	ticker_content.element = $$('.ticker_content');
	ticker_content.width = ticker_content.element[0].getStyle('width').toInt();
	ticker.setStyle('margin-left', ticker_container.width);
	var ticker_margin_left = ticker.getStyle('margin-left').toInt();
	running = true;
	
	// Clone
	var total_elements = Math.round(ticker_container.width / ticker_content.width) + 1;
	ticker.setStyle('width', total_elements*ticker_content.width+1); // Add 1 pixel to fix the width issue
	for( var i = 1; i < total_elements; i++){
		ticker_content.element[0].clone().injectInside(ticker);
		tb_init('a.thickbox');
	}
	
	var j = 1;
	function run_ticker() {
		if(running) {
			ticker.setStyle('margin-left', ticker_margin_left--);
			if(ticker.getStyle('margin-left').toInt() == -ticker_content.width) {
				// Refresh the info
				ticker_content.element = $$('.ticker_content');
				ticker_content.element[0].injectAfter(ticker_content.element[ticker_content.element.length-1]);
				ticker_margin_left += ticker_content.width;
				ticker.setStyle('margin-left', ticker_margin_left);
			}
		}
	}
	
	run_ticker.periodical(1);
	
	ticker.addEvents({
		'mouseover': function(){
			running = false;
		},
		'mouseout' : function(){
			running = true;
		}
	 });
});