window.onload = function() 
{
	
	        var p = document.getElementsByTagName('img');
	        for (i = 0; p.length > i; i++) 
	        {
		        p[i].onmouseover = function() { this.style.borderColor = '#adae99' };
		        p[i].onmouseout  = function() { this.style.borderColor = 'gainsboro' };
	        }
}
        
// The previous start index.
var _previousStartIndex = -1;

// The previous end index.
var _previousEndIndex = -1;

function PreviousSetOfImages()
{
    SetImages(_previousStartIndex - 12,_previousStartIndex);
    
}
function NextSetOfImages()
{
    // Default.
    var endIndex = -1;
    
    // If we do not have 12 images to show.
    if(_previousEndIndex + 12 > Paths.length)
    {
        // Set the end index to the last picture.
        endIndex = Paths.length;
    }
    else
    {
        // Show 12 images.
        endIndex = _previousEndIndex + 12;
    }
    
    // Set the images.
    SetImages(_previousEndIndex,endIndex);
}

function SetImages(startIndex, endIndex)
{
    // Store the start and end index.
    _previousStartIndex = startIndex;
    _previousEndIndex = endIndex;
    
    // Hide all of the images.
    document.getElementById("RowOneLeftLink").style.visibility = "hidden";
    document.getElementById("RowOneMiddleLink").style.visibility = "hidden";
    document.getElementById("RowOneRightLink").style.visibility = "hidden";
    document.getElementById("RowTwoLeftLink").style.visibility = "hidden";
    document.getElementById("RowTwoMiddleLink").style.visibility = "hidden";
    document.getElementById("RowTwoRightLink").style.visibility = "hidden";
    
    // Make sure the next and previous links are visible.
    var nextLink = document.getElementById("NextLink2");
    nextLink.style.visibility = "visible";
    var previousLink = document.getElementById("PreviousLink");
    previousLink.style.visibility = "visible";
        
    //default.
    var imageNumber = 0;
    
    // Set the images.
    for (i=startIndex;i<endIndex;i+=2)
    {
        // If we are setting the 1st image.
        if(imageNumber == 0)
        {
            // Set the link.
            var thisTag = document.getElementById("RowOneLeftLink");
            thisTag.style.visibility = "visible";
            thisTag.href = Paths[i];
            thisTag.title = Descriptions[i];
            
            // Set the image.
            thisTag = document.getElementById("RowOneLeft").src = Paths[i];
            thisTag = document.getElementById("RowOneLeft2").src = Paths[i+1];             
     
            document.getElementById("RowOneLeftLinkAfter").href = Paths[i+1];
            document.getElementById("RowOneLeft2Image").src = Paths[i+1];
            
        }
        else if(imageNumber == 1)
        {
            // Set the link.
            var thisTag = document.getElementById("RowOneMiddleLink");
            thisTag.style.visibility = "visible";
            thisTag.href = Paths[i];
            thisTag.title = Descriptions[i];
            
            // Set the image.
            thisTag = document.getElementById("RowOneMiddle").src = Paths[i];
            thisTag = document.getElementById("RowOneMiddle2").src = Paths[i+1];
            
            document.getElementById("RowOneMiddleLinkAfter").href = Paths[i+1];
            document.getElementById("RowOneMiddle2Image").src = Paths[i+1];
        }
        else if(imageNumber == 2)
        {
            // Set the link.
            var thisTag = document.getElementById("RowOneRightLink");
            thisTag.style.visibility = "visible";
            thisTag.href = Paths[i];
            thisTag.title = Descriptions[i];
            
            // Set the image.
            thisTag = document.getElementById("RowOneRight").src = Paths[i];
            thisTag = document.getElementById("RowOneRight2").src = Paths[i+1];
            
            document.getElementById("RowOneRightLinkAfter").href = Paths[i+1];
            document.getElementById("RowOneRight2Image").src = Paths[i+1];
        }
        else if(imageNumber == 3)
        {
            // Set the link.
            var thisTag = document.getElementById("RowTwoLeftLink");
            thisTag.style.visibility = "visible";
            thisTag.href = Paths[i];
            thisTag.title = Descriptions[i];
            
            // Set the image.
            thisTag = document.getElementById("RowTwoLeft").src = Paths[i];
            thisTag = document.getElementById("RowTwoLeft2").src = Paths[i+1];
            
            document.getElementById("RowTwoLeftLinkAfter").href = Paths[i+1];
            document.getElementById("RowTwoLeft2Image").src = Paths[i+1];
        }
        else if(imageNumber == 4)
        {
            // Set the link.
            var thisTag = document.getElementById("RowTwoMiddleLink");
            thisTag.style.visibility = "visible";
            thisTag.href = Paths[i];
            thisTag.title = Descriptions[i];
            
            // Set the image.
            thisTag = document.getElementById("RowTwoMiddle").src = Paths[i];
            thisTag = document.getElementById("RowTwoMiddle2").src = Paths[i+1];
            
            document.getElementById("RowTwoMiddleLinkAfter").href = Paths[i+1];
            document.getElementById("RowTwoMiddle2Image").src = Paths[i+1];
        }
        else if(imageNumber == 5)
        {
            // Set the link.
            var thisTag = document.getElementById("RowTwoRightLink");
            thisTag.style.visibility = "visible";
            thisTag.href = Paths[i];
            thisTag.title = Descriptions[i];
            
            // Set the image.
            thisTag = document.getElementById("RowTwoRight").src = Paths[i];
            thisTag = document.getElementById("RowTwoRight2").src = Paths[i+1];
            
            document.getElementById("RowTwoRightLinkAfter").href = Paths[i+1];
            document.getElementById("RowTwoRight2Image").src = Paths[i+1];
            
        } //if(imageNumber == 0)
       
        imageNumber++;
        
    } //for (i=0;i<endIndex;i++)

    if(endIndex == Paths.length)
    {
        nextLink.style.visibility = "hidden";
    }            
    
    if(startIndex == 0)
    {
        previousLink.style.visibility = "hidden";
    }
} // End function