// Creators gallery v0.1

var AlbumTitleElementID = "gallery-album-title";
var AlbumThumbnailsElementID = "image-gallery";
var ImageDisplayElementID = "silver-screen";

var Age4To6GalleryElementID = "age4to6";
var Age7To9GalleryElementID = "age7to9";
var Age10To12GalleryElementID = "age10to12";

var loadingScreenPath = "../images/little-creators-showcase/ui/loadingscreen.gif";

var currentPage = 1;
var maxPage = 3;


/*var thumbnails = new Array(3);
thumbnails[0] = new Array(10); */



function setDefault()
{
	document.getElementById("Tab1").src = "../images/little-creators-showcase/ui/arrow-left.gif";
	document.getElementById("Tab2").src = "../images/little-creators-showcase/ui/age7-9.gif";
	document.getElementById("Tab3").src = "../images/little-creators-showcase/ui/age10-12.gif";
	album4to6.style.display = "block";
	album7to9.style.display = album10to12.style.display = "none";
}

function switchAlbum(albumID)
{
	var albumTitle = "";
	var album = "";
	var album4to6 = "";
	var album7to9 = "";
	var album10to12 = "";
	
	albumID = parseInt(albumID, 10);
	
	
	if (document.getElementById)
	{
		albumTitle = document.getElementById(AlbumTitleElementID);
		album = document.getElementById(AlbumThumbnailsElementID);
		album4to6 = document.getElementById(Age4To6GalleryElementID);
		album7to9 = document.getElementById(Age7To9GalleryElementID);
		album10to12 = document.getElementById(Age10To12GalleryElementID);
	}
	else
		return;
		
	if (albumID >= 1 && albumID <= 3)
		currentPage = albumID;
	else
		return;
		
		
	if (currentPage == 1)
	{
		document.getElementById("Tab1").src = "../images/little-creators-showcase/ui/age4-6_02.gif";
		document.getElementById("Tab2").src = "../images/little-creators-showcase/ui/age7-9.gif";
		document.getElementById("Tab3").src = "../images/little-creators-showcase/ui/age10-12.gif";
		album4to6.style.display = "block";
		album7to9.style.display = album10to12.style.display = "none";
	}
	else if (currentPage == 2)
	{
		document.getElementById("Tab1").src = "../images/little-creators-showcase/ui/age4-6.gif";
		document.getElementById("Tab2").src = "../images/little-creators-showcase/ui/age7-9_02.gif";
		document.getElementById("Tab3").src = "../images/little-creators-showcase/ui/age10-12.gif";
		album7to9.style.display = "block";
		album4to6.style.display = album10to12.style.display = "none";
	}
	else if (currentPage == 3)
	{
		document.getElementById("Tab1").src = "../images/little-creators-showcase/ui/age4-6.gif";
		document.getElementById("Tab2").src = "../images/little-creators-showcase/ui/age7-9.gif";
		document.getElementById("Tab3").src = "../images/little-creators-showcase/ui/age10-12_02.gif";
		album10to12.style.display = "block";
		album4to6.style.display = album7to9.style.display = "none";
	}
		
}


function displayEntry(title, description, name, obj)
{
	var entryTitle = "";
	var entryDisplay = "";
	var entryName = "";
	
	if (document.getElementById)
	{
		entryTitle = document.getElementById("entry-title");
		entryDisplay = document.getElementById("entry-display");
		entryName = document.getElementById("entry-name");
		
		var desc2 = "" + description;
		
		entryTitle.childNodes[0].nodeValue = title;
		//entryDisplay.childNodes[0].nodeValue = description;
		entryDisplay.innerHTML = desc2;
		entryName.childNodes[0].nodeValue = name;
		
		
		
		obj.className = "button";
		
		for (var i = 1; i <= 11; i++)
		{
			var currEntry = "entry" + i;
			
			if (obj.id != currEntry)
				document.getElementById(currEntry).className = "";
		}
		
		
		return false;
	}
	else
	{
		return true;
	}
}

/*
function replaceImage(imagePath, obj, name, age)
{
	var imageDisplay = document.getElementById(obj);
	alert("loading");
	
	
	imageDisplay.innerHTML = "<div style=\"font-size:12px;\"><strong>Name:</strong> " + name + "<br /><strong>Age:</strong> " + age + "<br /><br /><img src=\"" + imagePath + "\" /></div>";
}
*/