
var moveswitch = 1;
selectedimage = "";
function MouseOverImage(str)
{
	var x = document.getElementsByClassName("movingimage");
	var y = document.getElementsByClassName("movinglink");
	
	var elem = document.getElementById("imagedesc");
	if(str != undefined) 
	{
		elem.innerHTML = str;
		selectedimage = str;
		
	}
	moveswitch = 0;
}
function MouseOffImage(n)
{
	if(n != 1) return true;
	moveswitch = 1;
	var elem = document.getElementById("imagedesc");
	elem.innerHTML = "";
	elem2 = document.getElementById("ggrofl");
	elem2.innerHTML = "";
}
function arrange()
{
	var x = document.getElementsByClassName("movingimage");
	
	var i=0;
	for(i = 0; i < x.length; i++)
	{
		x[i].style.left = "" + 77*i-75 + "px"
		x[i].style.borderColor = "black";
		x[i].style.height = "95px";
		x[i].onmouseover = function(i)
		{
			var y = document.getElementsByClassName("movinglink");
			elem = document.getElementById("ggrofl");
			var w = this.style.left;
			var len = w.length;
			var clean = w.substring(0,len-2);
			var num = parseFloat(clean);
			num = num - 26;
			for(j = 0; j < x.length; j++)
				if(x[j].style.left == this.style.left) 
					elem.innerHTML = "<a href=\"" + y[j] + "\"><img src=\"" + this.src + "\" style=\"border-color:z-index:100;border-color:black;black;width:130px;position:absolute;height:170px;text-align:left;bottom:0px;left:" + num + "px;\" onMouseOver=\"MouseOverImage()\" onMouseOut=\"MouseOffImage(1)\" ></a>";
			
		}
	}
}
arrange();
function move()
{
	var x = document.getElementsByClassName("movingimage");
	var i = 0;
	var full_length = 77*x.length;
	if(moveswitch)
	for(i = 0; i < x.length; i++)
	{
		var raw = x[i].style.left;
		var len = raw.length;
		var clean = raw.substring(0,len-2);
		var num = parseFloat(clean);
		num = num + 75;
		num = num + 2;
		num = num % (full_length-75);
		x[i].style.left = "" + num-75 + "px";
	}
	setTimeout("move();",50);
}
move();

