An Error Occurred:

java.lang.NullPointerException

+ Stack Trace

java.lang.NullPointerException
	at com.autotrader.components.ad.AdLegacy.writeTarget(AdLegacy.java:138)
	at com.autotrader.components.ad.AdLegacy.encodeBegin(AdLegacy.java:99)
	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 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)

+ 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"/>
<link href="//fonts.googleapis.com/css?family=Roboto:400,300" rel="stylesheet" type="text/css"/>
<ComponentRef id="j_id7" rendered="false" transient="false">
<HtmlOutputText escape="false" id="j_id8" rendered="true" transient="false"/>
<HtmlOutputText escape="false" id="j_id9" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id10" rendered="true" transient="false">
<link rel="stylesheet" href="/#{headerAction.jawrBuildReleaseDirectory}/bundles/base.css" type="text/css"/>
<HtmlOutputText escape="false" id="j_id12" 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_id14" rendered="true" transient="false" value="<![endif]-->"/>
</ComponentRef>
<HtmlOutputText escape="false" id="j_id15" rendered="false" transient="false" value=" <!-- Begin bundle /resources/js/bundle/chassisForLegacy.js -->"/>
<HtmlOutputText escape="false" id="j_id16" rendered="false" transient="false" value="<!--[if ]>"/>
<UIRepeat id="j_id17" offset="0" rendered="true" size="-1" transient="false" var="scriptSrc">
<script type="text/javascript" src="#{scriptSrc}"/>
</UIRepeat>
<HtmlOutputText escape="false" id="j_id19" rendered="false" transient="false" value="<![endif]-->"/>
<HtmlOutputText escape="false" id="j_id20" rendered="false" transient="false" value="<!-- End bundle /resources/js/bundle/chassisForLegacy.js -->"/>
<ResourceLoader id="j_id21" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/global.js"/>
<ResourceLoader id="j_id22" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/site.css"/>
<ResourceLoader id="j_id23" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/sections/popups.css"/>
<ResourceLoader id="j_id24" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/sections/research.css"/>
<ResourceLoader id="j_id25" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/js/swfobject/swfobject.js"/>
<ResourceLoader id="j_id26" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/js/media/videoController.js"/>
<ResourceLoader id="j_id27" pathSpecific="false" rendered="true" transient="false" type="js" url="/js/components/carousel-thumbnails.js"/>
<ResourceLoader id="j_id28" pathSpecific="false" rendered="true" transient="false" type="js" url="/js/components/carousel-viewport.js"/>
<ResourceLoader id="j_id29" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/overview/color-picker.js"/>
<ResourceLoader id="j_id30" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/spins.js"/>
<ResourceLoader id="j_id31" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/mi-popup-init.js"/>
<ResourceLoader id="j_id32" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/popup.js"/>
<ResourceLoader id="j_id33" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/js/atcbi.js"/>
<UINamingContainer id="ad--define" rendered="true" transient="false">
<script type="text/javascript"> googletag.cmd.push(function() {
<UINamingContainer id="ad-ad1-define" rendered="true" transient="false">
adSlot_#{adId} = googletag.defineSlot('#{adUnit}', [[#{width}, #{height}]#{multipleSizes eq true ? sizeB : ''}], '#{id}').addService(googletag.pubads()) .setTargeting('pos', ['#{pos}']);
</UINamingContainer>
<UINamingContainer id="ad-ad2-define" rendered="true" transient="false">
adSlot_#{adId} = googletag.defineSlot('#{adUnit}', [[#{width}, #{height}]#{multipleSizes eq true ? sizeB : ''}], '#{id}').addService(googletag.pubads()) .setTargeting('pos', ['#{pos}']);
</UINamingContainer>
<AdLegacy id="j_id37" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@254f6ff6" rendered="true" transient="false"/>
</script>
</UINamingContainer>
</head> <body id="#{bodyId}">
<img src="http://www.autotraderstatic.com/img/research/mi/printable/printable-atc-logo.png?v=3.94.304838" alt="www.autotrader.com" id="autotrader-logo"/>
<HtmlOutputLink disabled="false" id="j_id41" rendered="true" styleClass="print" transient="false" value="javascript://">
<span/>
<HtmlOutputText escape="true" id="j_id43" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id44" onclick="window.close()" rendered="true" styleClass="close" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id45" rendered="true" transient="false" value="Close"/>
</HtmlOutputLink>
<div class="container">
<UINamingContainer id="summary" rendered="true" transient="false">
<ComponentRef id="j_id47" rendered="false" transient="false">
<img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.94.304838" alt="/img/research/mi/printable/printable-atc-logo.png" class="for-print-only"/>
<ComponentRef id="j_id49" rendered="true" transient="false">
<img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.94.304838" 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_id51" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id53" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id55" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id56" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id57" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id59" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id61" rendered="false" transient="false"/>
</h2> </div>
</ComponentRef>
<div class="atcui-container-content #{disableGradientClass} atcui-container-content-#{empty tier ? 'Primary' : tier}">
<ComponentRef id="j_id64" rendered="false" transient="false">
<div class="photo-wrapper">
<HtmlFragment id="j_id66" rendered="true" transient="false">
<HtmlFragment id="j_id67" 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_id69" 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_id73" rendered="true" transient="false" value="2014 Mazda MAZDA3 Sedan"/>
</h1>
<ComponentRef id="j_id75" rendered="false" transient="false">
<p class="trim">
<HtmlOutputText escape="true" id="j_id77" rendered="true" transient="false" value="4dr Sdn Man i SV"/>
</p>
</ComponentRef>
<p class="details">
<ComponentRef id="j_id80" rendered="true" transient="false">
<ComponentRef id="j_id81" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id82" rendered="false" transient="false" value="Price Range: "/>
<HtmlOutputText escape="true" id="j_id83" rendered="true" transient="false" value="MSRP Range: "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@1556664d" escape="true" id="j_id84" rendered="true" transient="false" value="16945"/>
<HtmlOutputText escape="true" id="j_id85" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@5b56542c" escape="true" id="j_id86" rendered="true" transient="false" value="25995"/>
<HtmlOutputText escape="true" id="j_id87" rendered="true" transient="false" value=" | "/>
</ComponentRef>
<ComponentRef id="j_id88" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id89" rendered="true" transient="false" value="No price available"/>
</ComponentRef>
<HtmlOutputText escape="true" id="j_id90" rendered="true" transient="false" value="28 MPG City - 39 MPG Highway"/>
<br/>
<ComponentRef id="j_id92" rendered="false" transient="false">
<ComponentRef id="j_id93" rendered="false" transient="false">
<script type="text/javascript"> asisQ("#{miOverviewBean.modelBrochure.externalImpressionTag}"); </script>
</ComponentRef>
<ComponentRef id="j_id95" 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_id98" 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.94.304838" alt="" title="View brochure" align="left"/> <span class="brochure-link">
<HtmlOutputText escape="true" id="j_id100" rendered="true" transient="false" value="View brochure"/>
</span>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
<ComponentRef id="j_id102" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id103" rendered="true" transient="false" value="Starting at "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@b0438d" escape="true" id="j_id104" rendered="true" transient="false" value="16945"/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@3422de55" escape="true" id="j_id105" rendered="false" transient="false"/>
<HtmlOutputText escape="true" id="j_id106" rendered="true" transient="false" value=" | "/>
<HtmlOutputText escape="true" id="j_id107" rendered="true" transient="false" value="Starting at "/>
<HtmlOutputText escape="true" id="j_id108" rendered="true" transient="false" value="29 MPG City - 41 MPG Highway"/>
<ComponentRef id="j_id109" rendered="false" transient="false">
<ComponentRef id="j_id110" rendered="false" transient="false">
<script type="text/javascript"> asisQ("#{miOverviewBean.modelBrochure.externalImpressionTag}"); </script>
</ComponentRef>
<ComponentRef id="j_id112" 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_id115" 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.94.304838" alt="See brochure" title="See brochure"/>
<HtmlOutputText escape="true" id="j_id117" 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.94.304838" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id120" rendered="true" transient="false" value="0"/>
</span> </div> <p>
<HtmlFragment id="j_id122" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id123" rendered="true" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id124" rendered="false" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id125" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id126" rendered="true" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id127" rendered="false" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id129" rendered="false" transient="false">
<ComponentRef id="j_id130" 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_id132" 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_id134" 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_id136" 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_id140" rendered="false" transient="false">
<div class="qanda-wrapper">
<UINamingContainer id="questionAndAnswer" rendered="true" transient="false">
<HtmlLoadScript id="j_id142" 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_id144" rendered="true" transient="false">
<ComponentRef id="j_id145" 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_id147" 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_id149" 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_id151" 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_id155" rendered="true" transient="false">
<ComponentRef id="j_id156" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id157" onclick="window.close(); window.opener.location = ''; return false;" rendered="true" styleClass="conditional-link" transient="false">
<HtmlOutputText escape="true" id="j_id158" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id159" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id160" onclick="window.opener.location = '/research/configure/trimselection.jsp?year=2014&make=Mazda&model=Mazda3&body_style=Sedan&adClassSeries=UNAVAIL'; window.close(); return false;" rendered="true" styleClass="conditional-link" transient="false" value="javascript:void(0)">
<HtmlOutputText escape="true" id="j_id161" rendered="true" transient="false" value="Build & Price a 2014"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id162" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id163" onclick="window.close(); window.opener.location = '/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=MAZDA&model=MAZDA3&start_year=2014&end_year=2014'; return false;" rendered="true" styleClass="conditional-link" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=MAZDA&model=MAZDA3&start_year=2014&end_year=2014">
<HtmlOutputText escape="true" id="j_id164" rendered="true" transient="false" value="Find It Near You"/>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
<ComponentRef id="j_id165" rendered="false" transient="false">
<ComponentRef id="j_id166" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id167" rendered="true" styleClass="conditional-link" transient="false">
<HtmlOutputText escape="true" id="j_id168" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id169" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id170" rendered="true" styleClass="conditional-link" transient="false" value="/research/configure/trimselection.jsp?year=2014&make=Mazda&model=Mazda3&body_style=SEDAN&adClassSeries=UNAVAIL&style_id=362681">
<HtmlOutputText escape="true" id="j_id171" rendered="true" transient="false" value="Build & Price a 2014"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id172" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id173" rendered="true" styleClass="conditional-link" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=MAZDA&model=MAZDA3&start_year=2014&end_year=2014">
<HtmlOutputText escape="true" id="j_id174" rendered="true" transient="false" value="Find It Near You"/>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
</div> </div>
</ComponentRef>
</UINamingContainer>
<ComponentRef id="j_id176" rendered="false" transient="false">
<div id="oem-overview">
<div class="oem-overview-logo-window">
<HtmlOutputLink disabled="false" id="j_id179" rendered="true" target="_blank" title="Mazda" 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@2d1c2e1d" first="0" id="j_id182" rendered="true" rowIndex="0" rowKeyVar="status" rows="0" transient="false" var="link">
<li>
<DataOutputLink disabled="false" id="j_id184" rendered="true" styleClass="" target="_blank" transient="false">
<HtmlOutputText escape="true" id="j_id185" 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_id188" 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_id190" 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_id192" 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_id194" 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_id196" 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_id198" 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_id201" 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_id202" 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_id203" 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@53212c9f" first="0" id="j_id204" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@245a8604" first="0" id="j_id206" 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_id208" 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@33148341" first="0" id="j_id210" 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_id212" 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_id215" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id216" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@7b53a9a" first="0" id="j_id217" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id218" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id220" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id222" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@b1a586a" first="0" id="j_id225" 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_id227" 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" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id230" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id232" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6ea29cd7" first="0" id="j_id234" 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_id236" 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_id239" 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@75e71fff" first="0" id="j_id240" 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_id242" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id244" 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_id240:j_id246','parameters':{'summary:flyout\x2Dmake:style\x2Dfilter\x2Darea:j_id240:j_id246':'summary:flyout\x2Dmake:style\x2Dfilter\x2Darea:j_id240:j_id246'} ,'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_id246" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id245" 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_id250" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id252" rendered="true" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id253" rendered="false" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id255" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id257" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id259" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id261" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id263" 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@18e5dad2" first="0" id="j_id266" 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_id269" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id271" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@1a811dc3" escape="true" id="j_id272" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id273" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@12c8facd" escape="true" id="j_id274" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id275" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@48c9b25d" escape="true" id="j_id276" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id277" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@31dd1d00" escape="true" id="j_id278" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id280" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id282" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id284" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id286" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id288" 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_id293" 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_id294" 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_id295" 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@2b9b0493" first="0" id="j_id296" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@4e496542" first="0" id="j_id298" 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_id300" 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@3496f835" first="0" id="j_id302" 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_id304" 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_id307" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id308" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@23817a8c" first="0" id="j_id309" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id310" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id312" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id314" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@9948f8a" first="0" id="j_id317" 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_id319" 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" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id322" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id324" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@785bb1ef" first="0" id="j_id326" 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_id328" 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_id331" 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@427e901e" first="0" id="j_id332" 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_id334" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id336" 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_id332:j_id338','parameters':{'summary:flyout\x2Dmodel:style\x2Dfilter\x2Darea:j_id332:j_id338':'summary:flyout\x2Dmodel:style\x2Dfilter\x2Darea:j_id332:j_id338'} ,'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_id338" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id337" 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_id342" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id344" rendered="true" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id345" rendered="false" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id347" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id349" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id351" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id353" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id355" 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@574cd9f" first="0" id="j_id358" 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_id361" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id363" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@37678485" escape="true" id="j_id364" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id365" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6d2d542d" escape="true" id="j_id366" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id367" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@3af18e5a" escape="true" id="j_id368" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id369" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@48b8d4f1" escape="true" id="j_id370" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id372" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id374" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id376" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id378" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id380" 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_id385" 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_id386" 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_id387" 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@5ea43f83" first="0" id="j_id388" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@7145e1ff" first="0" id="j_id390" 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_id392" 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@7af3d985" first="0" id="j_id394" 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_id396" 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_id399" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id400" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1f4de9d3" first="0" id="j_id401" rendered="true" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id402" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id404" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id406" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@34322bb3" first="0" id="j_id409" 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_id411" 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" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id414" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id416" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@49d30f8a" first="0" id="j_id418" 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_id420" 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_id423" 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@3fa152e3" first="0" id="j_id424" 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_id426" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id428" 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_id424:j_id430','parameters':{'summary:flyout\x2Dyear:style\x2Dfilter\x2Darea:j_id424:j_id430':'summary:flyout\x2Dyear:style\x2Dfilter\x2Darea:j_id424:j_id430'} ,'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_id430" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id429" 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_id434" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id436" rendered="true" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id437" rendered="false" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id439" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id441" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id443" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id445" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id447" 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@7848d5b7" first="0" id="j_id450" 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_id453" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id455" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@75c71f12" escape="true" id="j_id456" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id457" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@63c91326" escape="true" id="j_id458" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id459" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@260856f8" escape="true" id="j_id460" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id461" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6d85c749" escape="true" id="j_id462" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id464" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id466" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id468" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id470" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id472" 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_id477" 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_id478" 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_id479" 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@69dec1cb" first="0" id="j_id480" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1f852cba" first="0" id="j_id482" 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_id484" 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@603b7780" first="0" id="j_id486" 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_id488" 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_id491" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id492" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6022a5db" first="0" id="j_id493" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id494" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id496" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id498" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@2b6fe2c" first="0" id="j_id501" 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_id503" 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" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id506" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id508" rendered="true" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@3be8fc18" first="0" id="j_id510" 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_id512" 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_id515" 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@58056691" first="0" id="j_id516" 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_id518" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id520" 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_id516:j_id522','parameters':{'summary:flyout\x2Dbody:style\x2Dfilter\x2Darea:j_id516:j_id522':'summary:flyout\x2Dbody:style\x2Dfilter\x2Darea:j_id516:j_id522'} ,'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_id522" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id521" 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_id526" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id528" rendered="true" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id529" rendered="false" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id531" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id533" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id535" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id537" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id539" 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@4a90e6bc" first="0" id="j_id542" 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_id545" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id547" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@38959244" escape="true" id="j_id548" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id549" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@63b5cb61" escape="true" id="j_id550" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id551" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@343b806b" escape="true" id="j_id552" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id553" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@2e6c0b97" escape="true" id="j_id554" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id556" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id558" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id560" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id562" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id564" 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_id569" 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_id570" 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_id571" 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@7d63ecd8" first="0" id="j_id572" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@2b529938" first="0" id="j_id574" 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_id576" 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@3bc941c0" first="0" id="j_id578" 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_id580" 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_id583" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id584" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@19fbc2ea" first="0" id="j_id585" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id586" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id588" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id590" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@5fb99df9" first="0" id="j_id593" 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_id595" 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" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id598" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id600" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@13327788" first="0" id="j_id602" 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_id604" 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_id607" 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@56458b90" first="0" id="j_id608" 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_id610" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id612" 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_id608:j_id614','parameters':{'summary:flyout\x2Dstyle:style\x2Dfilter\x2Darea:j_id608:j_id614':'summary:flyout\x2Dstyle:style\x2Dfilter\x2Darea:j_id608:j_id614'} ,'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_id614" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id613" 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_id618" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id620" rendered="true" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id621" rendered="false" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id623" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id625" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id627" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id629" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id631" 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@6fcdc72f" first="0" id="j_id634" 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_id637" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id639" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@5e552f67" escape="true" id="j_id640" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id641" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@2a9b4393" escape="true" id="j_id642" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id643" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@37717dbf" escape="true" id="j_id644" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id645" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@7bf6a308" escape="true" id="j_id646" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id648" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id650" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id652" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id654" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id656" 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_id662" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id664" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id666" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id667" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id668" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id670" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id672" 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_id675" rendered="true" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id677" 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_id680" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id682" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id684" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id685" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id686" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id688" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id690" 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_id693" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id694" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id696" rendered="true" transient="false" value="2014 Mazda MAZDA3 Sedan"/>
</h2>
<HtmlOutputText escape="true" id="j_id698" rendered="false" transient="false" value="No Overview available for this vehicle"/>
<HtmlFragment id="j_id699" rendered="true" transient="false">
<HtmlFragment id="j_id700" rendered="false" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id702" rendered="true" transient="false" value="Summary"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id704" rendered="true" transient="false" value="Provided by NADAguides.com"/>
</p> <p>
<HtmlOutputText escape="true" id="j_id706" rendered="true" transient="false"/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id708" rendered="true" transient="false">
<h3>
<HtmlOutputFormat escape="true" id="j_id710" rendered="true" transient="false" value="Benefits of Driving a {0}">
<UIParameter id="j_id711" rendered="true" transient="false" value="2014 Mazda MAZDA3 Sedan"/>
</HtmlOutputFormat>
</h3> <p>
<HtmlOutputText escape="true" id="j_id713" rendered="true" transient="false" value="Mazda's goal with the MAZDA3 has always been to offer the most fun to drive compact car on the market. The MAZDA3 directly competes with some of the best selling cars on the road including the Honda Civic, the Toyota Corolla and the Hyundai Elantra. With a base price below $17,000 the MAZDA3 is competitively priced while still maintaining enough upscale features to not feel like an economy car. With a sportier and more direct driving feel than its competitors, the MAZDA3 is able to do everything typically asked of a compact, while still putting a smile on the face of drivers."/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id715" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id717" rendered="true" transient="false" value="What's new for 2014?"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id719" rendered="true" transient="false" value="The MAZDA3 gets a complete redesign for 2014. The 'big smile' grill has been replaced with a more serious, if still 'pleased,' front end, while the rest of the car receives a thoroughly modern and quite unique reworking. A new engine at the top of the model range has been added, replacing the old 167 horsepower unit, while a regenerative braking system has also been introduced to aid fuel economy."/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id721" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id723" rendered="true" transient="false" value="Model Strengths"/>
</h3> <ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6d1d9856" first="0" id="j_id725" rendered="true" rowIndex="0" rows="0" transient="false" var="modelStrength">
<li>
<HtmlOutputText escape="true" id="j_id727" rendered="true" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</HtmlFragment>
<HtmlFragment id="j_id730" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id732" rendered="true" transient="false" value="Model Review"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id734" rendered="true" transient="false" value="The all new MAZDA3 comes with one of two engine choices, both utilizing Mazda's SKYACTIV technology to increase fuel economy. The base engine, available on all 'i' models is a 2.0L 4-cylinder unit that makes 155 horsepower and is capable of up to 41 mpg on the highway. It's connected to either a 6-speed automatic or a 6-speed manual. The optional engine, available across the 's' range, is a 2.5L 4-cylinder capable of 184 horsepower, a fairly high number for a compact. Despite its power, the MAZDA3 is still able to achieve up to 40 mpg on the highway with the more powerful engine when equipped with Mazda's i-ELOOP regenerative braking system. The more powerful 2.5L engine is available only with a 6-speed automatic. "/>
</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_id736" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id737" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id739" rendered="true" transient="false" value="2014 Mazda MAZDA3 Sedan"/>
</h2>
<HtmlForm enctype="application/x-www-form-urlencoded" id="reviewBody" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlFragment id="j_id741" 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_id743" 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_id747','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_id747':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id747'} } )" 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_id747" ignoreDupResponses="false" immediate="false" limitToList="false" reRender="reviewBody" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItem id="j_id745" itemDisabled="false" itemEscaped="true" itemLabel="Expert Reviews" itemValue="textReview" rendered="true" transient="false"/>
<UISelectItem id="j_id746" 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_id749" rendered="false" transient="false">
<div class="descriptor">
<HtmlOutputText escape="true" id="j_id751" 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_id754','parameters':{'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id754':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id754','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_id754" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItems id="j_id753" rendered="true" transient="false"/>
</HtmlSelectOneMenu>
</HtmlFragment>
<ComponentRef id="j_id755" rendered="true" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id757" 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_id760" rendered="false" transient="false">
<div class="title"> <h4>
<HtmlOutputText escape="true" id="j_id762" rendered="true" transient="false"/>
</h4> </div>
<ComponentRef id="j_id764" rendered="false" transient="false">
<p>
</p>
</ComponentRef>
<p>
<HtmlOutputText escape="false" id="j_id768" rendered="true" transient="false"/>
</p>
</HtmlFragment>
</HtmlAjaxOutputPanel>
</UINamingContainer>
</HtmlFragment>
<HtmlFragment id="j_id770" 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_id772" 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_id776','parameters':{'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id776':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id776','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_id776" ignoreDupResponses="false" immediate="false" limitToList="false" reRender="reviewBody" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItem id="j_id774" itemDisabled="false" itemEscaped="true" itemLabel="Expert Reviews" itemValue="textReview" rendered="true" transient="false"/>
<UISelectItem id="j_id775" 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_id778" rendered="false" transient="false">
<div class="descriptor">
<HtmlOutputText escape="true" id="j_id780" 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_id783','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_id783':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id783'} } )" 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_id783" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItems id="j_id782" rendered="true" transient="false"/>
</HtmlSelectOneMenu>
</HtmlFragment>
<ComponentRef id="j_id784" rendered="true" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id786" 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.94.304838" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id791" rendered="true" transient="false" value="0"/>
</span> </div> <p>
<HtmlFragment id="j_id793" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id794" rendered="true" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id795" rendered="false" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id796" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id797" rendered="true" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id798" rendered="false" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id800" rendered="true" transient="false">
<ComponentRef id="j_id801" 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_id803" 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_id805" 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_id807" 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_id812" rendered="true" transient="false" value="Based on {0} consumer review(s).">
<UIParameter id="j_id813" 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_id815" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id816" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id818" rendered="true" transient="false" value="2014 Mazda MAZDA3 Sedan"/>
</h2>
<ComponentRef id="j_id820" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id822" rendered="true" transient="false" value="Safety information is not available for this vehicle. Please select a different option above."/>
</p>
</ComponentRef>
<ComponentRef id="j_id824" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2" class="type"> <h3>
<HtmlOutputText escape="true" id="j_id826" 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.94.304838" 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_id828" rendered="false" transient="false">
<a href="javascript:void(0);" id="#{triggerId}">
<HtmlOutputText escape="true" id="j_id830" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id832" 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_id837" rendered="false" transient="false">
position: #{position},
</ComponentRef>
open: function() {"undefined" == typeof Tips ? '' : Tips.hideAll();"undefined" == typeof dlgOpen ? '' : dlgOpen();} });
<ComponentRef id="j_id840" rendered="true" transient="false">
jQuery('##{triggerId}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
<ComponentRef id="j_id842" 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_id846" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id848" rendered="true" transient="false" value="Safety Ratings"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id850" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id852" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id854" rendered="true" transient="false" value="Driver Crash Grade"/>
</td> <td class="right">
<ComponentRef id="j_id856" 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.94.304838" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id859" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id861" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id862" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id863" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id864" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id865" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id866" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id868" rendered="true" transient="false">
<ComponentRef id="j_id869" 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_id871" 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_id873" 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_id875" 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_id880" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id882" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id884" rendered="true" transient="false" value="Passenger Crash Grade"/>
</td> <td class="right">
<ComponentRef id="j_id886" 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.94.304838" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id889" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id891" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id892" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id893" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id894" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id895" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id896" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id898" rendered="true" transient="false">
<ComponentRef id="j_id899" 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_id901" 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_id903" 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_id905" 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_id910" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id912" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id914" rendered="true" transient="false" value="Rollover Resistance"/>
</td> <td class="right">
<ComponentRef id="j_id916" 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.94.304838" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id919" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id921" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id922" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id923" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id924" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id925" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id926" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id928" rendered="true" transient="false">
<ComponentRef id="j_id929" 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_id931" 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_id933" 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_id935" 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_id940" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id942" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id944" rendered="true" transient="false" value="Side Impact Crash Test - Front"/>
</td> <td class="right">
<ComponentRef id="j_id946" 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.94.304838" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id949" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id951" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id952" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id953" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id954" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id955" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id956" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id958" rendered="true" transient="false">
<ComponentRef id="j_id959" 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_id961" 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_id963" 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_id965" 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_id970" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id972" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id974" rendered="true" transient="false" value="Side Impact Crash Test - Rear"/>
</td> <td class="right">
<ComponentRef id="j_id976" 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.94.304838" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id979" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id981" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id982" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id983" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id984" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id985" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id986" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id988" rendered="true" transient="false">
<ComponentRef id="j_id989" 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_id991" 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_id993" 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_id995" 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_id1000" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1003" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id1005" 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_id1007" rendered="true" transient="false" value="Braking & Traction"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1009" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1011" rendered="true" transient="false" value="4-Wheel ABS"/>
</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="4-Wheel Disc Brakes"/>
</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="Traction/Stability Control"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1025" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1027" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1029" rendered="true" transient="false" value="Active Suspension System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1031" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1033" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1035" rendered="true" transient="false" value="Tire Pressure Monitoring System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1037" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1040" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1042" rendered="true" transient="false" value="Passenger Restraint"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1044" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1046" rendered="true" transient="false" value="Driver Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1048" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1050" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1052" rendered="true" transient="false" value="Passenger 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="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1058" rendered="true" transient="false" value="Passenger On/Off"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1060" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1062" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1064" rendered="true" transient="false" value="Side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1066" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1068" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1070" rendered="true" transient="false" value="Side Head Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1072" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1074" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1076" rendered="true" transient="false" value="Rear Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1078" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1080" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1082" rendered="true" transient="false" value="Rear Body Side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1084" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1086" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1088" rendered="true" transient="false" value="Rear Head side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1090" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1092" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1094" rendered="true" transient="false" value="Child Safety Locks"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1096" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1099" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1101" rendered="true" transient="false" value="Road Visibility"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1103" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1105" rendered="true" transient="false" value="HID Headlights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1107" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1109" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1111" rendered="true" transient="false" value="Auto-On Headlights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1113" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1115" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1117" rendered="true" transient="false" value="Daytime Running Lights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1119" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1121" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1123" rendered="true" transient="false" value="Fog Lamps"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1125" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1127" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1129" rendered="true" transient="false" value="Electrochromic Rearview Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1131" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1133" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1135" rendered="true" transient="false" value="Heated Ext. Driver's Mirror"/>
</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="Heated Ext. Passenger Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1143" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1145" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1147" rendered="true" transient="false" value="Intermittent Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1149" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1151" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1153" rendered="true" transient="false" value="Variable Inter. Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1155" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1157" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1159" rendered="true" transient="false" value="Rain Sensing Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1161" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1164" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1166" rendered="true" transient="false" value="Accident Prevention"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1168" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1170" rendered="true" transient="false" value="Rear Parking Aid"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1172" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1174" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1176" rendered="true" transient="false" value="Back-Up Camera"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1178" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1180" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1182" rendered="true" transient="false" value="Handsfree Wireless"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1184" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1187" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1189" rendered="true" transient="false" value="Security"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1191" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1193" rendered="true" transient="false" value="Alarm"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1195" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1197" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1199" rendered="true" transient="false" value="Anti-theft System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1201" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1203" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1205" rendered="true" transient="false" value="Telematics"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1207" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
</UINamingContainer>
</UINamingContainer>
</TabPanel>
<TabPanel id="specifications-include" onshow="" rendered="true" selected="false" title="Specifications" transient="false">
<UINamingContainer id="specifications-details" rendered="true" transient="false">
<UINamingContainer id="specifications" rendered="true" transient="false">
<UINamingContainer id="subview-print-link" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id1210" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1211" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1213" rendered="true" transient="false" value="2014 Mazda MAZDA3 Sedan"/>
</h2> <h3>
<HtmlOutputText escape="true" id="j_id1215" rendered="true" transient="false" value="4dr Sdn Man i SV"/>
</h3>
<ComponentRef id="j_id1217" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Engine</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1219" rendered="true" transient="false">
<tr> <td>Engine Type</td> <td class="right">#{mrStyle.engine.size} #{mrStyle.engine.cylinders}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1221" rendered="true" transient="false">
<tr> <td>Horsepower</td> <td class="right">#{mrStyle.engine.horsepower} @ #{mrStyle.engine.horsepowerAt} RPM</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1223" 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_id1225" rendered="false" transient="false">
<tr> <td>Optional Engines</td> <td class="right">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@31fc6e11" first="0" id="j_id1227" rendered="true" rowIndex="0" rowKeyVar="rowKey" rows="0" transient="false" var="optionalEngineFeature">
<HtmlOutputText escape="true" id="j_id1228" rendered="false" transient="false" value=", "/>
<HtmlOutputText escape="true" id="j_id1229" rendered="true" transient="false"/>
</HtmlAjaxRepeat>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1232" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Fuel</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1234" rendered="false" transient="false">
<tr> <td>Fuel Type</td> <td class="right">#{mrStyle.engine.type}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1236" rendered="true" transient="false">
<tr> <td>Fuel Capacity</td> <td class="right">#{mrStyle.fuel.fuelCapacity} gal</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1238" rendered="true" transient="false">
<tr> <td>Fuel Economy</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1240" rendered="true" transient="false" value="29 MPG City"/>
<HtmlOutputText escape="true" id="j_id1241" rendered="true" transient="false" value=" / "/>
<HtmlOutputText escape="true" id="j_id1242" rendered="true" transient="false" value="41 MPG Hwy"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1244" rendered="true" transient="false">
<tr> <td>Estimated max. distance per tank of gas</td> <td class="right">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@339e37ba" escape="true" id="j_id1246" rendered="true" transient="false" value="541.1999999999999"/>
<HtmlOutputText escape="true" id="j_id1247" rendered="true" transient="false" value=" miles"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1250" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Drivetrain</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1252" rendered="true" transient="false">
<tr> <td>Driven Wheels</td> <td class="right">#{mrStyle.drivetrain.drivenWheels}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1254" rendered="false" transient="false">
<tr> <td>Transmission</td> <td class="right">#{mrStyle.drivetrain.transmission}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1256" rendered="false" transient="false">
<tr> <td>Differential</td> <td class="right">#{mrStyle.drivetrain.transferCase}</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1259" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Wheels</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1261" rendered="true" transient="false">
<tr> <td>Rims</td> <td class="right">#{mrStyle.wheels.rimSize} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1263" rendered="true" transient="false">
<tr> <td>Tires</td> <td class="right">#{mrStyle.wheels.tires}</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1265" rendered="true" transient="false">
<tr> <td>Spare Tire</td> <td class="right">#{mrStyle.wheels.spareType}</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1268" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Interior Space</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1270" rendered="true" transient="false">
<tr> <td>Seating Capacity</td> <td class="right">#{mrStyle.interiorDimensions.maximumSeating} adults</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1272" rendered="true" transient="false">
<tr> <td class="headroom"> Front Headroom/Legroom
<ComponentRef id="j_id1274" rendered="false" transient="false">
<img src="http://www.autotraderstatic.com/img/research/mi/forTaller.gif?v=3.94.304838" alt="Great for taller drivers"/>
</ComponentRef>
<ComponentRef id="j_id1276" rendered="false" transient="false">
<img src="http://www.autotraderstatic.com/img/research/mi/forShorter.gif?v=3.94.304838" 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_id1279" 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_id1281" 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_id1283" 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_id1285" 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=362681">
Luggage/Cargo Space
</HtmlOutputLink>
</td> <td class="right">#{mrStyle.interiorDimensions.luggageCapacity} cubic ft.</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1290" rendered="true" transient="false">
<table> <thead> <tr> <th colspan="2"><h4>Dimensions</h4></th> </tr> </thead> <tbody>
<ComponentRef id="j_id1292" rendered="true" transient="false">
<tr> <td>Wheelbase</td> <td class="right">#{mrStyle.exteriorDimensions.wheelbase} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1294" rendered="false" transient="false">
<tr> <td>Overall Length</td> <td class="right">#{mrStyle.exteriorDimensions.length} in.</td> </tr>
<ComponentRef id="j_id1296" rendered="true" transient="false"/>
<tr> <td>Width</td> <td class="right">#{mrStyle.exteriorDimensions.width} in.</td> </tr>
<ComponentRef id="j_id1298" rendered="true" transient="false"/>
<tr> <td>Height</td> <td class="right">#{mrStyle.exteriorDimensions.height} in.</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1300" rendered="true" transient="false">
<tr> <td>Curb Weight</td> <td class="right">#{mrStyle.exteriorDimensions.curbWeight} lb.</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
</UINamingContainer>
</UINamingContainer>
</TabPanel>
<TabPanel id="features-include" onshow="" rendered="true" selected="false" title="Features" transient="false">
<UINamingContainer id="features-details" rendered="true" transient="false">
<UINamingContainer id="specifications" rendered="true" transient="false">
<UINamingContainer id="subview-print-link" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id1303" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1304" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1306" rendered="true" transient="false" value="2014 Mazda MAZDA3 Sedan"/>
</h2> <h3>
<HtmlOutputText escape="true" id="j_id1308" rendered="true" transient="false" value="4dr Sdn Man i SV"/>
</h3>
<ComponentRef id="j_id1310" rendered="true" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Comfort</h4></th></tr> </thead> <tbody>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@585caecf" first="0" id="j_id1312" rendered="true" rowIndex="0" rowKeyVar="comfortIndex" rows="0" transient="false" var="comfort">
<ComponentRef id="j_id1313" rendered="false" transient="false">
<tr> <td>#{comfort.heading}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@2cd8c55b" first="0" id="j_id1315" rendered="true" rowIndex="0" rowKeyVar="comfortOptionsIndex" rows="0" transient="false" var="comfortOption">
<ComponentRef id="j_id1316" rendered="false" transient="false">
<tr> <td>#{comfortOption.heading}</td> <td class="right">Optional</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1319" rendered="true" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Convenience</h4></th></tr> </thead> <tbody>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@4b84f05d" first="0" id="j_id1321" rendered="true" rowIndex="0" rowKeyVar="convenienceIndex" rows="0" transient="false" var="convenience">
<ComponentRef id="j_id1322" rendered="false" transient="false">
<tr> <td>#{convenience.heading}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@4c09067" first="0" id="j_id1324" rendered="true" rowIndex="0" rowKeyVar="convenienceOptionsIndex" rows="0" transient="false" var="convenienceOption">
<ComponentRef id="j_id1325" rendered="false" transient="false">
<tr> <td>#{convenienceOption.heading}</td> <td class="right">Optional</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1328" rendered="true" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Entertainment</h4></th></tr> </thead> <tbody>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@7e485ca0" first="0" id="j_id1330" rendered="true" rowIndex="0" rowKeyVar="entertainmentIndex" rows="0" transient="false" var="entertainment">
<ComponentRef id="j_id1331" rendered="false" transient="false">
<tr> <td>#{entertainment.heading}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@40b94d25" first="0" id="j_id1333" rendered="true" rowIndex="0" rowKeyVar="entertainmentOptionsIndex" rows="0" transient="false" var="entertainmentOption">
<ComponentRef id="j_id1334" rendered="false" transient="false">
<tr> <td>#{entertainmentOption.heading}</td> <td class="right">Optional</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1337" rendered="false" transient="false">
<table> <thead> <tr><th colspan="2"><h4>Exterior</h4></th></tr> </thead> <tbody>
<ComponentRef id="j_id1339" rendered="false" transient="false">
<tr> <td>#{mrStyle.exteriorFeatures.rearSpoiler}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1341" rendered="false" transient="false">
<tr> <td>#{mrStyle.exteriorFeatures.trailerHitchReceiver}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1344" 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@4577d955" first="0" id="j_id1346" rendered="true" rowIndex="0" rowKeyVar="otherStandardIndex" rows="0" transient="false" var="otherStandard">
<ComponentRef id="j_id1347" rendered="false" transient="false">
<tr> <td>#{otherStandard.heading}</td> <td class="right">Standard</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1350" 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@3f5d7f14" first="0" id="j_id1352" rendered="true" rowIndex="0" rowKeyVar="otherOptionalIndex" rows="0" transient="false" var="otherOptional">
<ComponentRef id="j_id1353" 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_id1358" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id1360" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id1362" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1363" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id1364" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id1366" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id1368" 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_id1372" onclick="window.close(); window.opener.location = '/research/modelinfo/overview.xhtml?styleid=362681'" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=362681">
<HtmlOutputText escape="true" id="j_id1373" rendered="true" transient="false" value="Learn more"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1374" rendered="true" transient="false" value=" about the 2014 Mazda MAZDA3 Sedan."/>
</p> <p>
<HtmlOutputLink disabled="false" id="j_id1376" onclick="window.close(); window.opener.location = '/research/modelinfo/'" rendered="true" transient="false" value="/research/modelinfo/">
<HtmlOutputText escape="true" id="j_id1377" rendered="true" transient="false" value="Research any car"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1378" 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_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="250" id="ad1" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@254f6ff6" rendered="true" styleClass="" transient="false" width="300">
<UIParameter id="j_id1385" 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_id1386" rendered="false" transient="false">
<span class="ad-text" style="width: #{width}px;">
<HtmlOutputText escape="true" id="j_id1388" rendered="true" transient="false" value=""/>
</span>
</ComponentRef>
<Ad height="100" id="ad2" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@254f6ff6" rendered="true" styleClass="" transient="false" width="300">
<UIParameter id="j_id1390" name="type" rendered="true" transient="false" value=""/>
</Ad>
</HtmlDiv>
</UINamingContainer>
</div> </div>
<ResourceLoader id="j_id1392" 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_id1393" rendered="false" transient="false">
<span class="ad-text" style="width: #{width}px;">
<HtmlOutputText escape="true" id="j_id1395" rendered="true" transient="false" value=""/>
</span>
</ComponentRef>
<Ad height="1" id="footer1x1" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@254f6ff6" rendered="true" styleClass="" transient="false" width="1"/>
</HtmlDiv>
</UINamingContainer>
</HtmlAjaxOutputPanel>
</body> </html>
</AjaxViewRoot>

+ Scoped Variables

Request Parameters
NameValue
activeMediaTabcollapsed
activeTextTaboverview
pgovr
pgRefvdp
rdpageCONFIGTRIMMODELOVERVIEW
styleid362681
Request Attributes
NameValue
AtcJawrBridgeUtilcom.autotrader.jawr.AtcJawrBridgeUtil@13421a8c
OEMSpecialHandlercom.autotrader.consumer.business.research.modelinfo.OEMSpecialHandler@58dce734
_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@ecf3480
atcAdProcessorLegacycom.autotrader.consumer.web.ad.AtcAdProcessorLegacy@457fc718
carManagercom.autotrader.consumer.business.car.CarManager@47e81c4d
fastModelInfoSearchcom.autotrader.consumer.business.research.modelinfo.FastModelInfoSearch@579a281c
imageUtilscom.autotrader.consumer.util.ImageUtils@49bf7332
inventorySearchUtilcom.autotrader.consumer.web.research.modelinfo.shared.InventorySearchUtil@3823fd71
listingSearchServicecom.autotrader.consumer.business.find.listing.ListingSearchService@42d42282
miOverviewAdProcessorcom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@254f6ff6
miOverviewControllercom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewController@7525a714
miReferenceDataManagerImplcom.autotrader.consumer.business.integration.MIReferenceDataManagerImpl@7afc4e21
miReviewControllercom.autotrader.consumer.web.research.modelinfo.shared.MIReviewController@4a6d979b
miStyleSelectorControllercom.autotrader.consumer.web.research.modelinfo.shared.MIStyleSelectorController@60fc6749
modelInfoContentSearchServicecom.autotrader.consumer.business.research.modelinfo.ModelInfoContentSearchService@5ae11b5d
pg_inst093263565701480320
referenceDataServicecom.autotrader.consumer.web.service.ReferenceDataService@70cba547
resourceBundleUtilscom.autotrader.commons.ResourceBundleUtils@49d0122b
siteConfigUtilscom.autotrader.consumer.util.SiteConfigUtils@7b58eae8
snapshotDAOcom.autotrader.integration.snapshot.SnapshotDAO@aa6649c
staticBundleServicecom.autotrader.components.StaticBundleService@3217433a
stringUtilscom.autotrader.util.StringUtils@153eae87
styleid362681
tile-2054331104
Session Attributes
NameValue
ABTestExperimentscom.autotrader.enterprise.common.testframework.ABTestExperimentInfo@46342bf6
accountManagercom.autotrader.consumer.business.myatc.AccountManager@b32477c
bookmarkCacheManagercom.autotrader.consumer.business.myatc.BookmarkCacheManager@11f323a2
cxp_11_18tandt
headerActioncom.autotrader.consumer.web.myatc.HeaderAction@71a869e2
hotListcom.autotrader.consumer.business.research.HotList@67bfaeb9
Application Attributes
NameValue
CewolfRenderer_Init_Configorg.apache.catalina.core.StandardWrapperFacade@25fb5f6b
Nov 24, 2014 4:39:10 PM - Generated by Facelets