var ticker_is_running = false

function start_ticker(){
	
	if(!ticker_is_running){
		var ticker_target = $("#burger_ticker")
		if(ticker_target.is(":visible")){
			ticker_is_running = true
			run_ticker()
		}
	}
}

function run_ticker(){
	var urls = [
		"/products/json_product/buildboard/6/?enabled_only=true",
		"/products/json_product/trends/6/?enabled_only=true"
	]
	var target = $("#burger_ticker")
	var iter = 0
	var updateTicker = function(){
		var url = urls[iter]
		getRow(url,function(row){
			var last = target.find('.active')
			if(last.length > 0){
				last.animate({'top':'-86px'},function(){
					last.removeClass('active')
					.css({"top":"0px"}).hide()
					target.append(row.addClass('active'))
					row.show().animate({'top':'-43px'})
				})
			}else{
				target.append(row.addClass('active'))
				row.show().animate({'top':'-43px'})
			}
		})
		iter++
		if(iter>=urls.length)iter=0
	}
	// start the ticker
	updateTicker()
	var ticker_int = setInterval(updateTicker,"8000")	
		
}

function cleanURL(url){
	return  url.replace(/\//g,'_')
}

function getRow(url,ret){	
	var row = $("#"+cleanURL(url))
	if(row.length > 0){
		ret(row)
	}
	else{
		$.get(url,function(r){			
			ret(burger_ticker_builder(r,url))
		},'json')
	}
}

function burger_ticker_builder(json,url){
	var row = $(document.createElement("div")).attr('id',cleanURL(url)).addClass('ticker_row')
	.html("<span class='brown title'>"+json.title+"</span>: ")
        var count = 0;
	for(burg in json.brands){
            if (count > 5) { return row } else {
		var b = json.brands[burg]
		var img = $(document.createElement("img")).attr({
			'src':b.img
		})
		if(!b.enabled){
			img.addClass('dissabled')
		}
		var span = $("<span onclick='loadURL(\""+b.link+"\")'>"+b.name+"</span>")
		.attr('title',b.short_desc)
		
		span.qtip({content:b.short_desc,position:{my:'bottom center',at:'top center'}})
			
		row.append(img).append(span)
                count += 1;
	    }
	}

	return row
}