function LoadThumbnails(sType)
{
    var sHTML = "<ul class=\"gallerylist\">";

    if (lines.length == 0)
    {
        sHTML += "THERE ARE NO ITEMS IN THE GALLERY";
    }
    else
    {   
        var sTemp = QueryString("index");
        if (sTemp == "")
            sTemp = "0";
            
        var nOffset = parseInt(sTemp);
        if (nOffset < 0)
            nOffset = 0;
           
        if (nOffset >= lines.length - 8)
            nOffset = lines.length - 8;
            
        for (i = 0; i < 8; i ++)
        {
            sModifier = "";
	        if (i == 0)
	            sModifier = " class=\"active\"";
    	        
	        sHTML += "<li" + sModifier + "><img src=\"" + sType + "/" + lines[i + nOffset] + ".jpg\" alt=\"" + lines[i + nOffset] + "\"></li>";
        }
    }

    sHTML += "</ul>";
    document.getElementById('thumbnails').innerHTML = sHTML;

    if (lines.length > 8)
    {
        sHTML = "<p class=\"nav\">";

        if (nOffset > 0)
        {    
            var nPrevOffset = nOffset - 8;
            if (nPrevOffset < 0)
                nPrevOffset = 0;
            
            sHTML += "<a href=\"" + sType + ".asp?index=" + nPrevOffset + "\">PREV PAGE</a>";
        }
        
        if (nOffset > 0 && nOffset < lines.length - 8)
            sHTML += " | ";
        
        if (nOffset < lines.length - 8)  
        {
            var nNextOffset = nOffset + 8;
            if (nNextOffset >= (lines.length - 8))
                nNextOffset = lines.length - 8;
           
            sHTML += "<a href=\"" + sType + ".asp?index=" + nNextOffset + "\">NEXT PAGE</a>";
       }
             
        sHTML += "</p>";
        //sHTML += "<p class=\"nav\"><a href=\"#\" onclick=\"$.galleria.prev(); return false;\">PREV IMAGE</a> | <a href=\"#\" onclick=\"$.galleria.next(); return false;\">NEXT IMAGE</a></p>";

        document.getElementById('pager').innerHTML = sHTML;
    }
}