function landingpage(doc,tagName,containerId)
{
 
  
  document.getElementById("img_head").src="images/solu_head.jpg";
  
  var solution =doc.getElementsByTagName(tagName)[0];
 
  var s_label=getNodeAttribute(solution,"label");
  var image_url=getNodeAttribute(solution,"image");
  var title=getNodeAttribute(solution,"title");
  var strHtml=new StringBuffer();
  //label title
  
  //alert(image_url+","+s_label);
  //begin....
  //tabel  start,the  first <tr>
  strHtml.append("<table width=\"548\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">");
  strHtml.append("<tr><td background=\"images/solu_tit.jpg\"");
  //strHtml.append(image_url);
  strHtml.append(" height=\"29\" style=\"padding-left:10px;\"><font color=\"#ffffff\"><strong>");
  strHtml.append(s_label);
  strHtml.append("</strong></font></td></tr>");
  //first <tr> end
  //second <tr>
  strHtml.append("<tr><td><img src=\"");
  strHtml.append(image_url);
  strHtml.append("\" width=\"548\" height=\"94\" border=\"0\" alt=\"\"></td></tr>");
  strHtml.append("<tr><td style=\"padding:6px 10px 6px;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;\" bgcolor=\"#e5e6e8\" class=\"bold\"><font color=\"#609ed1\">");
  strHtml.append(title);
  strHtml.append("</font></td></tr>");
  //third <tr>
  strHtml.append("<tr><td style=\"border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;\">");
  //table start					
  strHtml.append("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"536\">");
  strHtml.append("<tr><td colspan=\"2\" height=\"8\"></td></tr>");
  
  //table end
  strHtml.append("</table>");
  
  
   
  
  var sLen=getNodeLength(solution);
  //alert(sLen);
  //red font array
  //var red=0;
  strHtml.append("<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"536\">");
  //loop solution
  for(i=0;i<sLen;i++)
  {
       var sl  = getChildNode(solution,i);
       var sl_label = getNodeAttribute(sl,"label");
       var s1_index =getNodeAttribute(sl,"index");
       var s1_name = getNodeAttribute(sl,"name");
       var s1_linkTag =getNodeAttribute(sl,"tag");
       var link_id="a_"+i;
       	
       strHtml.append("<tr>");
       strHtml.append("<td><img src=\"http://welcome.hp-ww.com/img/s.gif\" width=\"10\" height=\"20\" alt=\"\"></td>");
	   strHtml.append("<td width=\"10\" valign=\"top\" style=\"color:#4faf00;\">&raquo;</td>");
	   strHtml.append("<td  width=\"516\" valign=\"top\" onClick=\"changeBg(");
	   strHtml.append(s1_index);
	   strHtml.append(",tdArr1)\"><a href=\"#");
	   
	   strHtml.append("\" onClick=\"getData('xml/stride_solution.xml','stride_solution','");
	       
	   strHtml.append(s1_name);
	   strHtml.append("','d_solution');changeBg(");
	   strHtml.append(s1_index);
        strHtml.append(",tdArr1);");
       
       if(s1_linkTag ==null){
          strHtml.append("\">");
        }else{
          strHtml.append("omniTagLink('");
	      strHtml.append(s1_linkTag);
	      strHtml.append("','');\">");
        }
	  
	   strHtml.append(sl_label);
	   
	  
	   strHtml.append("</a></td>");
	  
	   strHtml.append("</tr>");
       //<tr> end  
	       
  }
  //end hp nested table </table>
  strHtml.append("</table>");
  strHtml.append("</td></tr>");
  strHtml.append("<tr><td><img src=\"images/solu_c_bot.gif\" width=\"548\" height=\"4\" border=\"0\" alt=\"\"></td></tr>");
  strHtml.append("<tr><td><img src=\"http://welcome.hp-ww.com/img/s.gif\" width=\"1\" height=\"15\" alt=\"\"></td></tr>");
  strHtml.append("<tr>");
  strHtml.append("<td background='images/tit.gif' height='29' class='colorFFFFFFbld'><img src='http://welcome.hp-ww.com/img/s.gif' width='10' height='1' alt=''>资源中心</td>");
  strHtml.append("</tr>");
  strHtml.append("<tr>");
  strHtml.append("<td style='border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;'>");
  strHtml.append("<table border='0' cellpadding='0' cellspacing='0' width='540'>");
  strHtml.append("<tr><td colspan='10' height='4'></td></tr>");
  strHtml.append("<tr>");
  strHtml.append("<td><img src='http://welcome.hp-ww.com/img/s.gif' width='20' height='20' alt=''></td>");
  strHtml.append("<td width='10' class='color003366' >&raquo;</td>");
  strHtml.append("<td width='140'><a href='/program/strategies/cn/zh/strategies.asp' target='_blank'>战略走向</a></td>");
  strHtml.append("<td width='10' class='color003366' >&raquo;</td>");
  strHtml.append("<td width='120'><a href='/products/enterprise/cn/zh/product.asp' target='_blank'>产品</a></td>");
  strHtml.append("<td width='10' class='color003366' >&raquo;</td>");
  strHtml.append("<td width='140'><a href='/services/services/cn/zh/default.asp' target='_blank'>专业服务</a></td>");
  strHtml.append("<td width='10' class='color003366' >&raquo;</td>");
  strHtml.append("<td width='100'><a href='/program/blade/cn/zh/technology.htm' target='_blank'>技术专题</a></td>");
  strHtml.append("<td><img src='http://welcome.hp-ww.com/img/s.gif' width='10' height='1' alt=''></td>");
  strHtml.append("</tr>");
  strHtml.append("<tr>");
  strHtml.append("<td><img src='http://welcome.hp-ww.com/img/s.gif' width='20' height='20' alt=''></td>");
  strHtml.append("<td class='color003366' >&raquo;</td>");
  strHtml.append("<td><a href='/campaign/enterprise/cn/zh/promotion.asp' target='_blank'>新闻及市场活动</a></td>");
  strHtml.append("<td class='color003366' >&raquo;</td>");
  strHtml.append("<td width='120'><a href='http://www.hp.com.cn/partnerportal' target='_blank'>合作伙伴门户</a></td>");
  strHtml.append("<td class='color003366' >&raquo;</td>");
  strHtml.append("<td><a href='http://www.hp.com.cn/solutioncenter/' target='_blank'>惠普解决方案体验中心</a></td>");
  strHtml.append("<td></td>");
  strHtml.append("<td></td>");
  strHtml.append("<td></td>");
  strHtml.append("</tr>");
  strHtml.append("<tr><td colspan='10' height='4'></td></tr>");
  strHtml.append("</table>");
  strHtml.append("</td>");
  strHtml.append("</tr>");
  strHtml.append("<tr><td><img src='images/solu_c_bot.gif' width='548' height='4' border='0' alt=''></td></tr>");
  strHtml.append("</table>");
  
  
  document.getElementById(containerId).innerHTML=strHtml.toString();
  
 }