var itemContainer = document.getElementById("mvlist");
var item = itemContainer.getElementsByTagName("li");
var itemWidth = 490;
var itemmargin = 0;
var timerLeft;
var timerRight;
var listLeft = 0;

var offsetWidth = document.body.offsetWidth;
var scrollWidtht= document.body.scrollWidth;
itemContainer.style.marginLeft = itemmargin+"px";
document.getElementById("list_1").style.left="0px";
document.getElementById("list_2").style.left=(item.length*itemWidth)/2+"px";
document.getElementById("list_1").style.width=(item.length*itemWidth)/2+"px";
document.getElementById("list_2").style.width=(item.length*itemWidth)/2+"px";

timerRight = setInterval("moveList('right')",1);
var way="L";
var leftar = document.getElementById("leftArow");
var rightar = document.getElementById("rightArow");
function moveVisual(type)
{
	if (type=='left')
	{
		clearInterval(timerLeft);
		timerRight = setInterval("moveList('right')",15);
		way='L';
		if (way=='L')
		{
			return false;
//			leftar.style.display='none';
		}
	}
	else
	{
		clearInterval(timerRight);
		timerLeft = setInterval("moveList('left')",15);

		way='R';
		if (way=='R')
		{
			return false;
//			rightar.style.display='none';
		}
	}
}
function moveVisual2(type)
{
	if (type=='left')
	{

		if (way=='L'){
			clearInterval(timerRight);
			timerLeft = setInterval("moveList('left')",15);
			way='R';
		}else{
			return false;
		}
	}else{
		if (way=='R'){
			clearInterval(timerLeft);
			timerRight = setInterval("moveList('right')",15);
			way='L';

		}else{
			return false;
		}
	}
}

function hoverMv(type)
{
	if (type=='hover')
	{
		clearInterval(timerRight);
		clearInterval(timerLeft);
	}
	else
	{
		if (way=='L')
		{
			moveVisual('left');
		}
		else
		{
			moveVisual('right');
		}
	}
}

function arrow(type)
{
	if (type=='hover')
	{
		if (way=='L')
		{
			leftar.style.display="block";
			rightar.style.display="block";
		}
		else
		{
			leftar.style.display="block";
			rightar.style.display="block";
		}
	}
	else
	{
		leftar.style.display="none";
		rightar.style.display="none";
	}
}

function moveList(way)
{
	var len = (item.length)*itemWidth;
	if (way=='right')
	{
		listLeft--;
		if(listLeft == 0)
		{
			listLeft = 0;
			itemContainer.style.marginLeft = "0px";
			document.getElementById("list_1").style.left=(item.length/2)*itemWidth+"px";
			document.getElementById("list_2").style.left="0px";
		}
		else if(listLeft == -len/2)
		{
			listLeft = 0;
			itemContainer.style.marginLeft = "0px";
			document.getElementById("list_1").style.left=(item.length/2)*itemWidth+"px";
			document.getElementById("list_2").style.left="0px";
		}
	}
	else
	{
		listLeft++;
		if(listLeft == 0)
		{
			listLeft = 0;
			itemContainer.style.marginLeft = (item.length/2)*itemWidth+"px";
			document.getElementById("list_2").style.left=-(item.length/2)*itemWidth+"px";
			document.getElementById("list_1").style.left="0px";
		}
		else if (listLeft == len/2)
		{
			listLeft = 0;
			itemContainer.style.marginLeft = (item.length/2)*itemWidth+"px";
			document.getElementById("list_2").style.left=-(item.length/2)*itemWidth+"px";
			document.getElementById("list_1").style.left="0px";
		}
	}
	itemContainer.style.marginLeft = listLeft + "px";
}