var list;
var listItem;
var quantity;
var links;
var swap;
var l_c;
var show_i = 0;
var stop;
var i = 1;

function init(i)
{
	/*GET LIST ITEMS*/
	list = document.getElementById('image-changer');
	listItem = list.getElementsByTagName('li');
	quantity = listItem.length;
	
	/*GET LINKS*/
	linklist = document.getElementById('js-image-links');
	links = linklist.getElementsByTagName('a');
	
	
	for(l_c=0;l_c<links.length;l_c++)
	{		
		
		//alert('setting onmouseover and onmouseout for '+links[l_c].childNodes[0].nodeValue);
		if(links[l_c].addEventListener) {
			links[l_c].addEventListener('mouseover',function(){show(this.rel);},false);
			links[l_c].addEventListener('mouseout',function(){hide(this.rel)},false);
		} else {
			links[l_c].onmouseover = function(){show(this.rel);};
			links[l_c].onmouseout = function(){hide(this.rel);};
		}
	}

	swap = true;

	move();
}

function resetAll() {
	for(j=0;j<listItem.length; j++)
	{
		listItem[j].style.marginTop = '';
	}
}


function move()
{

	if (i < quantity && swap)
	{
		setTimeout(function(){change();},4000);
	}
	else if (swap)
	{
		i = 0;
		setTimeout(function(){change();},4000);
	}
}

function change()
{
	resetAll();
	//alert(i);
	distance = i*259;

	listItem[i].style.marginTop = '-'+distance+'px';
	i = Number(i)+Number(1);

	move();
}

function show(show_i)
{
	
	swap = false;
	
	for(j=0;j<listItem.length; j++)
	{
		listItem[j].style.marginTop = '';
	}
	
	var distance = 259*show_i;
	listItem[show_i].style.marginTop = '-'+distance+'px';

	i = show_i;

}

function hide(hide_i)
{
	swap = true;
}

window.onload = init;