/**
  * refresh solution page
 **/
 function refreshStrideSolution(doc,parentTageName,tagName,containerId){
  //alert("refreshStrideSolution");
  document.getElementById("img_head").src="images/solu_head.jpg";
  var root =doc.getElementsByTagName("solutions")[0];
  var title4=getNodeAttribute(root,"title4");
  var solution =doc.getElementsByTagName(tagName)[0];
  var image_url=getNodeAttribute(solution,"image");
  var s_label=getNodeAttribute(solution,"label");
  var strHtml=new StringBuffer();
  //label title
  var solutionLabel=getNodeAttribute(solution,"label");
  //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(title4);
  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 sl_url=getNodeAttribute(sl,"url");
       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\"><a href=\"");
	   strHtml.append(sl_url);
	   strHtml.append("\" target=\"_blank\" id=\"");
       strHtml.append(link_id);
       
       if(s1_linkTag ==null){
          strHtml.append("\">");
        }else{
          strHtml.append("\" onClick=\"omniTagLink('");
          strHtml.append(s1_linkTag);
          strHtml.append("','');\"");
          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();
  
 }