window.onload = function(e)
{
	var controls = document.getElementsByClassName('image_control');
	
	for(var i = 0; i < controls.length; i++)
	{
		controls[i].addEventListener('click',click,true);
		controls[i].addEventListener("mouseover",over,true);
		controls[i].addEventListener("mouseout",out,true);
	}
}

function click(e)
{
	e = e ? e : window.event;
	
	try{
	var images = (e.target.className == "arrow") ? e.target.parentNode.parentNode.getElementsByTagName('img') :  e.target.parentNode.getElementsByTagName('img');
	
	var currentVisibleIndex;
	for(var i = 0; i < images.length; ++i)
	{
		
		if(images[i].style.display == "")
			currentVisibleIndex = i;
	}
	
	var setVisibleIndex = currentVisibleIndex == images.length-1 ? 0 : currentVisibleIndex+1;
	
	images[currentVisibleIndex].style.display = "none";
	images[setVisibleIndex].style.display = "";
	}catch(err)
	{
	
	}
	
	e.preventDefault();
	
}

function over(e)
{
	e = e ? e : window.event;
	e.target.parentNode.getElementsByClassName('arrow')[0].style.display = "block";
}

function out(e)
{
	e = e ? e : window.event;
	e.target.parentNode.getElementsByClassName('arrow')[0].style.display = "none";
	
}