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>
<ComponentRef id="j_id8" rendered="true" transient="false">
<link rel="stylesheet" href="/#{headerAction.jawrBuildReleaseDirectory}/bundles/base.css" type="text/css"/>
<HtmlOutputText escape="false" id="j_id10" 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_id12" rendered="true" transient="false" value="<![endif]-->"/>
<script type="text/javascript" src="http://www.autotraderstatic.com/#{headerAction.jawrBuildReleaseDirectory}/bundles/chassisForLegacy.js?v=3.88.294565"/>
</ComponentRef>
<ResourceLoader id="j_id14" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/global.js"/>
<ResourceLoader id="j_id15" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/site.css"/>
<ResourceLoader id="j_id16" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/sections/popups.css"/>
<ResourceLoader id="j_id17" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/sections/research.css"/>
<ResourceLoader id="j_id18" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/js/swfobject/swfobject.js"/>
<ResourceLoader id="j_id19" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/js/media/videoController.js"/>
<ResourceLoader id="j_id20" pathSpecific="false" rendered="true" transient="false" type="js" url="/js/components/carousel-thumbnails.js"/>
<ResourceLoader id="j_id21" pathSpecific="false" rendered="true" transient="false" type="js" url="/js/components/carousel-viewport.js"/>
<ResourceLoader id="j_id22" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/overview/color-picker.js"/>
<ResourceLoader id="j_id23" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/spins.js"/>
<ResourceLoader id="j_id24" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/mi-popup-init.js"/>
<ResourceLoader id="j_id25" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/popup.js"/>
<ResourceLoader id="j_id26" 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.88.294565" alt="www.autotrader.com" id="autotrader-logo"/>
<HtmlOutputLink disabled="false" id="j_id29" rendered="true" styleClass="print" transient="false" value="javascript://">
<span/>
<HtmlOutputText escape="true" id="j_id31" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id32" onclick="window.close()" rendered="true" styleClass="close" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id33" rendered="true" transient="false" value="Close"/>
</HtmlOutputLink>
<div class="container">
<UINamingContainer id="summary" rendered="true" transient="false">
<ComponentRef id="j_id35" rendered="false" transient="false">
<img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.88.294565" alt="/img/research/mi/printable/printable-atc-logo.png" class="for-print-only"/>
<ComponentRef id="j_id37" rendered="true" transient="false">
<img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.88.294565" 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_id39" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id41" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id43" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id44" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id45" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id47" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id49" rendered="false" transient="false"/>
</h2> </div>
</ComponentRef>
<div class="atcui-container-content #{disableGradientClass} atcui-container-content-#{empty tier ? 'Primary' : tier}">
<ComponentRef id="j_id52" rendered="false" transient="false">
<div class="photo-wrapper">
<HtmlFragment id="j_id54" rendered="true" transient="false">
<HtmlFragment id="j_id55" 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_id57" 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_id61" rendered="true" transient="false" value="2012 Chevrolet Suburban Sport Utility"/>
</h1>
<ComponentRef id="j_id63" rendered="false" transient="false">
<p class="trim">
<HtmlOutputText escape="true" id="j_id65" rendered="true" transient="false" value="2WD 4dr 1500 LS"/>
</p>
</ComponentRef>
<p class="details">
<ComponentRef id="j_id68" rendered="true" transient="false">
<ComponentRef id="j_id69" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id70" rendered="true" transient="false" value="Price Range: "/>
<HtmlOutputText escape="true" id="j_id71" rendered="false" transient="false" value="MSRP Range: "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@17c49a45" escape="true" id="j_id72" rendered="true" transient="false" value="42220"/>
<HtmlOutputText escape="true" id="j_id73" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@7695af5d" escape="true" id="j_id74" rendered="true" transient="false" value="58115"/>
<HtmlOutputText escape="true" id="j_id75" rendered="true" transient="false" value=" | "/>
</ComponentRef>
<ComponentRef id="j_id76" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id77" rendered="true" transient="false" value="No price available"/>
</ComponentRef>
<HtmlOutputText escape="true" id="j_id78" rendered="true" transient="false" value="10 MPG City - 15 MPG Highway"/>
<br/>
<ComponentRef id="j_id80" rendered="false" transient="false">
<ComponentRef id="j_id81" rendered="false" transient="false">
<script type="text/javascript"> asisQ("#{miOverviewBean.modelBrochure.externalImpressionTag}"); </script>
</ComponentRef>
<ComponentRef id="j_id83" 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_id86" 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.88.294565" alt="" title="View brochure" align="left"/> <span class="brochure-link">
<HtmlOutputText escape="true" id="j_id88" rendered="true" transient="false" value="View brochure"/>
</span>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
<ComponentRef id="j_id90" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id91" rendered="true" transient="false" value="Starting at "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@2bc98f7e" escape="true" id="j_id92" rendered="false" transient="false" value="42220"/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@3debafa7" escape="true" id="j_id93" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id94" rendered="true" transient="false" value=" | "/>
<HtmlOutputText escape="true" id="j_id95" rendered="true" transient="false" value="Starting at "/>
<HtmlOutputText escape="true" id="j_id96" rendered="true" transient="false" value="15 MPG City - 21 MPG Highway"/>
<ComponentRef id="j_id97" rendered="false" transient="false">
<ComponentRef id="j_id98" rendered="false" transient="false">
<script type="text/javascript"> asisQ("#{miOverviewBean.modelBrochure.externalImpressionTag}"); </script>
</ComponentRef>
<ComponentRef id="j_id100" 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_id103" 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.88.294565" alt="See brochure" title="See brochure"/>
<HtmlOutputText escape="true" id="j_id105" 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.88.294565" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id108" rendered="true" transient="false" value="0"/>
</span> </div> <p>
<HtmlFragment id="j_id110" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id111" rendered="true" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id112" rendered="false" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id113" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id114" rendered="true" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id115" rendered="false" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id117" rendered="false" transient="false">
<ComponentRef id="j_id118" 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_id120" 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_id122" 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_id124" 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_id128" rendered="false" transient="false">
<div class="qanda-wrapper">
<UINamingContainer id="questionAndAnswer" rendered="true" transient="false">
<HtmlLoadScript id="j_id130" 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_id132" rendered="true" transient="false">
<ComponentRef id="j_id133" 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_id135" 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_id137" 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_id139" 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_id143" rendered="true" transient="false">
<ComponentRef id="j_id144" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id145" onclick="window.close(); window.opener.location = ''; return false;" rendered="true" styleClass="conditional-link" transient="false">
<HtmlOutputText escape="true" id="j_id146" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id147" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id148" onclick="window.opener.location = '/research/configure/trimselection.jsp?year=2012&make=Chevrolet&model=Suburban&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_id149" rendered="true" transient="false" value="Build & Price a 2012"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id150" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id151" onclick="window.close(); window.opener.location = '/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=CHEV&model=CHEVSUB&start_year=2012&end_year=2012'; return false;" rendered="true" styleClass="conditional-link" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=CHEV&model=CHEVSUB&start_year=2012&end_year=2012">
<HtmlOutputText escape="true" id="j_id152" rendered="true" transient="false" value="Find It Near You"/>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
<ComponentRef id="j_id153" rendered="false" transient="false">
<ComponentRef id="j_id154" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id155" rendered="true" styleClass="conditional-link" transient="false">
<HtmlOutputText escape="true" id="j_id156" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id157" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id158" rendered="true" styleClass="conditional-link" transient="false" value="/research/configure/trimselection.jsp?year=2012&make=Chevrolet&model=Suburban&body_style=SUV&adClassSeries=UNAVAIL&style_id=331625">
<HtmlOutputText escape="true" id="j_id159" rendered="true" transient="false" value="Build & Price a 2012"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id160" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id161" rendered="true" styleClass="conditional-link" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=CHEV&model=CHEVSUB&start_year=2012&end_year=2012">
<HtmlOutputText escape="true" id="j_id162" rendered="true" transient="false" value="Find It Near You"/>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
</div> </div>
</ComponentRef>
</UINamingContainer>
<ComponentRef id="j_id164" rendered="false" transient="false">
<div id="oem-overview">
<div class="oem-overview-logo-window">
<HtmlOutputLink disabled="false" id="j_id167" rendered="true" target="_blank" title="Chevrolet" 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@35f6b6df" first="0" id="j_id170" rendered="true" rowIndex="0" rowKeyVar="status" rows="0" transient="false" var="link">
<li>
<DataOutputLink disabled="false" id="j_id172" rendered="true" styleClass="" target="_blank" transient="false">
<HtmlOutputText escape="true" id="j_id173" 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_id176" 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_id178" 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_id180" 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_id182" 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_id184" 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_id186" 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_id189" 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_id190" 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_id191" 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@16f804df" first="0" id="j_id192" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1c3b3199" first="0" id="j_id194" 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_id196" 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@72354249" first="0" id="j_id198" 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_id200" 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_id203" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id204" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6930133" first="0" id="j_id205" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id206" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id208" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id210" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1d33bea4" first="0" id="j_id213" 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_id215" 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_id218" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id220" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@30290ff6" first="0" id="j_id222" 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_id224" 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_id227" 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@57d6f82d" first="0" id="j_id228" 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_id230" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id232" 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_id228:j_id234','parameters':{'summary:flyout\x2Dmake:style\x2Dfilter\x2Darea:j_id228:j_id234':'summary:flyout\x2Dmake:style\x2Dfilter\x2Darea:j_id228:j_id234'} ,'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_id234" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id233" 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_id238" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id240" rendered="false" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id241" rendered="true" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id243" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id245" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id247" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id249" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id251" 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@623f7f68" first="0" id="j_id254" 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_id257" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id259" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@36c5b73c" escape="true" id="j_id260" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id261" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6e80e03b" escape="true" id="j_id262" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id263" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@4f017a2a" escape="true" id="j_id264" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id265" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@69fb83eb" escape="true" id="j_id266" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id268" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id270" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id272" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id274" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id276" 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_id281" 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_id282" 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_id283" 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@7f91efa8" first="0" id="j_id284" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@460d4006" first="0" id="j_id286" 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_id288" 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@fe66dd8" first="0" id="j_id290" 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_id292" 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_id295" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id296" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6135880f" first="0" id="j_id297" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id298" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id300" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id302" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@177c2a5" first="0" id="j_id305" 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_id307" 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_id310" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id312" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@5d8bdf63" first="0" id="j_id314" 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_id316" 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_id319" 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@70e5fa50" first="0" id="j_id320" 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_id322" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id324" 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_id320:j_id326','parameters':{'summary:flyout\x2Dmodel:style\x2Dfilter\x2Darea:j_id320:j_id326':'summary:flyout\x2Dmodel:style\x2Dfilter\x2Darea:j_id320:j_id326'} ,'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_id326" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id325" 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_id330" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id332" rendered="false" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id333" rendered="true" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id335" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id337" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id339" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id341" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id343" 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@2d33e70c" first="0" id="j_id346" 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_id349" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id351" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@2a85dc03" escape="true" id="j_id352" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id353" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@3a2f5ec4" escape="true" id="j_id354" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id355" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@7bf6b3b3" escape="true" id="j_id356" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id357" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@18fec5a" escape="true" id="j_id358" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id360" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id362" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id364" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id366" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id368" 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_id373" 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_id374" 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_id375" 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@fe60983" first="0" id="j_id376" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@477a7f9c" first="0" id="j_id378" 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_id380" 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@3b4fff6d" first="0" id="j_id382" 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_id384" 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_id387" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id388" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@10a6b87" first="0" id="j_id389" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id390" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id392" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id394" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@53196c99" first="0" id="j_id397" 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_id399" 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_id402" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id404" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@2a28db6e" first="0" id="j_id406" 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_id408" 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_id411" 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@605e2861" first="0" id="j_id412" 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_id414" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id416" 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_id412:j_id418','parameters':{'summary:flyout\x2Dyear:style\x2Dfilter\x2Darea:j_id412:j_id418':'summary:flyout\x2Dyear:style\x2Dfilter\x2Darea:j_id412:j_id418'} ,'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_id418" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id417" 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_id422" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id424" rendered="false" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id425" rendered="true" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id427" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id429" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id431" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id433" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id435" 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@45ad29b4" first="0" id="j_id438" 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_id441" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id443" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6b8d0c28" escape="true" id="j_id444" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id445" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@79194d41" escape="true" id="j_id446" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id447" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6c1f2483" escape="true" id="j_id448" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id449" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@70964be9" escape="true" id="j_id450" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id452" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id454" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id456" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id458" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id460" 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_id465" 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_id466" 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_id467" 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@1b51e7be" first="0" id="j_id468" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1e4578f5" first="0" id="j_id470" 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_id472" 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@63082c59" first="0" id="j_id474" 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_id476" 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_id479" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id480" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@2d97b9da" first="0" id="j_id481" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id482" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id484" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id486" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@442aae98" first="0" id="j_id489" 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_id491" 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_id494" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id496" rendered="true" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@4e2ca01e" first="0" id="j_id498" 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_id500" 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_id503" 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@26a91330" first="0" id="j_id504" 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_id506" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id508" 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_id504:j_id510','parameters':{'summary:flyout\x2Dbody:style\x2Dfilter\x2Darea:j_id504:j_id510':'summary:flyout\x2Dbody:style\x2Dfilter\x2Darea:j_id504:j_id510'} ,'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_id510" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id509" 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_id514" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id516" rendered="false" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id517" rendered="true" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id519" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id521" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id523" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id525" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id527" 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@262ac824" first="0" id="j_id530" 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_id533" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id535" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@42b9c70f" escape="true" id="j_id536" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id537" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@32bbcc02" escape="true" id="j_id538" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id539" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@474eb153" escape="true" id="j_id540" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id541" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@7f5be4b7" escape="true" id="j_id542" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id544" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id546" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id548" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id550" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id552" 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_id557" 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_id558" 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_id559" 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@6a04ebb3" first="0" id="j_id560" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@690e6b25" first="0" id="j_id562" 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_id564" 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@319c8005" first="0" id="j_id566" 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_id568" 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_id571" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id572" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1998e1b5" first="0" id="j_id573" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id574" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id576" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id578" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@40a3f34" first="0" id="j_id581" 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_id583" 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_id586" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id588" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@3cbb70fe" first="0" id="j_id590" 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_id592" 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_id595" 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@35f752d8" first="0" id="j_id596" 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_id598" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id600" 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_id596:j_id602','parameters':{'summary:flyout\x2Dstyle:style\x2Dfilter\x2Darea:j_id596:j_id602':'summary:flyout\x2Dstyle:style\x2Dfilter\x2Darea:j_id596:j_id602'} ,'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_id602" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id601" 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_id606" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id608" rendered="false" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id609" rendered="true" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id611" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id613" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id615" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id617" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id619" 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@5ffe96" first="0" id="j_id622" 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_id625" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id627" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@1e432a0b" escape="true" id="j_id628" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id629" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@4b7d47b2" escape="true" id="j_id630" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id631" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@dee1dd6" escape="true" id="j_id632" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id633" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@be8d3bf" escape="true" id="j_id634" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id636" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id638" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id640" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id642" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id644" 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_id650" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id652" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id654" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id655" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id656" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id658" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id660" 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_id663" rendered="true" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id665" 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_id668" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id670" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id672" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id673" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id674" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id676" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id678" 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_id681" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id682" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id684" rendered="true" transient="false" value="2012 Chevrolet Suburban Sport Utility"/>
</h2>
<HtmlOutputText escape="true" id="j_id686" rendered="false" transient="false" value="No Overview available for this vehicle"/>
<HtmlFragment id="j_id687" rendered="true" transient="false">
<HtmlFragment id="j_id688" rendered="false" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id690" rendered="true" transient="false" value="Summary"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id692" rendered="true" transient="false" value="Provided by NADAguides.com"/>
</p> <p>
<HtmlOutputText escape="true" id="j_id694" rendered="true" transient="false"/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id696" rendered="true" transient="false">
<h3>
<HtmlOutputFormat escape="true" id="j_id698" rendered="true" transient="false" value="Benefits of Driving a {0}">
<UIParameter id="j_id699" rendered="true" transient="false" value="2012 Chevrolet Suburban Sport Utility"/>
</HtmlOutputFormat>
</h3> <p>
<HtmlOutputText escape="true" id="j_id701" rendered="true" transient="false" value="The Tahoe, Tahoe Hybrid and Suburban are all sturdy full-size trucks, oriented toward carrying heavy loads of passengers or cargo and towing large trailers. Both V8 engines provide strong performance, while the Tahoe and Suburban handle much better--even around town--than their mammoth exterior might suggest. In addition, the Tahoe Hybrid remains one of the most efficient full-size SUVs yet fully capable of heavy loads and tow duty."/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id703" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id705" rendered="true" transient="false" value="What's new for 2012?"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id707" rendered="true" transient="false" value="The Tahoe and Suburban come into 2012 with only a few changes. The LT on both the Tahoe and Suburban gets standard heated seats, and a new All-Star Edition includes heated power mirrors, polished wheels, heavy-duty trailering and chrome trim. The LTZ gets a standard heated steering wheel."/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id709" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id711" rendered="true" transient="false" value="Model Strengths"/>
</h3> <ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@62a5a6b4" first="0" id="j_id713" rendered="true" rowIndex="-1" rows="0" transient="false" var="modelStrength">
<li>
<HtmlOutputText escape="true" id="j_id715" rendered="true" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</HtmlFragment>
<HtmlFragment id="j_id718" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id720" rendered="true" transient="false" value="Model Review"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id722" rendered="true" transient="false" value="The Tahoe and Suburban are Chevrolet's full-size SUVs. The Suburban is essentially the Tahoe's longer-wheelbase bigger brother. Both the Tahoe and Suburban are offered in LS, LT and LTZ models, while the Tahoe Hybrid comes in a single trim. Each of these models is available with a choice of rear- or 4-wheel drive. The Tahoe and Suburban both offer a standard 320-horsepower, 5.3L V8 engine paired with a 6-speed automatic transmission. The heavy-duty Suburban 2500 also offers a 6.0L V8 that makes 352 hp and 382 pound-feet of torque. "/>
</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_id724" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id725" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id727" rendered="true" transient="false" value="2012 Chevrolet Suburban Sport Utility"/>
</h2>
<HtmlForm enctype="application/x-www-form-urlencoded" id="reviewBody" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlFragment id="j_id729" 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_id731" 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_id735','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_id735':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id735'} } )" 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_id735" ignoreDupResponses="false" immediate="false" limitToList="false" reRender="reviewBody" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItem id="j_id733" itemDisabled="false" itemEscaped="true" itemLabel="Expert Reviews" itemValue="textReview" rendered="true" transient="false"/>
<UISelectItem id="j_id734" 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_id737" rendered="false" transient="false">
<div class="descriptor">
<HtmlOutputText escape="true" id="j_id739" 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_id742','parameters':{'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id742':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id742','ajaxSingle':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:review\x2Dlist'} } )" 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_id742" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItems id="j_id741" rendered="true" transient="false"/>
</HtmlSelectOneMenu>
</HtmlFragment>
<ComponentRef id="j_id743" rendered="true" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id745" 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_id748" rendered="false" transient="false">
<div class="title"> <h4>
<HtmlOutputText escape="true" id="j_id750" rendered="true" transient="false"/>
</h4> </div>
<ComponentRef id="j_id752" rendered="false" transient="false">
<p>
</p>
</ComponentRef>
<p>
<HtmlOutputText escape="false" id="j_id756" rendered="true" transient="false"/>
</p>
</HtmlFragment>
</HtmlAjaxOutputPanel>
</UINamingContainer>
</HtmlFragment>
<HtmlFragment id="j_id758" 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_id760" 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_id764','parameters':{'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id764':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id764','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_id764" ignoreDupResponses="false" immediate="false" limitToList="false" reRender="reviewBody" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItem id="j_id762" itemDisabled="false" itemEscaped="true" itemLabel="Expert Reviews" itemValue="textReview" rendered="true" transient="false"/>
<UISelectItem id="j_id763" 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_id766" rendered="false" transient="false">
<div class="descriptor">
<HtmlOutputText escape="true" id="j_id768" 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_id771','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_id771':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id771'} } )" 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_id771" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItems id="j_id770" rendered="true" transient="false"/>
</HtmlSelectOneMenu>
</HtmlFragment>
<ComponentRef id="j_id772" rendered="true" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id774" 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.88.294565" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id779" rendered="true" transient="false" value="0"/>
</span> </div> <p>
<HtmlFragment id="j_id781" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id782" rendered="true" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id783" rendered="false" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id784" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id785" rendered="true" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id786" rendered="false" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id788" rendered="true" transient="false">
<ComponentRef id="j_id789" 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_id791" 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_id793" 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_id795" 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_id800" rendered="true" transient="false" value="Based on {0} consumer review(s).">
<UIParameter id="j_id801" 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_id803" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id804" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id806" rendered="true" transient="false" value="2012 Chevrolet Suburban Sport Utility"/>
</h2>
<ComponentRef id="j_id808" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id810" rendered="true" transient="false" value="Safety information is not available for this vehicle. Please select a different option above."/>
</p>
</ComponentRef>
<ComponentRef id="j_id812" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2" class="type"> <h3>
<HtmlOutputText escape="true" id="j_id814" 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.88.294565" 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_id816" rendered="false" transient="false">
<a href="javascript:void(0);" id="#{triggerId}">
<HtmlOutputText escape="true" id="j_id818" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id820" 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_id825" rendered="false" transient="false">
position: #{position},
</ComponentRef>
open: function() {"undefined" == typeof Tips ? '' : Tips.hideAll();"undefined" == typeof dlgOpen ? '' : dlgOpen();} });
<ComponentRef id="j_id828" rendered="true" transient="false">
jQuery('##{triggerId}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
<ComponentRef id="j_id830" 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_id834" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id836" rendered="true" transient="false" value="Safety Ratings"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id838" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id840" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id842" rendered="true" transient="false" value="Driver Crash Grade"/>
</td> <td class="right">
<ComponentRef id="j_id844" 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.88.294565" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id847" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id849" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id850" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id851" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id852" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id853" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id854" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id856" rendered="true" transient="false">
<ComponentRef id="j_id857" 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_id859" 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_id861" 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_id863" 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_id868" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id870" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id872" rendered="true" transient="false" value="Passenger Crash Grade"/>
</td> <td class="right">
<ComponentRef id="j_id874" 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.88.294565" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id877" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id879" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id880" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id881" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id882" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id883" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id884" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id886" rendered="true" transient="false">
<ComponentRef id="j_id887" 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_id889" 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_id891" 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_id893" 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_id898" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id900" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id902" rendered="true" transient="false" value="Rollover Resistance"/>
</td> <td class="right">
<ComponentRef id="j_id904" 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.88.294565" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id907" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id909" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id910" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id911" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id912" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id913" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id914" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id916" rendered="true" transient="false">
<ComponentRef id="j_id917" 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_id919" 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_id921" 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_id923" 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_id928" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id930" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id932" rendered="true" transient="false" value="Side Impact Crash Test - Front"/>
</td> <td class="right">
<ComponentRef id="j_id934" 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.88.294565" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id937" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id939" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id940" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id941" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id942" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id943" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id944" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id946" rendered="true" transient="false">
<ComponentRef id="j_id947" 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_id949" 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_id951" 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_id953" 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_id958" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id960" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id962" rendered="true" transient="false" value="Side Impact Crash Test - Rear"/>
</td> <td class="right">
<ComponentRef id="j_id964" 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.88.294565" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id967" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id969" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id970" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id971" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id972" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id973" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id974" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id976" rendered="true" transient="false">
<ComponentRef id="j_id977" 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_id979" 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_id981" 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_id983" 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_id988" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id991" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id993" 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_id995" rendered="true" transient="false" value="Braking & Traction"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id997" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id999" rendered="true" transient="false" value="4-Wheel ABS"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1001" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1003" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1005" rendered="true" transient="false" value="4-Wheel Disc Brakes"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1007" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1009" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1011" rendered="true" transient="false" value="Traction/Stability Control"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1013" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1015" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1017" rendered="true" transient="false" value="Active Suspension System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1019" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1021" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1023" rendered="true" transient="false" value="Tire Pressure Monitoring System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1025" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1028" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1030" rendered="true" transient="false" value="Passenger Restraint"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1032" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1034" rendered="true" transient="false" value="Driver Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1036" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1038" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1040" rendered="true" transient="false" value="Passenger Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1042" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1044" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1046" rendered="true" transient="false" value="Passenger On/Off"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1048" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1050" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1052" rendered="true" transient="false" value="Side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1054" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1056" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1058" rendered="true" transient="false" value="Side Head Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1060" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1062" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1064" rendered="true" transient="false" value="Rear Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1066" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1068" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1070" rendered="true" transient="false" value="Rear Body Side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1072" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1074" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1076" rendered="true" transient="false" value="Rear Head side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1078" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1080" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1082" rendered="true" transient="false" value="Child Safety Locks"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1084" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1087" rendered="false" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1089" rendered="true" transient="false" value="Road Visibility"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1091" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1093" rendered="true" transient="false" value="HID Headlights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1095" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1097" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1099" rendered="true" transient="false" value="Auto-On Headlights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1101" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1103" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1105" rendered="true" transient="false" value="Daytime Running Lights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1107" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1109" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1111" rendered="true" transient="false" value="Fog Lamps"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1113" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1115" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1117" rendered="true" transient="false" value="Electrochromic Rearview Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1119" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1121" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1123" rendered="true" transient="false" value="Heated Ext. Driver's Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1125" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1127" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1129" rendered="true" transient="false" value="Heated Ext. Passenger Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1131" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1133" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1135" rendered="true" transient="false" value="Intermittent Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1137" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1139" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1141" rendered="true" transient="false" value="Variable Inter. Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1143" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1145" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1147" rendered="true" transient="false" value="Rain Sensing Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1149" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1152" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1154" rendered="true" transient="false" value="Accident Prevention"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1156" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1158" rendered="true" transient="false" value="Rear Parking Aid"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1160" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1162" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1164" rendered="true" transient="false" value="Back-Up Camera"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1166" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1168" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1170" rendered="true" transient="false" value="Handsfree Wireless"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1172" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1175" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1177" rendered="true" transient="false" value="Security"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1179" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1181" rendered="true" transient="false" value="Alarm"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1183" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1185" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1187" rendered="true" transient="false" value="Anti-theft System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1189" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1191" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1193" rendered="true" transient="false" value="Telematics"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1195" rendered="true" transient="false" value="Opt"/>
</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_id1198" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1199" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1201" rendered="true" transient="false" value="2012 Chevrolet Suburban Sport Utility"/>
</h2> <h3>
<HtmlOutputText escape="true" id="j_id1203" rendered="true" transient="false" value="2WD 4dr 1500 LS"/>
</h3>
<ComponentRef id="j_id1205" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Engine</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1207" rendered="true" transient="false">
<tr> <td>Engine Type</td> <td class="right">#{mrStyle.engine.size} #{mrStyle.engine.cylinders}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1209" rendered="true" transient="false">
<tr> <td>Horsepower</td> <td class="right">#{mrStyle.engine.horsepower} @ #{mrStyle.engine.horsepowerAt} RPM</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1211" 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_id1213" rendered="true" transient="false">
<tr> <td>Optional Engines</td> <td class="right">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6963a604" first="0" id="j_id1215" rendered="true" rowIndex="-1" rowKeyVar="rowKey" rows="0" transient="false" var="optionalEngineFeature">
<HtmlOutputText escape="true" id="j_id1216" rendered="false" transient="false" value=", "/>
<HtmlOutputText escape="true" id="j_id1217" rendered="true" transient="false"/>
</HtmlAjaxRepeat>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1220" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Fuel</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1222" rendered="false" transient="false">
<tr> <td>Fuel Type</td> <td class="right">#{mrStyle.engine.type}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1224" rendered="true" transient="false">
<tr> <td>Fuel Capacity</td> <td class="right">#{mrStyle.fuel.fuelCapacity} gal</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1226" rendered="true" transient="false">
<tr> <td>Fuel Economy</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1228" rendered="true" transient="false" value="15 MPG City"/>
<HtmlOutputText escape="true" id="j_id1229" rendered="true" transient="false" value=" / "/>
<HtmlOutputText escape="true" id="j_id1230" rendered="true" transient="false" value="21 MPG Hwy"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1232" rendered="true" transient="false">
<tr> <td>Estimated max. distance per tank of gas</td> <td class="right">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@d2886aa" escape="true" id="j_id1234" rendered="true" transient="false" value="651.0"/>
<HtmlOutputText escape="true" id="j_id1235" rendered="true" transient="false" value=" miles"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1238" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Drivetrain</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1240" rendered="true" transient="false">
<tr> <td>Driven Wheels</td> <td class="right">#{mrStyle.drivetrain.drivenWheels}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1242" rendered="false" transient="false">
<tr> <td>Transmission</td> <td class="right">#{mrStyle.drivetrain.transmission}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1244" rendered="false" transient="false">
<tr> <td>Differential</td> <td class="right">#{mrStyle.drivetrain.transferCase}</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1247" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Wheels</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1249" rendered="true" transient="false">
<tr> <td>Rims</td> <td class="right">#{mrStyle.wheels.rimSize} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1251" rendered="true" transient="false">
<tr> <td>Tires</td> <td class="right">#{mrStyle.wheels.tires}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1253" rendered="true" transient="false">
<tr> <td>Spare Tire</td> <td class="right">#{mrStyle.wheels.spareType}</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1256" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Interior Space</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1258" rendered="true" transient="false">
<tr> <td>Seating Capacity</td> <td class="right">#{mrStyle.interiorDimensions.maximumSeating} adults</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1260" rendered="true" transient="false">
<tr> <td class="headroom"> Front Headroom/Legroom
<ComponentRef id="j_id1262" rendered="false" transient="false">
<img src="http://www.autotraderstatic.com/img/research/mi/forTaller.gif?v=3.88.294565" alt="Great for taller drivers"/>
</ComponentRef>
<ComponentRef id="j_id1264" rendered="false" transient="false">
<img src="http://www.autotraderstatic.com/img/research/mi/forShorter.gif?v=3.88.294565" 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_id1267" 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_id1269" 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_id1271" 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_id1273" 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=331625">
Luggage/Cargo Space
</HtmlOutputLink>
</td> <td class="right">#{mrStyle.interiorDimensions.luggageCapacity} cubic ft.</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1278" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Dimensions</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1280" rendered="true" transient="false">
<tr> <td>Wheelbase</td> <td class="right">#{mrStyle.exteriorDimensions.wheelbase} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1282" rendered="false" transient="false">
<tr> <td>Overall Length</td> <td class="right">#{mrStyle.exteriorDimensions.length} in.</td> </tr>
<ComponentRef id="j_id1284" rendered="true" transient="false"/>
<tr> <td>Width</td> <td class="right">#{mrStyle.exteriorDimensions.width} in.</td> </tr>
<ComponentRef id="j_id1286" rendered="true" transient="false"/>
<tr> <td>Height</td> <td class="right">#{mrStyle.exteriorDimensions.height} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1288" rendered="false" 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_id1291" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1292" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1294" rendered="true" transient="false" value="2012 Chevrolet Suburban Sport Utility"/>
</h2> <h3>
<HtmlOutputText escape="true" id="j_id1296" rendered="true" transient="false" value="2WD 4dr 1500 LS"/>
</h3>
<ComponentRef id="j_id1298" rendered="true" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Comfort</h4></th></tr> </thead> <tbody>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@5fa109a5" first="0" id="j_id1300" rendered="true" rowIndex="-1" rowKeyVar="comfortIndex" rows="0" transient="false" var="comfort">
<ComponentRef id="j_id1301" rendered="false" transient="false">
<tr> <td>#{comfort.heading}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@458060af" first="0" id="j_id1303" rendered="true" rowIndex="-1" rowKeyVar="comfortOptionsIndex" rows="0" transient="false" var="comfortOption">
<ComponentRef id="j_id1304" rendered="false" transient="false">
<tr> <td>#{comfortOption.heading}</td> <td class="right">Optional</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1307" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Convenience</h4></th></tr> </thead> <tbody>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6f4ba4ce" first="0" id="j_id1309" rendered="true" rowKeyVar="convenienceIndex" rows="0" transient="false" var="convenience">
<ComponentRef id="j_id1310" rendered="false" transient="false">
<tr> <td>#{convenience.heading}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@4f310977" first="0" id="j_id1312" rendered="true" rowIndex="0" rowKeyVar="convenienceOptionsIndex" rows="0" transient="false" var="convenienceOption">
<ComponentRef id="j_id1313" rendered="false" transient="false">
<tr> <td>#{convenienceOption.heading}</td> <td class="right">Optional</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1316" rendered="true" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Entertainment</h4></th></tr> </thead> <tbody>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1c648c3f" first="0" id="j_id1318" rendered="true" rowIndex="0" rowKeyVar="entertainmentIndex" rows="0" transient="false" var="entertainment">
<ComponentRef id="j_id1319" rendered="false" transient="false">
<tr> <td>#{entertainment.heading}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@d338aa9" first="0" id="j_id1321" rendered="true" rowIndex="0" rowKeyVar="entertainmentOptionsIndex" rows="0" transient="false" var="entertainmentOption">
<ComponentRef id="j_id1322" rendered="false" transient="false">
<tr> <td>#{entertainmentOption.heading}</td> <td class="right">Optional</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1325" rendered="false" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Exterior</h4></th></tr> </thead> <tbody>
<ComponentRef id="j_id1327" rendered="false" transient="false">
<tr> <td>#{mrStyle.exteriorFeatures.rearSpoiler}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1329" rendered="false" transient="false">
<tr> <td>#{mrStyle.exteriorFeatures.trailerHitchReceiver}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1332" 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@32d46404" first="0" id="j_id1334" rendered="true" rowIndex="0" rowKeyVar="otherStandardIndex" rows="0" transient="false" var="otherStandard">
<ComponentRef id="j_id1335" rendered="false" transient="false">
<tr> <td>#{otherStandard.heading}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1338" 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@15f25cae" first="0" id="j_id1340" rendered="true" rowIndex="0" rowKeyVar="otherOptionalIndex" rows="0" transient="false" var="otherOptional">
<ComponentRef id="j_id1341" 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_id1346" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id1348" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id1350" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1351" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id1352" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id1354" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id1356" 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_id1360" onclick="window.close(); window.opener.location = '/research/modelinfo/overview.xhtml?styleid=331625'" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=331625">
<HtmlOutputText escape="true" id="j_id1361" rendered="true" transient="false" value="Learn more"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1362" rendered="true" transient="false" value=" about the 2012 Chevrolet Suburban Sport Utility."/>
</p> <p>
<HtmlOutputLink disabled="false" id="j_id1364" onclick="window.close(); window.opener.location = '/research/modelinfo/'" rendered="true" transient="false" value="/research/modelinfo/">
<HtmlOutputText escape="true" id="j_id1365" rendered="true" transient="false" value="Research any car"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1366" 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_id1369" rendered="false" transient="false">
<span class="ad-text" style="width: #{width}px;">
<HtmlOutputText escape="true" id="j_id1371" rendered="true" transient="false" value=""/>
</span>
</ComponentRef>
<Ad height="250" id="ad1" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@5aa2aec3" rendered="true" styleClass="" transient="false" width="300">
<UIParameter id="j_id1373" 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_id1374" rendered="false" transient="false">
<span class="ad-text" style="width: #{width}px;">
<HtmlOutputText escape="true" id="j_id1376" rendered="true" transient="false" value=""/>
</span>
</ComponentRef>
<Ad height="100" id="ad2" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@5aa2aec3" rendered="true" styleClass="" transient="false" width="300">
<UIParameter id="j_id1378" name="type" rendered="true" transient="false" value=""/>
</Ad>
</HtmlDiv>
</UINamingContainer>
</div> </div>
<ResourceLoader id="j_id1380" 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_id1381" rendered="false" transient="false">
<span class="ad-text" style="width: #{width}px;">
<HtmlOutputText escape="true" id="j_id1383" rendered="true" transient="false" value=""/>
</span>
</ComponentRef>
<Ad height="1" id="footer1x1" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@5aa2aec3" rendered="true" styleClass="" transient="false" width="1"/>
</HtmlDiv>
</UINamingContainer>
</HtmlAjaxOutputPanel>
</body> </html>
</AjaxViewRoot>

+ Scoped Variables

Request Parameters
NameValue
activeMediaTabcollapsed
activeTextTaboverview
pgovr
pgRefvdp
rdpageCONFIGSUMMARYMODELOVERVIEW
styleid331625
Request Attributes
NameValue
AtcJawrBridgeUtilcom.autotrader.jawr.AtcJawrBridgeUtil@6e7fb2b1
OEMSpecialHandlercom.autotrader.consumer.business.research.modelinfo.OEMSpecialHandler@1acbb24
_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@73323957
carManagercom.autotrader.consumer.business.car.CarManager@6652b9d6
fastModelInfoSearchcom.autotrader.consumer.business.research.modelinfo.FastModelInfoSearch@4126c515
imageUtilscom.autotrader.consumer.util.ImageUtils@5855071d
inventorySearchUtilcom.autotrader.consumer.web.research.modelinfo.shared.InventorySearchUtil@36462e39
listingSearchServicecom.autotrader.consumer.business.find.listing.ListingSearchService@3984bc05
miOverviewAdProcessorcom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@5aa2aec3
miOverviewControllercom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewController@395409c3
miReferenceDataManagerImplcom.autotrader.consumer.business.integration.MIReferenceDataManagerImpl@3c4cfe9c
miReviewControllercom.autotrader.consumer.web.research.modelinfo.shared.MIReviewController@62dfd2b1
miStyleSelectorControllercom.autotrader.consumer.web.research.modelinfo.shared.MIStyleSelectorController@5481952d
modelInfoContentSearchServicecom.autotrader.consumer.business.research.modelinfo.ModelInfoContentSearchService@768e8b3
pg_inst578702148249339572
queryStringUtilscom.autotrader.commons.QueryStringUtils@78854391
referenceDataServicecom.autotrader.consumer.web.service.ReferenceDataService@75172267
resourceBundleUtilscom.autotrader.commons.ResourceBundleUtils@41d3d43f
siteConfigUtilscom.autotrader.consumer.util.SiteConfigUtils@3a1395dc
snapshotDAOcom.autotrader.integration.snapshot.SnapshotDAO@5bd3bc4d
stringUtilscom.autotrader.util.StringUtils@29ef9254
styleid331625
Session Attributes
NameValue
ABTestExperimentscom.autotrader.enterprise.common.testframework.ABTestExperimentInfo@2f6fde4e
accountManagercom.autotrader.consumer.business.myatc.AccountManager@596beb36
bookmarkCacheManagercom.autotrader.consumer.business.myatc.BookmarkCacheManager@3c1f5417
headerActioncom.autotrader.consumer.web.myatc.HeaderAction@2cc9d0d7
hotListcom.autotrader.consumer.business.research.HotList@75adea39
sevo_6_3groupESIP
Application Attributes
NameValue
CewolfRenderer_Init_Configorg.apache.catalina.core.StandardWrapperFacade@696bdcf6
Aug 31, 2014 2:09:30 AM - Generated by Facelets