// Handle for the interval
var interval;
// Status of the interval
var intstatus = 0;
// Position of the inner div
var innerpos = 0;
// Size of one childelement
var elementsize = 75;
// Pixel moved per interval
var speed = 7.5;
// Counts the number of images
var imgnumber = document.getElementById('wzimagegallery_scroll_inner').getElementsByTagName('li').length - 4;

// Active image at first place
var getvar = window.location.search;
getvar = getvar.split('=');
if(getvar[2]) { activeimg = getvar[2]; } else { activeimg=1; }
innerpos = elementsize*(activeimg-1);
document.getElementById('wzimagegallery_scroll_inner').style.marginLeft= '-'+innerpos+'px';


// Create an array with handles to all elements
liarray = document.getElementById('wzimagegallery_scroll_inner').getElementsByTagName('li');

/*for(i=0;i<imgnumber+4;i++) {
	var onclick = document.createAttribute("onclick");
	// onclick.nodeValue = "location.href=this.href+'&activeimg='+activeimg;return false;";
	onclick.nodeValue = "alert(activeimg);";
	liarray[i].firstChild.setAttributeNode(onclick);
}*/

// Duplicate the first 5 elements for the endless effect if there are more then 5 elements, or hide the arrows if there are 5 or less elements
if(imgnumber >= 2) {
	for(i=1;i<=5;i++) {
		var newli = document.createElement("li");
		newli.innerHTML = liarray[i-1].innerHTML;
		document.getElementById('wzimagegallery_scroll_inner').appendChild(newli);
	}
} else {
	document.getElementById('wzimagegallery_scroll_prev').style.display="none";
	document.getElementById('wzimagegallery_scroll_next').style.display="none";
}

function setactiveimg(action) {
	// Update the activeimg depending on the action
	if(action == '-') {
		if(activeimg > 1) { activeimg --; } else { activeimg = imgnumber+4; innerpos = innerpos + (imgnumber+4)*elementsize; }
	} else if(action == '+') {
		if(activeimg < imgnumber+5) { activeimg ++; } else { activeimg = 2; innerpos = innerpos - (imgnumber+4)*elementsize; }
	}
	// Start the interval if the interval is not already running
	if(intstatus == 0) { interval = window.setInterval("scroll();",40); intstatus = 1; }
}

function scroll() {
	// Calculate the position where the inner div should be at the end of the movement
	var movetoinnerpos = elementsize*(activeimg-1);
	if(movetoinnerpos == innerpos) {
		// End the interval if the inner div is at the right position
		window.clearInterval(interval); intstatus = 0;
	} else {
		// Calculate the new innerpos
		if(innerpos < movetoinnerpos) { innerpos += speed; } else { innerpos -= speed; }
		innerpos = Math.round(innerpos * 10) / 10;
	}
	// Set the position of the innerdiv to the calculated position
	document.getElementById('wzimagegallery_scroll_inner').style.marginLeft= '-'+innerpos+'px';
}