var itemTitle  = new Array(); 

var itemContent = new Array(); 

var itemExpand = new Array(); 

var numItem   = 0;   

var oldItem   = 0; 

var borderSize = 0; 

var expandId  = "expandDiv"; 

var layerWidth = 300; 

var layerIndent = 1; 

var layerHeight = "<br>"; 

var layerColor = "0000FF"; 

var ns4     = (document.layers)? true:false; 

var ie4     = (document.all)? true:false; 



function add_expand(title, content) 

{ 

  itemTitle[numItem]  = title; 

  itemContent[numItem] = content; 

  itemExpand[numItem] = 0; 

  numItem++; 

} 



function set_closeImage(url) 

{ 

  closeImage = "<img src=" + url + " border=0>"; 

} 



function set_openImage(url) 

{ 

  openImage = "<img src=" + url + " border=0>"; 

} 

function set_indent(indent) 

{ 

  layerIndent = indent; 

} 



function set_indent(height) 

{ 

  layerHeight = height; 

} 

function create_expand(width, height, left, top, border, bgcolor) 

{ 

  borderSize = border; 

  layerWidth = width; 

  layerColor = bgcolor; 

  outWidth = width + borderSize; 

  document.writeln('<STYLE>'); 

  document.write('#expandDiv {position: left:' + left + '; top:' + top + '; width:' + width + '; height:' + height + ';}'); 

  document.writeln('</STYLE>'); 

  document.writeln('<DIV ID="expandDiv" >'); 

  document.writeln('<table border=0 cellspacing=0 cellpadding=' + borderSize + ' width=' + layerWidth + '><TR><TD bgcolor=green>'); 

  document.writeln('<table border=0 cellspacing=0 cellpadding=0 width=100% bgcolor=' + layerColor + '><TR><TD>'); 

  for (i = 0; i < numItem; i++) 

  { 

    document.writeln('<a href="javascript:toggle_expand(' + i + '); display_expand()">' + closeImage + "<h3>"+ itemTitle[i] + '</h3></a>'); 

    document.writeln('<div class = "news"></DIV>');   

  } 

  document.writeln('</TD></TR></TABLE></TD></TR></TABLE>'); 

  document.writeln('</DIV>'); 

} 





function toggle_expand(num) 

{

 if ((oldItem != -1) && (oldItem != num))

 {

     itemExpand[oldItem] = 0;

 } 

 itemExpand[num] = itemExpand[num] ? 0 : 1; 

 oldItem = num;

} 





function display_expand() 

{ 

 var replaceText = "";   

 replaceText += '<table align = "left" border=0 cellspacing=0 cellpadding=' + borderSize + ' width=' + layerWidth + '><TR><TD bgcolor=green>'; 

 replaceText += '<table border=0 cellspacing=0 cellpadding=0 width=100% bgcolor=' + layerColor + '><TR><TD>'; 

  

  

 for (i = 0; i < numItem; i++) 

 { 

    if (itemExpand[i] == 1) 

    { 

      replaceText += "<a href=\"javascript:toggle_expand(" + i + "); display_expand()\">" + openImage + "<h3>"+itemTitle[i] + "</h3></a>" ; 

      replaceText += "<table width=" + layerWidth + "><tr><td>"; 

      for (j = 0; j < layerIndent; j++) 

      { 

         replaceText += "&nbsp;"; 

      } 

      replaceText += "</td><td>"; 

      replaceText += "<div class = subitem><h2>"+itemContent[i] + "</h2></div></td></tr></table>"; 

    } 

    else 

    { 

      replaceText += "<a href=\"javascript:toggle_expand(" + i + "); display_expand()\">" + closeImage + "<h3>" + itemTitle[i] + "</h3></a>"; 

    } 

    replaceText +="<div class = \"mnuitem\"></DIV>";   

 } 

 

 replaceText += "</TD></TR></TABLE></TD></TR></TABLE>"; 

  

 if (ns4) 

 { 

    var lyr = document.layers[expandId].document; 

    lyr.open(); 

    lyr.writeln(replaceText); 

    lyr.close(); 

 } 

 else 

 { 

   document.all[expandId].innerHTML = replaceText; 

 } 

} 



 arrow = "<img src=images/symbol_01.gif border=0> "; 

 content = arrow + "<A href=qrcodeintro.htm>Introduction</A><BR>" + 

           arrow + "<A href=qrcode.htm>Overview</A><BR>" +

	   arrow + "<A href=qrdown.htm>Download</A><BR>" +

	   arrow + "<A href=order.htm#qrcode>Purchase</A><BR>"+

	   arrow + "<A href=qrcode.htm#awards>Awards</A><BR>"; 

 add_expand("QRCode Encode&Decode SDK ", content); 



 content = arrow + "<A href=pdf417intro.htm>Introduction</A><BR>" + 

           arrow + "<A href=pdf417.htm>Overview</A><BR>" +

	   arrow + "<A href=pdfdown.htm>Download</A><BR>"+

	   arrow + "<A href=order.htm#pdf417>Purchase</A><BR>"+

	   arrow + "<A href=pdf417.htm#awards>Awards</A><BR>"; 

 add_expand("PDF417 Encode&Decode SDK", content);

 

 content = arrow + "<A href=dmintro.htm>Introduction</A><BR>" + 

           arrow + "<A href=datamatrix.htm>Overview</A><BR>" +

	   arrow + "<A href=dmdown.htm>Download</A><BR>"+

	   arrow + "<A href=order.htm#dm>Purchase</A><BR>"+

	   arrow + "<A href=datamatrix.htm#Awards>Awards</A><BR>"; 

 add_expand("Datamatrix Encode&Decode SDK", content);



 content = arrow + "<A href=aztecintro.htm>Introduction</A><BR>" + 

           arrow + "<A href=aztec.htm>Overview</A><BR>" +

	   arrow + "<A href=aztecdown.htm>Download</A><BR>"+

	   arrow + "<A href=order.htm#aztec>Purchase</A><BR>"+

	   arrow + "<A href=aztec.htm#Awards>Reward</A><BR>"; 

 add_expand("Aztec Encode&Decode SDK", content);



 content = arrow + "<A href=barcodes_intro.htm>Introduction</A><BR>" + 

           arrow + "<A href=bar1d.htm>Overview</A><BR>" +

	   arrow + "<A href=bar1ddown.htm>Download</A><BR>"+

	   arrow + "<A href=order.htm#bar1d>Purchase</A><BR>"+

	   arrow + "<A href=bar1d.htm#Awards>Awards</A><BR>"; 

 add_expand("Linear 1D Barcode Encode&Decode SDK", content);

 

 content = arrow + "<A href=screc.htm>Overview</A><BR>" + 

           arrow + "<A href=scrshot.htm>Screenshot</A><BR>" +

	   arrow + "<A href=screcdown.htm#down>Download</A><BR>" +

	   arrow + "<A href=screcdown.htm#purchase>Purchase</A><BR>"+

	   arrow + "<A href=screcdown.htm#reward>Reward</A><BR>"; 

 add_expand("Professional Screen Recorder", content);

 

 set_closeImage("\"images\/symbol_04.gif\""); 

 set_openImage("\"images\/arrow.gif\"");