function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i < d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i < d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

var numPages, currentPage, startPage, endPage, numRows, viewPage, thumbPage;

function gotoThumbPage(num) 
{
	document.getElementById("thumbmenu" + thumbPage).style.display = "none";
	document.getElementById("thumbmenu" + num).style.display ="";
	document.getElementById("numberlist" + thumbPage).style.display = "none";
	document.getElementById("numberlist" + num).style.display ="";
	thumbPage = num;
}

function getObj(id) {
	if (document.layers){
		// Netscape 4.x
		return eval('document.' + id);
	}
	if (document.getElementById){
		// Netscape 6.x, IE 5+, W3CDOM
		return eval('document.getElementById("' + id + '")');
	}
	if (document.all){
		// IE 4+
		return eval('document.all.' + id);
	}
}

function doThumbnailMenu() {
	var outHTML, thumbHTML, infoHTML, rowsHTML, preHTML, postHTML, groupCounter, navHTML;
	groupCounter = 0;
	outHTML = '';
	startPage = 1;
	while (currentPage <= numPages) {
	    groupCounter ++;
	    startPage = currentPage;
		rowsHTML = doRows();
		endPage = currentPage - 1;
		if (endPage == 0) endPage = 1;
		if (viewPage >= startPage && viewPage <= endPage) {
			preHTML = '<div class="thumbpage" id="thumbmenu' + groupCounter + '">';
			thumbPage = groupCounter;
		} else {
			preHTML = '<div style="display:none" class="thumbpage" id="thumbmenu' + groupCounter + '">';
		}
		postHTML = "</div>"

		infoHTML = '<div class="thumbinfo">Showing pages <span class="bold">' + startPage + '</span> to <span class="bold">' + endPage + '</span> of ' + numPages  + ' pages</div>';

		thumbHTML = preHTML + rowsHTML + infoHTML + postHTML;
		outHTML += thumbHTML;
	}
    var navHTML = '';
	if (groupCounter > 1)
	{
	    for (i=1; i<=groupCounter; i++)
	    {
	        if (i==thumbPage)
	        {
	            navHTML += '<div class="numberlist" id="numberlist' + i + '">';
	        }
	        else
	        {
	            navHTML += '<div style="display:none" class="numberlist" id="numberlist' + i + '">';
	        }
	        navHTML += '<table class="thumbnav"><tr><td class="thumbnavback">';
	        if (i > 1) 
	        {
	            navHTML += '<a class="thumbnavbacklink" href="javascript:gotoThumbPage(' + (i - 1) + ')"><img id="thumbprevimage' + (i - 1) + '" onMouseOver="swapimage(\'thumbprevimage' + (i - 1) + '\', \'sicon_ppo.gif\')" onMouseOut="swapimage(\'thumbprevimage' + (i - 1) + '\', \'sicon_pp.gif\')" src="/images/sicon_pp.gif" alt="Back" height="15px" width="15px" border="0"/><span onMouseOver="swapimage(\'thumbprevimage' + (i - 1) + '\', \'sicon_ppo.gif\')" onMouseOut="swapimage(\'thumbprevimage' + (i - 1) + '\', \'sicon_pp.gif\')" class="nextprevlink">Back</span></a>';
	        }
	        else
	        {
	            navHTML += '<img class="thumbprevimage' + (i - 1) + '" src="/images/sicon_pp.gif" alt="Back" height="15px" width="15px" border="0"/><span class="nextprevlink">Back</span>';
	        }
	        navHTML += '</td><td class="thumbnavnumbers">';
    	    for (j=1; j<=groupCounter; j++)
	        {   
	            if (i==j)
	            {
	                navHTML += '&nbsp;<strong>' + j + '</strong>';
	            }
	            else
	            {
	                navHTML += '&nbsp;<a href="javascript:gotoThumbPage(' + j + ')">' + j + '</a>';
	            }
	        }
	        navHTML += '</td><td class="thumbnavnext">';
            if (i < groupCounter) 
            {
                navHTML += '<a class="thumbnavnextlink" href="javascript:gotoThumbPage(' + (i + 1) + ')"><span onMouseOver="swapimage(\'thumbnextimage' + (i - 1) + '\', \'sicon_npo.gif\')" onMouseOut="swapimage(\'thumbnextimage' + (i - 1) + '\', \'sicon_np.gif\')" class="nextprevlink">Next</span><img id="thumbnextimage' + (i - 1) + '" onMouseOver="swapimage(\'thumbnextimage' + (i - 1) + '\', \'sicon_npo.gif\')" onMouseOut="swapimage(\'thumbnextimage' + (i - 1) + '\', \'sicon_np.gif\')" src="/images/sicon_np.gif" alt="Next" height="15px" width="15px" border="0"/></a>';
	        }
	        else
	        {
	            navHTML += '<span class="nextprevlink">Next</span><img class="thumbnextimage' + (i - 1) + '" src="/images/sicon_np.gif" alt="Next" height="15px" width="15px" border="0"/>';
	        }
	        navHTML += '</tr></table></div>';
	    }
	    navHTML += '</div>';
	}
	var thumbMenu = getObj("thumbs-menu");
    if (thumbMenu) {
        thumbMenu.innerHTML = navHTML + outHTML;
    }
    //alert(thumbMenu);
	//alert(outHTML);
    doThumbMenu = false;
}

function doPage() {
	var retHTML;
	if (currentPage < numPages && currentPage != 1) {
		retHTML =
			'<table class="thumbnailmenu" cellpadding="0px" cellspacing="0px">' +
			  '<tr>' +
			    '<td class="thumbnumber">' + currentPage + '</td>' +
			    '<td class="thumbnumber">' + (currentPage + 1) + '</td>' +
			  '</tr>' +
			  '<tr>' +
			    '<td class="thumbborderl"><a href="/?id=' + documentId + '&size=' + size + '&page=' + currentPage + '&view=' + view + '"><img src="img.image/?id=' + documentId + '&size=0&page=' + currentPage + '" /></a></td>' +
			    '<td class="thumbborderr"><a href="/?id=' + documentId + '&size=' + size + '&page=' + (view == 2 ? currentPage : (currentPage + 1)) + '&view=' + view + '"><img src="img.image/?id=' + documentId + '&size=0&page=' + (currentPage + 1) + '" /></a></td>' +
			  '</tr>' + '<tr height="8px" colspan="2" >&nbsp;</tr>' +
			'</table>';
			currentPage += 2;
	} else if (currentPage == numPages && numPages > 1) {
		retHTML =
			'<table class="thumbnailmenu" cellpadding="0px" cellspacing="0px">' +
			  '<tr>' +
			    '<td class="thumbnumber">' + currentPage + '</td>' +
			    '<td class="thumbnumber">&nbsp;</td>' +
			  '</tr>' +
			  '<tr>' +
			    '<td class="thumbborderl"><a href="/?id=' + documentId + '&size=' + size + '&page=' + currentPage + '&view=' + view + '"><img src="img.image/?id=' + documentId + '&size=0&page=' + currentPage + '" /></a></td>' +
			    '<td class="thumbborderr"></td>' +
			  '</tr>' + '<tr height="8px" colspan="2" >&nbsp;</tr>' +
			'</table>';
			currentPage ++;
	} else if (currentPage == 1) {
		retHTML =
			'<table class="thumbnailmenu" cellpadding="0px" cellspacing="0px">' +
			  '<tr>' +
			    '<td class="thumbnumber">&nbsp;</td>' +
			    '<td class="thumbnumber">' + currentPage + '</td>' +
			  '</tr>' +
			  '<tr>' +
				'<td class="thumbborderl"></td>' +
			    '<td class="thumbborderr"><a href="/?id=' + documentId + '&size=' + size + '&page=' + currentPage + '&view=' + view + '"><img src="img.image/?id=' + documentId + '&size=0&page=' + currentPage + '" /></a></td>' +
			  '</tr>' + '<tr height="8px" colspan="2" >&nbsp;</tr>' +
			'</table>';
			currentPage ++;
	} else {
			retHTML =
			'<table class="thumbnailmenu" cellpadding="0px" cellspacing="0px">' +
			  '<tr>' +
			    '<td class="thumbnumber">&nbsp;</td>' +
			    '<td class="thumbnumber"></td>' +
			  '</tr>' +
			  '<tr>' +
				'<td class="thumbborderl">&nbsp;</td>' +
			    '<td class="thumbborderr"></td>' +
			  '</tr>' + '<tr height="8px" colspan="2" >&nbsp;</tr>' +
			'</table>';
	}
	return retHTML;
}

function doRow() {
	var retHTML
	retHTML =
		'<table class="thumbrow">' +
		  '<tr>' +
		    '<td class="pagetable">' + doPage() + '</td>' +
		    '<td class="pagetable">' + doPage() + '</td>' +
		    '<td class="pagetable">' + doPage() + '</td>' +
		    '<td class="pagetable">' + doPage() + '</td>' +
		  '</tr>' +
		  '<tr>' +
		    '<td colspan="4" height="10"></td>' +
		  '</tr>' +
		'</table>';
	return retHTML;
}

function doRows() {
	var retHTML;
	var i;

	retHTML = "";
	for(i = 0; i < numRows; i++) {
		retHTML += doRow();
	}
	return retHTML;
}

function setNumPages(count)
{
    numPages = count;
}

function setCurrentPage(page)
{
    viewPage = page;
    doThumbMenu = true;
}

var documentId = getQueryVariable("id");
var size = getQueryVariable("size");
var view = getQueryVariable("view");
viewPage = 1;
numRows = 2;
currentPage = 1;
activeGroup = 1;
var doThumbMenu = false;
//alert("loaded");