/*
ID definitions
purchase_col0 = date
purchase_col1 = place
purchase_col2 = note
purchase_col3 = amount
*/
var actualScrollPosition = 0;
function scrollDown() {
//Maximum posts that can be shown at the same time
var ScrollSpace = 10;
//Check that scroll is possible
if(Purchase_dates.length > ScrollSpace) {
//Already at the lowest position?
if((Purchase_dates.length-ScrollSpace) > actualScrollPosition) {
//Allow scrolling
actualScrollPosition++;
viewPurchaseData(ScrollSpace);
}
}
}
function scrollUp() {
//Maximum posts that can be shown at the same time
var ScrollSpace = 10;
if(actualScrollPosition > 0) {
//Allow scrolling
actualScrollPosition--;
viewPurchaseData(ScrollSpace);
}
}
function viewPurchaseData(ScrollSpace) {
var Actual_dates = document.getElementById('purchase_col0').innerHTML;
var Actual_places = document.getElementById('purchase_col1').innerHTML;
var Actual_notes = document.getElementById('purchase_col2').innerHTML;
var Actual_amounts = document.getElementById('purchase_col3').innerHTML;
var datesTableContent = new Array();
var placesTableContent = new Array();
var notesTableContent = new Array();
var amountsTableContent = new Array();
datesTableContent = Actual_dates.split('');
placesTableContent = Actual_places.split('
');
notesTableContent = Actual_notes.split('
');
amountsTableContent = Actual_amounts.split('
');
//Build top elements
Actual_dates = datesTableContent[0]+"
"+datesTableContent[1]+"
";
Actual_places = placesTableContent[0]+"
"+placesTableContent[1]+"
";
Actual_notes = notesTableContent[0]+"
"+notesTableContent[1]+"
";
Actual_amounts = amountsTableContent[0]+"
"+amountsTableContent[1]+"
";
/*
//Make desc
var invert_Actual_dates = "";
var invert_Actual_places = "";
var invert_Actual_notes = "";
var invert_Actual_amounts = "";
*/
var index = 0;
for(var a=0; a < ScrollSpace; a++) {
index = Purchase_dates.length - ScrollSpace - actualScrollPosition + a;
/*
invert_Actual_dates += "| "+Purchase_dates[(actualScrollPosition+a)]+" | "
+ "
"
+ invert_Actual_dates;
invert_Actual_places += "| "+Purchase_places[(actualScrollPosition+a)]+" | "
+ "
"
+ invert_Actual_places;
invert_Actual_notes += "| "+Purchase_notes[(actualScrollPosition+a)]+" | "
+ "
"
+ invert_Actual_notes;
invert_Actual_amounts += "| "+Purchase_amounts[(actualScrollPosition+a)].toFixed(2)+" | "
+ "
"
+ invert_Actual_amounts;
*/
Actual_dates += "| "+Purchase_dates[index]+" | "
+ "
";
Actual_places += "| "+Purchase_places[index]+" | "
+ "
";
Actual_notes += "| "+Purchase_notes[index]+" | "
+ "
";
Actual_amounts += "| "+Purchase_amounts[index].toFixed(2)+" | "
+ "
";
}
/*
//Finish off the elements
Actual_dates += invert_Actual_dates + datesTableContent[12]+"
"+datesTableContent[13];
Actual_places += invert_Actual_places + placesTableContent[12];
Actual_notes += invert_Actual_notes + notesTableContent[12];
Actual_amounts += invert_Actual_amounts + amountsTableContent[12]+"
"+amountsTableContent[13]+"
"+amountsTableContent[14];
*/
Actual_dates += datesTableContent[12]+"
"+datesTableContent[13];
Actual_places += placesTableContent[12];
Actual_notes += notesTableContent[12];
Actual_amounts += amountsTableContent[12]+"
"+amountsTableContent[13]+"
"+amountsTableContent[14];
//Show data
document.getElementById('purchase_col0').innerHTML = Actual_dates;
document.getElementById('purchase_col1').innerHTML = Actual_places;
document.getElementById('purchase_col2').innerHTML = Actual_notes;
document.getElementById('purchase_col3').innerHTML = Actual_amounts;
}