var invRecords = new Array()
var deletedList = new Array()
var undeletedList = new Array()
var position = 0
var soldCount = 0
var unsoldCount = 0
var totalCount = 0
var picsPerPage = 10
var start = 0
var end = 10
var welcomeText = "Welcome to your consigner page<br>";
var choicesText = "Show your unsold items <input id=\"showUndeletedRecords\" onclick=\"changeView()\" type=\"Checkbox\"><br>";
choicesText = choicesText + "Show your sold items <input id=\"showDeletedRecords\" onclick=\"changeView()\" type=\"Checkbox\"><br>";
var countText = "Number of items per page <input onkeyup=\"changeView()\" value=\"\" id=\"count\" size=\"1\" type=\"text\"><br>";
var showDeletedChecked = false
var showUndeletedChecked = false
var nextText = "";
var prevText = "";
var posText = "";



function hello()
{
	alert("hello")
	
}

function recordObject(inv_id,price,description,deleted)
{
	this.inv_id = inv_id
	this.price = price
	this.description = description
	this.deleted= deleted
}

function createRecord(inv_id,price,description,deleted)
{

	
	//alert("adding+ "+inv_id + " at " + position )

	invRecords[position] = new recordObject(inv_id,price,description,deleted)
	
	//alert(invRecords[position].inv_id )
	position++
}

function displayRecords()
{
	
	
	
	
	var recordText = ""


	
	//alert("there are " +invRecords.length + " records")
	recordText = setRecordText()
	//alert(welcomeText)
	//alert(document.getElementById("showDeletedRecords").checked)
	
	var first = start + 1
	if(end == 0)
	{
		first = 0
		nextText = ""
		prevText = ""
	}
	posText = "showing from " + first + " to " + end + " of " + findNoOfPics()
	
	document.getElementById("consigner_items").innerHTML = welcomeText + choicesText  + countText + "<br>" + posText + "<br>" + prevText  + nextText + "<br>" + recordText +  posText + "<br>" + prevText  + nextText  
	
	document.getElementById("showDeletedRecords").checked = showDeletedChecked
	//alert(showUndeletedChecked)
	document.getElementById("showUndeletedRecords").checked = showUndeletedChecked
	document.getElementById("count").value = picsPerPage
}

function setRecordText()
{

	var recordText = ""
	//there are four possible cases:
	//1.  neither the sold nor the unsold boxes are checked
	//2.  both the sold and unsold boxes checked
	//3.  the sold box is checked
	//4.  the unsold box is checked
	
	if(showDeletedChecked & showUndeletedChecked)
	{
		recordText = showAll()
	} else if (showDeletedChecked) {
		recordText = showDeleted()	
		//alert(recordText)  
	} else if (showUndeletedChecked) {
		recordText = showUndeleted()
	} else {
		recordText = "";
	}
	return(recordText)
}

function showAll()
{
	var recordText = ""
	var recPos = 0
	for (i=start;i<end;i++){
			recPos++
			if(invRecords[i].deleted == "F"){
				recordText = recordText + "<div style='height:160;border-style: dotted;border-width=1;background-color:#FFFF99'>"
			} else {
				recordText = recordText + "<div style='height:160;border-style: dotted;border-width=1;background-color:#CCCCFF'>"
			}			

			recordText = recordText + "<img align=\"left\" src=\"/inventory/" + invRecords[i].inv_id + ".jpg\" width=\"200\">"
			recordText = recordText + "record number " + recPos + "<br>"
			recordText = recordText + "inventory ID: " + invRecords[i].inv_id + "<br>"
			recordText = recordText + "Sale Price: $" +invRecords[i].price + "<br>"
			recordText = recordText + invRecords[i].description + "<br>"

			if(invRecords[i].deleted == "F"){
				recordText = recordText + "Unsold<br>"
			} else {
				recordText = recordText + "Sold/Deleted<br>"
			}
			
			
			
			recordText = recordText + "<br clear=\"all\"></div>"
	}
	return recordText			
}

function showDeleted()
{
	
	var recordText = ""
	var recPos = 0
	for (i=start;i<end;i++){
			//alert(invRecords[deletedList[i]].inv_id)
			var baseValue 	= invRecords[undeletedList[i]].inv_id/1000
			var rounded 		= Math.floor(baseValue)
			var directoryName	= rounded*1000

			recPos++
			recordText = recordText + "<div style='height:160;border-style: dotted;border-width=1;background-color:#CCCCFF'>"
			recordText = recordText + "<img align=\"left\" src=\"/inventory/" + directoryName + "/" + invRecords[undeletedList[i]].inv_id + ".jpg\" width=\"200\">"
			recordText = recordText + "record number " + recPos + "<br>"
			recordText = recordText + "Inventory ID: "+invRecords[undeletedList[i]].inv_id + "<br>"
			recordText = recordText + "Sale Price: $"+invRecords[undeletedList[i]].price + "<br>"
			recordText = recordText + invRecords[undeletedList[i]].description + "<br>"
			recordText = recordText + "Sold/Deleted<br>"
			recordText = recordText + "<br clear=\"all\"></div>"
	}
	  
	return recordText			
}

function showUndeleted()
{
	var recordText = ""
	var recPos = 0
	for (i=start;i<end;i++){
			
			var baseValue 		= invRecords[deletedList[i]].inv_id/1000
			var rounded 		= Math.floor(baseValue)
			var directoryName	= rounded*1000
			recPos++  
			//alert(invRecords[deletedList[i]].inv_id)
			recordText = recordText + "<div style='height:160;border-style: dotted;border-width=1;background-color:#FFFF99'>"
			recordText = recordText + "<img align=\"left\" src=\"/inventory/" + directoryName + "/" + invRecords[deletedList[i]].inv_id + ".jpg\" width=\"200\">"
			recordText = recordText + "record number " + recPos + "<br>"
			recordText = recordText + "Inventory ID: " + invRecords[deletedList[i]].inv_id + "<br>"
			recordText = recordText + "Sale Price: $" + invRecords[deletedList[i]].price + "<br>"
			recordText = recordText + invRecords[deletedList[i]].description + "<br>"
			recordText = recordText + "Unsold<br>"
			recordText = recordText + "<br clear=\"all\"></div>"
	}
	return recordText	
}

function initilizeText()
{ 
 	setLists()
	choicesText = "Show your "+unsoldCount+" unsold items <input id=\"showUndeletedRecords\" onclick=\"changeView()\" type=\"Checkbox\"><br>";
	choicesText = choicesText + "Show your "+soldCount+" sold items <input id=\"showDeletedRecords\" onclick=\"changeView()\" type=\"Checkbox\"><br>";
	document.getElementById("consigner_items").innerHTML = welcomeText +  choicesText + countText   
	document.getElementById("count").value = picsPerPage
	totalCount = invRecords.length

}

function setLists()
{
	var deletedCount = 0
	var undeletedCount = 0
	for (i=0;i<invRecords.length;i++){
		//alert(invRecords[i].deleted)
		if(invRecords[i].deleted == 'F')
		{
			deletedList[deletedCount]=i
			deletedCount++
			//alert("deleted count")
		} else {
			undeletedList[undeletedCount]=i
			undeletedCount++			
		}
		//alert(i)
	}
	
	soldCount = undeletedCount
	//alert(soldCount)
	unsoldCount = deletedCount
}

function findNoOfPics()
{
	showDeletedChecked = document.getElementById("showDeletedRecords").checked
	showUndeletedChecked = document.getElementById("showUndeletedRecords").checked
	//alert(showDeletedChecked)
	//alert("undeleted-"+showUndeletedChecked)
	var count = 0
	if(showDeletedChecked & showUndeletedChecked)
	{
		//alert("showing both" + totalCount)
		count = totalCount
	} else if (showDeletedChecked) {
		count = soldCount
	} else if (showUndeletedChecked) {
		count = unsoldCount
	}
	
	
	
	return count
}

function changeView()
{
	
//	alert(deletedCount)
//	alert(undeletedCount)
		
	picsPerPage = (document.getElementById("count").value)*1
	start=0
	end=start+picsPerPage
	if (end >= findNoOfPics())
	{
		end = findNoOfPics()
	} else {
		nextText = "<a style='cursor:pointer;text-decoration:underline' onclick='nextClicked()'>next >></a>"
		prevText = ""
	}
	
	
	//alert(start)
	//alert(end)
	displayRecords()
}


function nextClicked()
{
	picsPerPage = (document.getElementById("count").value)*1
	start=start+picsPerPage
	end=start+picsPerPage
	if (end >= findNoOfPics())
	{
		end = findNoOfPics()
		nextText = ""
	} else {
		nextText = " <a style='cursor:pointer;text-decoration:underline' onclick='nextClicked()'>next >></a>"
	}
	
	if (start > 0)
	{
		prevText = "<a style='cursor:pointer;text-decoration:underline' onclick='prevClicked()'><< prev</a>"
	} else {
		prevText = ""
	}
	
	//alert(start)
	//alert(end)
	displayRecords()
}

function prevClicked()
{
	picsPerPage = (document.getElementById("count").value)*1
	start=start-picsPerPage
	end=start+picsPerPage
	if (end >= findNoOfPics())
	{
		end = findNoOfPics()
		nextText = ""
	} else {
		nextText = " <a style='cursor:pointer;text-decoration:underline' onclick='nextClicked()'>next >></a>"
	}
	
	if (start > 0)
	{
		prevText = "<a style='cursor:pointer;text-decoration:underline' onclick='prevClicked()'><< prev</a>"
	} else {
		prevText = ""
	}
	
	//alert(start)
	//alert(end)
	displayRecords()
}

function pageCountChange()
{

}