var gallery = [];
var galleryImages = {};
var galleryHeight = 90;

function truncateGallery(len)
{
	//alert('truncateGallery ');
    while (gallery.length > len)
	{
		var id = gallery.shift();
		if (galleryImages[id])
		{
			$("gallery").removeChild(galleryImages[id]);
			delete galleryImages[id];
		}
	}
}

function saveGallery()
{
	//alert('saveGallery ');
    truncateGallery(50);
	if (editEnabled())
	{
		if (gallery.length != 0) {
			createCookie("gallery", gallery.join(","), 365);
		} else {
			document.cookie = "";
		}
	}
}

function addToGallery(id)
{
	//alert('addToGallery '+id);
    for (var i in gallery) {
		if (gallery[i] == id) {
			return;
		}
	}
	gallery.push(id);
	saveGallery();
	addGalleryImage(id);
	/* setTimeout( "$('mymovie').highlightLink('" + id + "')", 1000); */
}

function addGalleryImage(id)
{
	//alert ("masuk" + id);
	var img = document.createElement("img");
	img.onerror = function() 
	{ 
		$("gallery").removeChild(a);
		for (var i in gallery)
		{
			if (gallery[i] == id)
			{
				gallery.splice(i, 1);
				break;
			}
		}
		saveGallery();
	}
	img.onmouseover = function() 
	{ 
		img.style.border = "1px solid black";
		$("mymovie").highlightLink(id);
	}
	img.onmouseout = function() 
	{ 
		img.style.border = "1px solid white"; 
		$("mymovie").unhighlightLink();
	}
	img.style.display = "none";
	//alert('addgalleryimage '+id);
	img.onload = function()
	{
		//alert('img onload '+id);
		setTimeout(function()
		{
			img.style.display = "block";
			img.width = Math.round(img.offsetWidth*64/img.offsetHeight);
			img.height = 64;
		}, 200);
	}
	//alert('ahref '+id);
	var a = document.createElement("a");
	a.href = "#" + id;
	a.appendChild(img);
	a.onclick = function() 
	{ //alert (img.offsetWidth + "---" + img.offsetHeight);
		galleryClickHandler(id, img.offsetWidth, img.offsetHeight);
		this.blur();
		return false;
	}
	//alert('gallery '+id);
	$("gallery").insertBefore(a, $("gallery").firstChild);
	img.src = base_path + "data/" + id + "/thumbnail.jpg";
	img.id = id;
	galleryImages[id] = a;
	// #############
/* 	setTimeout( "$('mymovie').highlightLink('" + id + "')", 1000); */
	// #############
}