// JavaScript Document

var pageOffset = 0;
var pageSize = 25;
var pageStop = pageOffset + pageSize;

<!-- Define 2 records. The first is the set of species items and the second is the images within each item -->

var dsItems = new Spry.Data.XMLDataSet("xml/forsale.xml", "forsale/saleitem", { filterFunc: MyPagingFunc });

var dsUnits = new Spry.Data.XMLDataSet("xml/forsale.xml", "forsale/saleitem[@plantnm = '{dsItems::@plantnm}']/unit");

function MyPagingFunc(ds, row, rowNumber) {
	if (rowNumber < pageOffset || rowNumber >= pageStop)
		return null;
		
	return row;
}


function UpdatePage(offset)
{
	var numRows = dsItems.getUnfilteredData().length;
	totalRows = numRows;
	if (offset > numRows) return;
	if (offset < 0)
		offset = 0;

	pageOffset = offset;
	pageStop = offset + pageSize;

	// Re-apply our non-destructive filter on dsStates1:
	dsItems.filter(MyPagingFunc);

}
function selectPage() {
	var pagenums = document.getElementById("pagenums");
	var newidx = pagenums.selectedIndex;
   	var newPagenum = pagenums.options[newidx].value; 
	var newRow = ((newPagenum -1) * pageSize);
	UpdatePage(newRow);
}


function createSelectList() {
	var parent = document.getElementById("pagelist");
	var btnElement = document.getElementById("gobutton");
	
	var newElement = document.createElement("select")
	newElement.setAttribute("name", "pagenums");
	newElement.setAttribute("id", "pagenums");
	newElement.setAttribute("size", "1");
	parent.insertBefore(newElement, btnElement);
	if (parent.childNodes.length > 4) {
		return;
	}
	var newOption;
	var allRows = dsItems.getUnfilteredData();
	//create option tag for each page number
	var rowcount = allRows.length - 1;
	var totalpages = (rowcount/pageSize) + 1;
	
	for (var idx = 1; idx <= totalpages; idx++) {
		var startRow = (idx * pageSize) - (pageSize);
		var endRow = (idx * pageSize) -1;
		if (endRow > rowcount) {
			endRow = rowcount;
		}
		var firstRow = allRows[startRow];
		var lastRow = allRows[endRow];
		var newplantnm = firstRow["@plantnm"];
		var newplantnm2 = lastRow["@plantnm"];
		var newOption = document.createElement("option");
		txt1 = idx + ": " + newplantnm.substring(0,9) + " - " + newplantnm2.substring(0,9);
		newNode= document.createTextNode(txt1);
		newOption.appendChild(newNode);
		newOption.setAttribute("value", idx);
		newElement.appendChild(newOption);
	}
}

function traverse(node) {
  if (node.nodeType == 3) { words += node.nodeValue; }
  if (node.childNodes != null) {
    for (var i=0; i < node.childNodes.length; i++) {
      traverse(node.childNodes.item(i));
    }
  }
}

function showBigPic(imagename) {
	var newpic = imagename;
	var newtarget = document.getElementById("mainimage");
	newtarget.src = "images/storepics/large/" + imagename;
}

function viewSrcImage (salepic) {
	var newfilenm = salepic.split(".");
	var filenm = newfilenm[0];
	var winName = "images/storepics/large/" + filenm + ".jpg";
	var newWin = window.open(winName, "_blank", "toolbar,scrollbars,resizable");
}