var step = -0.05;
var ids = [];


function newId(){
	var nId;
	do {
		nId = makeId();
	} while (hasClone(nId));
	ids.push(nId);
}

function hasClone(i){
	ids.forEach(function(id){
			if (i == id){
					return true;
					}
	});
	return false;
}

function makeId() {
  var text = "";
  var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

  for (var i = 0; i < 5; i++)
    text += possible.charAt(Math.floor(Math.random() * possible.length));

  return text;
}



$(".mq-container").each(function(){
	
	var cont = $(this);
  var titleWrap = $(this).find(".mq-title-wrap");
  var title = $(this).find(".mq-title-wrap").find(".mq-title");

	var cW = cont.width();
	var t = title.outerWidth(true);
	var tW;
	var pos;
	var percentOfParent;

	//init here
	// create duplicates
	function init() {
		var tElem;
		tW = titleWrap.outerWidth();
		do {
			tElem = title.first()
				.clone();
			tElem.appendTo(titleWrap);
			tW = titleWrap.outerWidth();
		} while (cW + t * 3 >= tW);
		//cW + t * 3 >= tW
		tW = titleWrap.outerWidth();
	}
	//--------

	function setToOffset() {
		percentOfParent = t / cW * -100;
		pos = percentOfParent;
		resetLeft();
	}

	function resetLeft() {
		setLeft(percentOfParent);
	}

	function setLeft(l) {
		titleWrap.css("left", l + "%");
	}

	function animate() {
		var id = setInterval(frame, 1);
	}

	function frame() {
			if (step > 0 && pos > percentOfParent) {
				pos = pos+percentOfParent;
			} else if (step < 0 && pos < percentOfParent*2){
				pos = pos-percentOfParent;
			} else if (step != 0) {
				pos+=step;
			}
			setLeft(pos);
	}

	init();
	setToOffset();
	animate();
	console.log(percentOfParent);

});