// JavaScript Document


var $cont;
var $list;
var $list1;

var $info;

var $interval;


function cities(){
	$cont = document.getElementById('cities');
	$list = document.getElementById('citylist');
	$list1 = document.getElementById('citylist1');
	$list1.style.marginLeft = $list.offsetWidth + "px";
	//$info = document.getElementById('info');
	/*alert($list.clientWidth);
	alert(window.innerWidth);
	if($list.offsetWidth>document.offsetWidth){
		$list.style.marginLeft = -1200 + "px";
	}*/
	//alert($cont);
	$interval = setInterval(moveLeft, 20);
	$list.style.marginLeft = "0px";
	
}

function moveLeft(){
	//$tmp = $list.offsetLeft;
	if($list.offsetLeft+$list.offsetWidth>0){
		$list.style.marginLeft = $list.offsetLeft-1 + "px";
		$list1.style.marginLeft = $list1.offsetLeft-1 + "px";
	} else {
		$list.style.marginLeft = $list1.offsetWidth+$list1.offsetLeft+"px";
	}
	if($list1.offsetLeft+$list1.offsetWidth<0){
		$list1.style.marginLeft = $list.offsetWidth+$list.offsetLeft+"px";
	}
	/*$info.style.backgroundColor = "#cccccc";
	$info.style.width = "auto";
	$info.innerHTML = $list.offsetLeft+$list.offsetWidth +' / '+ $list.ofsetHeight + ' / ' + $list.ofsetTop;*/
}