/** Assumes dtk/init.js is loaded.
 */
var currentImage = 2;

var albumType = "simple";

// Image name array
var imgArray = new Array();
imgArray[0] = "img1";
imgArray[1] = "img2";
imgArray[2] = "img3";
imgArray[3] = "img4";
imgArray[4] = "img5";
imgArray[5] = "img6";
imgArray[6] = "img7";
imgArray[7] = "img8";
imgArray[8] = "img9";
imgArray[9] = "img10";
imgArray[10] = "img11";
imgArray[11] = "img12";

// Preloaded images array
var albumPreload = new Array();
for(i = 0; i < imgArray.length; i++) albumPreload[i] = new Array();

initAlbum = function()
{
	loadImage(0);
	resizeAlbum();
	// Once the javascript has succesfully loaded, make the album visible.
	$('imagestrip').style.visibility='visible'; 
	$('imagestrip').style.display='block'; 
}

setAlbumType = function(type)
{
	albumType = type;
	resizeAlbum();
}

resizeAlbum = function()
{
	// Total width to put content within
	var contentWidth = $('content').offsetWidth;
	
	// Calculate the viewer width
	var stripWidth = 770;
	if(contentWidth < stripWidth) stripWidth = contentWidth - 40;
	if(stripWidth < 350) stripWidth = 350;
	var left = 0;
	
	if(stripWidth < contentWidth) left = (contentWidth - stripWidth) / 2;
	
	var centre = left + (stripWidth / 2);
	// Central image
	$('img3').style.left = centre - 150 + "px";
	// Left arrow
	$('imgleft').style.left = centre - 180 + "px";
	// right arrow
	$('imgright').style.left = centre + 170 + "px";
	$('img2').style.visibility = "hidden";
	$('img4').style.visibility = "hidden";
	$('img1').style.visibility = "hidden";
	$('img5').style.visibility = "hidden";
	return;
}

/** Rotate the images by the specified amount.
 */
loadImage = function(num)
{	
	currentImage += num;
	var size = imgArray.length;
	if(currentImage >= size) currentImage -= size;
	if(currentImage < 0) currentImage += size;
	
	var i0 = currentImage - 3;
	var i1 = currentImage - 2;
	var i2 = currentImage - 1;
	var i4 = currentImage + 1;
	var i5 = currentImage + 2;
	var i6 = currentImage + 3;

	if(i0 < 0) i0 += size;
	if(i1 < 0) i1 += size;
	if(i2 < 0) i2 += size;
	if(i4 >= size) i4 -= size;
	if(i5 >= size) i5 -= size;
	if(i6 >= size) i6 -= size;
	
	$('img1').getElementsByTagName("img")[0].src = "/gallery/maintiny/" + imgArray[i1];
	$('img2').getElementsByTagName("img")[0].src = "/gallery/mainsmall/" + imgArray[i2];
	$('img3').getElementsByTagName("img")[0].src = "/gallery/mainmedium/" + imgArray[currentImage];
	$('img4').getElementsByTagName("img")[0].src = "/gallery/mainsmall/" + imgArray[i4];
	$('img5').getElementsByTagName("img")[0].src = "/gallery/maintiny/" + imgArray[i5];
		
	// Preload next image sizes
	preloadImage(i1, 1);
	preloadImage(i5, 1);
	preloadImage(i2, 2);
	preloadImage(i4, 2);
	preloadImage(i0, 0);
	preloadImage(i6, 0);
	
	return false; // Do not goto href in link
}

preloadImage = function(num, size)
{
	if(!albumPreload[num][size])
	{
		if(size == 0)
		{
			x = 45;
			y = 60;
			sword = "tiny";
		}
		else if(size == 1)
		{
			x = 75;
			y = 100;
			sword = "small";
		}
		else if(size == 1)
		{
			x = 300;
			y = 225;
			sword = "medium";
		}
		albumPreload[num][size] = new Image(x, y)
		albumPreload[num][size].src = "/gallery/main" + sword + "/" + imgArray[num];
	}
}

initCompleteAlbum = function()
{
	load("/plugins/album/folders.php", $('categories'));
	load("/plugins/album/images.php", $('images'));
//	initImageSet();
//	//$('categories').style.display = "block";
//	$('images').style.display = "block";
//	$('viewer').innerHTML = "<img src='//gallery/mainmedium/" + imgArray[0] + "'/>";
}

/** Add the specified folder to the list of albums.
 */
addFolder = function(name)
{
	load("/plugins/album/folders.php?newFolder=" + name, $('categories'));
}

/** Commit all added images
 */
commitImages = function()
{
	load("/plugins/album/commit.php");
}

initImageSet = function()
{
	//for(i = 0; i < imgArray.length; i++) preloadImage(i, 1);
	var html = "";
	for(i = 0; i < imgArray.length; i++) html += "<a href='' onclick='showImage(" + i + "); return false;'><img class='thumb' src='//gallery/maintiny/" + imgArray[i] + "'/></a>";
	$('images').innerHTML = html;
}

showImage = function(num)
{
	$('viewer').innerHTML = "<img src='//gallery/mainmedium/" + imgArray[num] + "'/>";
}

displayImage = function(name, action)
{
	$('viewer').innerHTML = "<img src='" + name + "'/>";
	if(action) load("/plugins/album/details.php?img=" + name + "&action=" + action, $('details'));
	else load("/plugins/album/details.php?img=" + name, $('details'));
}