/***
Filename:		imagelibrary.js
Author:			Andrei Vais
Date:			27/10/2009
Description:	Javascript functionality for image library page
***/


function initialiseImageLibrary()
{
    //console.log('initialiseColours');
    if (!document.getElementById) return false;
	if (!document.getElementById("content")) return false;
	if (!document.getElementById("previewimage")) return false;
	if (!document.getElementById("libraryshots")) return false;
	
	var ImageLibraryGroupsDescription = getElementsByClassName(document.getElementById("content"), "div", "shotinfo");
    //console.log('ImageLibraryGroupsDescription length: ', ImageLibraryGroupsDescription.length);
    //hide the copy for all image library groups
    for (i = 0; i < ImageLibraryGroupsDescription.length; i++)
    {  
        ImageLibraryGroupsDescription[i].className="shotinfo hide";
    }    
    
    var ImageLibraryGroups = getElementsByClassName(document.getElementById("libraryshots"), "a", "*");
    //console.log('ImageLibraryGroups length: ', ImageLibraryGroups.length);
    
    for (i = 0; i < ImageLibraryGroups.length; i++)
    {  
        //console.log(ImageLibraryGroups[i].getAttribute("href"), " : ", ImageLibraryGroups[i].className, " : ", ImageLibraryGroups[i].getAttribute("rel"));
        //set a default ImageLibraryGroup
        if ((ImageLibraryGroups[i].className != "") && (ImageLibraryGroupsDescription[i].getAttribute("id") == ImageLibraryGroups[i].getAttribute("rel")))
        {
            ImageLibraryGroupsDescription[i].className="shotinfo show";
            document.getElementById("previewimage").setAttribute("src", ImageLibraryGroups[0].getAttribute("href"));
        }
        
        ImageLibraryGroups[i].onclick = function()
	    {
	      return showSelectedLibraryGroup(this);
	    }
    }
}

function showSelectedLibraryGroup(pSelectedLibraryGroup)
{
    //console.log("showSelectedLibraryGroup");
    //console.log(pSelectedLibraryGroup.getAttribute("rel"));
    
    var ImageLibraryGroupsDescription = getElementsByClassName(document.getElementById("content"), "div", "shotinfo");
    var ImageLibraryGroups = getElementsByClassName(document.getElementById("libraryshots"), "a", "*");
    for (i = 0; i < ImageLibraryGroupsDescription.length; i++)
    {  
        ImageLibraryGroupsDescription[i].className="shotinfo hide";
        ImageLibraryGroups[i].className="";
        if(ImageLibraryGroupsDescription[i].getAttribute("id") == pSelectedLibraryGroup.getAttribute("rel"))
        {
            ImageLibraryGroupsDescription[i].className="shotinfo show";
            ImageLibraryGroups[i].className="current";
            document.getElementById("previewimage").setAttribute("src", pSelectedLibraryGroup.getAttribute("href"));
            document.getElementById("previewimage").setAttribute("alt", pSelectedLibraryGroup.getAttribute("title"));
        }
    }    
    return false;
}

addLoadEvent(initialiseImageLibrary);