var PathtoPics = "";
var thumbwidth = 35;
var thumbheight = 35;

function LoadLineCard(inID, inDesc){
    var url = urlpath + "RetrieveLineCard.php";
	var pars = "ManufId="+inID;
    var myAjax = new Ajax.Request(
			url,
			{
				method: "get",
				parameters: pars,
                  onSuccess: function(transport){
                    ClearTable("TableLineCard");
                    FillLineCard(transport.responseText, inID, inDesc);
                    colorTableRows("TableLineCard");
                    }
			}	);
}


function LoadLineCardAll(inID, inDesc){
    var url = urlpath + "RetrieveLineCardAll.php";
	var pars = ""
    var myAjax = new Ajax.Request(
			url,
			{
				method: "get",
				parameters: pars,
                  onSuccess: function(transport){
                    ClearTable("TableLineCard");
                    FillLineCard(transport.responseText, inID, inDesc);
                    colorTableRows("TableLineCard");
                    }
			}	);
}

function FillLineCard(inData, TreeID, inDesc){
    var data = eval('(' + inData + ')');

    $("NodeDesc").innerHTML = inDesc;
    var tbl = $("TableLineCard");
	for (var i=0;i<data.lines.length;i++)
	{
        if(data.lines[i].line.ManufActive == 1)
			addLineCardRow(data.lines[i].line.id, data.lines[i].line.manufDescription, PathtoPics+data.lines[i].line.Pic1, PathtoPics+data.lines[i].line.Pic2, PathtoPics+data.lines[i].line.Pic3, TreeID,  data.lines[i].line.manufWebAddress);
	}
}


function addLineCardRow(id, Manufacturer, Pic1, Pic2, Pic3, TreeID, WebAddress)
{

var tbl = $("TableLineCard");
  var row = tbl.insertRow(-1);
  row.id = id;
  row.vAlign = "top";

  var cell1 = row.insertCell(0);

  OptionStr = Manufacturer;
  OptionStr = OptionStr + "<a href=\"http://" + WebAddress + "\" target=\"ManufPage\"><div style=\"font-size:10px;\">" + WebAddress + "</div></a>";
  cell1.innerHTML = OptionStr;

    var cell2 = row.insertCell(1);
    rowstr = FormatPic(Pic1);
    rowstr = rowstr + FormatPic(Pic2);
    rowstr = rowstr + FormatPic(Pic3);
    cell2.innerHTML = rowstr;
    cell2.align= "left";

  var row2 = tbl.insertRow(-1);
  var cell3 = row2.insertCell(0);
  cell3.align="center";
  cell3.colSpan = "2";
  cell3.width = "100%";
  cell3.innerHTML = "<hr align=\"center\" width=\"90%\" />";


}

function FormatPic(inPic){
    if (inPic == BlankImage)
        str = "<img src=\"images/spacer.gif\" height=\"35\" width=\"35\">&nbsp;\n";
    else

      str = "<a href=\"#\" onclick=\"thumbnailviewer.loadimage('" + inPic +"')\">" + "<img src=\"" + inPic + "\" height=\"35\" width=\"35\" border=\"0\" >" + "</a> &nbsp;\n";
//        href="#" onclick="thumbnailviewer.loadimage(\'images/img1-big.jpg\')
//        str = "<a href=\"javascript:popup('" + inPic + "')\">"+ "<img src=\"" + inPic + "\" height=\"35\" width=\"35\" >" + "</a> &nbsp;\n";

    return(str);
}

function ClearTable(TblId)
{
  var tbl = $(TblId);
  var length = tbl.rows.length;
  for (var i = 0; i < length; i++) {
            tbl.deleteRow(0);
        }
}

function popup(image){
  cuteLittleWindow = window.open('', "littleWindow", "location=0,scrollbars=auto");
  cuteLittleWindow.document.write('<div style="position: absolute; width: 100%; height: 100%; z-index: 1; left:0px; top:0px"><table cellpadding="0" cellspacing="0" width="100%" height="100%"><tr><td align="center"><img id="IMG" onload="window.resizeTo(this.width+10,this.height+30);" src="'+image+'"></td></tr></table></div>');
  cuteLittleWindow.document.focus();
}