An Error Occurred:

javax.el.ELException: /modules/mi/details/primary/specifications/features/features.xhtml @45,164 rendered="#{not empty mrStyle.standardFeatures.filteredConvenience or not empty mrStyle.optionalFeatures.filteredConvenienceOptions}": java.lang.NullPointerException

+ Stack Trace

javax.faces.FacesException: javax.el.ELException: /modules/mi/details/primary/specifications/features/features.xhtml @45,164 rendered="#{not empty mrStyle.standardFeatures.filteredConvenience or not empty mrStyle.optionalFeatures.filteredConvenienceOptions}": java.lang.NullPointerException
	at javax.faces.component.UIComponentBase.isRendered(UIComponentBase.java:396)
	at javax.faces.component.UIComponent.encodeAll(UIComponent.java:924)
	at javax.faces.component.UIComponent.encodeAll(UIComponent.java:933)
	at javax.faces.component.UIComponent.encodeAll(UIComponent.java:933)
	at javax.faces.component.UIComponent.encodeAll(UIComponent.java:933)
	at com.autotrader.components.tabber.Tabber.encodeBegin(Tabber.java:138)
	at javax.faces.component.UIComponent.encodeAll(UIComponent.java:928)
	at javax.faces.component.UIComponent.encodeAll(UIComponent.java:933)
	at javax.faces.component.UIComponent.encodeAll(UIComponent.java:933)
	at javax.faces.component.UIComponent.encodeAll(UIComponent.java:933)
	at com.sun.facelets.FaceletViewHandler.renderView(FaceletViewHandler.java:592)
	at org.ajax4jsf.application.ViewHandlerWrapper.renderView(ViewHandlerWrapper.java:100)
	at org.ajax4jsf.application.AjaxViewHandler.renderView(AjaxViewHandler.java:176)
	at com.sun.faces.lifecycle.RenderResponsePhase.execute(RenderResponsePhase.java:110)
	at com.sun.faces.lifecycle.Phase.doPhase(Phase.java:100)
	at com.sun.faces.lifecycle.LifecycleImpl.render(LifecycleImpl.java:139)
	at javax.faces.webapp.FacesServlet.service(FacesServlet.java:266)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:324)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at org.jboss.seam.servlet.SeamFilter$FilterChainImpl.doFilter(SeamFilter.java:83)
	at org.jboss.seam.web.IdentityFilter.doFilter(IdentityFilter.java:40)
	at org.jboss.seam.servlet.SeamFilter$FilterChainImpl.doFilter(SeamFilter.java:69)
	at org.jboss.seam.web.MultipartFilter.doFilter(MultipartFilter.java:90)
	at org.jboss.seam.servlet.SeamFilter$FilterChainImpl.doFilter(SeamFilter.java:69)
	at org.jboss.seam.web.ExceptionFilter.doFilter(ExceptionFilter.java:64)
	at org.jboss.seam.servlet.SeamFilter$FilterChainImpl.doFilter(SeamFilter.java:69)
	at org.jboss.seam.web.RedirectFilter.doFilter(RedirectFilter.java:45)
	at org.jboss.seam.servlet.SeamFilter$FilterChainImpl.doFilter(SeamFilter.java:69)
	at org.ajax4jsf.webapp.BaseXMLFilter.doXmlFilter(BaseXMLFilter.java:206)
	at org.ajax4jsf.webapp.BaseFilter.handleRequest(BaseFilter.java:290)
	at org.ajax4jsf.webapp.BaseFilter.processUploadsAndHandleRequest(BaseFilter.java:388)
	at org.ajax4jsf.webapp.BaseFilter.doFilter(BaseFilter.java:515)
	at org.jboss.seam.web.Ajax4jsfFilter.doFilter(Ajax4jsfFilter.java:56)
	at org.jboss.seam.servlet.SeamFilter$FilterChainImpl.doFilter(SeamFilter.java:69)
	at org.jboss.seam.web.LoggingFilter.doFilter(LoggingFilter.java:60)
	at org.jboss.seam.servlet.SeamFilter$FilterChainImpl.doFilter(SeamFilter.java:69)
	at org.jboss.seam.servlet.SeamFilter.doFilter(SeamFilter.java:158)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at com.autotrader.enterprise.common.context.AtcOverrideServletRequestFilter.doFilter(AtcOverrideServletRequestFilter.java:70)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at com.autotrader.consumer.web.util.ZipCodeFilter.doFilter(ZipCodeFilter.java:49)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at com.autotrader.consumer.web.util.AtcVersioningFilter.doFilter(AtcVersioningFilter.java:129)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at com.autotrader.consumer.web.util.AtcVersioningFilter.doFilter(AtcVersioningFilter.java:129)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at com.autotrader.consumer.web.util.AtcVersioningFilter.doFilter(AtcVersioningFilter.java:129)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at com.autotrader.commons.webfilter.RequestContextHolderFilter.doFilter(RequestContextHolderFilter.java:51)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at com.autotrader.util.bi.BIRFPageInstanceFilter.doFilter(BIRFPageInstanceFilter.java:204)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at com.autotrader.enterprise.common.net.RequestParameterFilter.doFilter(RequestParameterFilter.java:62)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at com.autotrader.enterprise.common.context.CodeTrackingFilter.doFilter(CodeTrackingFilter.java:89)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at com.autotrader.enterprise.common.context.CodeTrackingFilter.doFilter(CodeTrackingFilter.java:89)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at com.autotrader.enterprise.common.net.UrlResponseFilter.doFilter(UrlResponseFilter.java:23)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at com.autotrader.util.LegacyRequestFilter.doFilter(LegacyRequestFilter.java:45)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at org.tuckey.web.filters.urlrewrite.RuleChain.handleRewrite(RuleChain.java:176)
	at org.tuckey.web.filters.urlrewrite.RuleChain.doRules(RuleChain.java:145)
	at org.tuckey.web.filters.urlrewrite.UrlRewriter.processRequest(UrlRewriter.java:92)
	at org.tuckey.web.filters.urlrewrite.UrlRewriteFilter.doFilter(UrlRewriteFilter.java:381)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:274)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:242)
	at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:275)
	at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:161)
	at org.jboss.web.tomcat.security.SecurityAssociationValve.invoke(SecurityAssociationValve.java:181)
	at org.jboss.web.tomcat.security.JaccContextValve.invoke(JaccContextValve.java:88)
	at org.jboss.web.tomcat.security.SecurityContextEstablishmentValve.invoke(SecurityContextEstablishmentValve.java:100)
	at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:159)
	at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:102)
	at org.jboss.web.tomcat.service.jca.CachedConnectionValve.invoke(CachedConnectionValve.java:158)
	at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:109)
	at org.jboss.web.tomcat.service.request.ActiveRequestResponseCacheValve.invoke(ActiveRequestResponseCacheValve.java:53)
	at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:362)
	at org.apache.coyote.http11.Http11Processor.process(Http11Processor.java:877)
	at org.apache.coyote.http11.Http11Protocol$Http11ConnectionHandler.process(Http11Protocol.java:654)
	at org.apache.tomcat.util.net.JIoEndpoint$Worker.run(JIoEndpoint.java:951)
	at java.lang.Thread.run(Thread.java:744)
Caused by: javax.el.ELException: /modules/mi/details/primary/specifications/features/features.xhtml @45,164 rendered="#{not empty mrStyle.standardFeatures.filteredConvenience or not empty mrStyle.optionalFeatures.filteredConvenienceOptions}": java.lang.NullPointerException
	at com.sun.facelets.el.TagValueExpression.getValue(TagValueExpression.java:76)
	at javax.faces.component.UIComponentBase.isRendered(UIComponentBase.java:393)
	... 95 more
Caused by: java.lang.NullPointerException

+ Component Tree

<AjaxViewRoot id="_viewRoot" immediate="false" locale="en" renderKitId="HTML_BASIC" renderRegionOnly="false" rendered="true" selfRendered="false" submitted="false" transient="false" viewId="/research/modelinfo/modelInfoPopup.xhtml">
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:birf="http://www.autotrader.com/birf">
<head> <title>
</title>
<meta name="description" content="Meta description"/> <meta name="keywords" content="Meta keywords"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<ComponentRef id="j_id6" rendered="false" transient="false">
<HtmlOutputText escape="false" id="j_id7" rendered="true" transient="false"/>
</ComponentRef>
<link href="//fonts.googleapis.com/css?family=Roboto:400,300" rel="stylesheet" type="text/css"/>
<ComponentRef id="j_id9" rendered="true" transient="false">
<link rel="stylesheet" href="/#{headerAction.jawrBuildReleaseDirectory}/bundles/base.css" type="text/css"/>
<HtmlOutputText escape="false" id="j_id11" rendered="true" transient="false" value="<!--[if lt IE 9]>"/>
<link rel="stylesheet" href="/#{headerAction.jawrBuildReleaseDirectory}/bundles/ielt9.css" type="text/css"/>
<HtmlOutputText escape="false" id="j_id13" rendered="true" transient="false" value="<![endif]-->"/>
<script type="text/javascript" src="http://www.autotraderstatic.com/#{headerAction.jawrBuildReleaseDirectory}/bundles/chassisForLegacy.js?v=3.90.298779"/>
</ComponentRef>
<ResourceLoader id="j_id15" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/global.js"/>
<ResourceLoader id="j_id16" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/site.css"/>
<ResourceLoader id="j_id17" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/sections/popups.css"/>
<ResourceLoader id="j_id18" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/sections/research.css"/>
<ResourceLoader id="j_id19" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/js/swfobject/swfobject.js"/>
<ResourceLoader id="j_id20" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/js/media/videoController.js"/>
<ResourceLoader id="j_id21" pathSpecific="false" rendered="true" transient="false" type="js" url="/js/components/carousel-thumbnails.js"/>
<ResourceLoader id="j_id22" pathSpecific="false" rendered="true" transient="false" type="js" url="/js/components/carousel-viewport.js"/>
<ResourceLoader id="j_id23" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/overview/color-picker.js"/>
<ResourceLoader id="j_id24" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/spins.js"/>
<ResourceLoader id="j_id25" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/mi-popup-init.js"/>
<ResourceLoader id="j_id26" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/popup.js"/>
<ResourceLoader id="j_id27" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/js/atcbi.js"/>
</head> <body id="#{bodyId}">
<img src="http://www.autotraderstatic.com/img/research/mi/printable/printable-atc-logo.png?v=3.90.298779" alt="www.autotrader.com" id="autotrader-logo"/>
<HtmlOutputLink disabled="false" id="j_id30" rendered="true" styleClass="print" transient="false" value="javascript://">
<span/>
<HtmlOutputText escape="true" id="j_id32" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id33" onclick="window.close()" rendered="true" styleClass="close" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id34" rendered="true" transient="false" value="Close"/>
</HtmlOutputLink>
<div class="container">
<UINamingContainer id="summary" rendered="true" transient="false">
<ComponentRef id="j_id36" rendered="false" transient="false">
<img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.90.298779" alt="/img/research/mi/printable/printable-atc-logo.png" class="for-print-only"/>
<ComponentRef id="j_id38" rendered="true" transient="false">
<img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.90.298779" alt="#{imageUtils.getScaledUrl(mrStyle.thumbnailUrl, 600, 450)}" class="for-print-only"/>
</ComponentRef>
</ComponentRef>
<UINamingContainer id="vehicle-overview-container" rendered="true" transient="false">
<ComponentRef id="j_id40" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id42" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id44" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id45" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id46" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id48" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id50" rendered="false" transient="false"/>
</h2> </div>
</ComponentRef>
<div class="atcui-container-content #{disableGradientClass} atcui-container-content-#{empty tier ? 'Primary' : tier}">
<ComponentRef id="j_id53" rendered="false" transient="false">
<div class="photo-wrapper">
<HtmlFragment id="j_id55" rendered="true" transient="false">
<HtmlFragment id="j_id56" rendered="true" transient="false">
<img id="#{id}" class="#{class}" src="#{src}" alt="#{alt}" onclick="#{onclick}" ondblclick="#{ondblclick}" onmousedown="#{onmousedown}" onmouseup="#{onmouseup}" onmouseover="#{onmouseover}" onmousemove="#{onmousemove}" onmouseout="#{onmouseout}" onkeypress="#{onkeypress}" onkeydown="#{onkeydown}" onkeyup="#{onkeydown}"/>
</HtmlFragment>
<HtmlFragment id="j_id58" rendered="false" transient="false">
<img width="#{width}" height="#{height}" id="#{id}" class="#{class}" src="#{src}" alt="#{alt}" onclick="#{onclick}" ondblclick="#{ondblclick}" onmousedown="#{onmousedown}" onmouseup="#{onmouseup}" onmouseover="#{onmouseover}" onmousemove="#{onmousemove}" onmouseout="#{onmouseout}" onkeypress="#{onkeypress}" onkeydown="#{onkeydown}" onkeyup="#{onkeydown}"/>
</HtmlFragment>
</HtmlFragment>
</div>
</ComponentRef>
<div class="details-wrapper"> <h1>
<HtmlOutputText escape="true" id="j_id62" rendered="true" transient="false" value="2013 Honda Pilot Sport Utility"/>
</h1>
<ComponentRef id="j_id64" rendered="false" transient="false">
<p class="trim">
<HtmlOutputText escape="true" id="j_id66" rendered="true" transient="false" value="2WD 4dr LX"/>
</p>
</ComponentRef>
<p class="details">
<ComponentRef id="j_id69" rendered="true" transient="false">
<ComponentRef id="j_id70" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id71" rendered="false" transient="false" value="Price Range: "/>
<HtmlOutputText escape="true" id="j_id72" rendered="true" transient="false" value="MSRP Range: "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6b878ae0" escape="true" id="j_id73" rendered="true" transient="false" value="29520"/>
<HtmlOutputText escape="true" id="j_id74" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@4d446b93" escape="true" id="j_id75" rendered="true" transient="false" value="41270"/>
<HtmlOutputText escape="true" id="j_id76" rendered="true" transient="false" value=" | "/>
</ComponentRef>
<ComponentRef id="j_id77" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id78" rendered="true" transient="false" value="No price available"/>
</ComponentRef>
<HtmlOutputText escape="true" id="j_id79" rendered="true" transient="false" value="17 MPG City - 24 MPG Highway"/>
<br/>
<ComponentRef id="j_id81" rendered="false" transient="false">
<ComponentRef id="j_id82" rendered="false" transient="false">
<script type="text/javascript"> asisQ("#{miOverviewBean.modelBrochure.externalImpressionTag}"); </script>
</ComponentRef>
<ComponentRef id="j_id84" rendered="false" transient="false">
<script type="text/javascript"> asisQ("#{miOverviewBean.modelBrochure.internalImpressionTag}"); </script>
</ComponentRef>
<script type="text/javascript"> var br_imp = { "cmp": "br", "co": "#{miOverviewBean.modelBrochure.contentNumber}", "novs": "y", "co_type": "national" }; if (BIRF.Elements.Impressions) { BIRF.Elements.Impressions.push(br_imp); } </script>
<HtmlOutputLink disabled="false" id="j_id87" onclick="asisRel(this);" rel="{'clickTag':'','thirdPartyClickTag':''}" rendered="true" styleClass="brochure-line" target="_blank" transient="false">
<img class="windowsticker_pdficon" src="http://www.autotraderstatic.com/img/fyc/vdp/pdf.jpg?v=3.90.298779" alt="" title="View brochure" align="left"/> <span class="brochure-link">
<HtmlOutputText escape="true" id="j_id89" rendered="true" transient="false" value="View brochure"/>
</span>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
<ComponentRef id="j_id91" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id92" rendered="true" transient="false" value="Starting at "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6f1d9298" escape="true" id="j_id93" rendered="true" transient="false" value="29520"/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@2d2d031e" escape="true" id="j_id94" rendered="false" transient="false"/>
<HtmlOutputText escape="true" id="j_id95" rendered="true" transient="false" value=" | "/>
<HtmlOutputText escape="true" id="j_id96" rendered="true" transient="false" value="Starting at "/>
<HtmlOutputText escape="true" id="j_id97" rendered="true" transient="false" value="18 MPG City - 25 MPG Highway"/>
<ComponentRef id="j_id98" rendered="false" transient="false">
<ComponentRef id="j_id99" rendered="false" transient="false">
<script type="text/javascript"> asisQ("#{miOverviewBean.modelBrochure.externalImpressionTag}"); </script>
</ComponentRef>
<ComponentRef id="j_id101" rendered="false" transient="false">
<script type="text/javascript"> asisQ("#{miOverviewBean.modelBrochure.internalImpressionTag}"); </script>
</ComponentRef>
<script type="text/javascript"> var br_imp = { "cmp": "br", "co": "#{miOverviewBean.modelBrochure.contentNumber}", "novs": "y", "co_type": "national" }; if (BIRF.Elements.Impressions) { BIRF.Elements.Impressions.push(br_imp); } </script>
<HtmlOutputLink disabled="false" id="j_id104" onclick="asisRel(this);" rel="{'clickTag':'','thirdPartyClickTag':''}" rendered="true" target="_blank" transient="false">
<img src="http://www.autotraderstatic.com/img/fyc/vdp/pdf.jpg?v=3.90.298779" alt="See brochure" title="See brochure"/>
<HtmlOutputText escape="true" id="j_id106" rendered="true" transient="false" value="See brochure"/>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
</p> </div>
<UINamingContainer id="subview-rating-indicator-summary" rendered="true" transient="false">
<div class="rating-wrapper"> <div class="rating #{ratingClass}"> <img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.90.298779" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id109" rendered="true" transient="false" value="0"/>
</span> </div> <p>
<HtmlFragment id="j_id111" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id112" rendered="true" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id113" rendered="false" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id114" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id115" rendered="true" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id116" rendered="false" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id118" rendered="false" transient="false">
<ComponentRef id="j_id119" rendered="true" transient="false">
<a title="#{title}" rel="#{rel}" href="#{url}" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click}" target="#{target}"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id121" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id123" rendered="false" transient="false">
<a title="#{text}" rel="#{rel}" href="#" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click};$j(this).next('.real-button').find('input').click();return false;"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id125" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a> <span class="real-button" style="display:none;">
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
</div>
</UINamingContainer>
<ComponentRef id="j_id129" rendered="false" transient="false">
<div class="qanda-wrapper">
<UINamingContainer id="questionAndAnswer" rendered="true" transient="false">
<HtmlLoadScript id="j_id131" rendered="true" src="http://autotrader.ugc.bazaarvoice.com/bvstaging/static/8214qa/bvapi.js" transient="false"/>
<script type="text/javascript"> $BV.ui("qa", "show_questions", { productId: "#{productId}", subjectType: "product" }); </script>
<UINamingContainer id="secondary-qAndALink-button" rendered="true" transient="false">
<ComponentRef id="j_id133" rendered="true" transient="false">
<ComponentRef id="j_id134" rendered="true" transient="false">
<a title="#{title}" rel="#{rel}" href="#{url}" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click}" target="#{target}"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id136" rendered="true" transient="false" value="Ask a Question"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id138" rendered="false" transient="false">
<a title="#{text}" rel="#{rel}" href="#" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click};$j(this).next('.real-button').find('input').click();return false;"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id140" rendered="true" transient="false" value="Ask a Question"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a> <span class="real-button" style="display:none;">
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
</UINamingContainer>
</div>
</ComponentRef>
<ComponentRef id="j_id144" rendered="true" transient="false">
<ComponentRef id="j_id145" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id146" onclick="window.close(); window.opener.location = ''; return false;" rendered="true" styleClass="conditional-link" transient="false">
<HtmlOutputText escape="true" id="j_id147" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id148" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id149" onclick="window.opener.location = '/research/configure/trimselection.jsp?year=2013&make=Honda&model=Pilot&body_style=Sport+Utility&adClassSeries=UNAVAIL'; window.close(); return false;" rendered="true" styleClass="conditional-link" transient="false" value="javascript:void(0)">
<HtmlOutputText escape="true" id="j_id150" rendered="true" transient="false" value="Build & Price a 2013"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id151" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id152" onclick="window.close(); window.opener.location = '/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=HONDA&model=PILOT&start_year=2013&end_year=2013'; return false;" rendered="true" styleClass="conditional-link" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=HONDA&model=PILOT&start_year=2013&end_year=2013">
<HtmlOutputText escape="true" id="j_id153" rendered="true" transient="false" value="Find It Near You"/>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
<ComponentRef id="j_id154" rendered="false" transient="false">
<ComponentRef id="j_id155" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id156" rendered="true" styleClass="conditional-link" transient="false">
<HtmlOutputText escape="true" id="j_id157" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id158" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id159" rendered="true" styleClass="conditional-link" transient="false" value="/research/configure/trimselection.jsp?year=2013&make=Honda&model=Pilot&body_style=SUV&adClassSeries=UNAVAIL&style_id=355589">
<HtmlOutputText escape="true" id="j_id160" rendered="true" transient="false" value="Build & Price a 2013"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id161" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id162" rendered="true" styleClass="conditional-link" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=HONDA&model=PILOT&start_year=2013&end_year=2013">
<HtmlOutputText escape="true" id="j_id163" rendered="true" transient="false" value="Find It Near You"/>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
</div> </div>
</ComponentRef>
</UINamingContainer>
<ComponentRef id="j_id165" rendered="false" transient="false">
<div id="oem-overview">
<div class="oem-overview-logo-window">
<HtmlOutputLink disabled="false" id="j_id168" rendered="true" target="_blank" title="Honda" transient="false">
<img src="#{oemLogo.src}" alt="#{oemLogo.alt}" width="#{oemLogo.width}" height="#{oemLogo.height}"/>
</HtmlOutputLink>
</div> <ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6b0eb61" first="0" id="j_id171" rendered="true" rowIndex="0" rowKeyVar="status" rows="0" transient="false" var="link">
<li>
<DataOutputLink disabled="false" id="j_id173" rendered="true" styleClass="" target="_blank" transient="false">
<HtmlOutputText escape="true" id="j_id174" rendered="true" transient="false"/>
<UINamingContainer id="externalLink-icon" rendered="false" transient="false">
<HtmlOutputText escape="true" id="externalLink-icon" rendered="true" styleClass="atcui-icon atcui-externalLink " title="" transient="false" value=" "/>
</UINamingContainer>
</DataOutputLink>
</li>
</HtmlAjaxRepeat>
</ul> </div>
</ComponentRef>
<ComponentRef id="j_id177" rendered="false" transient="false">
#{modelSelection.populateByMrStyle(mrStyle, 4, 4)} <ul id="vehicle-navigator"> <li class="make">
<UINamingContainer id="make-styled-select" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="navSelectmake" rendered="true" styleClass="make enabled styled-select" title="" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id179" rendered="true" transient="false"/>
</HtmlOutputLink>
</UINamingContainer>
</li> <li class="model">
<UINamingContainer id="model-styled-select" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="navSelectmodel" rendered="true" styleClass="model enabled styled-select" title="" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id181" rendered="true" transient="false"/>
</HtmlOutputLink>
</UINamingContainer>
</li> <li class="year">
<UINamingContainer id="year-styled-select" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="navSelectyear" rendered="true" styleClass="year enabled styled-select" title="" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id183" rendered="true" transient="false"/>
</HtmlOutputLink>
</UINamingContainer>
</li> <li class="body">
<UINamingContainer id="body-styled-select" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="navSelectbody" rendered="true" styleClass="body enabled styled-select" title="" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id185" rendered="true" transient="false"/>
</HtmlOutputLink>
</UINamingContainer>
</li> <li class="style">
<UINamingContainer id="style-styled-select" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="navSelectstyle" rendered="true" styleClass="style enabled styled-select" title="See details of specific styles" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id187" rendered="true" transient="false" value="See details of specific styles"/>
</HtmlOutputLink>
</UINamingContainer>
</li> </ul> <div id="navigator-content" style="display: none;">
<UINamingContainer id="flyout-make" rendered="true" transient="false">
<div id="flyout-#{type}">
<HtmlAjaxOutputPanel ajaxRendered="false" id="flyoutmake" keepTransient="true" layout="block" rendered="true" styleClass="content make" transient="false">
<HtmlForm enctype="application/x-www-form-urlencoded" id="narrowModelSelectionForm" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlAjaxFunction action="#{modelSelection.populateByMrStyle(mrStyle, 4, 4)}" actionExpression="#{modelSelection.populateByMrStyle(mrStyle, 4, 4)}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id190" ignoreDupResponses="true" immediate="false" limitToList="false" name="resetFlyouts" reRender="flyoutmodel" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxFunction action="#{modelSelection.loadOverview}" actionExpression="#{modelSelection.loadOverview}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id191" ignoreDupResponses="true" immediate="false" limitToList="false" name="updateOverview" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxFunction action="#{miStyleSelectorController.initFilters}" actionExpression="#{miStyleSelectorController.initFilters}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id192" ignoreDupResponses="true" immediate="false" limitToList="false" name="updateStyleFilter" reRender="style-filter-area" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6d4a1d6a" first="0" id="j_id193" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@225f3d36" first="0" id="j_id195" rendered="true" rowIndex="0" rows="0" transient="false" var="thisMake">
<li class="#{thisMake.makeName == make || thisMake.makeName == modelSelection.selectedMake.makeName ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id197" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="if ($j('#know').length != 0){$j(document).miSearchInit('narrowSearchErrorPrep');};$j('#vehicle-navigator').styleNavigator('manageValues', this);$j('#vehicle-navigator').styleNavigator('showNextFlyout');" reRender="narrowSelectmake, narrowSelectmodel, narrowSelectyear, flyoutmodel, flyoutmake" rendered="true" requestDelay="-2147483648" styleClass="flyout-make-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1ab6eed7" first="0" id="j_id199" rendered="false" rowIndex="0" rows="0" transient="false" var="thisModel">
<li class="#{thisModel.modelName == model || thisModel.modelName == modelSelection.selectedModel.modelName ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id201" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="if ($j('#know').length != 0){$j(document).miSearchInit('narrowSearchErrorPrep');};$j('#vehicle-navigator').styleNavigator('manageValues', this);$j('#vehicle-navigator').styleNavigator('showNextFlyout');" reRender="narrowSelectmodel, narrowSelectyear, flyoutyear, flyoutbody, flyoutmodel" rendered="true" requestDelay="-2147483648" styleClass="flyout-model-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</HtmlAjaxRepeat>
<HtmlOutputLink disabled="false" id="j_id204" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id205" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@5ffa72f4" first="0" id="j_id206" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id207" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id209" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id211" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@33912266" first="0" id="j_id214" rendered="true" rowIndex="0" rows="0" transient="false" var="tile">
<li class="hover #{tile.year == year || tile.year == modelSelection.selectedYear.year ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id216" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0){ $j(document).miSearchInit('narrowSearchErrorPrep'); } else { $j('#vehicle-navigator').styleNavigator('showNextFlyout'); }" reRender="narrowSelectyear, flyoutbody, flyoutyear" rel="" rendered="true" requestDelay="-2147483648" styleClass="flyout-year-link " timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id219" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id221" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@37038964" first="0" id="j_id223" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="thisBody">
<li class="hover #{thisBody.bodyStyleCode == mrStyle.bodyStyleCode ? 'selected' : 'unselected'} #{thisBody.bodyStyleCode}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" eventsQueue="ymmflyoutqueue" id="j_id225" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0) { $j(document).miSearchInit('prepForReload'); } else { $j('#vehicle-navigator').styleNavigator('prepForReload'); }" rendered="true" requestDelay="-2147483648" styleClass="flyout-body-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</ComponentRef>
</HtmlForm>
<ComponentRef id="j_id228" rendered="false" transient="false">
<HtmlForm enctype="application/x-www-form-urlencoded" id="style-filter-area" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@32263660" first="0" id="j_id229" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="filter">
<div class="options-filter #{groupNum == miStyleSelectorBean.filters.size - 1 ? 'last' : 'not-last'}"> <h4>
<HtmlOutputText escape="true" id="j_id231" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id233" immediate="false" layout="pageDirection" localValueSet="false" onchange="A4J.AJAX.Submit('summary:flyout\x2Dmake:style\x2Dfilter\x2Darea',event,{'similarityGroupingId':'summary:flyout\x2Dmake:style\x2Dfilter\x2Darea:j_id229:j_id235','parameters':{'summary:flyout\x2Dmake:style\x2Dfilter\x2Darea:j_id229:j_id235':'summary:flyout\x2Dmake:style\x2Dfilter\x2Darea:j_id229:j_id235'} ,'eventsQueue':'ymmflyoutqueue'} )" readonly="false" rendered="true" required="false" transient="false" valid="true">
org.ajax4jsf.ajax.SUPPORTonchange
<HtmlAjaxSupport action="#{miStyleSelectorController.filterStyles()}" actionExpression="#{miStyleSelectorController.filterStyles()}" ajaxSingle="false" bypassUpdates="false" disableDefault="false" disabled="false" event="onchange" eventsQueue="ymmflyoutqueue" id="j_id235" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id234" label="" noSelectionLabel="Any" rendered="true" transient="false" var="filterValue"/>
</HtmlSelectOneRadio>
</div>
</HtmlAjaxRepeat>
<script type="text/javascript"> // IE is firing onchange before the checked property is changed... 0 sec timeout addresses item. jQuery("#flyout-style td input[type=radio]").each(function(){ jQuery(this).click(function(){ var self = this; var funct_onchange = this.onchange; this.onchange = function(){ return false; }; window.setTimeout(function(){ funct_onchange(); self.onchange = funct_onchange; }, 0); }); }); </script>
<HtmlDiv id="filtered-styles" rendered="true" transient="false">
<div class="style-options #{not empty miStyleSelectorBean.filters ? 'style-options-with-filters' : ''}"> <h4 class="style-info"> <span>
<HtmlOutputText escape="true" id="j_id239" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id241" rendered="true" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id242" rendered="false" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id244" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id246" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id248" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id250" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id252" rendered="true" transient="false" value="Drive"/>
</span> </h4> </div>
<HtmlAjaxOutputPanel ajaxRendered="false" id="filteredStyleResults" keepTransient="true" layout="inline" rendered="true" transient="false">
<div class="style-options-records">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1ccf55f9" first="0" id="j_id255" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="filteredStyle">
<div class="#{groupNum % 2 == 0 ? 'odd' : 'even'} record follow">
<HtmlCommandButton action="#{miStyleSelectorBean.loadDetailPage(filteredStyle.styleId)}" actionExpression="#{miStyleSelectorBean.loadDetailPage(filteredStyle.styleId)}" disabled="false" id="hiddenButton-" immediate="false" readonly="false" rendered="true" style="display:none;" styleClass="styleSubmit" transient="false" type="submit" value="hiddenButton"/>
<div class="style-info">
<HtmlOutputText escape="true" id="j_id258" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id260" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@4d9958bc" escape="true" id="j_id261" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id262" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@42d42c2f" escape="true" id="j_id263" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id264" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@63d49d44" escape="true" id="j_id265" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id266" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@1ba10e90" escape="true" id="j_id267" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id269" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id271" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id273" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id275" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id277" rendered="true" transient="false" value="N/A"/>
</div> </div>
</HtmlAjaxRepeat>
</div>
</HtmlAjaxOutputPanel>
</HtmlDiv>
</HtmlForm>
</ComponentRef>
</HtmlAjaxOutputPanel>
</div>
</UINamingContainer>
<UINamingContainer id="flyout-model" rendered="true" transient="false">
<div id="flyout-#{type}">
<HtmlAjaxOutputPanel ajaxRendered="false" id="flyoutmodel" keepTransient="true" layout="block" rendered="true" styleClass="content model" transient="false">
<HtmlForm enctype="application/x-www-form-urlencoded" id="narrowModelSelectionForm" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlAjaxFunction action="#{modelSelection.populateByMrStyle(mrStyle, 4, 4)}" actionExpression="#{modelSelection.populateByMrStyle(mrStyle, 4, 4)}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id282" ignoreDupResponses="true" immediate="false" limitToList="false" name="resetFlyouts" reRender="flyoutmodel" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxFunction action="#{modelSelection.loadOverview}" actionExpression="#{modelSelection.loadOverview}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id283" ignoreDupResponses="true" immediate="false" limitToList="false" name="updateOverview" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxFunction action="#{miStyleSelectorController.initFilters}" actionExpression="#{miStyleSelectorController.initFilters}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id284" ignoreDupResponses="true" immediate="false" limitToList="false" name="updateStyleFilter" reRender="style-filter-area" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@5014e94e" first="0" id="j_id285" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@ce128f5" first="0" id="j_id287" rendered="false" rowIndex="0" rows="0" transient="false" var="thisMake">
<li class="#{thisMake.makeName == make || thisMake.makeName == modelSelection.selectedMake.makeName ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id289" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="if ($j('#know').length != 0){$j(document).miSearchInit('narrowSearchErrorPrep');};$j('#vehicle-navigator').styleNavigator('manageValues', this);$j('#vehicle-navigator').styleNavigator('showNextFlyout');" reRender="narrowSelectmake, narrowSelectmodel, narrowSelectyear, flyoutmodel, flyoutmake" rendered="true" requestDelay="-2147483648" styleClass="flyout-make-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1247f36e" first="0" id="j_id291" rendered="true" rowIndex="0" rows="0" transient="false" var="thisModel">
<li class="#{thisModel.modelName == model || thisModel.modelName == modelSelection.selectedModel.modelName ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id293" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="if ($j('#know').length != 0){$j(document).miSearchInit('narrowSearchErrorPrep');};$j('#vehicle-navigator').styleNavigator('manageValues', this);$j('#vehicle-navigator').styleNavigator('showNextFlyout');" reRender="narrowSelectmodel, narrowSelectyear, flyoutyear, flyoutbody, flyoutmodel" rendered="true" requestDelay="-2147483648" styleClass="flyout-model-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</HtmlAjaxRepeat>
<HtmlOutputLink disabled="false" id="j_id296" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id297" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@633eadb1" first="0" id="j_id298" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id299" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id301" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id303" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@705f8dd4" first="0" id="j_id306" rendered="true" rowIndex="0" rows="0" transient="false" var="tile">
<li class="hover #{tile.year == year || tile.year == modelSelection.selectedYear.year ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id308" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0){ $j(document).miSearchInit('narrowSearchErrorPrep'); } else { $j('#vehicle-navigator').styleNavigator('showNextFlyout'); }" reRender="narrowSelectyear, flyoutbody, flyoutyear" rel="" rendered="true" requestDelay="-2147483648" styleClass="flyout-year-link " timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id311" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id313" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@115892ef" first="0" id="j_id315" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="thisBody">
<li class="hover #{thisBody.bodyStyleCode == mrStyle.bodyStyleCode ? 'selected' : 'unselected'} #{thisBody.bodyStyleCode}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" eventsQueue="ymmflyoutqueue" id="j_id317" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0) { $j(document).miSearchInit('prepForReload'); } else { $j('#vehicle-navigator').styleNavigator('prepForReload'); }" rendered="true" requestDelay="-2147483648" styleClass="flyout-body-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</ComponentRef>
</HtmlForm>
<ComponentRef id="j_id320" rendered="false" transient="false">
<HtmlForm enctype="application/x-www-form-urlencoded" id="style-filter-area" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1575b605" first="0" id="j_id321" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="filter">
<div class="options-filter #{groupNum == miStyleSelectorBean.filters.size - 1 ? 'last' : 'not-last'}"> <h4>
<HtmlOutputText escape="true" id="j_id323" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id325" immediate="false" layout="pageDirection" localValueSet="false" onchange="A4J.AJAX.Submit('summary:flyout\x2Dmodel:style\x2Dfilter\x2Darea',event,{'similarityGroupingId':'summary:flyout\x2Dmodel:style\x2Dfilter\x2Darea:j_id321:j_id327','parameters':{'summary:flyout\x2Dmodel:style\x2Dfilter\x2Darea:j_id321:j_id327':'summary:flyout\x2Dmodel:style\x2Dfilter\x2Darea:j_id321:j_id327'} ,'eventsQueue':'ymmflyoutqueue'} )" readonly="false" rendered="true" required="false" transient="false" valid="true">
org.ajax4jsf.ajax.SUPPORTonchange
<HtmlAjaxSupport action="#{miStyleSelectorController.filterStyles()}" actionExpression="#{miStyleSelectorController.filterStyles()}" ajaxSingle="false" bypassUpdates="false" disableDefault="false" disabled="false" event="onchange" eventsQueue="ymmflyoutqueue" id="j_id327" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id326" label="" noSelectionLabel="Any" rendered="true" transient="false" var="filterValue"/>
</HtmlSelectOneRadio>
</div>
</HtmlAjaxRepeat>
<script type="text/javascript"> // IE is firing onchange before the checked property is changed... 0 sec timeout addresses item. jQuery("#flyout-style td input[type=radio]").each(function(){ jQuery(this).click(function(){ var self = this; var funct_onchange = this.onchange; this.onchange = function(){ return false; }; window.setTimeout(function(){ funct_onchange(); self.onchange = funct_onchange; }, 0); }); }); </script>
<HtmlDiv id="filtered-styles" rendered="true" transient="false">
<div class="style-options #{not empty miStyleSelectorBean.filters ? 'style-options-with-filters' : ''}"> <h4 class="style-info"> <span>
<HtmlOutputText escape="true" id="j_id331" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id333" rendered="true" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id334" rendered="false" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id336" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id338" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id340" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id342" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id344" rendered="true" transient="false" value="Drive"/>
</span> </h4> </div>
<HtmlAjaxOutputPanel ajaxRendered="false" id="filteredStyleResults" keepTransient="true" layout="inline" rendered="true" transient="false">
<div class="style-options-records">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@24bc2198" first="0" id="j_id347" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="filteredStyle">
<div class="#{groupNum % 2 == 0 ? 'odd' : 'even'} record follow">
<HtmlCommandButton action="#{miStyleSelectorBean.loadDetailPage(filteredStyle.styleId)}" actionExpression="#{miStyleSelectorBean.loadDetailPage(filteredStyle.styleId)}" disabled="false" id="hiddenButton-" immediate="false" readonly="false" rendered="true" style="display:none;" styleClass="styleSubmit" transient="false" type="submit" value="hiddenButton"/>
<div class="style-info">
<HtmlOutputText escape="true" id="j_id350" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id352" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@4e9d0fbd" escape="true" id="j_id353" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id354" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@2974699d" escape="true" id="j_id355" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id356" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@19c1d7ae" escape="true" id="j_id357" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id358" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@536edb8" escape="true" id="j_id359" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id361" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id363" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id365" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id367" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id369" rendered="true" transient="false" value="N/A"/>
</div> </div>
</HtmlAjaxRepeat>
</div>
</HtmlAjaxOutputPanel>
</HtmlDiv>
</HtmlForm>
</ComponentRef>
</HtmlAjaxOutputPanel>
</div>
</UINamingContainer>
<UINamingContainer id="flyout-year" rendered="true" transient="false">
<div id="flyout-#{type}">
<HtmlAjaxOutputPanel ajaxRendered="false" id="flyoutyear" keepTransient="true" layout="block" rendered="true" styleClass="content year" transient="false">
<HtmlForm enctype="application/x-www-form-urlencoded" id="narrowModelSelectionForm" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlAjaxFunction action="#{modelSelection.populateByMrStyle(mrStyle, 4, 4)}" actionExpression="#{modelSelection.populateByMrStyle(mrStyle, 4, 4)}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id374" ignoreDupResponses="true" immediate="false" limitToList="false" name="resetFlyouts" reRender="flyoutmodel" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxFunction action="#{modelSelection.loadOverview}" actionExpression="#{modelSelection.loadOverview}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id375" ignoreDupResponses="true" immediate="false" limitToList="false" name="updateOverview" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxFunction action="#{miStyleSelectorController.initFilters}" actionExpression="#{miStyleSelectorController.initFilters}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id376" ignoreDupResponses="true" immediate="false" limitToList="false" name="updateStyleFilter" reRender="style-filter-area" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1311122b" first="0" id="j_id377" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@33a3e412" first="0" id="j_id379" rendered="false" rowIndex="0" rows="0" transient="false" var="thisMake">
<li class="#{thisMake.makeName == make || thisMake.makeName == modelSelection.selectedMake.makeName ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id381" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="if ($j('#know').length != 0){$j(document).miSearchInit('narrowSearchErrorPrep');};$j('#vehicle-navigator').styleNavigator('manageValues', this);$j('#vehicle-navigator').styleNavigator('showNextFlyout');" reRender="narrowSelectmake, narrowSelectmodel, narrowSelectyear, flyoutmodel, flyoutmake" rendered="true" requestDelay="-2147483648" styleClass="flyout-make-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@cccb33d" first="0" id="j_id383" rendered="false" rowIndex="0" rows="0" transient="false" var="thisModel">
<li class="#{thisModel.modelName == model || thisModel.modelName == modelSelection.selectedModel.modelName ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id385" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="if ($j('#know').length != 0){$j(document).miSearchInit('narrowSearchErrorPrep');};$j('#vehicle-navigator').styleNavigator('manageValues', this);$j('#vehicle-navigator').styleNavigator('showNextFlyout');" reRender="narrowSelectmodel, narrowSelectyear, flyoutyear, flyoutbody, flyoutmodel" rendered="true" requestDelay="-2147483648" styleClass="flyout-model-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</HtmlAjaxRepeat>
<HtmlOutputLink disabled="false" id="j_id388" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id389" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6c37cf13" first="0" id="j_id390" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id391" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id393" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id395" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@4e58225f" first="0" id="j_id398" rendered="true" rowIndex="0" rows="0" transient="false" var="tile">
<li class="hover #{tile.year == year || tile.year == modelSelection.selectedYear.year ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id400" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0){ $j(document).miSearchInit('narrowSearchErrorPrep'); } else { $j('#vehicle-navigator').styleNavigator('showNextFlyout'); }" reRender="narrowSelectyear, flyoutbody, flyoutyear" rel="" rendered="true" requestDelay="-2147483648" styleClass="flyout-year-link " timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id403" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id405" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@ce87c1b" first="0" id="j_id407" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="thisBody">
<li class="hover #{thisBody.bodyStyleCode == mrStyle.bodyStyleCode ? 'selected' : 'unselected'} #{thisBody.bodyStyleCode}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" eventsQueue="ymmflyoutqueue" id="j_id409" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0) { $j(document).miSearchInit('prepForReload'); } else { $j('#vehicle-navigator').styleNavigator('prepForReload'); }" rendered="true" requestDelay="-2147483648" styleClass="flyout-body-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</ComponentRef>
</HtmlForm>
<ComponentRef id="j_id412" rendered="false" transient="false">
<HtmlForm enctype="application/x-www-form-urlencoded" id="style-filter-area" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@732bd73b" first="0" id="j_id413" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="filter">
<div class="options-filter #{groupNum == miStyleSelectorBean.filters.size - 1 ? 'last' : 'not-last'}"> <h4>
<HtmlOutputText escape="true" id="j_id415" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id417" immediate="false" layout="pageDirection" localValueSet="false" onchange="A4J.AJAX.Submit('summary:flyout\x2Dyear:style\x2Dfilter\x2Darea',event,{'similarityGroupingId':'summary:flyout\x2Dyear:style\x2Dfilter\x2Darea:j_id413:j_id419','parameters':{'summary:flyout\x2Dyear:style\x2Dfilter\x2Darea:j_id413:j_id419':'summary:flyout\x2Dyear:style\x2Dfilter\x2Darea:j_id413:j_id419'} ,'eventsQueue':'ymmflyoutqueue'} )" readonly="false" rendered="true" required="false" transient="false" valid="true">
org.ajax4jsf.ajax.SUPPORTonchange
<HtmlAjaxSupport action="#{miStyleSelectorController.filterStyles()}" actionExpression="#{miStyleSelectorController.filterStyles()}" ajaxSingle="false" bypassUpdates="false" disableDefault="false" disabled="false" event="onchange" eventsQueue="ymmflyoutqueue" id="j_id419" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id418" label="" noSelectionLabel="Any" rendered="true" transient="false" var="filterValue"/>
</HtmlSelectOneRadio>
</div>
</HtmlAjaxRepeat>
<script type="text/javascript"> // IE is firing onchange before the checked property is changed... 0 sec timeout addresses item. jQuery("#flyout-style td input[type=radio]").each(function(){ jQuery(this).click(function(){ var self = this; var funct_onchange = this.onchange; this.onchange = function(){ return false; }; window.setTimeout(function(){ funct_onchange(); self.onchange = funct_onchange; }, 0); }); }); </script>
<HtmlDiv id="filtered-styles" rendered="true" transient="false">
<div class="style-options #{not empty miStyleSelectorBean.filters ? 'style-options-with-filters' : ''}"> <h4 class="style-info"> <span>
<HtmlOutputText escape="true" id="j_id423" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id425" rendered="true" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id426" rendered="false" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id428" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id430" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id432" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id434" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id436" rendered="true" transient="false" value="Drive"/>
</span> </h4> </div>
<HtmlAjaxOutputPanel ajaxRendered="false" id="filteredStyleResults" keepTransient="true" layout="inline" rendered="true" transient="false">
<div class="style-options-records">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@433f9d8f" first="0" id="j_id439" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="filteredStyle">
<div class="#{groupNum % 2 == 0 ? 'odd' : 'even'} record follow">
<HtmlCommandButton action="#{miStyleSelectorBean.loadDetailPage(filteredStyle.styleId)}" actionExpression="#{miStyleSelectorBean.loadDetailPage(filteredStyle.styleId)}" disabled="false" id="hiddenButton-" immediate="false" readonly="false" rendered="true" style="display:none;" styleClass="styleSubmit" transient="false" type="submit" value="hiddenButton"/>
<div class="style-info">
<HtmlOutputText escape="true" id="j_id442" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id444" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@58139c7" escape="true" id="j_id445" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id446" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@66f83aa3" escape="true" id="j_id447" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id448" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@32d1d825" escape="true" id="j_id449" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id450" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6ec57f33" escape="true" id="j_id451" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id453" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id455" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id457" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id459" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id461" rendered="true" transient="false" value="N/A"/>
</div> </div>
</HtmlAjaxRepeat>
</div>
</HtmlAjaxOutputPanel>
</HtmlDiv>
</HtmlForm>
</ComponentRef>
</HtmlAjaxOutputPanel>
</div>
</UINamingContainer>
<UINamingContainer id="flyout-body" rendered="true" transient="false">
<div id="flyout-#{type}">
<HtmlAjaxOutputPanel ajaxRendered="false" id="flyoutbody" keepTransient="true" layout="block" rendered="true" styleClass="content body" transient="false">
<HtmlForm enctype="application/x-www-form-urlencoded" id="narrowModelSelectionForm" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlAjaxFunction action="#{modelSelection.populateByMrStyle(mrStyle, 4, 4)}" actionExpression="#{modelSelection.populateByMrStyle(mrStyle, 4, 4)}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id466" ignoreDupResponses="true" immediate="false" limitToList="false" name="resetFlyouts" reRender="flyoutmodel" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxFunction action="#{modelSelection.loadOverview}" actionExpression="#{modelSelection.loadOverview}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id467" ignoreDupResponses="true" immediate="false" limitToList="false" name="updateOverview" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxFunction action="#{miStyleSelectorController.initFilters}" actionExpression="#{miStyleSelectorController.initFilters}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id468" ignoreDupResponses="true" immediate="false" limitToList="false" name="updateStyleFilter" reRender="style-filter-area" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@68222615" first="0" id="j_id469" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@19f2621c" first="0" id="j_id471" rendered="false" rowIndex="0" rows="0" transient="false" var="thisMake">
<li class="#{thisMake.makeName == make || thisMake.makeName == modelSelection.selectedMake.makeName ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id473" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="if ($j('#know').length != 0){$j(document).miSearchInit('narrowSearchErrorPrep');};$j('#vehicle-navigator').styleNavigator('manageValues', this);$j('#vehicle-navigator').styleNavigator('showNextFlyout');" reRender="narrowSelectmake, narrowSelectmodel, narrowSelectyear, flyoutmodel, flyoutmake" rendered="true" requestDelay="-2147483648" styleClass="flyout-make-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@78072992" first="0" id="j_id475" rendered="false" rowIndex="0" rows="0" transient="false" var="thisModel">
<li class="#{thisModel.modelName == model || thisModel.modelName == modelSelection.selectedModel.modelName ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id477" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="if ($j('#know').length != 0){$j(document).miSearchInit('narrowSearchErrorPrep');};$j('#vehicle-navigator').styleNavigator('manageValues', this);$j('#vehicle-navigator').styleNavigator('showNextFlyout');" reRender="narrowSelectmodel, narrowSelectyear, flyoutyear, flyoutbody, flyoutmodel" rendered="true" requestDelay="-2147483648" styleClass="flyout-model-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</HtmlAjaxRepeat>
<HtmlOutputLink disabled="false" id="j_id480" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id481" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1e3a6dce" first="0" id="j_id482" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id483" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id485" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id487" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@dfefee3" first="0" id="j_id490" rendered="true" rowIndex="0" rows="0" transient="false" var="tile">
<li class="hover #{tile.year == year || tile.year == modelSelection.selectedYear.year ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id492" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0){ $j(document).miSearchInit('narrowSearchErrorPrep'); } else { $j('#vehicle-navigator').styleNavigator('showNextFlyout'); }" reRender="narrowSelectyear, flyoutbody, flyoutyear" rel="" rendered="true" requestDelay="-2147483648" styleClass="flyout-year-link " timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id495" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id497" rendered="true" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@26863ec6" first="0" id="j_id499" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="thisBody">
<li class="hover #{thisBody.bodyStyleCode == mrStyle.bodyStyleCode ? 'selected' : 'unselected'} #{thisBody.bodyStyleCode}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" eventsQueue="ymmflyoutqueue" id="j_id501" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0) { $j(document).miSearchInit('prepForReload'); } else { $j('#vehicle-navigator').styleNavigator('prepForReload'); }" rendered="true" requestDelay="-2147483648" styleClass="flyout-body-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</ComponentRef>
</HtmlForm>
<ComponentRef id="j_id504" rendered="false" transient="false">
<HtmlForm enctype="application/x-www-form-urlencoded" id="style-filter-area" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@5aa58753" first="0" id="j_id505" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="filter">
<div class="options-filter #{groupNum == miStyleSelectorBean.filters.size - 1 ? 'last' : 'not-last'}"> <h4>
<HtmlOutputText escape="true" id="j_id507" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id509" immediate="false" layout="pageDirection" localValueSet="false" onchange="A4J.AJAX.Submit('summary:flyout\x2Dbody:style\x2Dfilter\x2Darea',event,{'similarityGroupingId':'summary:flyout\x2Dbody:style\x2Dfilter\x2Darea:j_id505:j_id511','parameters':{'summary:flyout\x2Dbody:style\x2Dfilter\x2Darea:j_id505:j_id511':'summary:flyout\x2Dbody:style\x2Dfilter\x2Darea:j_id505:j_id511'} ,'eventsQueue':'ymmflyoutqueue'} )" readonly="false" rendered="true" required="false" transient="false" valid="true">
org.ajax4jsf.ajax.SUPPORTonchange
<HtmlAjaxSupport action="#{miStyleSelectorController.filterStyles()}" actionExpression="#{miStyleSelectorController.filterStyles()}" ajaxSingle="false" bypassUpdates="false" disableDefault="false" disabled="false" event="onchange" eventsQueue="ymmflyoutqueue" id="j_id511" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id510" label="" noSelectionLabel="Any" rendered="true" transient="false" var="filterValue"/>
</HtmlSelectOneRadio>
</div>
</HtmlAjaxRepeat>
<script type="text/javascript"> // IE is firing onchange before the checked property is changed... 0 sec timeout addresses item. jQuery("#flyout-style td input[type=radio]").each(function(){ jQuery(this).click(function(){ var self = this; var funct_onchange = this.onchange; this.onchange = function(){ return false; }; window.setTimeout(function(){ funct_onchange(); self.onchange = funct_onchange; }, 0); }); }); </script>
<HtmlDiv id="filtered-styles" rendered="true" transient="false">
<div class="style-options #{not empty miStyleSelectorBean.filters ? 'style-options-with-filters' : ''}"> <h4 class="style-info"> <span>
<HtmlOutputText escape="true" id="j_id515" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id517" rendered="true" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id518" rendered="false" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id520" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id522" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id524" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id526" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id528" rendered="true" transient="false" value="Drive"/>
</span> </h4> </div>
<HtmlAjaxOutputPanel ajaxRendered="false" id="filteredStyleResults" keepTransient="true" layout="inline" rendered="true" transient="false">
<div class="style-options-records">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@295788a3" first="0" id="j_id531" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="filteredStyle">
<div class="#{groupNum % 2 == 0 ? 'odd' : 'even'} record follow">
<HtmlCommandButton action="#{miStyleSelectorBean.loadDetailPage(filteredStyle.styleId)}" actionExpression="#{miStyleSelectorBean.loadDetailPage(filteredStyle.styleId)}" disabled="false" id="hiddenButton-" immediate="false" readonly="false" rendered="true" style="display:none;" styleClass="styleSubmit" transient="false" type="submit" value="hiddenButton"/>
<div class="style-info">
<HtmlOutputText escape="true" id="j_id534" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id536" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@1a597724" escape="true" id="j_id537" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id538" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@74cd0ae7" escape="true" id="j_id539" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id540" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@4186ff99" escape="true" id="j_id541" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id542" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@5f6b76b" escape="true" id="j_id543" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id545" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id547" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id549" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id551" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id553" rendered="true" transient="false" value="N/A"/>
</div> </div>
</HtmlAjaxRepeat>
</div>
</HtmlAjaxOutputPanel>
</HtmlDiv>
</HtmlForm>
</ComponentRef>
</HtmlAjaxOutputPanel>
</div>
</UINamingContainer>
<UINamingContainer id="flyout-style" rendered="true" transient="false">
<div id="flyout-#{type}">
<HtmlAjaxOutputPanel ajaxRendered="false" id="flyoutstyle" keepTransient="true" layout="block" rendered="true" styleClass="content style" transient="false">
<HtmlForm enctype="application/x-www-form-urlencoded" id="narrowModelSelectionForm" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlAjaxFunction action="#{modelSelection.populateByMrStyle(mrStyle, 4, 4)}" actionExpression="#{modelSelection.populateByMrStyle(mrStyle, 4, 4)}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id558" ignoreDupResponses="true" immediate="false" limitToList="false" name="resetFlyouts" reRender="flyoutmodel" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxFunction action="#{modelSelection.loadOverview}" actionExpression="#{modelSelection.loadOverview}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id559" ignoreDupResponses="true" immediate="false" limitToList="false" name="updateOverview" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxFunction action="#{miStyleSelectorController.initFilters}" actionExpression="#{miStyleSelectorController.initFilters}" ajaxSingle="false" bypassUpdates="false" eventsQueue="ymmflyoutqueue" id="j_id560" ignoreDupResponses="true" immediate="false" limitToList="false" name="updateStyleFilter" reRender="style-filter-area" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@135bf60b" first="0" id="j_id561" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@7a76561a" first="0" id="j_id563" rendered="false" rowIndex="0" rows="0" transient="false" var="thisMake">
<li class="#{thisMake.makeName == make || thisMake.makeName == modelSelection.selectedMake.makeName ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id565" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="if ($j('#know').length != 0){$j(document).miSearchInit('narrowSearchErrorPrep');};$j('#vehicle-navigator').styleNavigator('manageValues', this);$j('#vehicle-navigator').styleNavigator('showNextFlyout');" reRender="narrowSelectmake, narrowSelectmodel, narrowSelectyear, flyoutmodel, flyoutmake" rendered="true" requestDelay="-2147483648" styleClass="flyout-make-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6f0f03c5" first="0" id="j_id567" rendered="false" rowIndex="0" rows="0" transient="false" var="thisModel">
<li class="#{thisModel.modelName == model || thisModel.modelName == modelSelection.selectedModel.modelName ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id569" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="if ($j('#know').length != 0){$j(document).miSearchInit('narrowSearchErrorPrep');};$j('#vehicle-navigator').styleNavigator('manageValues', this);$j('#vehicle-navigator').styleNavigator('showNextFlyout');" reRender="narrowSelectmodel, narrowSelectyear, flyoutyear, flyoutbody, flyoutmodel" rendered="true" requestDelay="-2147483648" styleClass="flyout-model-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</HtmlAjaxRepeat>
<HtmlOutputLink disabled="false" id="j_id572" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id573" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@7946ef2b" first="0" id="j_id574" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id575" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id577" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id579" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@20002e41" first="0" id="j_id582" rendered="true" rowIndex="0" rows="0" transient="false" var="tile">
<li class="hover #{tile.year == year || tile.year == modelSelection.selectedYear.year ? 'selected' : 'unselected'}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" id="j_id584" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0){ $j(document).miSearchInit('narrowSearchErrorPrep'); } else { $j('#vehicle-navigator').styleNavigator('showNextFlyout'); }" reRender="narrowSelectyear, flyoutbody, flyoutyear" rel="" rendered="true" requestDelay="-2147483648" styleClass="flyout-year-link " timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id587" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id589" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6bdcbdd0" first="0" id="j_id591" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="thisBody">
<li class="hover #{thisBody.bodyStyleCode == mrStyle.bodyStyleCode ? 'selected' : 'unselected'} #{thisBody.bodyStyleCode}">
<HtmlAjaxCommandLink ajaxSingle="false" bypassUpdates="false" disabled="false" eventsQueue="ymmflyoutqueue" id="j_id593" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0) { $j(document).miSearchInit('prepForReload'); } else { $j('#vehicle-navigator').styleNavigator('prepForReload'); }" rendered="true" requestDelay="-2147483648" styleClass="flyout-body-link" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</ComponentRef>
</HtmlForm>
<ComponentRef id="j_id596" rendered="true" transient="false">
<HtmlForm enctype="application/x-www-form-urlencoded" id="style-filter-area" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6931da02" first="0" id="j_id597" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="filter">
<div class="options-filter #{groupNum == miStyleSelectorBean.filters.size - 1 ? 'last' : 'not-last'}"> <h4>
<HtmlOutputText escape="true" id="j_id599" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id601" immediate="false" layout="pageDirection" localValueSet="false" onchange="A4J.AJAX.Submit('summary:flyout\x2Dstyle:style\x2Dfilter\x2Darea',event,{'similarityGroupingId':'summary:flyout\x2Dstyle:style\x2Dfilter\x2Darea:j_id597:j_id603','parameters':{'summary:flyout\x2Dstyle:style\x2Dfilter\x2Darea:j_id597:j_id603':'summary:flyout\x2Dstyle:style\x2Dfilter\x2Darea:j_id597:j_id603'} ,'eventsQueue':'ymmflyoutqueue'} )" readonly="false" rendered="true" required="false" transient="false" valid="true">
org.ajax4jsf.ajax.SUPPORTonchange
<HtmlAjaxSupport action="#{miStyleSelectorController.filterStyles()}" actionExpression="#{miStyleSelectorController.filterStyles()}" ajaxSingle="false" bypassUpdates="false" disableDefault="false" disabled="false" event="onchange" eventsQueue="ymmflyoutqueue" id="j_id603" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id602" label="" noSelectionLabel="Any" rendered="true" transient="false" var="filterValue"/>
</HtmlSelectOneRadio>
</div>
</HtmlAjaxRepeat>
<script type="text/javascript"> // IE is firing onchange before the checked property is changed... 0 sec timeout addresses item. jQuery("#flyout-style td input[type=radio]").each(function(){ jQuery(this).click(function(){ var self = this; var funct_onchange = this.onchange; this.onchange = function(){ return false; }; window.setTimeout(function(){ funct_onchange(); self.onchange = funct_onchange; }, 0); }); }); </script>
<HtmlDiv id="filtered-styles" rendered="true" transient="false">
<div class="style-options #{not empty miStyleSelectorBean.filters ? 'style-options-with-filters' : ''}"> <h4 class="style-info"> <span>
<HtmlOutputText escape="true" id="j_id607" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id609" rendered="true" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id610" rendered="false" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id612" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id614" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id616" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id618" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id620" rendered="true" transient="false" value="Drive"/>
</span> </h4> </div>
<HtmlAjaxOutputPanel ajaxRendered="false" id="filteredStyleResults" keepTransient="true" layout="inline" rendered="true" transient="false">
<div class="style-options-records">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@10a57a87" first="0" id="j_id623" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="filteredStyle">
<div class="#{groupNum % 2 == 0 ? 'odd' : 'even'} record follow">
<HtmlCommandButton action="#{miStyleSelectorBean.loadDetailPage(filteredStyle.styleId)}" actionExpression="#{miStyleSelectorBean.loadDetailPage(filteredStyle.styleId)}" disabled="false" id="hiddenButton-" immediate="false" readonly="false" rendered="true" style="display:none;" styleClass="styleSubmit" transient="false" type="submit" value="hiddenButton"/>
<div class="style-info">
<HtmlOutputText escape="true" id="j_id626" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id628" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@600f3d9a" escape="true" id="j_id629" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id630" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@8957abb" escape="true" id="j_id631" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id632" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@dac8f64" escape="true" id="j_id633" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id634" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@3bf9f53f" escape="true" id="j_id635" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id637" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id639" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id641" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id643" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id645" rendered="true" transient="false" value="N/A"/>
</div> </div>
</HtmlAjaxRepeat>
</div>
</HtmlAjaxOutputPanel>
</HtmlDiv>
</HtmlForm>
</ComponentRef>
</HtmlAjaxOutputPanel>
</div>
</UINamingContainer>
</div>
</ComponentRef>
</UINamingContainer>
<div id="primary-content"> <birf:pageLoad pg="res_mip"/>
<UINamingContainer id="media-tabs-wrapper-container" rendered="true" transient="false">
<ComponentRef id="j_id651" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id653" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id655" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id656" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id657" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id659" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id661" rendered="false" transient="false"/>
</h2> </div>
</ComponentRef>
<div class="atcui-container-content #{disableGradientClass} atcui-container-content-#{empty tier ? 'Primary' : tier}">
<Tabber id="mediaTabs" rendered="true" transient="false">
<AjaxTabPanel id="media-include" onshow="" rendered="true" selected="false" title="Video Tour" transient="false" url="/modules/mi/overview/primary/media/video-tour/tour.xhtml"/>
<AjaxTabPanel id="photos-include" onshow="" rendered="true" selected="false" title="Photos" transient="false" url="/modules/mi/overview/primary/media/photos/photos.xhtml"/>
<AjaxTabPanel id="colors-include" onshow="" rendered="true" selected="false" title="Colors" transient="false" url="/modules/mi/overview/primary/media/colors/colors.xhtml"/>
<AjaxTabPanel id="360-include" onshow="" rendered="true" selected="false" title="360° Spins" transient="false" url="/modules/mi/overview/primary/media/360-spin/spin.xhtml"/>
<NonSelectableDefaultTabPanel id="j_id664" rendered="true" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id666" rendered="true" transient="false" value="To view media, please choose an option above."/>
</p>
</NonSelectableDefaultTabPanel>
</Tabber>
</div> </div>
</ComponentRef>
</UINamingContainer>
<UINamingContainer id="overview-tabs-wrapper-container" rendered="true" transient="false">
<ComponentRef id="j_id669" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id671" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id673" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id674" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id675" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id677" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id679" rendered="false" transient="false"/>
</h2> </div>
</ComponentRef>
<div class="atcui-container-content #{disableGradientClass} atcui-container-content-#{empty tier ? 'Primary' : tier}">
<Tabber id="overviewTabs" rendered="true" transient="false">
<TabPanel id="overview-include" onshow="" rendered="true" selected="true" title="Overview" transient="false">
<UINamingContainer id="overview-details" rendered="true" transient="false">
<UINamingContainer id="overview" rendered="true" transient="false">
<UINamingContainer id="subview-print-link" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id682" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id683" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id685" rendered="true" transient="false" value="2013 Honda Pilot Sport Utility"/>
</h2>
<HtmlOutputText escape="true" id="j_id687" rendered="false" transient="false" value="No Overview available for this vehicle"/>
<HtmlFragment id="j_id688" rendered="true" transient="false">
<HtmlFragment id="j_id689" rendered="false" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id691" rendered="true" transient="false" value="Summary"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id693" rendered="true" transient="false" value="Provided by NADAguides.com"/>
</p> <p>
<HtmlOutputText escape="true" id="j_id695" rendered="true" transient="false"/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id697" rendered="true" transient="false">
<h3>
<HtmlOutputFormat escape="true" id="j_id699" rendered="true" transient="false" value="Benefits of Driving a {0}">
<UIParameter id="j_id700" rendered="true" transient="false" value="2013 Honda Pilot Sport Utility"/>
</HtmlOutputFormat>
</h3> <p>
<HtmlOutputText escape="true" id="j_id702" rendered="true" transient="false" value="The Pilot is boxy crossover utility vehicle that's focused around interior passenger space--with three roomy rows of seating--yet it also incorporates just a bit of the ruggedness of traditional SUVs. The Pilot's upright body makes it one of the most useful and versatile in this size class--versus models like the Toyota Highlander, Ford Explorer and Nissan Pathfinder--because its rather low cargo floor and flat-folding seats allow easy loading or combinations of people and gear. "/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id704" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id706" rendered="true" transient="false" value="What's new for 2013?"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id708" rendered="true" transient="false" value="Honda has made Bluetooth HandsFreeLink connectivity a standard feature on all Pilot models for 2013, along with a USB port, a new high-resolution eight-inch Multi-Information Display (i-MID) and a backup camera system. Automatic climate control is also now included at all trim levels."/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id710" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id712" rendered="true" transient="false" value="Model Strengths"/>
</h3> <ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@5c8f6877" first="0" id="j_id714" rendered="true" rowIndex="-1" rows="0" transient="false" var="modelStrength">
<li>
<HtmlOutputText escape="true" id="j_id716" rendered="true" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</HtmlFragment>
<HtmlFragment id="j_id719" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id721" rendered="true" transient="false" value="Model Review"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id723" rendered="true" transient="false" value="The 2013 Honda Pilot is offered in four different trim levels--LX, EX, EX-L and Touring. The key difference between these models is the range of convenience features and luxury appointments offered; across the entire lineup, powertrain offerings are essentially the same, with front-wheel-drive or 4-wheel-drive variants of each model. "/>
</p>
</HtmlFragment>
</HtmlFragment>
</UINamingContainer>
</UINamingContainer>
</TabPanel>
<TabPanel id="review-include" onshow="" rendered="true" selected="false" title="Reviews" transient="false">
<UINamingContainer id="overview-reviews" rendered="true" transient="false">
<UINamingContainer id="overview" rendered="true" transient="false">
<UINamingContainer id="subview-print-link" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id725" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id726" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id728" rendered="true" transient="false" value="2013 Honda Pilot Sport Utility"/>
</h2>
<HtmlForm enctype="application/x-www-form-urlencoded" id="reviewBody" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlFragment id="j_id730" rendered="true" transient="false">
<UINamingContainer id="reviews-expert" rendered="true" transient="false">
<UINamingContainer id="overview" rendered="true" transient="false">
<div id="review-nav"> <div id="review-type-nav" class="row clearfix"> <div class="descriptor">
<HtmlOutputText escape="true" id="j_id732" rendered="true" transient="false" value="Display:"/>
</div>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="review-type" immediate="false" layout="pageDirection" localValueSet="false" onclick="A4J.AJAX.Submit('overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody',event,{'control':this,'similarityGroupingId':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id736','parameters':{'ajaxSingle':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:review\x2Dtype','overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id736':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id736'} } )" readonly="false" rendered="true" required="false" styleClass="content" transient="false" valid="true" value="textReview">
org.ajax4jsf.ajax.SUPPORTonclick
<HtmlAjaxSupport ajaxSingle="true" bypassUpdates="false" disableDefault="false" disabled="false" event="onclick" id="j_id736" ignoreDupResponses="false" immediate="false" limitToList="false" reRender="reviewBody" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItem id="j_id734" itemDisabled="false" itemEscaped="true" itemLabel="Expert Reviews" itemValue="textReview" rendered="true" transient="false"/>
<UISelectItem id="j_id735" itemDisabled="false" itemEscaped="true" itemLabel="Consumer Reviews" itemValue="textConsumer" rendered="true" transient="false"/>
</HtmlSelectOneRadio>
</div>
<HtmlDiv id="review-selector" rendered="true" styleClass="row clearfix" transient="false">
<HtmlFragment id="j_id738" rendered="false" transient="false">
<div class="descriptor">
<HtmlOutputText escape="true" id="j_id740" rendered="true" transient="false" value="Select:"/>
</div>
<HtmlSelectOneMenu disabled="false" id="review-list" immediate="false" localValueSet="false" onchange="A4J.AJAX.Submit('overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody',event,{'control':this,'similarityGroupingId':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id743','parameters':{'ajaxSingle':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:review\x2Dlist','overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id743':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id743'} } )" readonly="false" rendered="true" required="false" styleClass="content" transient="false" valid="true">
org.ajax4jsf.ajax.SUPPORTonchange
<HtmlAjaxSupport action="#{miReviewController.changeSelectedReview()}" actionExpression="#{miReviewController.changeSelectedReview()}" ajaxSingle="true" bypassUpdates="false" disableDefault="false" disabled="false" event="onchange" id="j_id743" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItems id="j_id742" rendered="true" transient="false"/>
</HtmlSelectOneMenu>
</HtmlFragment>
<ComponentRef id="j_id744" rendered="true" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id746" rendered="true" transient="false" value="There are currently no Expert Reviews available for this vehicle. Please select a different option to continue your research."/>
</p>
</ComponentRef>
</HtmlDiv>
</div>
</UINamingContainer>
<HtmlAjaxOutputPanel ajaxRendered="false" id="currentReview" keepTransient="true" layout="inline" rendered="true" transient="false">
<HtmlFragment id="j_id749" rendered="false" transient="false">
<div class="title"> <h4>
<HtmlOutputText escape="true" id="j_id751" rendered="true" transient="false"/>
</h4> </div>
<ComponentRef id="j_id753" rendered="false" transient="false">
<p>
</p>
</ComponentRef>
<p>
<HtmlOutputText escape="false" id="j_id757" rendered="true" transient="false"/>
</p>
</HtmlFragment>
</HtmlAjaxOutputPanel>
</UINamingContainer>
</HtmlFragment>
<HtmlFragment id="j_id759" rendered="false" transient="false">
<UINamingContainer id="reviews-consumer" rendered="true" transient="false">
<UINamingContainer id="overview" rendered="true" transient="false">
<div id="review-nav"> <div id="review-type-nav" class="row clearfix"> <div class="descriptor">
<HtmlOutputText escape="true" id="j_id761" rendered="true" transient="false" value="Display:"/>
</div>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="review-type" immediate="false" layout="pageDirection" localValueSet="false" onclick="A4J.AJAX.Submit('overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody',event,{'control':this,'similarityGroupingId':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id765','parameters':{'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id765':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id765','ajaxSingle':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:review\x2Dtype'} } )" readonly="false" rendered="true" required="false" styleClass="content" transient="false" valid="true" value="textReview">
org.ajax4jsf.ajax.SUPPORTonclick
<HtmlAjaxSupport ajaxSingle="true" bypassUpdates="false" disableDefault="false" disabled="false" event="onclick" id="j_id765" ignoreDupResponses="false" immediate="false" limitToList="false" reRender="reviewBody" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItem id="j_id763" itemDisabled="false" itemEscaped="true" itemLabel="Expert Reviews" itemValue="textReview" rendered="true" transient="false"/>
<UISelectItem id="j_id764" itemDisabled="false" itemEscaped="true" itemLabel="Consumer Reviews" itemValue="textConsumer" rendered="true" transient="false"/>
</HtmlSelectOneRadio>
</div>
<HtmlDiv id="review-selector" rendered="false" styleClass="row clearfix" transient="false">
<HtmlFragment id="j_id767" rendered="false" transient="false">
<div class="descriptor">
<HtmlOutputText escape="true" id="j_id769" rendered="true" transient="false" value="Select:"/>
</div>
<HtmlSelectOneMenu disabled="false" id="review-list" immediate="false" localValueSet="false" onchange="A4J.AJAX.Submit('overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody',event,{'control':this,'similarityGroupingId':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id772','parameters':{'ajaxSingle':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:review\x2Dlist','overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id772':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id772'} } )" readonly="false" rendered="true" required="false" styleClass="content" transient="false" valid="true">
org.ajax4jsf.ajax.SUPPORTonchange
<HtmlAjaxSupport action="#{miReviewController.changeSelectedReview()}" actionExpression="#{miReviewController.changeSelectedReview()}" ajaxSingle="true" bypassUpdates="false" disableDefault="false" disabled="false" event="onchange" id="j_id772" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItems id="j_id771" rendered="true" transient="false"/>
</HtmlSelectOneMenu>
</HtmlFragment>
<ComponentRef id="j_id773" rendered="true" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id775" rendered="true" transient="false" value="There are currently no Expert Reviews available for this vehicle. Please select a different option to continue your research."/>
</p>
</ComponentRef>
</HtmlDiv>
</div>
</UINamingContainer>
<div id="review-rating-wedge">
<UINamingContainer id="subview-rating-indicator-consumer-reviews" rendered="true" transient="false">
<div class="rating-wrapper"> <div class="rating #{ratingClass}"> <img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.90.298779" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id780" rendered="true" transient="false" value="0"/>
</span> </div> <p>
<HtmlFragment id="j_id782" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id783" rendered="true" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id784" rendered="false" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id785" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id786" rendered="true" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id787" rendered="false" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id789" rendered="true" transient="false">
<ComponentRef id="j_id790" rendered="true" transient="false">
<a title="#{title}" rel="#{rel}" href="#{url}" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click}" target="#{target}"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id792" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id794" rendered="false" transient="false">
<a title="#{text}" rel="#{rel}" href="#" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click};$j(this).next('.real-button').find('input').click();return false;"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id796" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a> <span class="real-button" style="display:none;">
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
</div>
</UINamingContainer>
<h4>
<HtmlOutputFormat escape="true" id="j_id801" rendered="true" transient="false" value="Based on {0} consumer review(s).">
<UIParameter id="j_id802" rendered="true" transient="false" value="0"/>
</HtmlOutputFormat>
</h4> </div> <script src="#{siteConfigUtils.bazaarVoiceReviewsUrl}/static/8214b/bazaarvoice.js" type="text/javascript"/> <script type="text/javascript" language="javascript"> document.domain = "autotrader.com"; function ratingsDisplayed(totalReviewsCount){ //function ratingsDisplayed(totalReviewsCount, avgRating, ratingsOnlyReviewCount, buyAgainPercentage, productID){ if (totalReviewsCount > 0) { document.getElementById("BVReviewsContainer").style.display = "block"; }else{ document.getElementById("BVReviewsContainer").style.display = "block"; document.getElementById('BVReviewsContainer').innerHTML = 'No Consumer Reviews Found'; } } var BVisLoaded = false; function BVcheckLoadState() { if(!BVisLoaded) { var page = document.getElementById('BVFrame').src; document.getElementById('BVFrame').src='#{siteConfigUtils.bazaarVoiceReviewsUrl}/logging?page=' + escape(page); document.getElementById('BVReviewsContainer').innerHTML = 'Review retrieval timed out'; } } </script> <div id="BVReviewsContainer" class="atc-bv-content" style="display: none;"/> <noscript> <iframe class="atc-bv-content" src="#{siteConfigUtils.bazaarVoiceReviewsUrl}/8214/#{mrStyle.makeModelYearId}/reviews.htm" width="100%"/> </noscript> <div id="BVReturnURL" class="atc-bv-content" style="display: none;">#{siteConfigUtils.bazaarVoiceReviewsUrl}/8214/#{mrStyle.makeModelYearId}/submission.htm?return=URL_ENCODED_RETURN_URL&submissionurl=#{queryStringUtils.urlEncode('http://www.autotrader.com/research/reviews/write_review.jsp')}?yearmakemodel=year=#{mrStyle.year}$make=#{mrStyle.make}$model=#{mrStyle.model}</div> <iframe id="BVFrame" class="atc-bv-content" height="500" name="BVFrame" src="#{siteConfigUtils.bazaarVoiceReviewsUrl}/8214/#{mrStyle.makeModelYearId}/reviews.htm?format=embedded" style="visibility: hidden; width: 1px; height: 1px; position: absolute; left: -999px; top: -999px;"/> <script type="text/javascript" language="javascript"> setTimeout("BVcheckLoadState()", 15000); </script>
</UINamingContainer>
</HtmlFragment>
</HtmlForm>
</UINamingContainer>
</UINamingContainer>
</TabPanel>
<TabPanel id="safety-include" onshow="" rendered="true" selected="false" title="Safety" transient="false">
<UINamingContainer id="safety-details" rendered="true" transient="false">
<UINamingContainer id="overview" rendered="true" transient="false">
<UINamingContainer id="subview-print-link" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id804" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id805" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id807" rendered="true" transient="false" value="2013 Honda Pilot Sport Utility"/>
</h2>
<ComponentRef id="j_id809" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id811" rendered="true" transient="false" value="Safety information is not available for this vehicle. Please select a different option above."/>
</p>
</ComponentRef>
<ComponentRef id="j_id813" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2" class="type"> <h3>
<HtmlOutputText escape="true" id="j_id815" rendered="true" transient="false" value="Safety Ratings"/>
<UINamingContainer id="help-safteyTip" rendered="true" transient="false">
<img src="http://www.autotraderstatic.com/img/standardicons/help_clickable_29.gif?v=3.90.298779" class="help-icon" id="#{tipId}Trigger" alt="#{altText}" onmouseover="this.src='/img/standardicons/help_23.gif'" onmouseout="this.src='/img/standardicons/help_clickable_29.gif'"/>
<UINamingContainer id="safteyTip" rendered="true" transient="false">
<ComponentRef id="j_id817" rendered="false" transient="false">
<a href="javascript:void(0);" id="#{triggerId}">
<HtmlOutputText escape="true" id="j_id819" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id821" rendered="false" transient="false">
<img src="#{imgSrc}" alt="#{imgAlt}" id="#{triggerId}"/>
</ComponentRef>
<div style="display:none;"> <div id="#{dialogId}">
<p><strong>What do the Safety Ratings mean?</strong></p> <p>The National Highway Traffic Safety Administration (NHTSA) performs independent crash testing of new vehicles and then assigns them a score based on their performance. The overall crash test rating is based on how a vehicle performs in the following tests:</p> <p><strong>Driver Crash Grade:</strong></p> <p>Measures the chance of a serious injury to a crash test dummy that is placed in a driver's seat and driven into a fixed barrier at 35 MPH. A five-star rating means there is 10 percent or less chance of injury. </p> <p><strong>Passenger Crash Grade:</strong></p> <p>Similar to the driver crash grade, only now the focus is on the passenger. </p> <p><strong>Rollover Resistance:</strong></p> <p>Simulates an emergency lane change to measure the likelihood of a vehicle rolling over. A five-star rating means there is 10 percent or less risk of rollover. </p> <p><strong>Side Impact Crash Test - Front:</strong></p> <p>Focuses on the front side of a vehicle. It simulates crashes that can occur in intersections by striking a 3,015-pound weight against the side of a vehicle at 38.5 MPH. A five-star rating means there is 5 percent or less chance of injury. </p> <p><strong>Side Impact Crash Test - Rear:</strong></p> <p>Similar to the front side impact test only now the focus is on the rear passenger. </p>
</div> </div> <script type="text/javascript"> jQuery(function(){ jQuery("##{dialogId}").dialog({ autoOpen: #{autoOpen}, bgiframe: $j.browser.msie && 6 == $j.browser.version ? true : false, dialogClass: 'atcui-overlay atcui-container atcui-primary atcui-small #{dialogClass}', draggable: false, height: #{height}, modal: #{modal}, resizable: false, title: '#{title}',
<ComponentRef id="j_id826" rendered="false" transient="false">
position: #{position},
</ComponentRef>
open: function() {"undefined" == typeof Tips ? '' : Tips.hideAll();"undefined" == typeof dlgOpen ? '' : dlgOpen();} });
<ComponentRef id="j_id829" rendered="true" transient="false">
jQuery('##{triggerId}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
<ComponentRef id="j_id831" rendered="false" transient="false">
jQuery('.#{triggerClass}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
}); </script>
</UINamingContainer>
</UINamingContainer>
<script type="text/javascript"> (function($, window, undefined) { if($.browser.msie){ if(8 > parseInt($.browser.version)){ $("#safteyTipTrigger").click(function(){ window.setTimeout(function(){ $(window).scrollTop($('#safteyTip').offset().top); }, 0); }); } } }(jQuery, window)); </script> </h3> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id835" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id837" rendered="true" transient="false" value="Safety Ratings"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id839" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id841" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id843" rendered="true" transient="false" value="Driver Crash Grade"/>
</td> <td class="right">
<ComponentRef id="j_id845" rendered="true" transient="false">
<div id="review-rating-wedge">
<UINamingContainer id="subview-rating-indicator-safetyDriverCrashGradeRatingStars" rendered="true" transient="false">
<div class="rating-wrapper"> <div class="rating #{ratingClass}"> <img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.90.298779" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id848" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id850" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id851" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id852" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id853" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id854" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id855" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id857" rendered="true" transient="false">
<ComponentRef id="j_id858" rendered="true" transient="false">
<a title="#{title}" rel="#{rel}" href="#{url}" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click}" target="#{target}"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id860" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id862" rendered="false" transient="false">
<a title="#{text}" rel="#{rel}" href="#" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click};$j(this).next('.real-button').find('input').click();return false;"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id864" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a> <span class="real-button" style="display:none;">
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
</div>
</UINamingContainer>
</div>
</ComponentRef>
<HtmlOutputText escape="true" id="j_id869" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id871" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id873" rendered="true" transient="false" value="Passenger Crash Grade"/>
</td> <td class="right">
<ComponentRef id="j_id875" rendered="true" transient="false">
<div id="review-rating-wedge">
<UINamingContainer id="subview-rating-indicator-safetyPassengerCrashGradeRatingStars" rendered="true" transient="false">
<div class="rating-wrapper"> <div class="rating #{ratingClass}"> <img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.90.298779" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id878" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id880" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id881" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id882" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id883" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id884" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id885" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id887" rendered="true" transient="false">
<ComponentRef id="j_id888" rendered="true" transient="false">
<a title="#{title}" rel="#{rel}" href="#{url}" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click}" target="#{target}"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id890" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id892" rendered="false" transient="false">
<a title="#{text}" rel="#{rel}" href="#" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click};$j(this).next('.real-button').find('input').click();return false;"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id894" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a> <span class="real-button" style="display:none;">
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
</div>
</UINamingContainer>
</div>
</ComponentRef>
<HtmlOutputText escape="true" id="j_id899" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id901" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id903" rendered="true" transient="false" value="Rollover Resistance"/>
</td> <td class="right">
<ComponentRef id="j_id905" rendered="true" transient="false">
<div id="review-rating-wedge">
<UINamingContainer id="subview-rating-indicator-safetyRolloverResistanceRatingStars" rendered="true" transient="false">
<div class="rating-wrapper"> <div class="rating #{ratingClass}"> <img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.90.298779" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id908" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id910" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id911" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id912" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id913" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id914" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id915" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id917" rendered="true" transient="false">
<ComponentRef id="j_id918" rendered="true" transient="false">
<a title="#{title}" rel="#{rel}" href="#{url}" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click}" target="#{target}"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id920" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id922" rendered="false" transient="false">
<a title="#{text}" rel="#{rel}" href="#" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click};$j(this).next('.real-button').find('input').click();return false;"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id924" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a> <span class="real-button" style="display:none;">
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
</div>
</UINamingContainer>
</div>
</ComponentRef>
<HtmlOutputText escape="true" id="j_id929" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id931" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id933" rendered="true" transient="false" value="Side Impact Crash Test - Front"/>
</td> <td class="right">
<ComponentRef id="j_id935" rendered="true" transient="false">
<div id="review-rating-wedge">
<UINamingContainer id="subview-rating-indicator-safetySideImpactCrashTestFrontRatingStars" rendered="true" transient="false">
<div class="rating-wrapper"> <div class="rating #{ratingClass}"> <img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.90.298779" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id938" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id940" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id941" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id942" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id943" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id944" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id945" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id947" rendered="true" transient="false">
<ComponentRef id="j_id948" rendered="true" transient="false">
<a title="#{title}" rel="#{rel}" href="#{url}" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click}" target="#{target}"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id950" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id952" rendered="false" transient="false">
<a title="#{text}" rel="#{rel}" href="#" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click};$j(this).next('.real-button').find('input').click();return false;"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id954" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a> <span class="real-button" style="display:none;">
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
</div>
</UINamingContainer>
</div>
</ComponentRef>
<HtmlOutputText escape="true" id="j_id959" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id961" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id963" rendered="true" transient="false" value="Side Impact Crash Test - Rear"/>
</td> <td class="right">
<ComponentRef id="j_id965" rendered="true" transient="false">
<div id="review-rating-wedge">
<UINamingContainer id="subview-rating-indicator-safetySideImpactCrashTestRearRatingStars" rendered="true" transient="false">
<div class="rating-wrapper"> <div class="rating #{ratingClass}"> <img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.90.298779" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id968" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id970" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id971" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id972" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id973" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id974" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id975" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id977" rendered="true" transient="false">
<ComponentRef id="j_id978" rendered="true" transient="false">
<a title="#{title}" rel="#{rel}" href="#{url}" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click}" target="#{target}"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id980" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id982" rendered="false" transient="false">
<a title="#{text}" rel="#{rel}" href="#" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click};$j(this).next('.real-button').find('input').click();return false;"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id984" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a> <span class="real-button" style="display:none;">
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
</div>
</UINamingContainer>
</div>
</ComponentRef>
<HtmlOutputText escape="true" id="j_id989" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id992" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id994" rendered="true" transient="false" value="Safety Features & Equipment"/>
</h3> <table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id996" rendered="true" transient="false" value="Braking & Traction"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id998" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1000" rendered="true" transient="false" value="4-Wheel ABS"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1002" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1004" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1006" rendered="true" transient="false" value="4-Wheel Disc Brakes"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1008" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1010" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1012" rendered="true" transient="false" value="Traction/Stability Control"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1014" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1016" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1018" rendered="true" transient="false" value="Active Suspension System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1020" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1022" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1024" rendered="true" transient="false" value="Tire Pressure Monitoring System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1026" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1029" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1031" rendered="true" transient="false" value="Passenger Restraint"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1033" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1035" rendered="true" transient="false" value="Driver Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1037" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1039" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1041" rendered="true" transient="false" value="Passenger Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1043" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1045" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1047" rendered="true" transient="false" value="Passenger On/Off"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1049" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1051" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1053" rendered="true" transient="false" value="Side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1055" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1057" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1059" rendered="true" transient="false" value="Side Head Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1061" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1063" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1065" rendered="true" transient="false" value="Rear Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1067" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1069" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1071" rendered="true" transient="false" value="Rear Body Side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1073" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1075" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1077" rendered="true" transient="false" value="Rear Head side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1079" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1081" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1083" rendered="true" transient="false" value="Child Safety Locks"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1085" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1088" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1090" rendered="true" transient="false" value="Road Visibility"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1092" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1094" rendered="true" transient="false" value="HID Headlights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1096" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1098" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1100" rendered="true" transient="false" value="Auto-On Headlights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1102" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1104" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1106" rendered="true" transient="false" value="Daytime Running Lights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1108" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1110" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1112" rendered="true" transient="false" value="Fog Lamps"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1114" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1116" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1118" rendered="true" transient="false" value="Electrochromic Rearview Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1120" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1122" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1124" rendered="true" transient="false" value="Heated Ext. Driver's Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1126" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1128" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1130" rendered="true" transient="false" value="Heated Ext. Passenger Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1132" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1134" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1136" rendered="true" transient="false" value="Intermittent Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1138" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1140" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1142" rendered="true" transient="false" value="Variable Inter. Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1144" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1146" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1148" rendered="true" transient="false" value="Rain Sensing Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1150" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1153" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1155" rendered="true" transient="false" value="Accident Prevention"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1157" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1159" rendered="true" transient="false" value="Rear Parking Aid"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1161" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1163" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1165" rendered="true" transient="false" value="Back-Up Camera"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1167" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1169" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1171" rendered="true" transient="false" value="Handsfree Wireless"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1173" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1176" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1178" rendered="true" transient="false" value="Security"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1180" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1182" rendered="true" transient="false" value="Alarm"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1184" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1186" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1188" rendered="true" transient="false" value="Anti-theft System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1190" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1192" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1194" rendered="true" transient="false" value="Telematics"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1196" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
</UINamingContainer>
</UINamingContainer>
</TabPanel>
<TabPanel id="specifications-include" onshow="" rendered="true" selected="false" title="Specifications" transient="false">
<UINamingContainer id="specifications-details" rendered="true" transient="false">
<UINamingContainer id="specifications" rendered="true" transient="false">
<UINamingContainer id="subview-print-link" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id1199" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1200" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1202" rendered="true" transient="false" value="2013 Honda Pilot Sport Utility"/>
</h2> <h3>
<HtmlOutputText escape="true" id="j_id1204" rendered="true" transient="false" value="2WD 4dr LX"/>
</h3>
<ComponentRef id="j_id1206" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Engine</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1208" rendered="true" transient="false">
<tr> <td>Engine Type</td> <td class="right">#{mrStyle.engine.size} #{mrStyle.engine.cylinders}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1210" rendered="true" transient="false">
<tr> <td>Horsepower</td> <td class="right">#{mrStyle.engine.horsepower} @ #{mrStyle.engine.horsepowerAt} RPM</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1212" rendered="true" transient="false">
<tr> <td>Torque (lb-ft)</td> <td class="right">#{mrStyle.engine.torque} @ #{mrStyle.engine.torqueAt} RPM</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1214" rendered="false" transient="false">
<tr> <td>Optional Engines</td> <td class="right">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@41b00857" first="0" id="j_id1216" rendered="true" rowIndex="0" rowKeyVar="rowKey" rows="0" transient="false" var="optionalEngineFeature">
<HtmlOutputText escape="true" id="j_id1217" rendered="false" transient="false" value=", "/>
<HtmlOutputText escape="true" id="j_id1218" rendered="true" transient="false"/>
</HtmlAjaxRepeat>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1221" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Fuel</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1223" rendered="false" transient="false">
<tr> <td>Fuel Type</td> <td class="right">#{mrStyle.engine.type}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1225" rendered="true" transient="false">
<tr> <td>Fuel Capacity</td> <td class="right">#{mrStyle.fuel.fuelCapacity} gal</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1227" rendered="true" transient="false">
<tr> <td>Fuel Economy</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1229" rendered="true" transient="false" value="18 MPG City"/>
<HtmlOutputText escape="true" id="j_id1230" rendered="true" transient="false" value=" / "/>
<HtmlOutputText escape="true" id="j_id1231" rendered="true" transient="false" value="25 MPG Hwy"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1233" rendered="true" transient="false">
<tr> <td>Estimated max. distance per tank of gas</td> <td class="right">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@53ce39d0" escape="true" id="j_id1235" rendered="true" transient="false" value="525.0"/>
<HtmlOutputText escape="true" id="j_id1236" rendered="true" transient="false" value=" miles"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1239" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Drivetrain</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1241" rendered="true" transient="false">
<tr> <td>Driven Wheels</td> <td class="right">#{mrStyle.drivetrain.drivenWheels}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1243" rendered="false" transient="false">
<tr> <td>Transmission</td> <td class="right">#{mrStyle.drivetrain.transmission}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1245" rendered="false" transient="false">
<tr> <td>Differential</td> <td class="right">#{mrStyle.drivetrain.transferCase}</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1248" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Wheels</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1250" rendered="true" transient="false">
<tr> <td>Rims</td> <td class="right">#{mrStyle.wheels.rimSize} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1252" rendered="true" transient="false">
<tr> <td>Tires</td> <td class="right">#{mrStyle.wheels.tires}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1254" rendered="true" transient="false">
<tr> <td>Spare Tire</td> <td class="right">#{mrStyle.wheels.spareType}</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1257" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Interior Space</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1259" rendered="true" transient="false">
<tr> <td>Seating Capacity</td> <td class="right">#{mrStyle.interiorDimensions.maximumSeating} adults</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1261" rendered="true" transient="false">
<tr> <td class="headroom"> Front Headroom/Legroom
<ComponentRef id="j_id1263" rendered="false" transient="false">
<img src="http://www.autotraderstatic.com/img/research/mi/forTaller.gif?v=3.90.298779" alt="Great for taller drivers"/>
</ComponentRef>
<ComponentRef id="j_id1265" rendered="false" transient="false">
<img src="http://www.autotraderstatic.com/img/research/mi/forShorter.gif?v=3.90.298779" alt="Great for shorter drivers"/>
</ComponentRef>
</td> <td class="right">#{mrStyle.interiorDimensions.frontHeadRoom != 0 ? mrStyle.interiorDimensions.frontHeadRoom : "N/A"} in. / #{mrStyle.interiorDimensions.frontLegRoom != 0 ? mrStyle.interiorDimensions.frontLegRoom : "N/A"} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1268" rendered="false" transient="false">
<tr> <td>Front Shoulderroom/Hiproom</td> <td class="right">#{mrStyle.interiorDimensions.frontShoulderRoom != 0 ? mrStyle.interiorDimensions.frontShoulderRoom : "N/A"} in. / #{mrStyle.interiorDimensions.frontHipRoom != 0 ? mrStyle.interiorDimensions.frontHipRoom : "N/A"} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1270" rendered="true" transient="false">
<tr> <td>Rear Headroom/Legroom</td> <td class="right">#{mrStyle.interiorDimensions.rearHeadRoom != 0 ? mrStyle.interiorDimensions.rearHeadRoom : "N/A"} in. / #{mrStyle.interiorDimensions.rearLegRoom != 0 ? mrStyle.interiorDimensions.rearLegRoom : "N/A"} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1272" rendered="false" transient="false">
<tr> <td>Rear Shoulderroom/Hiproom</td> <td class="right">#{mrStyle.interiorDimensions.rearShoulderRoom != 0 ? mrStyle.interiorDimensions.rearShoulderRoom : "N/A"} in. / #{mrStyle.interiorDimensions.rearHipRoom != 0 ? mrStyle.interiorDimensions.rearHipRoom : "N/A"} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1274" rendered="true" transient="false">
<tr> <td>
<HtmlOutputLink disabled="false" id="specifications-how-much" onclick="$j(this).popup({height: 450, name: 'atc'}); return false;" rendered="true" styleClass="details-link" title="How much luggage can this car hold?" transient="false" value="/research/modelinfo/luggageCapacity.xhtml?styleid=355589">
Luggage/Cargo Space
</HtmlOutputLink>
</td> <td class="right">#{mrStyle.interiorDimensions.luggageCapacity} cubic ft.</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1279" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Dimensions</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1281" rendered="true" transient="false">
<tr> <td>Wheelbase</td> <td class="right">#{mrStyle.exteriorDimensions.wheelbase} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1283" rendered="false" transient="false">
<tr> <td>Overall Length</td> <td class="right">#{mrStyle.exteriorDimensions.length} in.</td> </tr>
<ComponentRef id="j_id1285" rendered="true" transient="false"/>
<tr> <td>Width</td> <td class="right">#{mrStyle.exteriorDimensions.width} in.</td> </tr>
<ComponentRef id="j_id1287" rendered="true" transient="false"/>
<tr> <td>Height</td> <td class="right">#{mrStyle.exteriorDimensions.height} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1289" rendered="true" transient="false">
<tr> <td>Curb Weight</td> <td class="right">#{mrStyle.exteriorDimensions.curbWeight} lb.</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
</UINamingContainer>
</UINamingContainer>
</TabPanel>
<TabPanel id="features-include" onshow="" rendered="true" selected="false" title="Features" transient="false">
<UINamingContainer id="features-details" rendered="true" transient="false">
<UINamingContainer id="specifications" rendered="true" transient="false">
<UINamingContainer id="subview-print-link" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id1292" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1293" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1295" rendered="true" transient="false" value="2013 Honda Pilot Sport Utility"/>
</h2> <h3>
<HtmlOutputText escape="true" id="j_id1297" rendered="true" transient="false" value="2WD 4dr LX"/>
</h3>
<ComponentRef id="j_id1299" rendered="true" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Comfort</h4></th></tr> </thead> <tbody>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@4391e40e" first="0" id="j_id1301" rendered="true" rowIndex="-1" rowKeyVar="comfortIndex" rows="0" transient="false" var="comfort">
<ComponentRef id="j_id1302" rendered="false" transient="false">
<tr> <td>#{comfort.heading}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1f1375ca" first="0" id="j_id1304" rendered="true" rowIndex="-1" rowKeyVar="comfortOptionsIndex" rows="0" transient="false" var="comfortOption">
<ComponentRef id="j_id1305" rendered="false" transient="false">
<tr> <td>#{comfortOption.heading}</td> <td class="right">Optional</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1308" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Convenience</h4></th></tr> </thead> <tbody>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@369a30b6" first="0" id="j_id1310" rendered="true" rowKeyVar="convenienceIndex" rows="0" transient="false" var="convenience">
<ComponentRef id="j_id1311" rendered="false" transient="false">
<tr> <td>#{convenience.heading}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@44f418bb" first="0" id="j_id1313" rendered="true" rowIndex="0" rowKeyVar="convenienceOptionsIndex" rows="0" transient="false" var="convenienceOption">
<ComponentRef id="j_id1314" rendered="false" transient="false">
<tr> <td>#{convenienceOption.heading}</td> <td class="right">Optional</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1317" rendered="true" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Entertainment</h4></th></tr> </thead> <tbody>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@7583c05a" first="0" id="j_id1319" rendered="true" rowIndex="0" rowKeyVar="entertainmentIndex" rows="0" transient="false" var="entertainment">
<ComponentRef id="j_id1320" rendered="false" transient="false">
<tr> <td>#{entertainment.heading}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1cc990fc" first="0" id="j_id1322" rendered="true" rowIndex="0" rowKeyVar="entertainmentOptionsIndex" rows="0" transient="false" var="entertainmentOption">
<ComponentRef id="j_id1323" rendered="false" transient="false">
<tr> <td>#{entertainmentOption.heading}</td> <td class="right">Optional</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1326" rendered="false" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Exterior</h4></th></tr> </thead> <tbody>
<ComponentRef id="j_id1328" rendered="false" transient="false">
<tr> <td>#{mrStyle.exteriorFeatures.rearSpoiler}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1330" rendered="false" transient="false">
<tr> <td>#{mrStyle.exteriorFeatures.trailerHitchReceiver}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1333" rendered="false" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Additional Standard Features</h4></th></tr> </thead> <tbody>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@754d9f27" first="0" id="j_id1335" rendered="true" rowIndex="0" rowKeyVar="otherStandardIndex" rows="0" transient="false" var="otherStandard">
<ComponentRef id="j_id1336" rendered="false" transient="false">
<tr> <td>#{otherStandard.heading}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1339" rendered="false" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Additional Optional Features</h4></th></tr> </thead> <tbody>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@3b0bf59b" first="0" id="j_id1341" rendered="true" rowIndex="0" rowKeyVar="otherOptionalIndex" rows="0" transient="false" var="otherOptional">
<ComponentRef id="j_id1342" rendered="false" transient="false">
<tr> <td>#{otherOptional.heading}</td> <td class="right">Optional</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
</UINamingContainer>
</UINamingContainer>
</TabPanel>
</Tabber>
</div> </div>
</ComponentRef>
</UINamingContainer>
</div> <div id="secondary-content">
<UINamingContainer id="alt-links-container" rendered="true" transient="false">
<ComponentRef id="j_id1347" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id1349" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id1351" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1352" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id1353" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id1355" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id1357" rendered="false" transient="false"/>
</h2> </div>
</ComponentRef>
<div class="atcui-container-content #{disableGradientClass} atcui-container-content-#{empty tier ? 'Primary' : tier}">
<p>
<HtmlOutputLink disabled="false" id="j_id1361" onclick="window.close(); window.opener.location = '/research/modelinfo/overview.xhtml?styleid=355589'" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=355589">
<HtmlOutputText escape="true" id="j_id1362" rendered="true" transient="false" value="Learn more"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1363" rendered="true" transient="false" value=" about the 2013 Honda Pilot Sport Utility."/>
</p> <p>
<HtmlOutputLink disabled="false" id="j_id1365" onclick="window.close(); window.opener.location = '/research/modelinfo/'" rendered="true" transient="false" value="/research/modelinfo/">
<HtmlOutputText escape="true" id="j_id1366" rendered="true" transient="false" value="Research any car"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1367" rendered="true" transient="false" value=" you're interested in."/>
</p>
</div> </div>
</ComponentRef>
</UINamingContainer>
<UINamingContainer id="ad-ad1" rendered="true" transient="false">
<HtmlDiv id="adWrapper-ad1" rendered="true" styleClass="atcui-ad ad-wrapper " transient="false">
<ComponentRef id="j_id1370" rendered="false" transient="false">
<span class="ad-text" style="width: #{width}px;">
<HtmlOutputText escape="true" id="j_id1372" rendered="true" transient="false" value=""/>
</span>
</ComponentRef>
<Ad height="250" id="ad1" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@533da6cd" rendered="true" styleClass="" transient="false" width="300">
<UIParameter id="j_id1374" name="type" rendered="true" transient="false" value=""/>
</Ad>
</HtmlDiv>
</UINamingContainer>
<UINamingContainer id="ad-ad2" rendered="true" transient="false">
<HtmlDiv id="adWrapper-ad2" rendered="true" styleClass="atcui-ad ad-wrapper " transient="false">
<ComponentRef id="j_id1375" rendered="false" transient="false">
<span class="ad-text" style="width: #{width}px;">
<HtmlOutputText escape="true" id="j_id1377" rendered="true" transient="false" value=""/>
</span>
</ComponentRef>
<Ad height="100" id="ad2" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@533da6cd" rendered="true" styleClass="" transient="false" width="300">
<UIParameter id="j_id1379" name="type" rendered="true" transient="false" value=""/>
</Ad>
</HtmlDiv>
</UINamingContainer>
</div> </div>
<ResourceLoader id="j_id1381" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/printManager.js"/>
<HtmlAjaxOutputPanel ajaxRendered="false" id="footerAd1x1" keepTransient="true" layout="inline" rendered="true" transient="false">
<UINamingContainer id="ad-footer1x1" rendered="true" transient="false">
<HtmlDiv id="adWrapper-footer1x1" rendered="true" styleClass="atcui-ad " transient="false">
<ComponentRef id="j_id1382" rendered="false" transient="false">
<span class="ad-text" style="width: #{width}px;">
<HtmlOutputText escape="true" id="j_id1384" rendered="true" transient="false" value=""/>
</span>
</ComponentRef>
<Ad height="1" id="footer1x1" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@533da6cd" rendered="true" styleClass="" transient="false" width="1"/>
</HtmlDiv>
</UINamingContainer>
</HtmlAjaxOutputPanel>
</body> </html>
</AjaxViewRoot>

+ Scoped Variables

Request Parameters
NameValue
activeMediaTabcollapsed
activeTextTaboverview
pgovr
pgRefvdp
rdpageCONFIGTRIMMODELOVERVIEW
styleid355589
Request Attributes
NameValue
AtcJawrBridgeUtilcom.autotrader.jawr.AtcJawrBridgeUtil@e3ac211
OEMSpecialHandlercom.autotrader.consumer.business.research.modelinfo.OEMSpecialHandler@339af163
_UIResourceLoader_RESOURCES[global.js, site.css, popups.css, research.css, swfobject.js, videoController.js, carousel-thumbnails.js, carousel-viewport.js, color-picker.js, spins.js, mi-popup-init.js, popup.js, atcbi.js]
ajaxContextorg.ajax4jsf.context.AjaxContextImpl@15db50d
carManagercom.autotrader.consumer.business.car.CarManager@2f19692e
fastModelInfoSearchcom.autotrader.consumer.business.research.modelinfo.FastModelInfoSearch@2d48632a
imageUtilscom.autotrader.consumer.util.ImageUtils@12adb4cf
inventorySearchUtilcom.autotrader.consumer.web.research.modelinfo.shared.InventorySearchUtil@4a398b9d
listingSearchServicecom.autotrader.consumer.business.find.listing.ListingSearchService@7fd167d
miOverviewAdProcessorcom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@533da6cd
miOverviewControllercom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewController@79e57f4b
miReferenceDataManagerImplcom.autotrader.consumer.business.integration.MIReferenceDataManagerImpl@689e8756
miReviewControllercom.autotrader.consumer.web.research.modelinfo.shared.MIReviewController@778dce17
miStyleSelectorControllercom.autotrader.consumer.web.research.modelinfo.shared.MIStyleSelectorController@7ed58552
modelInfoContentSearchServicecom.autotrader.consumer.business.research.modelinfo.ModelInfoContentSearchService@74240b8b
pg_inst231794830968035131
queryStringUtilscom.autotrader.commons.QueryStringUtils@1b00040b
referenceDataServicecom.autotrader.consumer.web.service.ReferenceDataService@ad7d52
resourceBundleUtilscom.autotrader.commons.ResourceBundleUtils@7dfe92d6
siteConfigUtilscom.autotrader.consumer.util.SiteConfigUtils@545a6039
snapshotDAOcom.autotrader.integration.snapshot.SnapshotDAO@79636972
stringUtilscom.autotrader.util.StringUtils@6d9ff9a0
styleid355589
Session Attributes
NameValue
ABTestExperimentscom.autotrader.enterprise.common.testframework.ABTestExperimentInfo@2c53b8c4
accountManagercom.autotrader.consumer.business.myatc.AccountManager@2c876298
bookmarkCacheManagercom.autotrader.consumer.business.myatc.BookmarkCacheManager@6c59fffe
headerActioncom.autotrader.consumer.web.myatc.HeaderAction@60b9a149
hotListcom.autotrader.consumer.business.research.HotList@3b0bf13b
sevo_9_9groupASIP
Application Attributes
NameValue
CewolfRenderer_Init_Configorg.apache.catalina.core.StandardWrapperFacade@5b5eefd9
Oct 2, 2014 7:06:26 AM - Generated by Facelets