function F$(element){ return typeof(element)=="object" ? element : document.getElementById(element); };

var timer = null;

function focus(elem, modClass, focusFlag, speed, duration){
	var flag = 0;
	var elem = F$(elem);
	var focusFlag = F$(focusFlag);
	elem.innerHTML = "<div style='width:1000000px; overflow:hidden; display:block;'>"+ elem.innerHTML +"</div>";
	var mods = getElementsByClassName(modClass,"*", addDiv);
	var unit = 642;
	var addDiv = elem.getElementsByTagName("div")[0];
	addDiv.style.width = unit * mods.length + "px";
	
	for(var i=0; i<mods.length; i++){
		var _li = document.createElement("li");
		focusFlag.appendChild(_li);
		if ($(i)) {
		(function(i){
			mods[i].onmouseover = function(){
				clearTimeout(timer);
			};
			mods[i].onmouseout = function(){
				timer = setTimeout(function(){scrollFocus()},speed);
			};
		})(i);
		}
	}
	
	var lis = focusFlag.getElementsByTagName("li");
	for(var i=0; i<lis.length; i++){
		if ($(i)) {
		(function(i){
			lis[i].onclick = function(){
				clearTimeout(timer);
				thisItem(i);
				flag = i+1;
				if(flag == mods.length) flag = 0;
				timer = setTimeout(function(){scrollFocus()},speed);
			}
		})(i);
		}
	}
	
	function cpu(t,b,c,d) {return c*((t=t/d-1)*t*t+1)+b;};
    
	function slowdown(element,plan,start,space,speed,_f){
	  var count = 0;
	  var speed = speed || 50;
	  function place(){
	    element[plan] = cpu(count,start,space,speed);
	    count++;
	    if(count === speed){
	      clearTimeout(command);
	      count = 0;
	      element[plan] = space + start;
	      if(_f)_f();
	      return false;
	    }
	    var command = setTimeout(place,15);
	  }
	  place();
	};
	
	function thisItem(count){//alert(count)
		var lis = focusFlag.getElementsByTagName("li");
		for(var i=0; i<lis.length; i++){
			lis[i].className = "";
		}
		lis[count].className = "current";
		
		slowdown(elem, "scrollLeft", elem.scrollLeft, (unit*count - elem.scrollLeft), duration);
		//elem.scrollLeft = unit * count;
	};
	
	function scrollFocus(){
		thisItem(flag);
		flag++;
		if(flag == mods.length) flag = 0;
		timer = setTimeout(function(){scrollFocus()},speed);
	}
	
	function pauseFocus() {
		clearTimeout(timer);
		timer = null;
	}
	
	function unpauseFocus() {
		if (!timer) {
		scrollFocus();
   	}
	}
	
	if(mods.length > 1) scrollFocus();
	


	$(window).blur(function(){ pauseFocus(); });
	$(window).focus(function(){unpauseFocus();});

	
	
};

function getElementsByClassName(className, tag, parent){
  parent = parent || document;
  tag = tag || "*";
  var allTags = (tag === "*" && parent.all) ? parent.all : parent.getElementsByTagName(tag);
  var classElems = [];
  className = className.replace(/\-/g, "\\-");
  var regex = new RegExp("(^|\\s)" + className + "(\\s|$)");
  var elenemt;
  for(var i=0; i<allTags.length; i++){
    elem = allTags[i];
    if(regex.test(elem.className)){
      classElems.push(elem);
    }
  }
  return classElems;
};