//var template  = "<tr><td><img src=\"{path_thumb}\" class=\"thumb\" alt=\"{filename}\" /></td><td>{lfd}.<br /><a target='IMG' href=\"{path_full}\" class=\"fullimagelink\">{filename}</a></td></tr>";
//template      = "<tr><!--td><img src=\"{path_thumb}\" class=\"thumb\" alt=\"{filename}\" /></td--><td class='{bgclass}'>{lfd}.&nbsp;<a target='IMG' href=\"{path_full}\" class=\"fullimagelink\">{filename}</a></td></tr>\n";
var template      = "<tr><td class='{bgclass}'>{lfd}.&nbsp;<a href=\"{path_full}\" class=\"fullimagelink\">{filename}</a></td></tr>\n";
var server    = "data/grib";
//var fullDir   = server+"/full/";
var fullDir       = server+"/";
var thumbDir  = server+"/thumbnail/";
var maxPerPage = 220;
var start = 0;
var stop  = 0;
var page=0;
var tableheadertpl_hidden = "<table border=0 cellpadding=2 cellspacing=2 class='hidden'>";
var tableheadertpl_visible = "<table border=0 cellpadding=2 cellspacing=2 class='{bgclass}'>";

function showImageLines(data, group)
{
  var parameter = new Array();
  for(var i=start; i< stop && i <1000;i++)
  {
    parameter['filename'] = data[i];
    parameter['thumbDir'] = thumbDir;
    parameter['fullDir']  = fullDir;
    parameter['lfd']      = (i+1);
    parameter['bgclass']  = group;
    document.write(getImageLine(parameter));
  }
}

function getImageLine(parameter)
{
  return getAtom(parameter);
}

function getAtom(parameter)
{
  var tpl = getTemplate();
  tpl = tpl.replace(/{path_thumb}/g, parameter['thumbDir'] + parameter['filename']);
  tpl = tpl.replace(/{path_full}/g, parameter['fullDir'] + parameter['filename']);
  tpl = tpl.replace(/{filename}/g, parameter['filename']);
  tpl = tpl.replace(/{bgclass}/g, parameter['bgclass']);
  tpl = tpl.replace(/{lfd}/g, parameter['lfd']);
  return tpl;
}

function getTemplate(){return template;}

function setPageParams(pageNo, headertxt)
{
  var data = eval("data"+headertxt);
  page = pageNo;
  start = maxPerPage*(page-1);
  stop  = data.length > (start+maxPerPage) ? (start+maxPerPage):data.length;
  if(isDisplayed(data, pageNo))
  {
    if(pageNo>1)document.write("<td>&nbsp;</td>");
    document.write("<td>");
    document.write("Files "+ (start+1)+" to "+stop+"<br>");
    var temp = tableheadertpl_visible;
    temp = temp.replace(/{bgclass}/g, headertxt);
    document.write(temp);
    document.write("<tr><!--th class='head1'>Thumb</th--><th class='head1'>Image-link</th></tr>");
    showImageLines(data, headertxt);
    document.write("</table></td>");
  }

}

function isDisplayed(data, pageNo)
{
  return data.length > maxPerPage*(pageNo-1);
}

function setHeader(pageNo, headertxt, headerprefix)
{
  var data = eval("data"+headertxt);
  if(isDisplayed(data, pageNo)) {
    if(pageNo>1)document.write("<th class='head2'>&nbsp;</th>");
    document.write("<th class='head1'>"+headerprefix+headertxt+": Page "+pageNo+"</th>");
  }
  //else document.write("<th class='head1'></th><th class='head1'></th>");

}

function getDateFromFile(test)
{
  //var test = "imgir_ka1_d20041116_s000000_cimd.gif";
  var xxx = test.replace(/imgir_ka1_d/, "");
  xxx = xxx.replace(/_.*_cimd.gif/, "");
  var year = xxx.replace(/\d{4}$/, "");
  var month = xxx.replace(/^\d{4}/, "");
  month = month.replace(/\d{2}$/, "");
  var day = xxx.replace(/^\d{4}\d{2}/, "");
  //alert(year + "/"+ month+"/"+day);
  var dater = new Date().UTC(1998,2,11,19,26,00);
  dater.setDate(day);
  dater.setMonth(month-1);
  dater.setFullYear(year);

  //alert(dater);
  return dater;
}