var templates={
    memberLoginFalseDiv:
		new Template(
		'  <div class="header">'
        +'    <a href="http://'+info.serverHost+'/'+info.lang+'/member/forget.html">'
        +'      '+label["order.js.member.forgetPassword"]
        +'    </a> |'
        +'    <a href="http://'+info.serverHost+'/'+info.lang+'/site_info/faq.html" target="_blank">'
        +'      '+label["order.js.member.faq"]
        +'    </a>'
        +'  </div>'
        +'  <div class="body">'
        +'    <form name="frmLogin"  method="post" style="margin:0px" action="#{actionPath}" id="frmLogin">'
        +'    <input type="hidden" name="p" value="#{p}"/>'
        +'      <table border="0" cellspacing="0" cellpadding="0" width="100%">'
        +'        <tr>'
        +'          <td>'
        +'      '+label["order.js.member.username"]
        +'          </td>'
        +'          <td>'
        +'            <input name="strLoginID" id="strLoginID" type="text" check="check_email;check_empty" label="'+label["order.js.member.username"]+'" style="width:150px" onKeyPress="checkloginFrm(event)"/>'
        +'          </td>'
        +'        </tr>'
        +'        <tr>'
        +'          <td>'
        +'      '+label["order.js.member.password"]
        +'          </td>'
        +'          <td>'
        +'            <input name="strPassword" id="strPassword" type="password" check="check_valid;check_empty" label="'+label["order.js.member.password"]+'" style="width:150px" onKeyPress="checkloginFrm(event)"/>'
        +'          </td>'
        +'        </tr>'
        +'        <tr>'
        +'          <td></td>'
        +'          <td>'
        +'            <input style="width:75px" type="button" onClick="loginFrm();" name="Submit" value="'+label["order.js.member.login"]+'" id="loginSubmit"/>'
        +'            <input style="width:75px" type="button" onClick="location.href=\''+info.secureHttp+info.serverHost+'/'+info.lang+'/member/register.html\'" value="'+label["order.js.member.register"]+'" />'
        +'          </td>'
        +'        </tr>'
        +'      </table>'
        +'    </form>'
        +'  </div>'
        +'  <div class="footer"> </div>'
        +'  <br/>'
        ),
    memberLoginTrueDiv:
		new Template(
	    '<div class="header">'
        + '   <a href="javascript:logout(\'/'+info.lang+'/member/logout.html\')">'
        +'      '+label["order.js.member.logout"]
        +'    </a> |'
        +'    <a href="http://'+info.serverHost+'/'+info.lang+'/site_info/faq.html">'
        +'      '+label["order.js.member.faq"]
        +'    </a> |'
        +'    <a href="'+info.secureHttp+info.serverHost+'/'+info.lang+'/member/register.html">'
        +'      '+label["order.js.member.profileupdate"]
        + '    </a> <div style="font-size:8pt;display:#{displayViewCouponTransactionRecord}" > | '
        +'<a href="javascript:showCouponTransactionRecord()">' + label["order.js.member.view.transaction.record"] + '</a></div>'
        +'  '
        + '  <div style="font-size:8pt;display:#{displayActivate}" >'
        +'  | <a href="'+info.secureHttp+info.serverHost+'/'+info.lang+'/member/reward.html">'+label["order.js.member.activateRewarding"]
        +'    </a>'
        +'  </div>'
		+'  </div>'
        +'  <div class="body">'
        +'      <table border="0" cellspacing="0" cellpadding="0">'
        +'        <tr>'
        +'          <td>'
		+'			  '+label["order.js.member.greetings"]+', #{fullName}<br/>'
		+'				 <span class="#{displayPoints}">'+label["order.js.member.rewardingtreats"]
		+'				  #{points}<span/>'
        +'          </td>'
        +'        </tr>'
        +'      </table>'
        +'  </div>'
        + '  <div class="footer" id="memberLoginDivFooter"> </div>'
        + '  <div id="ecouponTag" style="display:none"><img src="#{info.imgPath}/ecoupon/your_coupon_btn.gif" border="0"'
        + 'usemap ="#ecouponTagMap" /><map name="ecouponTagMap"><area shape="rect" coords="0,0,190,31"  href="javascript:showCouponLayer()" /></map> </div>'
        +'  <br/>'
		),
expressItem1stDiv:
		new Template(
//        '<table cellpadding="0" cellspacing="0" border="0" height="22">'
        '<div class="with_bg">'
        +   '<table cellpadding="0" cellspacing="0" border="0" height="28">'
        +   '<tr>'
        +   '<td class="expressItem_top">'+label["order.js.shoppingCart.itemOrder"]+'</td>'
        + '</tr>'
        +'</table></div>'),
    expressItemDiv:
		new Template(
		'<div class="expressItem">'
		+'<table cellpadding="0" cellspacing="0" border="0" width="205">'
		+'<tr><td width="205px" align="center">'
//		+'<img src="#{info.menuFullPath}/images/express/#{id}.gif">'
+'<img src="/autoresize.aspx?size=190&amp;iP=#{info.menuFullPath}/images/express/#{id}.gif">'
//+'<img src="#{info.menuFullPath}/images/express/#{id}.gif">'
		+'</td></tr><tr>'
		+'<td align="center">'
		 +'             <table cellpadding="0" cellspacing="0" border="0">'
         +'               <tr>'
         +'                 <td>'
         +'                   <a href="javascript:pizzahut()" onClick="buyExpressItem(\'#{id}\')"><img border="0" style="margin:2px;" src="#{info.imgPath}/express/plus.gif"/></a>'
         +'                 </td>'

         +'                 <td>'
         +'                   <a href="javascript:pizzahut()"  onClick="removeExpressItem(\'#{id}\')"><img border="0"  style="margin:2px" src="#{info.imgPath}/express/minus.gif"/></a>'
         +'                 </td>'

          +'                        <td class="combo_qty_label">'+label["order.js.shoppingCart.qty"]+'</td>'

          +'                        <td>'
          +'                          <span id="#{id}_qty" class="combo_qty">0</span>'
          +'                        </td>'
//          +'                        <td width="10px">&nbsp;'
//          +'                        </td>'
          +'                      </tr>'
          +'                    </table>'
          +'                        </td>'
          +'                      </tr>'
          +'                    </table>'
		+'</div>'
		),
    expressComboDiv:
		new Template(
	       '<table cellpadding="0" cellspacing="0" border="0" width="760">'
         +   '<tr>'
         +   '<td class="combo_top">#{name}</td>'
         +   '</tr>'
         +   '<tr>'
         +   '<td class="combo_mid">'
                 +   '<table cellpadding="0" cellspacing="0" border="0" width="740">'
                  +   '<tr valign="top">'
                  +   '<td valign="top" style="padding:5px;" rowspan="2">'
                  +   '<img src="#{info.menuFullPath}/images/express/#{id}.gif" width="203" height="107" border="0"/>'
                  +   '</td>'
                  +   '<td>#{choiceHtml0}</td>'
                         +   '<td>#{choiceHtml1}</td>'
                         +   '<td>#{choiceHtml2}</td>'
                  +   '</tr>'
                     +   '<tr valign="top" style="padding-left:10px;" align="left">'
                         
                         +   '<td>#{choiceControlHtml0}</td>'
                         +   '<td>#{choiceControlHtml1}</td>'
                         +   '<td>#{choiceControlHtml2}</td>'
                     +   '</tr>'
                 +   '</table>'
         +   '</td>'
         +   '</tr>'
         +   '<tr>'
         +   '<td class="combo_bottom">'
         +   '<img src="#{info.imgPath}/box.gif"/>'
         +   '</td>'
         + '</tr>'
        +'</table>'),  
     expressComboChoice:
		new Template(   
         '<table cellpadding="0" cellspacing="0" border="0" width="120" height="100%">'
         +'        <tr>'
         +'           <td class="combo_item_title">'+label["order.js.shoppingCart.choice"]+' #{choice}</td>'
         +'        </tr>'
         +'#{itemsHtml}       '
         +'         <tr valign="middle">'
         +'           <td align="left">'
       
          
          +'                  </td>'
          +'                </tr>'
          +'              </table>'),
          
    expressComboControl:
    new Template(   
        '             <table cellpadding="0" cellspacing="0" border="0" height="100%">'
         +'               <tr>'
         +'                 <td>'
         +'                  <a href="javascript:pizzahut()" onClick="buyExpressCombo(\'#{id}\',\'#{choice}\')"><img border="0" style="margin:2px" src="#{info.imgPath}/express/plus.gif"/></a>'
         +'                 </td>'
         +'                 <td>'
         +'                   <a href="javascript:pizzahut()" onClick="removeExpressCombo(\'#{id}\',\'#{choice}\')"><img border="0" style="margin:2px" src="#{info.imgPath}/express/minus.gif"/></a>'
         +'                 </td>'
          +'                        <td class="combo_qty_label">'+label["order.js.shoppingCart.qty"]+'</td>'
          +'                        <td>'
          +'                          <span id="#{id}_#{choice}_qty" class="combo_qty">0</span>'
          +'                        </td>'
          +'                      </tr>'
          +'                    </table>'),
                
    expressComboItem:
		new Template(   
         '<tr>'
         +'          <td class="combo_item_detail">#{product.name} X #{qty}</td>'
         +'         </tr>'
         ),
         
    expressConfirmTable:
		new Template(		
		'<table width="100%" cellspacing="1" cellpadding="3" border="0">'
        +'  <tr bgcolor="#8b6a3d">'
        +'<td width="50%" style="color:#ffffff">'+label["order.js.shoppingCart.item"]+'</td>'
        +'    <td width="10%" style="color:#ffffff">'+label["order.js.shoppingCart.qty"]+'</td>'
        +'    <td width="20%" style="color:#ffffff">'+label["order.js.shoppingCart.amount"]+'</td>'
        +'  </tr>'
        +'#{cartItemsHtml}'
		+'	<tr>'
		+'		<td align="right">'
		+'			<a href="express_menu.html">'
		+'				<img src="#{info.imgPath}/express/last_btn.jpg" border="0" />'
		+'			</a>'
		+'		</td>'
		+'		<td colspan="2" align="right" bgcolor="#cfa060" >'+label["order.js.shoppingCart.Totalamount"]//style="padding-right:15px"
		+'		   <span id="cartTotalSpan">'+label["order.js.currency."+info.region]+' #{formatTotal}</span>'
		+'		</td>'
		+'	</tr>'
		+'</table>'
		
		)
		,
	expressConfirmProductItem:
		new Template(
		'<tr valign="top" bgcolor="#ffe7cd">'
		+'								<td align="left">'
		+'									<span style="font-size:9pt;font-weight:bold">'
		+' #{description}'
		+'									</span>'
		+'									<br/>'
		+'<div style="display:#{displaySubItems}">#{cartSubItemsHtml}<br/></div>'
		+'								</td>'
		+'<td>#{qty}</td>						'
		+'<td align="right">'+label["order.js.currency."+info.region]+' #{totalPrice}</td>						'
		+'							</tr>'
	)
	,
	expressConfirmSubItem:
		new Template(
		'<li style="font-size:7pt">#{description} x #{qty} <span style="color:red;display:#{displayPrice}">+'+label["order.js.currency."+info.region]+' #{totalPrice}</span></li>'
	)
	,
	menuFullItem:
		new Template(
		'<div class="item_size#{size}">'
		+'<img onmouseover="showPopupDesc(this,\'#{id}\')" onmouseout="hidePopupDesc()" class="food" src="#{info.menuFullPath}/images/#{id}.jpg"/>'
		+'<table width="213" cellspacing="0" cellpadding="2" border="0"><tr><td valign="top" class="title">#{name}</td>'
		+'<td valign="top" class="price">$#{price}</td></tr></table>'
		+'<table width="213" cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" class="icons"></td>'
		+'<td valign="top" class="buyButton"><a href="javascript:pizzahut()" onclick="buyProduct(\'#{id}\',1)"><img src="/templates/olos/'+info.lang+'/images/order_now_size1.gif" border="0"/></a></td></tr></table>'
		+'</div>'),

    
	menuUpgradeItem:
		new Template(
		'<div class="item_size#{size}">'
		+'<img onmouseover="showPopupDesc(this,\'#{id}\')" onmouseout="hidePopupDesc()" class="food" src="#{info.menuFullPath}/images/#{id}.jpg"/>'
		+'<table width="213" cellspacing="0" cellpadding="2" border="0"><tr><td valign="top" class="title">#{description}</td>'
		+'<td valign="top" class="price">$#{price}</td></tr></table>'
		+'<table width="213" cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" class="icons"></td>'
		+'<td valign="top" class="buyButton"><a href="javascript:pizzahut()" onclick="buyUpgrade(\'#{id}\',1)"><img src="/templates/olos/'+info.lang+'/images/order_now_size1.gif" border="0"/></a></td></tr></table>'
		+'</div>'),
	menuRedeemItem:
		new Template(
		'<div class="item_size#{size}">'
		+'<img onmouseover="showPopupDesc(this,\'#{id}\')" onmouseout="hidePopupDesc()" class="food" src="#{info.menuFullPath}/images/#{id}.jpg"/>'
		+'<table width="213" cellspacing="0" cellpadding="2" border="0"><tr><td valign="top" class="title">#{description}</td>'
		+'<td valign="top" class="price">$#{price}</td></tr></table>'
		+'<table width="213" cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" class="icons"></td>'
		+'<td valign="top" class="buyButton"><a href="javascript:pizzahut()" onclick="buyRedeem(\'#{id}\',1)"><img src="/templates/olos/'+info.lang+'/images/order_now_size1.gif" border="0"/></a></td></tr></table>'
		+'</div>'),
	/*menuComboItem:
		new Template(
		'<div class="combo_item_size#{size}">'
		+'<img onmouseover="showPopupDesc(this,\'#{id}\')" onmouseout="hidePopupDesc()" class="food" src="#{info.menuFullPath}/images/combo/#{id}.jpg"/>'
		+'<table width="213" height="125" cellspacing="0" cellpadding="2" border="0"><tr><td onmouseover="showPopupDesc(this,\'#{id}\')" onmouseout="hidePopupDesc()" valign="top" class="title" style="padding:10px">#{name}</td>'
		+'<td valign="top"><div class="price">$#{price}</div></td></tr></table>'
		+'<table width="213" cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" class="icons"></td>'
		+'<td valign="top" class="buyButton"><a href="javascript:void(0)" onclick="buyCombo(\'#{id}\')"><img src="/templates/olos/'+info.lang+'/images/order_now_size1.gif" border="0"/></a></td></tr></table>'
		+'</div>'),*/
	menuComboItem:
		new Template(
		'<div class="combo_item_size#{size}">'
		+'<table width="219" height="60" cellspacing="0" cellpadding="2" border="0"><tr><td valign="top" class="title">#{name}</td>'
		+'<td valign="top"><div class="price">$#{price}</div></td></tr></table>'
		+'<img onmouseover="showPopupDesc(this,\'#{id}\')" onmouseout="hidePopupDesc()" class="food" src="#{info.menuFullPath}/images/combo/#{id}.jpg"/>'
		+'<table width="219" height="65" cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" class="icons"></td>'
		+'<td class="buyButton"><a href="javascript:pizzahut()" onclick="buyCombo(\'#{id}\')"><img src="/templates/olos/'+info.lang+'/images/order_now_size1.gif" border="0"/></a></td></tr></table>'
		+'</div>'),
		
	menuComboHighlightItem:
		new Template(
		'<div class="combo_item_size#{size}" style="background-image:url(#{info.menuFullPath}/images/#{id}.jpg);">'
		+'<span class="buyButton"><a href="javascript:pizzahut()" onclick="buyCombo(\'#{id}\')"><img src="/templates/olos/'+info.lang+'/images/order_now_size1.gif" border="0"/></a></span>'
		+'</div>'),
	menuFullHighlightItem:
		new Template(
		'<div class="combo_item_size#{size}" style="background-image:url(#{info.menuFullPath}/images/#{id}.jpg);">'
		+'<span class="buyButton"><a href="javascript:pizzahut()" onclick="buyProduct(\'#{id}\')"><img src="/templates/olos/'+info.lang+'/images/order_now_size1.gif" border="0"/></a></span>'
		+'</div>'),
	menuUpgradeHighlightItem:
		new Template(
		'<div class="item_size#{size}">'
		+'<img onmouseover="showPopupDesc(this,\'#{id}\')" onmouseout="hidePopupDesc()" class="food" src="#{info.menuFullPath}/images/#{id}.jpg"/>'
		+'<table width="213" cellspacing="0" cellpadding="2" border="0"><tr><td valign="top" class="title">#{description}</td>'
		+'<td valign="top" class="price">$#{price}</td></tr></table>'
		+'<table width="213" cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" class="icons"></td>'
		+'<td valign="top" class="buyButton"><a href="javascript:pizzahut()" onclick="buyUpgrade(\'#{id}\',1)"><img src="/templates/olos/'+info.lang+'/images/order_now_size1.gif" border="0"/></a></td></tr></table>'
		+'</div>'),
	menuRedeemHighlightItem:
		new Template(
		'<div class="item_size#{size}">'
		+'<img onmouseover="showPopupDesc(this,\'#{id}\')" onmouseout="hidePopupDesc()" class="food" src="#{info.menuFullPath}/images/#{id}.jpg"/>'
		+'<table width="213" cellspacing="0" cellpadding="2" border="0"><tr><td valign="top" class="title">#{description}</td>'
		+'<td valign="top" class="price">$#{price}</td></tr></table>'
		+'<table width="213" cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" class="icons"></td>'
		+'<td valign="top" class="buyButton"><a href="javascript:pizzahut()" onclick="buyRedeem(\'#{id}\',1)"><img src="/templates/olos/'+info.lang+'/images/order_now_size1.gif" border="0"/></a></td></tr></table>'
		+ '</div>'),
		
	menufreeOfferHighlightItem:
		new Template(
		'<div class="item_size#{size}" width="100%" align="center">'
		+'<table width="213" cellspacing="0" cellpadding="0" border="0"><tr>'
		+'<td valign="top" class="buyButton"><a href="javascript:pizzahut()" onclick="buyFreeOffer(\'#{id}\')"><img alt="#{name}" border ="0" class="food" src="#{info.menuFullPath}/images/#{id}.jpg"/></a></td>'
		+'<td><a href="javascript:pizzahut()" onclick="buyFreeOffer(\'#{id}\')"></a></td></tr></table>'
		+'</div>'),
		
	menufreeOfferHighlightLayerItem:
		new Template(
		'<div class="item_size#{size}" width="100%" align="center">'
		+'<table width="213" cellspacing="0" cellpadding="5" border="0"><tr>'
		+'<td valign="top" class="buyButton"><a href="javascript:pizzahut(\'#{type}\')" onclick="buyFreeOffer(\'#{id}\');hideFreeOfferLayer(\'#{itemType}\')"><img alt="#{name}" border ="0" class="food" src="#{info.menuFullPath}/images/#{id}.jpg"/></a></td>'
		+ '</div>'),
		
	menuCouponHighlightLayerItem:
		new Template(
		'     <div style="position:absolute;top:#{top}px;left:#{left}px;width:341px;height:143px;padding:0px;" class="#{isUseShow}">'
		+ '<img src="#{info.imgPath}/ecoupon/use.gif" border="0" />'
		+'</div>'
		+'<table width="660" border="0" cellspacing="0" cellpadding="0" height="195">'
		+'		<tr>'
		+ '			<td height="40" style="background-repeat:no-repeat;line-height:40px;background-image:url(#{info.imgPath}/ecoupon/top_bar.gif);text-align:center;color:#FFFFFF;font-size:16px;font-weight:bold">'
		+'			</td>'
		+ '		</tr>'
		+'			<tr>'
		+ '				<td style="background-image:url(#{info.imgPath}/standard_set_bg.gif)">'
		+ '                  <table width="660" border="0" cellspacing="0" cellpadding="0" style="z-index:100">'
		+'						<tr valign="top">'
		+'							<td width="250" style="padding:15px 0px 15px 39px">'
		+ '								<img alt="#{name}" border ="0" class="food" src="#{info.menuFullPath}/images/#{id}.jpg"/>'
		+'							</td>'
		+'							<td style="padding:15px 10px 0px 10px;height:100%">'
		+'								<table width="100%" border="0" cellspacing="0" cellpadding="0" style="height:100%">'
		+'									<tr>'
		+'										<td valign="top">'
		+ '                                          #{description}'
		+ '                                          <br/>' + label["order.js.coupon.expirydate"] + ' #{expiryDate}'
		+ '										</td>'
		+ '										<td  valign="bottom" align="right" class="#{redeemShow}">'
	    + '											<a href="javascript:redeemCoupon(\'#{id}\',#{index},\'#{type}\')" onclick="">'
		+ '												<img alt="#{name}" border ="0" class="food" src="#{info.imgPath}/ecoupon/useage.gif"/>'
		+ '											</a>'
	    + '										</td>'
		+'									</tr>'
		+'								</table>'
		+'							</td>'
		+'						</tr>'
		+'					</table>'
		+'				</td>'
		+'			</tr>'
		+'		<tr>'
		+'			<td height="20">'
		+ '				<img src="#{info.imgPath}/standard_set_bottom.gif" width="660" height="20" border="0" />'
		+'			</td>'
		+'		</tr>'
		+ '	</table>'),
	
	menufreeOfferDisplayItem:
		new Template(
		'<div class="item_size#{size}" width="100%" align="center">'
		+'<table width="213" cellspacing="0" cellpadding="0" border="0"><tr>'
		+'<td valign="top" class="buyButton"><a href="javascript:pizzahut()" onclick="buyFreeOffer(\'#{id}\')"><img alt="#{name}" border ="0" class="food" src="#{info.menuFullPath}/images/#{id}.jpg"/></a></td>'
		+'<td></td></tr></table>'
		+'<table width="213" cellspacing="0" cellpadding="2" border="0"><tr><td valign="top" align="center" class="title">#{msg}</td></tr></table>'
		+'</div>'),
	
	menufreeOfferItem:
		new Template(
		'<div class="item_size#{size}" width="100%" align="center">'
		
		+'<table width="600" cellspacing="0" cellpadding="2" border="0"><tr><td valign="top" align="center" class="title"></td></tr></table>'
		+'<table width="600" cellspacing="0" cellpadding="0" border="0"><tr>'
		+'<td valign="top" class="buyButton"><a href="javascript:pizzahut()" onclick="buyFreeOffer(\'#{id}\')"><img alt="#{name}" border ="0" class="food" src="#{info.menuFullPath}/images/#{id}.jpg"/></a></td>'
		+'<td><a href="javascript:pizzahut()" onclick="buyFreeOffer(\'#{id}\')">Put a Take it Button here!</a></td></tr></table>'
		+'</div>'),
	
		
	menuPizzaItem:
		new Template(
		'<div class="item_size1">'
		+'<img onmouseover="showPopupDesc(this,\'#{id}\')" onmouseout="hidePopupDesc()" class="food" src="#{info.menuFullPath}/images/#{id}.jpg"/>'
		+'<table width="213" cellspacing="0" cellpadding="2" border="0"><tr><td valign="top" class="title">#{name}</td>'
		+'</tr></table>'
		+'<table width="213" cellspacing="0" cellpadding="0" border="0"><tr><td valign="top" class="icons">'
		+'<table cellspacing="0" cellpadding="0" border="0" class="pizza"><tr><td width="60%">#{alias}</td><td width="40%">$#{price}</td></tr>'
		+'<tr class=#{showAlias}><td>#{alias1}</td><td>$#{price1}</td></tr></table></td>'
		+'<td valign="top" class="buyButton"><a href="javascript:pizzahut()" onclick="buyPizza(\'#{id}\')"><img src="/templates/olos/'+info.lang+'/images/order_now_size1.gif" border="0"/></a></td></tr></table>'
		+'</div>'),		
		
	cartTable:
		new Template(
		'<table width="100%" cellspacing="1" cellpadding="1" border="0">'
		+'<tr valign="center">'
		+'	<td align="center" valign="center" style="background-color:#be8740;color:#ffffff;padding-top:4px">'+label["order.js.shoppingCart.qty"]+'</td>'
		+'	<td  valign="center" style="background-color:#be8740;color:#ffffff;padding-top:4px">'+label["order.js.shoppingCart.selected"]+'</td>'
		+'</tr>'
		+'#{cartItemsHtml}'
		+'<tr class="#{info.checkoutShow}">'
		+'<td align="center" colspan="2" style="color:#712d20;padding:5px;font-size:11pt">'
		+'<br/>'+label["order.js.shoppingCart.followingButtonToSubmit"]+'<br/>'
		+'</td>'
		+'</tr>'
		+'<tr  class="#{info.checkoutShow}">'
		+'<td align="center" colspan="2">'
		+'<a href="javascript:checkout()">'
		+'<img src="#{info.imgPath}/rigth_checkout_button.gif" border="0" />'
		+'</a>'
		+'</td>'
		+'</tr>'
		+'</table>'
		)
		,
	cartCouponItem:
		new Template(
		'<tr valign="top">'
		+ '	<td align="left">'
		+ '		<table cellspacing="2" cellpadding="0" border="0">'
		+ '			<tr>'
		+ '				<td style="width:20px;border:solid 1px #888888;background-color:#feffde" align="left">'
		+ '				#{qty}</td>'
		+ '				<td style="border:solid 1px #888888;background-color:#f6c636">'
		+ '					<a href="javascript:pizzahut()" onClick="removeRedeemCoupon(#{index});"><img src="#{info.imgPath}/minus_btn_bk.gif" border="0"/></a>'
		+ '				</td>'
		+ '			</tr>'
		+ '		</table>	'
		+ '	</td>'
		+ '								<td align="left" style="padding-top:5px;">'
		+ '									<span class="cartTitle">'
		+ '<a href="javascript:showCouponDetail(\'#{id}\',#{index},\'#{itemType}\')"> #{description}</a>'
		+ '									</span>'
		+ '									<br/>'
		+ '<div class="#{displaySubItemsShow}"><table width="100%">#{cartSubItemsHtml}</table></div>'
		+ '									<span class="cartPrice">' + label["order.js.currency." + info.region] + ' #{totalPrice}</span>'
		+ '									<span class="cartPrice" style="display:#{displayPoints}">(Points #{bp})</span>'
		+ '								</td>'
		+ '							</tr>'
		+ '							<tr>'
		+ '								<td colspan="2">'
		+ '									<hr style="height:1px;border:1px" />'
		+ '								</td>'
		+ '							</tr>'
	)
	,
	cartProductItem:
		new Template(
		'<tr valign="top">'
		+'	<td align="left">'
		+'		<table cellspacing="2" cellpadding="0" border="0">'
		+'			<tr>'
		+'				<td style="width:20px;border:solid 1px #888888;background-color:#feffde" align="left">'
		+'				#{qty}</td>'
		+'				<td style="border:solid 1px #888888;background-color:#f6c636">'
		+'					<a href="javascript:pizzahut()" onClick="copyProduct(\'#{id}\',#{index})">'
		+'					<img src="#{info.imgPath}/plus_btn_bk.gif" border="0"/>'
		+'					</a>'
		+'				</td>'
		+'				<td style="border:solid 1px #888888;background-color:#f6c636">'
		+'					<a href="javascript:pizzahut()" onClick="removeProduct(\'#{id}\',#{index});"><img src="#{info.imgPath}/minus_btn_bk.gif" border="0"/></a>'
		+'				</td>'
		+'			</tr>'
		+'		</table>	'										
		+'	</td>'
		+'								<td align="left" style="padding-top:5px;">'
		+'									<span class="cartTitle">'
		+'<a href="javascript:showDetail(\'#{id}\',#{index},\'#{type}\')"> #{description}</a>'
		+'									</span>'
		+'									<br/>'
		+'<div class="#{displaySubItemsShow}"><table width="100%">#{cartSubItemsHtml}</table></div>'
		+'									<span class="cartPrice">'+label["order.js.currency."+info.region]+' #{totalPrice}</span>'
		+'									<span class="cartPrice" style="display:#{displayPoints}">(Points #{bp})</span>'
		+'								</td>'							
		+'							</tr>'
		+'							<tr>'
		+'								<td colspan="2">'
		+'									<hr style="height:1px;border:1px" />'
		+'								</td>'
		+'							</tr>'
	)
	,
	
	
	cartSubItem:
		new Template(
		'		<tr>'
		+'			<td valign="top"><img src="#{info.imgPath}/order_point.gif" border="0"/></td>'
		+'			<td align="left" class="cartSubTitle">'
		+'				#{description} x #{qty} <span style="color:red;display:#{displayPrice}">+'+label["order.js.currency."+info.region]+' #{totalPrice}</span>'
		+'			</td>'
		+'		</tr>'
	)
	
	,
	confirmTable:
		new Template(		
		'<table width="99%" cellspacing="0" cellpadding="0" border="0" align="center">'
		+'  <tr ><td width="100%" ><table width="100%" cellpadding="3" border="1" bordercolor="#AC844D" id="confirmTable" >'
        +'  <tr bgcolor="#be8740">'
        +'<td width="50%" style="color:#ffffff">'+label["order.js.shoppingCart.item"]+'</td>'
        +'    <td width="10%" style="color:#ffffff">'+label["order.js.shoppingCart.qty"]+'</td>'
        +'    <td width="20%" style="color:#ffffff">'+label["order.js.shoppingCart.amount"]+'</td>'
        +'  </tr>'
        + '  #{cartItemsHtml}'
		+ '	<tr style="display:#{displayExcessAmount}">'
		+ '		<td colspan="2" align="right">'
		+ '			<b>' + label["order.js.shoppingCart.Excessamount"] + '</b>'
		+ '		</td>'
		+ '		<td align="right">'
		+ '		  <span class="cartTotal" id="cartTotalSpan">' + label["order.js.currency." + info.region] + ' #{excessAmount}</span>'
		+ '		</td>'
		+ '	</tr>'
		+'	<tr>'
		+'		<td colspan="2" align="right">'
		+'			<b>'+label["order.js.shoppingCart.Totalamount"]+'</b>'
		+'		</td>'
		+'		<td align="right">'
		+'		  <span class="cartTotal" id="cartTotalSpan">'+label["order.js.currency."+info.region]+' #{formatTotal}</span>'
		+'		</td>'
		+'	</tr>'
		+'	<tr style="display:#{displayPointsRow}">'
		+'		<td colspan="2" align="right">'
		+'			<b>'+label["order.js.shoppingCart.Totalpoints"]+'</b>'
		+'		</td>'
		+'		<td align="right">'
		+'		  <span class="cartTotal" id="cartPointsSpan">#{points}</span>'
		+'		</td>'
		+'	</tr></table></td></tr>'
		+'	<tr class="#{confirmCheckoutRow}">'
		+'		<td  align="right" style="padding-right:15px">'
		+'			<br />'
		+'			<a href="javascript:next()" >'
		+'				<img src="#{info.imgPath}/address_checkout.gif" border="0" />'
		+'			</a>'
		+'		</td>'
		+'	</tr>'
		+'</table>'
		
		)
		,
	confirmProductItem:
		new Template(
		'<tr valign="top">'
		+'								<td class="cartTitle">'
		+'									<span style="font-size:12pt;color:#913c29">'
		+' #{description}'
		+'									</span>'
		+'									<br/>'
		+'									<span style="font-size:12pt;color:#a1752e;font-weight:bolder"></span>'
		+'<div style="display:#{displaySubItems}"><table width="100%">#{cartSubItemsHtml}</table><br/></div>'
		+'								</td>'
		+'<td align="center">#{qty}</td>						'
		+'<td align="right">'+label["order.js.currency."+info.region]+' #{totalPrice}</td>						'
		+'							</tr>'
	)
	,
	confirmSubItem:
		new Template(
		'		<tr>'
		+'			<td valign="top" width="0"><img src="#{info.imgPath}/order_point.gif" border="0"/></td>'
		+'			<td style="color:#712d20" width="100%">'
		+'				#{description} x #{qty} <span style="color:red;display:#{displayPrice}">+'+label["order.js.currency."+info.region]+' #{totalPrice}</span>'
		+'			</td>'
		+'		</tr>'
	)
	
	,
	confirmDiscountTable:
		new Template(		
		'<table width="99%" cellspacing="0" cellpadding="0" align="center" border="0">'
        +'  <tr ><td width="100%" ><table width="100%" cellpadding="3" border="1" bordercolor="#AC844D"id="confirmTable" >'
        +'<tr bgcolor="#be8740">'
        +'<td width="50%" style="color:#ffffff">'+label["order.js.shoppingCart.item"]+'</td>'
        +'    <td width="10%" style="color:#ffffff">'+label["order.js.shoppingCart.qty"]+'</td>'
        +'    <td width="20%" style="color:#ffffff">'+label["order.js.shoppingCart.amount"]+'</td>'
        +'    <td width="20%" style="color:#ffffff">'
        +label["order.js.shoppingCart.discountedamount"]
        +'    </td>'
        +'  </tr>'
        + '#{cartItemsHtml}' 
        + '	<tr style="display:#{displayExcessAmount}">'
		+ '		<td colspan="3" align="right">'
		+ '			<b>' + label["order.js.shoppingCart.Excessamount"] + '</b>'
		+ '		</td>'
		+ '		<td align="right">'
		+ '		  <span class="cartTotal" id="cartTotalSpan">' + label["order.js.currency." + info.region] + ' #{excessAmount}</span>'
		+ '		</td>'
		+ '	</tr>'
		+'	<tr>'
		+'		<td align="right" colspan="3">'
		+'			<b>'+label["order.js.shoppingCart.Totalamount"]+'</b>'
		+'		</td>'
		+'		<td align="right">'
		+'		  <span class="cartTotal" id="cartTotalSpan">'+label["order.js.currency."+info.region]+' #{formatTotal}</span>'
		+'		</td>'
		+'	</tr>'
		+'	<tr style="display:#{displayPointsRow}">'
		+'		<td align="right" colspan="3" >'
		+'			<b>'+label["order.js.shoppingCart.Totalpoints"]+'</b>'
		+'		</td>'
		+'		<td align="right">'
		+'		  <span class="cartTotal" id="cartPointsSpan">#{points}</span>'
		+'		</td>'
		+'	</tr></table></td></tr>'
		+'	<tr class="#{confirmCheckoutRow}">'
		+'		<td  align="right" style="padding-right:15px">'
		+'			<br />'
		+'			<a href="javascript:next()">'
		+'				<img src="#{info.imgPath}/address_checkout.gif" border="0" />'
		+'			</a>'
		+'		</td>'
		+'	</tr>'
		+'</table>'
		
		)
		,
	confirmDiscountProductItem:
		new Template(
		'<tr valign="top">'
		+'								<td class="cartTitle">'
		+'									<span  style="font-size:12pt;color:#913c29">'
		+' #{description}'
		+'									</span>'
		+'									<br/>'
		+'									<span style="font-size:12pt;color:#a1752e;font-weight:bolder"></span>'
		+'<div style="display:#{displaySubItems}"><table width="100%" border="0">#{cartSubItemsHtml}</table><br/></div>'
		+'								</td>'
		+'<td align="center">#{qty}</td>						'
		+'<td align="right">'+label["order.js.currency."+info.region]+' #{totalPrice}</td><td align="right">'+label["order.js.currency."+info.region]+' #{discountPrice} <span style="color:red;font-weight:bolder">#{discountClientDesc}</span></td>'
		+'							</tr>'
	)
	,
	confirmDiscountSubItem:
		new Template(
		'		<tr>'
		+'			<td valign="top" width="0"><img src="#{info.imgPath}/order_point.gif" border="0"/></td>'
		+'			<td style="color:#712d20" width="100%">'
		+'				#{description} x #{qty} <span style="color:red;display:#{displayPrice}">+'+label["order.js.currency."+info.region]+' #{totalPrice}</span>'
		+'			</td>'
		+'		</tr>'
	)
	
	,optionTable:new Template(
		'<table width="100%" border="0" cellspacing="0" cellpadding="0">#{optionRowsHtml}</table>'
	),
	
	optionRow:new Template(
	'<tr valign="top">'
	+'	<td width="50">'
	+'		<img src="#{info.imgPath}/option#{position}.gif" width="50" height="50" border="0" />'
	+'	</td>'
	+'	<td style="padding:6px">'
	+'<table width="100%" border="0" cellspacing="0" cellpadding="0">#{optionHtml}</table>'
	+'		<hr style="height:1px" />'
	+'	</td>'
	+'</tr>'
	)
	
	,singleOption:new Template(
	'	<tr><td><input type="hidden" name="p#{option.position}" value="#{id}:#{qty}" />'
	+'			#{description}'
	+'			 X #{qty}</td></tr>'
	)
	
	,multiOption:new Template(
	'<tr>'
	+'	<td width="20">'
	+'		<input type="radio" onChange="refreshPrice()" onClick="refreshPrice()" name="p#{option.position}" id="p#{option.position}_#{id}" value="#{id}:#{qty}" />'
	+'	</td>'
	+'	<td>'
	+'		<label style="cursor:hand" for="p#{option.position}_#{id}">#{description}'
	+'									<span style="color:red;display:#{displayPrice}"> +'+label["order.js.currency."+info.region]+' #{price}</span>'
	+'							 X #{qty}</label>'
	+'						</td>'
	+'					</tr>'
	)
	
	,moreOption:new Template(
	'	<tr><td></td><td ><a href="javascript:showDetail(\'#{id}\',-1,\'#{type}\')" style="color:#940000">['+label["order.js.menu.more"]+']</a></td></tr>'
	)
	
	
	,singlePizzaOption:new Template(
	'	<tr><td><input type="hidden" name="p#{option.position}" value="#{id}:#{qty}" />'
	+'			#{pizzaname}'
	+'			 X #{qty}</td></tr>'
	)
	
	,multiPizzaOption:new Template(
	'<tr>'
	+'	<td width="20">'
	+'		<input type="radio" onChange="refreshPrice()" onClick="refreshPrice()" name="p#{option.position}" id="p#{option.position}_#{id}" value="#{id}:#{qty}" />'
	+'	</td>'
	+'	<td>'
	+'		<label style="cursor:hand" for="p#{option.position}_#{id}">#{pizzatype}'
	+'									<span style="color:red;display:#{displayPrice}"> '+label["order.js.currency."+info.region]+' #{price}</span>'
	+'							 X #{qty}</label>'
	+'						</td>'
	+'					</tr>'
	)	
	
	,selectAddressItem: new Template(
	'<li><a href="javascript:pizzahut()" onclick="setValue(\'#{id}\',\'#{desc}\')">'
	+'#{desc}'
	+'</a></li>'
	)

	, selectQuickAddressItem: new Template(
	'<li><a href="javascript:pizzahut()" onclick="setQuickAddressValue(\'#{id}\')">'
	+ '#{address}'
	+ '</a></li>'
	)

	, selectQuickAddressPage: new Template(
	'<span style="display:#{showPrevious}"><a href="javascript:pizzahut()" onclick=\'quickSearch($("qSearchButton").positionedOffset().left - 160 ,$("qSearchButton").positionedOffset().top - 45,#{ppage})\'>'
	+ label["order.js.address.previous.page"]
	+ '</a></span> '
	+ '<span style="display:#{showNext}"><a href="javascript:pizzahut()" onclick=\'quickSearch($("qSearchButton").positionedOffset().left - 160 ,$("qSearchButton").positionedOffset().top - 45,#{page})\'>'
	+ label["order.js.address.next.page"]
	+ '</a></span>'
	)
	
	,comparisonItem: new Template(
	'<table cellpadding="0" cellspacing="2" border="0" width="179">'
    +'           <tr>'
    +'             <td class="title">#{name}</td>'
    +'            </tr>'
    +'            <tr>'
    +'              <td class="line"><img src="{$imgPath}/box01.gif" width="1" height="1" border="0"/></td>'
    +'            </tr>'
    +'            <tr>'
    +'              <td class="desc">#{detailDescription}</td>'
    +'            </tr>'
    +'            <tr>'
    +'              <td class="line"><img src="{$imgPath}/box01.gif" width="1" height="1" border="0"/></td>'
    +'            </tr>'
    +'            <tr>'
    +'              <td class="price">$#{price}</td>'
    +'            </tr>'
    +'            <tr>'
    +'              <td class="select">'
    +'                <a href="javascript:pizzahut()"  onclick="hideComparison();buyCombo(\'#{id}\')">'
    +'                  <img src="#{info.imgPath}/select_button.gif" border="0"/>'
    +'                </a>'
    +'              </td>'
    +'            </tr>'
    +'          </table>'
    )
    
    ,shopItem: new Template(
	 '<div class="shopItem" onclick="selectShop(\'#{code}\',this)">'
	+'	<div class="addrTitle">'+label["order.js.shoppingCart.Phone"]+':</div>'
	+'#{phone}		<br />'
	
	+'		<div class="addrTitle">'+label["order.js.shoppingCart.Address"]+':</div>'
	
	+'		#{address}<br />'
	+'	</div>'
	+'		<hr/>'
    )
    
    ,menuDetailSelectedOptionItem:new Template(
        ' <div style="clear:left">'
     +'               <div class="col" style="width:41px;line-height:0px">'
     +'                 <img src="#{info.imgPath}/box.gif" id="arrow#{index}" width="41" height="64" border="0" />'
     +'               </div>'
     +'               <div class="col" style="width:50px;line-height:0px">'
     +'                 <img src="#{info.imgPath}/box.gif" height="6" />'
     +'                 <br />'
     +'                 <a href="javascript:nextStep(#{index})">'
     +'                   <img src="#{info.imgPath}/option#{index}.gif" width="50" height="50" border="0" />'
     +'                 </a>'
     +'               </div>'
     +'               <div class="col" style="padding-top:20px;width:255px;">'
     +'                 <div id="desc#{index}"></div>'
     +'                 <hr/>'
     +'               </div>'
     +'             </div>'
    )
    
    , menuCyopBase: new Template(
      ' <span style="width:300px;display:inline-block"><img src="#{info.menuFullPath}/images/cyop/#{id}.gif" onClick="baseMove(this,\'#{id}\',#{index},\'#{jsName}\',#{price},#{referenceType})" class="pizzaBase" style="cursor:pointer"/><br/><span class="pizzaBaseWords">#{name}<br/>#{description}</span></span>'
    )
    , menuCyopBaseLayer: new Template(
      ' <span style="width:300px;display:inline-block"><img src="#{info.menuFullPath}/images/cyop/#{id}.gif" onClick="editCYOPBase(this,\'#{id}\',#{index},\'#{jsName}\',#{price},#{referenceType})" class="pizzaBase" style="cursor:pointer"/><br/><span class="pizzaBaseWords">#{name}<br/>#{description}</span></span>'
    )
    , menuCyopBaseType: new Template(
      ' <span style="width:150px;display:inline-block"><img src="#{info.menuFullPath}/images/cyop/#{id}.gif" onClick="choiceBaseType(this,\'#{id}\',\'#{jsName}\',#{price},#{price1})" class="pizzaBaseChoice" style="display:none;cursor:pointer"/>'
      + '<br/><span class="pizzaBaseChoiceWords" style="display:none">#{name}<br/>#{description}</span></span>'
    ), menuCyopBaseTypeLayer: new Template(
      ' <span style="width:150px;display:inline-block"><img src="#{info.menuFullPath}/images/cyop/#{id}.gif" onClick="editCYOPBaseType(this,\'#{id}\',\'#{jsName}\',#{price},#{price1})" class="pizzaBaseChoice" style="cursor:pointer"/>'
      + '<br/><span class="pizzaBaseChoiceWords">#{name}<br/>#{description}</span></span>'
    )
    , toppings: new Template(
      '<td style="width:60px;margin:4px;height:70px;vertical-align:bottom"><img src="#{info.menuFullPath}/images/cyop/#{id}.png" id="toppings#{id}" '
      + ' class="toppings" onClick="chooseToppings(this,#{moving.x},#{moving.y},\'#{id}\',\'#{jsName}\',#{price},#{price1})"/><br/>#{name}</td>'
    )
    , toppingsIE: new Template(
      '<td style="width:60px;margin:4px;height:70px;vertical-align:bottom"><span style="width:50px;height:50px;display:inline-block;filter:progid:'
      + 'DXImageTransform.Microsoft.AlphaImageLoader(src=\'#{info.menuFullPath}/images/cyop/#{id}.png\');" id="toppings#{id}" '
      + ' class="toppings" onClick="chooseToppings(this,#{moving.x},#{moving.y},\'#{id}\',\'#{jsName}\',#{price},#{price1})"></span><br/>#{name}</td>'
    )
    , toppingsFinal: new Template(
      '<img src="#{info.menuFullPath}/images/cyop/#{id}_#{index}.png" id="toppingsLayer#{id}_#{index}" class="toppingsFinal tf#{index}" style="top:#{top}px;left:#{left}px;zIndex:10;"/>'
    )
    , toppingsFinalIE: new Template(
      '<span style="width:427px;height:293px;display:inline-block;top:#{top}px;left:#{left}px;zIndex:10;filter:progid:'
      + 'DXImageTransform.Microsoft.AlphaImageLoader(src=\'#{info.menuFullPath}/images/cyop/#{id}_#{index}.png\');" id="toppingsLayer#{id}_#{index}" '
      + ' class="toppingsFinal tf#{index}"></span>'
    )
    , sauce: new Template(
      '<span style="width: 320px; display: inline-block;" class="sauce">'
      + '<img id="sauce#{index}" src="#{info.menuFullPath}/images/cyop/#{baseID}_#{id}.gif" width="300" onClick="chooseSauce(\'#{baseID}\',\'#{id}\',\'#{jsName}\',#{price},#{price1})" style="cursor:pointer"/><br/>#{name}</span>'
    )
    , sauceLayer: new Template(
      '<span style="width: 320px; display: inline-block;" class="sauce"><img src="#{info.menuFullPath}/images/cyop/#{baseID}_#{id}.gif" width="300" onClick="editCYOPSauce(\'#{baseID}\',\'#{id}\',\'#{jsName}\',#{price},#{price1})" style="cursor:pointer"/><br/>#{name}</span>'
    )
    , cyop: new Template(
      '<div class="cyop"><div id="toppingsDiv" style="text-align:left;display:none;">#{toppingsHtml}</div>#{menuHtml}'
      + '<div style="display:none" id="sauceDIV"></div>#{baseTypeHtml}'
      + '<div style="text-align:center;" style="width:100%"><table cellpadding="0" cellspacing="0" style="width:100%"><tr><td width="427px;" style="vertical-align:top;">'
      + '<img id="cyopChooseBase" style="display:none;"/><div id="toppingFinalHtml"></div></td><td style="vertical-align:top;width:100%;">'
      + '<table style="display:none;text-align:left;align:top;width:100%" id="cyopTable"></table></td></tr></table></div>'
    ), cyopTableBase: new Template(
        '<span onClick="changeBase()" style="cursor:pointer">#{name}</span>'
    ), cyopTableBaseType: new Template(
        '<span onClick="changeBaseType()" style="cursor:pointer">#{name}</span>'
    ), cyopTableSauce: new Template(
        '<span onClick="changeSauce()" style="cursor:pointer">#{name}</span>'
    )
    	
};