Pass in another variable thru onFolioData()

Question

This is my first time dealing with Adobe DPS and I am trying to pass another variable into the onFolioData function.
Right now my code looks like so:
var init_dps_api = function(productIDs, saleNumbers) {
    var onFolioData = function (data) {
        var len = data.length;
        // The library returns an array of folio descriptor objects.  Put them into a hash indexed by something more convenient (ie productId)
        for (var i = 0; i < len; i++) {
            folioDataHash[data[i].productId,data[i].saleNumber] = data[i];
        var folio;
        for (var j=0; j<productIDs.length; j++){
                folio = folioDataHash[productIDs[j],saleNumbers[j]];
                if (folio) {
                    //adobe.dps.store.getPreviewImage(productIDs[j], true, 768, 1024, onPreviewImage2(productIDs[j]));
                    adobe.dps.store.getPreviewImage(productIDs[j], true, 768, 1024, onPreviewImage(productIDs[j],saleNumbers[j]));
                else {
                    //console("The productId you have defined for purchase/download does not exist within your Fulfillment account");
    var onPreviewImage = function(productID,saleNumber) {     
        var s2= "";
        var folio2 = folioDataHash[productID,saleNumber];
In the above code you can see that I want to pass in the saleNumber, but it is breaking the page. Is there a way to do this? Can someone from the Adobe team please assist?
Reason for this is that from our jsp pages, we need to pass salenumbers for our Site Catalyst tracking, so I am grabbing the salenumber from the jsp page and passing it via the javascript api to trigger an Omniture function.
Thank you for your time and patience.
B
Message was edited by: BC_Sothebys

Answer 1

In the main jsp file, it is calling multiple publication ids from the cms. So let's say that on the page, there are 5 buckets. In each bucket, there are 5 publication ids. Each of the publication ids are being pushed into a publicationIDs array.
<script>
  publicationIDs.push('<%=publicationId%>');
</script>
This array then gets called in the api
var init_dps_api = function(productIDs) {
    var folioDataHash = {};
    var onFolioData = function (data) {
        var len = data.length;
        for (var i = 0; i < len; i++) {
            folioDataHash[data[i].productId] = data[i];
        var folio;
        for (var j=0; j<productIDs.length; j++){
                folio = folioDataHash[productIDs[j]];
                if (folio) {
                    adobe.dps.store.getPreviewImage(productIDs[j], true, 768, 1024, onPreviewImage(productIDs[j]));
                else {
                    console("The productId you have defined for purchase/download does not exist within your Fulfillment account");
    var onPreviewImage = function(productID) {     
        var s2= "";
        var node2 = "";
        var folio2 = folioDataHash[productID];
        if (!folio2) return;  // un-known folio...nothing to show.
        if(globalTab == 'featured') {
            node2 = document.getElementById(productID + "_publicationId_Holder_fc");
            if(isLoggedIn) {
                s2 += "<div class='buyButton' id='" + productID + "'>";
                if (folio2.state=='200') {
                    s2 +="Download";
                } else {
                    s2 += "View";
                s2 += "</div>";
                if (node2) {
                    node2.innerHTML = s2;
                    node2.onclick=function(){
                        buy(productID);
            } else {
                s2 += "<div class='buyButtonGreyed' id='" + productID + "'>";
                s2 += "Register to Download";
                s2 += "</div>";
                if (node2) {
                    node2.innerHTML = s2;
                    node2.onclick=function(){
                        showMsgBox1();
        if(globalTab == 'view-all') {
            node2 = document.getElementById(productID + "_publicationId_Holder_va");
            if(isLoggedIn) {
                s2 += "<div class='buyButton' id='" + productID + "'>";
                if (folio2.state=='200') {
                    s2 +="Download";
                } else {
                    s2 += "View";
                s2 += "</div>";
                if (node2) {
                    node2.innerHTML = s2;
                    node2.onclick=function(){
                        buy(productID);
            } else {
                s2 += "<div class='buyButtonGreyed' id='" + productID + "'>";
                s2 += "Register to Download";
                s2 += "</div>";
                if (node2) {
                    node2.innerHTML = s2;
                    node2.onclick=function(){
                        showMsgBox();
    var onLibraryUpdate = function () {
        adobe.dps.store.getFolioData(onFolioData);
        // Unregister for library updates
        unregisterUpdateLibraryHandler(); //commented out by Y.J.
    var registerUpdateLibraryHandler = function ()
      if (window.adobedpscontextloaded)
        // call into the updateLibrary API
        adobe.dps.store.registerLibraryUpdateCompleteHandler(onLibraryUpdate);
        adobe.dps.store.updateLibrary(); //this needs to be here, otherwise, no button shows up
      else {
          //console("Failed to find Javascript API");
    var unregisterUpdateLibraryHandler = function ()
      if (window.adobedpscontextloaded)
        // call into the updateLibrary API
        adobe.dps.store.unregisterLibraryUpdateCompleteHandler(onLibraryUpdate);
    registerUpdateLibraryHandler();
    var buy = function(productID) {
        var folio = folioDataHash[productID];
        if (folio==null) return;
        if (folio.state=='100') {
            adobe.dps.store.buyFolio(productID);
        }else {
            adobe.dps.store.viewFolio(productID);
    //showMsgBox brings up message box and black cover when user is not logged in
    function showMsgBox() {
        var overlay = $('#black-cover');
        var wrapper = $('#warning-mmsg');
        overlay.css({'display':'block'});
        wrapper.css({'display':'block'});
    //showMsgBox brings up message box and black cover when user is not logged in
    function showMsgBox1() {
        var overlay = $('#black-covers');
        var wrapper = $('#warning-msgs');
        overlay.css({'display':'block'});
        wrapper.css({'display':'block'});
     var consoleElement = document.getElementById("console");
     var console = function(s) {
         if (consoleElement) consoleElement.innerHTML += s + "<br/>";
} //END: init_dps_api function
This whole script works and in the storefront, all of the  5 buttons appear with the correct publication id in there buckets.
But now I want to be able to pass another variable, in this case saleNumbers, where I would do a second push:
<script>
     publicationIDs.push('<%=publicationId%>');
     saleNumbers.push('<//%=saleNumber%>'); // second push
</script>
and pass that into the init_dps_api function like so:
var init_dps_api = function(productIDs, saleNumbers) {
What I've done only printed the sale number for the first bucket, but I need it to print 5 different sale numbers for their respective buckets.
Thanks for your time and patience.