function history(b)
{
    removeLeafEvents();
    
    historyTable1(b);
    historyTable2(b);
//    historyFooter(b);
};

function historyTable1(track)
{
    var now         = new Date();
    var monthnumber = now.getMonth();

    var cd = document.getElementById('CENTERDIV2');
    cd.innerHTML = "";
    
    var d2  = document.createElement("div");
    d2.id   = "HIST1";
//    d2.style.padding = "5px 5px 5px 5px";
//    d2.style.border = "2px solid black";
    
    cd.appendChild(d2);

    var ct  = CreateTable('375','495','HIST1', 'HTABLE');
    
    var tmpRow, tmpCell1, tmpCell2;

    tmpRow = AppendRow('HTABLE', '-1');
    
    tmpCell1 = AppendCell(tmpRow, '0');
    tmpCell1.innerHTML = "";

    tmpCell2 = AppendCell(tmpRow, '1');
    tmpCell2.innerHTML = "";

    tmpRow = AppendRow('HTABLE', '-1');
    tmpRow.className = "style7_1";
    
    tmpCell1 = AppendCell(tmpRow, '0');
    tmpCell1.align = "left";

    tmpCell2 = AppendCell(tmpRow, '1');
    var mobexists = readCookie("devemail");
    var devemail  = '';
    if (!mobexists)
    {
        askToLogin();
        return;

        tmpCell1.innerHTML = "Enter Your Registered Email Id:";
        tmpCell2.innerHTML = "<input type=\"text\" name=\"devemail\" id=\"devemail\" value=\"" + devemail + "\" />";
    }

    tmpRow = AppendRow('HTABLE', '-1');
    tmpRow.className = "style7_2";
    
    tmpCell1 = AppendCell(tmpRow, '0');
    tmpCell1.align = "left";

    tmpCell2 = AppendCell(tmpRow, '1');
    var pinexists = readCookie("regdevcode");
    var pinval    = '';
    if (!pinexists)
    {
        tmpCell1.innerHTML = "Enter GreenyTails PIN:";
        tmpCell2.innerHTML = "<input type=\"password\" name=\"regdevcode\" id=\"regdevcode\" value=\"" + pinval + "\" />";
    }

    if (track == 1)
    {
        tmpRow = AppendRow('HTABLE', '-1');
        tmpRow.className = "style7_1";
    
        tmpCell1 = AppendCell(tmpRow, '0');
        tmpCell1.align = "left";
        tmpCell1.innerHTML = "Enter Order Id To Track:";

        tmpCell2 = AppendCell(tmpRow, '1');
        tmpCell2.align = "left";
        tmpCell2.innerHTML = "<input type=\"text\" name=\"trackoid\" id=\"trackoid\" maxlength=\"7\">";
    }
    else
    {
        tmpRow = AppendRow('HTABLE', '-1');
        tmpRow.className = "style7_1";
    
        tmpCell1 = AppendCell(tmpRow, '0');
        tmpCell1.align = "left";
        tmpCell1.innerHTML = "From Date:";

        tmpCell2 = AppendCell(tmpRow, '1');
        tmpCell2.align = "left";
        tmpCell2.innerHTML = "<select name=\"fmonth\" id=\"fmonth\" >" +
                                  "<option>Jan</option>" +
                                  "<option>Feb</option>" +
                                  "<option>Mar</option>" +
                                  "<option>Apr</option>" +
                                  "<option>May</option>" +
                                  "<option>Jun</option>" +
                                  "<option>Jul</option>" +
                                  "<option>Aug</option>" +
                                  "<option>Sep</option>" +
                                  "<option>Oct</option>" +
                                  "<option>Nov</option>" +
                                  "<option>Dec</option>" +
                              "</select>&nbsp;&nbsp;" +
                              "<select name=\"fyear\" id=\"fyear\" >" +
                                  "<option>2009</option>" +
                                  "<option selected=\"selected\">2010</option>" +
                              "</select>";                              

        var fmonthel   = document.getElementById("fmonth");
        fmonthel.selectedIndex = monthnumber;

        tmpRow = AppendRow('HTABLE', '-1');
        tmpRow.className = "style7_2";
    
        tmpCell1 = AppendCell(tmpRow, '0');
        tmpCell1.align = "left";
        tmpCell1.innerHTML = "To Date:";

        tmpCell2 = AppendCell(tmpRow, '1');
        tmpCell2.align = "left";
        tmpCell2.innerHTML = "<select name=\"tmonth\" id=\"tmonth\" >" +
                                  "<option>Jan</option>" +
                                  "<option>Feb</option>" +
                                  "<option>Mar</option>" +
                                  "<option>Apr</option>" +
                                  "<option>May</option>" +
                                  "<option>Jun</option>" +
                                  "<option>Jul</option>" +
                                  "<option>Aug</option>" +
                                  "<option>Sep</option>" +
                                  "<option>Oct</option>" +
                                  "<option>Nov</option>" +
                                  "<option>Dec</option>" +
                              "</select>&nbsp;&nbsp;" +
                               "<select name=\"tyear\" id=\"tyear\" >" +
                                   "<option>2009</option>" +
                                   "<option selected=\"selected\">2010</option>" +
                              "</select>";                              
 
        var tmonthel   = document.getElementById("tmonth");
        tmonthel.selectedIndex = monthnumber;
    }

    tmpRow = AppendRow('HTABLE', '-1');

    tmpCell1 = AppendCell(tmpRow, '0');
    
    tmpCell1.innerHTML = "";

    tmpRow = AppendRow('HTABLE', '-1');
    tmpRow.className = "style7_1";
    
    tmpCell1 = AppendCell(tmpRow, '0');
    tmpCell1.align = "left";
    tmpCell1.innerHTML = "<input type=\"checkbox\" name=\"merchbox\" id=\"merchbox\">I Am A Store Merchant <span>&nbsp;&nbsp;</span>";

    tmpCell2 = AppendCell(tmpRow, '1');
    tmpCell2.className = "style7_2";
    tmpCell2.align = "left";
    tmpCell2.innerHTML = "<span><img src=\"images/my_orders.jpg\" width=\"104\" height=\"42\" name=\"bhistory1\" onclick=\"ajaxHistory(0);\" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>";
};

function isMerchant()
{
    var cb = document.getElementById('merchbox').checked;
    var tmpCell1, tmpCell2;
    
    alert('merch checkbox status: ' + cb);

    if (cb == "true")
    {
        tmpCell1 = AppendCell(tmpRow, '0');
        tmpCell1.align = "left";
        tmpCell1.innerHTML = "<input type=\"checkbox\" name=\"merchbox\" id=\"merchbox\" onclick=\"isMerchant();\">Store/Merchant Login<span>&nbsp;&nbsp;</span>";

        tmpCell2 = AppendCell(tmpRow, '1');
        tmpCell2.align = "left";
        tmpCell2.innerHTML = "<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input type=\"text\" class=\"tf\" name=\"storecode\" id=\"storecode\">";

        tmpRow = AppendRow('HTABLE', '-1');

        tmpCell1 = AppendCell(tmpRow, '0');
        tmpCell1.innerHTML = "";

        tmpCell2 = AppendCell(tmpRow, '1');
        tmpCell2.align = "left";
        tmpCell2.innerHTML = "<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input type=\"button\" class=\"btn\" name=\"bhistory1\" onclick=\"ajaxHistory(0);\" value=\"My Orders\">";
    }
    else
    {
        tmpCell1 = AppendCell(tmpRow, '0');
        tmpCell1.align = "left";
        tmpCell1.innerHTML = "<input type=\"checkbox\" name=\"merchbox\" id=\"merchbox\" onclick=\"isMerchant();\">Store/Merchant Login<span>&nbsp;&nbsp;</span>";

        tmpCell2 = AppendCell(tmpRow, '1');
        tmpCell2.align = "left";
        tmpCell2.innerHTML = "<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><input type=\"button\" class=\"btn\" name=\"bhistory1\" onclick=\"ajaxHistory(0);\" value=\"My Orders\">";
    }
};

function historyTable2(track)
{
    var tmpRow, tmpCell1, tmpCell2;
    
    var cd = document.getElementById('CENTERDIV2');
    
    var d1  = document.createElement("div");
    d1.innerHTML = "<br>";
//    d1.innerHTML = "<br><span>Your Total Reward Points: 220</span><br>";

    cd.appendChild(d1);

    var d2  = document.createElement("div");
    d2.id   = "HIST2";

    d1.appendChild(d2);

    return;
};

function historyFooter(track)
{
    var cd = document.getElementById('CENTERDIV2');
    var pp  = document.createElement("div");

    var br  = "";
    if (track == 1)
    {
        br = "<br><br><br><br>";
    }
    //pp.innerHTML   = "* fields are mandatory" + br + "<font size=\"1\">Please go through <a href=\"#\" onclick=\"popupShow('divpop', 'privacy.html');return false;\">privacy policy</a> and <a href=\"#\" onclick=\"popupShow('divpop', 'privacy.html');return false;\">disclaimer</a>.</font>";

    cd.appendChild(pp);
};