var iPtr = 0;
var xmlData = $pt.xml.getDocument("gallery.xml");
var images = xmlData.selectNodes("//images/*");		

function ShowHomePage()
{
    document.getElementById("picturePic").style.display = "none";
    document.getElementById("titlePic").style.display = "block";
    document.getElementById("bookPic").style.display = "none";   
    document.getElementById("homeMenu").style.visibility = "hidden";
}

function LoadImage(evt)
{
    document.getElementById("picturePic").style.display = "block";
    document.getElementById("titlePic").style.display = "none";
    document.getElementById("bookPic").style.display = "block";   
    document.getElementById("homeMenu").style.visibility = "visible";

    var thumb = ReturnTarget(evt).src;
    var main = document.getElementById("mainImage")
    
    main.setAttribute("src", "pics/" + thumb.substr(thumb.lastIndexOf("/")+1));
    main.style.width = parseInt(ReturnTarget(evt).style.width) * 10 + "px";
    main.style.height = parseInt(ReturnTarget(evt).style.height) * 10 + "px";
    main.setAttribute("title", ReturnTarget(evt).getAttribute("title"));
}

function LoadGallery()
{
	if (images.length > 0)
	{
        document.getElementById("div1").style.width = images[iPtr].attributes[2].nodeValue / 10 + "px";
        document.getElementById("div1").style.height = images[iPtr].attributes[1].nodeValue / 10 + "px";
        document.getElementById("image1").setAttribute("src", "thumbs/" + images[iPtr].attributes[3].nodeValue);
        document.getElementById("image1").style.width = images[iPtr].attributes[2].nodeValue / 10 + "px";
        document.getElementById("image1").style.height = images[iPtr].attributes[1].nodeValue / 10 + "px";
        document.getElementById("image1").setAttribute("title",images[iPtr].attributes[4].nodeValue);
        document.getElementById("image1").style.borderStyle = "solid"; 
        document.getElementById("image1").style.borderWidth = "5px"; 
        document.getElementById("image1").style.borderColor = "#523879"; 
        
        if (iPtr+1 <= images.length-1)
        {
            document.getElementById("div2").style.width = images[iPtr + 1].attributes[2].nodeValue / 10 + "px";
            document.getElementById("div2").style.height = images[iPtr + 1].attributes[1].nodeValue / 10 + "px";
            document.getElementById("image2").setAttribute("src", "thumbs/" + images[iPtr + 1].attributes[3].nodeValue);
            document.getElementById("image2").style.width = images[iPtr + 1].attributes[2].nodeValue / 10 + "px";
            document.getElementById("image2").style.height = images[iPtr + 1].attributes[1].nodeValue / 10 + "px";
            document.getElementById("div2").style.visibility = "visible";
            document.getElementById("image2").setAttribute("title",images[iPtr + 1].attributes[4].nodeValue);
            document.getElementById("image2").style.borderStyle = "solid"; 
            document.getElementById("image2").style.borderWidth = "5px"; 
            document.getElementById("image2").style.borderColor = "#523879"; 
        }
        else
        {
            document.getElementById("div2").style.visibility = "hidden";
        }
        
        if (iPtr+2 <= images.length-1)
        {
            document.getElementById("div3").style.width = images[iPtr + 2].attributes[2].nodeValue / 10 + "px";
            document.getElementById("div3").style.height = images[iPtr + 2].attributes[1].nodeValue / 10 + "px";
            document.getElementById("image3").setAttribute("src", "thumbs/" + images[iPtr + 2].attributes[3].nodeValue);
            document.getElementById("image3").style.width = images[iPtr + 2].attributes[2].nodeValue / 10 + "px";
            document.getElementById("image3").style.height = images[iPtr + 2].attributes[1].nodeValue / 10 + "px";
            document.getElementById("div3").style.visibility = "visible";
            document.getElementById("image3").setAttribute("title",images[iPtr + 2].attributes[4].nodeValue);
            document.getElementById("image3").style.borderStyle = "solid"; 
            document.getElementById("image3").style.borderWidth = "5px"; 
            document.getElementById("image3").style.borderColor = "#523879"; 
        }
        else
        {
            document.getElementById("div3").style.visibility = "hidden";
        }
            
        if (iPtr+3 <= images.length-1)
        {
            document.getElementById("div4").style.width = images[iPtr + 3].attributes[2].nodeValue / 10 + "px";
            document.getElementById("div4").style.height = images[iPtr + 3].attributes[1].nodeValue / 10 + "px";
            document.getElementById("image4").setAttribute("src", "thumbs/" + images[iPtr + 3].attributes[3].nodeValue);
            document.getElementById("image4").style.width = images[iPtr + 3].attributes[2].nodeValue / 10 + "px";
            document.getElementById("image4").style.height = images[iPtr + 3].attributes[1].nodeValue / 10 + "px";
            document.getElementById("div4").style.visibility = "visible";
            document.getElementById("image4").setAttribute("title",images[iPtr + 3].attributes[4].nodeValue);
            document.getElementById("image4").style.borderStyle = "solid"; 
            document.getElementById("image4").style.borderWidth = "5px"; 
            document.getElementById("image4").style.borderColor = "#523879"; 
        }
        else
        {
            document.getElementById("div4").style.visibility = "hidden";
        }
            
        if (iPtr+4 <= images.length-1)
        {
            document.getElementById("div5").style.width = images[iPtr + 4].attributes[2].nodeValue / 10 + "px";
            document.getElementById("div5").style.height = images[iPtr + 4].attributes[1].nodeValue / 10 + "px";
            document.getElementById("image5").setAttribute("src", "thumbs/" + images[iPtr + 4].attributes[3].nodeValue);
            document.getElementById("image5").style.width = images[iPtr + 4].attributes[2].nodeValue / 10 + "px";
            document.getElementById("image5").style.height = images[iPtr + 4].attributes[1].nodeValue / 10 + "px";
            document.getElementById("div5").style.visibility = "visible";
            document.getElementById("image5").setAttribute("title",images[iPtr + 4].attributes[4].nodeValue);
            document.getElementById("image5").style.borderStyle = "solid"; 
            document.getElementById("image5").style.borderWidth = "5px"; 
            document.getElementById("image5").style.borderColor = "#523879"; 
        }
        else
        {
            document.getElementById("div5").style.visibility = "hidden";
        }
	}    
}

function Up()
{
    if (iPtr > 0)
    {
        iPtr = iPtr - 5;   
        LoadGallery();
    }
    if (iPtr== 0)
    {
        document.getElementById("up").setAttribute("src","images/up-disabled.gif");
        document.getElementById("up").className = "";
    }
    document.getElementById("down").setAttribute("src","images/down.gif");
    document.getElementById("down").className = "arrow";
}

function Down()
{
    if (iPtr < 60)
    {
        iPtr = iPtr + 5;   
        LoadGallery();
    }
    if (iPtr >= 60)
    {
        document.getElementById("down").setAttribute("src","images/down-disabled.gif");
        document.getElementById("down").className = "";
    }
    document.getElementById("up").setAttribute("src","images/up.gif");
    document.getElementById("up").className = "arrow";
}

function ThumbHover(evt)
{
    ReturnTarget(evt).className = "thumbOver";
}

function ThumbOut(evt)
{
    ReturnTarget(evt).className = "thumb";
}