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/overview.xhtml">
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:birf="http://www.autotrader.com/birf">
<head> <meta http-equiv="X-UA-Compatible" content="IE=10"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="description" content="Learn about the #{year} #{make} #{model} #{body} at AutoTrader.com. See car photos, auto videos, car safety information, new car prices, special offers, reviews, and more."/> <meta name="keywords" content="New cars, new car shopping, new car models, #{make} #{model} #{body}, #{year} #{model}, #{make}, #{make} information, #{make} for sale, buy #{make} #{model}."/>
<meta name="p:domain_verify" content="315d28475397cff9ca9875c3d437ee5b"/>
<ComponentRef id="j_id5" rendered="true" transient="false">
<meta name="apple-itunes-app" content="app-id=700740807"/>
</ComponentRef>
<title>
<HtmlOutputText escape="true" id="j_id8" rendered="true" transient="false" value="2008 Chevrolet HHR Wagon - Prices & Reviews"/>
</title>
<link href="//fonts.googleapis.com/css?family=Roboto:400,300" rel="stylesheet" type="text/css"/>
<ComponentRef id="j_id11" rendered="false" transient="false">
<HtmlOutputText escape="false" id="j_id12" rendered="true" transient="false"/>
<HtmlOutputText escape="false" id="j_id13" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id14" rendered="true" transient="false">
<link rel="stylesheet" href="/#{headerAction.jawrBuildReleaseDirectory}/bundles/base.css" type="text/css"/>
<HtmlOutputText escape="false" id="j_id16" 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_id18" rendered="true" transient="false" value="<![endif]-->"/>
</ComponentRef>
<HtmlOutputText escape="false" id="j_id19" rendered="false" transient="false" value=" <!-- Begin bundle /resources/js/bundle/chassisForLegacy.js -->"/>
<HtmlOutputText escape="false" id="j_id20" rendered="false" transient="false" value="<!--[if ]>"/>
<UIRepeat id="j_id21" offset="0" rendered="true" size="-1" transient="false" var="scriptSrc">
<script type="text/javascript" src="#{scriptSrc}"/>
</UIRepeat>
<HtmlOutputText escape="false" id="j_id23" rendered="false" transient="false" value="<![endif]-->"/>
<HtmlOutputText escape="false" id="j_id24" rendered="false" transient="false" value="<!-- End bundle /resources/js/bundle/chassisForLegacy.js -->"/>
<ResourceLoader id="j_id25" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/site.css"/>
<ResourceLoader id="j_id26" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/header.css"/>
<ResourceLoader id="j_id27" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/blueprint/src/grid.css"/>
<ResourceLoader id="j_id28" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/global.js"/>
<ResourceLoader id="j_id29" pathSpecific="false" rendered="true" transient="false" type="js" url="/js/jqueryui/js/jquery.ui.slider.js"/>
<ResourceLoader id="j_id30" pathSpecific="false" rendered="true" transient="false" type="js" url="/onlineopinion/onlineopinion3t.js"/>
<ResourceLoader id="j_id31" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/js/atcbi.js"/>
<ResourceLoader id="j_id32" pathSpecific="false" rendered="true" transient="false" type="css" url="/css/sections/research.css"/>
<ResourceLoader id="j_id33" pathSpecific="false" rendered="true" transient="false" type="js" url="/onlineopinion/onlineopinion3t.js"/>
<link rel="stylesheet" type="text/css" href="/css/sections/miOverviewPrint.css" media="print"/>
<ResourceLoader id="j_id35" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/shared/overlay.js"/>
<ResourceLoader id="j_id36" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/js/swfobject/swfobject.js"/>
<ResourceLoader id="j_id37" pathSpecific="false" rendered="true" transient="false" type="js" url="/inc/js/media/videoController.js"/>
<ResourceLoader id="j_id38" pathSpecific="false" rendered="true" transient="false" type="js" url="/js/components/carousel-thumbnails.js"/>
<ResourceLoader id="j_id39" pathSpecific="false" rendered="true" transient="false" type="js" url="/js/components/carousel-viewport.js"/>
<ResourceLoader id="j_id40" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/overview/color-picker.js"/>
<ResourceLoader id="j_id41" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/spins.js"/>
<ResourceLoader id="j_id42" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/hotlist.js"/>
<ResourceLoader id="j_id43" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/compareCars.js"/>
<ResourceLoader id="j_id44" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/flyouts.js"/>
<ResourceLoader id="j_id45" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/style-navigator.js"/>
<ResourceLoader id="j_id46" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/printManager.js"/>
<ResourceLoader id="j_id47" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/search/thumbnail.js"/>
<ResourceLoader id="j_id48" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/popup.js"/>
<ResourceLoader id="j_id49" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/components/shared/MIUtils.js"/>
<ComponentRef id="j_id50" rendered="false" transient="false">
<ResourceLoader id="j_id51" pathSpecific="false" rendered="true" transient="false" type="js" url="/js/pngfix.js"/>
</ComponentRef>
<ResourceLoader id="j_id52" pathSpecific="false" rendered="true" transient="false" type="js" url="/ui/js/research/mi/init-overview.js"/>
</head> <body class="#{empty bodyClass ? 'standard' : bodyClass} sevo ">
<div id="atc-page-wrapper">
<HtmlDiv id="cobrandHeaderContainer" rendered="false" styleClass="cobrand-header" transient="false">
<iframe name="cobrandIframe" id="cobrandIframe" frameborder="0" src="/inc/spyderCobrand.jsp?Log=0" width="100%" scrolling="no"/>
</HtmlDiv>
<div id="atcui-global-header" class="header-orange-gradient slim-header"> <div class="atcui-global-masthead"> <a birf:log="component" birf:cmp="atc_lgo" href="/" class="autotrader-logo" birf:extra="&novs=y"> <img birf:ref="../" src="http://www.autotraderstatic.com/resources/img/atcui/template/header_logo.png?v=3.99.307238" alt="Buy New or Used Cars at AutoTrader.com"/> </a>
<UINamingContainer id="myatc-header" rendered="true" transient="false">
<div id="myatcHeaderBadge" class="myatcHeaderBadge" style="display: none"/> <script type="text/javascript"> atc.myatc.updateHeaderBadge(); </script>
</UINamingContainer>
</div> <div id="atcui-navigation-container-wrapper"> <div id="atcui-navigation-container">
<ul class="atc-header-nav-main"> <li class="nav-item cars-for-sale"> <a birf:log="component" birf:cmp="fyc_l" href="/cars-for-sale/" class="#{mainNavSelected == 'fyc' ? ' current': ''}" onclick="return MIS.Redirect(this.href, 'GNNDBDMGFC1005');">Cars for Sale</a> </li> <li class="nav-item sell-car">
<a birf:log="component" birf:cmp="syc_l" href="/sell-car/" class="#{mainNavSelected == 'syc' ? 'current': ''}" onclick="return MIS.Redirect(this.href, 'GNNDBDMGSC1006');">
<HtmlOutputText escape="true" id="j_id61" rendered="true" transient="false" value="Sell My Car"/>
</a>
</li> <li class="nav-item trade-in"> <a birf:log="component" birf:cmp="tim_l" href="https://tradein.autotrader.com/?LNX=TIMATCHPNAV" class="#{mainNavSelected == 'tim' ? 'current': ''}" onclick="return MIS.Redirect(this.href, 'GNNDBDMGTM1374');">Trade In My Car</a> </li> <li class="nav-item reviews-and-news"> <a birf:log="component" birf:cmp="cr_l" href="javascript:void(0);" id="research-compare" data-nav-birf-cmp="cr_l" title="#{resourceBundleUtils.lookupValue('content.resources.ui.header.navigation.header_navigation_evo_ui','ui.headernavigation.navlinks.3.title')}" class="#{mainNavSelected == 'research' ? 'current': ''}">
<HtmlOutputText escape="true" id="j_id64" rendered="true" styleClass="nav-item-text" transient="false" value="Car Research & Reviews"/>
<span class="menu-dropdown-arrow"/> </a>
<UINamingContainer id="researchSubnavInclude" rendered="true" transient="false">
<ComponentRef id="j_id66" rendered="false" transient="false">
<link rel="stylesheet" href="/#{buildVersion}#{css}" type="text/css"/>
</ComponentRef>
<ComponentRef id="j_id68" rendered="false" transient="false">
<script type="text/javascript" src="http://www.autotraderstatic.com/#{buildVersion}#{js}?v=3.99.307238"/>
</ComponentRef>
<HtmlPanelGroup id="j_id70" rendered="true" transient="false">
<span id="#{id}">
<UINamingContainer id="atcuiSpinner" rendered="true" transient="false">
<img class="atcui-spinner #{classNames}" src="http://www.autotraderstatic.com/resources/img/atcui/spinner/spinner.gif?v=3.99.307238"/>
</UINamingContainer>
<script type="text/javascript"> (function ($, window) { $.ajax({ url: "#{url}", cache: false, success: function (data) { $('##{id}').html(data); } }); })(jQuery, window); </script> </span>
</HtmlPanelGroup>
</UINamingContainer>
</li> <li class="nav-item local-dealers"> <a birf:log="component" birf:cmp="fyd_l" href="/car-dealers" class="#{mainNavSelected == 'dealer' ? 'current': ''}" onclick="return MIS.Redirect(this.href, 'HMNDBDMGFD1229');">Find Local Dealers</a> </li> <li class="nav-item loans"> <a birf:log="component" birf:cmp="loan_l" href="/redirect/redirector_link.jsp?to_url=http%3A%2F%2Fwww.lendingtree.com%2Fpartners%2Fautotrader%2fdefault.asp%3Floan_type%3D4%26bp%3Dautotrader4%26source%3D1569050%26esourceid%3D1569050&mis=GNNDBDMGLT1136">Loans</a> </li> <li class="nav-item insurance"> <a birf:log="component" birf:cmp="ins_l" href="/finance_insurance/insurance.jsp" onclick="return MIS.Redirect(this.href, 'GNNDBDMGIS1008');">Insurance</a> </li> </ul>
</div> </div>
</div>
<div id="atc-page-container"> <div class="container">
<birf:pageLoad pg="#{birfPageName}"/>
<UINamingContainer id="utility-links" rendered="true" transient="false">
<ul id="utilityLinks" class="#{class}"> <li class="back">
<UINamingContainer id="secondary-backLink-button" rendered="true" transient="false">
<ComponentRef id="j_id80" rendered="true" transient="false">
<ComponentRef id="j_id81" rendered="false" 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_id83" rendered="true" transient="false" value="Back to Results"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id85" rendered="true" 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_id87" rendered="true" transient="false" value="Back to Results"/>
</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;">
<HtmlButton action=" disabled="false" id="j_id89" immediate="false" includePageParams="true" propagation="default" rendered="true" size="-2147483648" transient="false" value="Submit" view="/research/modelinfo/index.xhtml">
<span/>
</HtmlButton>
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
</li>
<ComponentRef id="j_id93" rendered="true" transient="false">
<li class="print" id="#{printId}">
<HtmlOutputLink disabled="false" id="j_id95" rendered="true" transient="false" value="javascript://">
<span class="icon"/>
<HtmlOutputText escape="true" id="j_id97" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</li>
</ComponentRef>
<ComponentRef id="j_id99" rendered="false" transient="false">
<li id="view-controller" class="view-select">
<HtmlOutputLink disabled="false" id="j_id101" rendered="true" styleClass="list-view list-view-active" title="See List View" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id102" rendered="true" transient="false" value="See List View"/>
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id103" rendered="true" styleClass="grid-view" title="See Large View" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id104" rendered="true" transient="false" value="See Large View"/>
</HtmlOutputLink>
</li>
</ComponentRef>
</ul>
</UINamingContainer>
<div id="overview-wrapper">
<UINamingContainer id="summary" rendered="true" transient="false">
<ComponentRef id="j_id108" rendered="true" transient="false">
<img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.99.307238" alt="/img/research/mi/printable/printable-atc-logo.png" class="for-print-only"/>
<ComponentRef id="j_id110" rendered="true" transient="false">
<img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.99.307238" 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_id112" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id114" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id116" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id117" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id118" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id120" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id122" rendered="false" transient="false"/>
</h2> </div>
</ComponentRef>
<div class="atcui-container-content #{disableGradientClass} atcui-container-content-#{empty tier ? 'Primary' : tier}">
<ComponentRef id="j_id125" rendered="true" transient="false">
<div class="photo-wrapper">
<HtmlFragment id="j_id127" rendered="true" transient="false">
<HtmlFragment id="j_id128" 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_id130" 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_id134" rendered="true" transient="false" value="2008 Chevrolet HHR Wagon"/>
</h1>
<ComponentRef id="j_id136" rendered="true" transient="false">
<p class="trim">
<HtmlOutputText escape="true" id="j_id138" rendered="true" transient="false" value="FWD 4dr Panel LS"/>
</p>
</ComponentRef>
<p class="details">
<ComponentRef id="j_id141" rendered="false" transient="false">
<ComponentRef id="j_id142" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id143" rendered="true" transient="false" value="Price Range: "/>
<HtmlOutputText escape="true" id="j_id144" rendered="false" transient="false" value="MSRP Range: "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@57c4df97" escape="true" id="j_id145" rendered="true" transient="false" value="16730"/>
<HtmlOutputText escape="true" id="j_id146" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@3e335f85" escape="true" id="j_id147" rendered="true" transient="false" value="22925"/>
<HtmlOutputText escape="true" id="j_id148" rendered="true" transient="false" value=" | "/>
</ComponentRef>
<ComponentRef id="j_id149" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id150" rendered="true" transient="false" value="No price available"/>
</ComponentRef>
<HtmlOutputText escape="true" id="j_id151" rendered="true" transient="false" value="20 MPG City - 29 MPG Highway"/>
<br/>
<ComponentRef id="j_id153" rendered="false" transient="false">
<ComponentRef id="j_id154" rendered="false" transient="false">
<script type="text/javascript"> asisQ("#{miOverviewBean.modelBrochure.externalImpressionTag}"); </script>
</ComponentRef>
<ComponentRef id="j_id156" 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_id159" 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.99.307238" alt="" title="View brochure" align="left"/> <span class="brochure-link">
<HtmlOutputText escape="true" id="j_id161" rendered="true" transient="false" value="View brochure"/>
</span>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
<ComponentRef id="j_id163" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id164" rendered="true" transient="false" value="Starting at "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@1ec434aa" escape="true" id="j_id165" rendered="false" transient="false" value="17035"/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@635d94ad" escape="true" id="j_id166" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id167" rendered="true" transient="false" value=" | "/>
<HtmlOutputText escape="true" id="j_id168" rendered="true" transient="false" value="Starting at "/>
<HtmlOutputText escape="true" id="j_id169" rendered="true" transient="false" value="20 MPG City - 30 MPG Highway"/>
<ComponentRef id="j_id170" rendered="false" transient="false">
<ComponentRef id="j_id171" rendered="false" transient="false">
<script type="text/javascript"> asisQ("#{miOverviewBean.modelBrochure.externalImpressionTag}"); </script>
</ComponentRef>
<ComponentRef id="j_id173" 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_id176" 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.99.307238" alt="See brochure" title="See brochure"/>
<HtmlOutputText escape="true" id="j_id178" 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.99.307238" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id181" rendered="true" transient="false" value="5"/>
</span> </div> <p>
<HtmlFragment id="j_id183" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id184" rendered="true" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id185" rendered="false" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id186" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id187" rendered="true" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id188" rendered="false" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id190" rendered="true" transient="false">
<ComponentRef id="j_id191" 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_id193" 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_id195" 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_id197" 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_id201" rendered="false" transient="false">
<div class="qanda-wrapper">
<UINamingContainer id="questionAndAnswer" rendered="true" transient="false">
<HtmlLoadScript id="j_id203" 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_id205" rendered="true" transient="false">
<ComponentRef id="j_id206" 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_id208" 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_id210" 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_id212" 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_id216" rendered="false" transient="false">
<ComponentRef id="j_id217" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id218" onclick="window.close(); window.opener.location = ''; return false;" rendered="true" styleClass="conditional-link" transient="false">
<HtmlOutputText escape="true" id="j_id219" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id220" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id221" onclick="window.opener.location = '/research/configure/trimselection.jsp?year=2008&make=Chevrolet&model=HHR&body_style=Wagon&adClassSeries=UNAVAIL'; window.close(); return false;" rendered="true" styleClass="conditional-link" transient="false" value="javascript:void(0)">
<HtmlOutputText escape="true" id="j_id222" rendered="true" transient="false" value="Build & Price a 2008"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id223" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id224" onclick="window.close(); window.opener.location = '/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=CHEV&model=HHR&start_year=2008&end_year=2008'; return false;" rendered="true" styleClass="conditional-link" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=CHEV&model=HHR&start_year=2008&end_year=2008">
<HtmlOutputText escape="true" id="j_id225" rendered="true" transient="false" value="Find It Near You"/>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
<ComponentRef id="j_id226" rendered="true" transient="false">
<ComponentRef id="j_id227" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id228" rendered="true" styleClass="conditional-link" transient="false">
<HtmlOutputText escape="true" id="j_id229" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id230" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id231" rendered="true" styleClass="conditional-link" transient="false" value="/research/configure/trimselection.jsp?year=2008&make=Chevrolet&model=HHR&body_style=WAGON&adClassSeries=UNAVAIL&style_id=289284">
<HtmlOutputText escape="true" id="j_id232" rendered="true" transient="false" value="Build & Price a 2008"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id233" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id234" rendered="true" styleClass="conditional-link" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=CHEV&model=HHR&start_year=2008&end_year=2008">
<HtmlOutputText escape="true" id="j_id235" rendered="true" transient="false" value="Find It Near You"/>
</HtmlOutputLink>
</ComponentRef>
</ComponentRef>
</div> </div>
</ComponentRef>
</UINamingContainer>
<ComponentRef id="j_id237" rendered="true" transient="false">
<div id="oem-overview">
<div class="oem-overview-logo-window">
<HtmlOutputLink disabled="false" id="j_id240" rendered="true" target="_blank" title="Chevrolet" transient="false">
<img src="#{oemLogo.src}" alt="#{oemLogo.alt}" width="#{oemLogo.width}" height="#{oemLogo.height}"/>
</HtmlOutputLink>
</div> <ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@14cc1cd2" first="0" id="j_id243" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@647829a8" rowKeyVar="status" rows="0" transient="false" var="link">
<li>
<DataOutputLink dataThirdPartyClick="" disabled="false" id="j_id245" rendered="true" styleClass="" target="_blank" transient="false">
<HtmlOutputText escape="true" id="j_id246" 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_id249" rendered="true" 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="Chevrolet" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id251" rendered="true" transient="false" value="Chevrolet"/>
</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="HHR" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id253" rendered="true" transient="false" value="HHR"/>
</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="2008" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id255" rendered="true" transient="false" value="2008"/>
</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="Wagon" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id257" rendered="true" transient="false" value="Wagon"/>
</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_id259" 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_id262" 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_id263" 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_id264" 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@cf70820" first="0" id="j_id265" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@2e367386" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@78da7a1d" first="0" id="j_id267" rendered="true" rowIndex="0" rowKeyConverter="javax.faces.convert.IntegerConverter@4f8743e7" 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_id269" 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@397b1b7b" first="0" id="j_id271" 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_id273" 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_id276" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id277" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@414945b8" first="0" id="j_id278" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id279" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id281" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id283" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@31805484" first="0" id="j_id286" 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_id288" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0){ $j(document).miSearchInit('narrowSearchErrorPrep'); } else { $j('#vehicle-navigator').styleNavigator('showNextFlyout'); }" reRender="narrowSelectyear, flyoutbody, flyoutyear" rel="" rendered="true" requestDelay="-2147483648" styleClass="flyout-year-link " timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id291" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id293" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@602cbf7f" first="0" id="j_id295" 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_id297" 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_id300" 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@19d05c2d" first="0" id="j_id301" 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_id303" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id305" 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_id301:j_id307','parameters':{'summary:flyout\x2Dmake:style\x2Dfilter\x2Darea:j_id301:j_id307':'summary:flyout\x2Dmake:style\x2Dfilter\x2Darea:j_id301:j_id307'} ,'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_id307" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id306" 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_id311" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id313" rendered="false" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id314" rendered="true" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id316" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id318" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id320" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id322" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id324" 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@3e539b98" first="0" id="j_id327" 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_id330" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id332" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@630c381f" escape="true" id="j_id333" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id334" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@3738ae06" escape="true" id="j_id335" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id336" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6a29283c" escape="true" id="j_id337" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id338" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@3410b197" escape="true" id="j_id339" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id341" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id343" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id345" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id347" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id349" 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_id354" 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_id355" 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_id356" 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@33fb4b35" first="0" id="j_id357" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@37069f3c" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@13c0385d" first="0" id="j_id359" 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_id361" 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@30b46bcc" first="0" id="j_id363" rendered="true" rowIndex="0" rowKeyConverter="javax.faces.convert.IntegerConverter@1511370f" 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_id365" 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_id368" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id369" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1d35c497" first="0" id="j_id370" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id371" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id373" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id375" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@34fda47c" first="0" id="j_id378" 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_id380" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0){ $j(document).miSearchInit('narrowSearchErrorPrep'); } else { $j('#vehicle-navigator').styleNavigator('showNextFlyout'); }" reRender="narrowSelectyear, flyoutbody, flyoutyear" rel="" rendered="true" requestDelay="-2147483648" styleClass="flyout-year-link " timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id383" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id385" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@7839e411" first="0" id="j_id387" 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_id389" 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_id392" 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@20ac55c1" first="0" id="j_id393" 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_id395" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id397" 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_id393:j_id399','parameters':{'summary:flyout\x2Dmodel:style\x2Dfilter\x2Darea:j_id393:j_id399':'summary:flyout\x2Dmodel:style\x2Dfilter\x2Darea:j_id393:j_id399'} ,'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_id399" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id398" 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_id403" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id405" rendered="false" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id406" rendered="true" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id408" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id410" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id412" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id414" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id416" 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@123202a9" first="0" id="j_id419" 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_id422" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id424" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@114cae94" escape="true" id="j_id425" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id426" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@41597f6b" escape="true" id="j_id427" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id428" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@5abc6b51" escape="true" id="j_id429" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id430" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@829c161" escape="true" id="j_id431" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id433" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id435" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id437" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id439" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id441" 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_id446" 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_id447" 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_id448" 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@6d56cb76" first="0" id="j_id449" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@5d47e80e" first="0" id="j_id451" 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_id453" 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@1bd41efa" first="0" id="j_id455" 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_id457" 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_id460" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id461" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@33dbd5c" first="0" id="j_id462" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@4a5ae4ad" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id463" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id465" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id467" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@155b3ffe" first="0" id="j_id470" rendered="true" rowIndex="0" rowKeyConverter="javax.faces.convert.IntegerConverter@19c647a6" 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_id472" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0){ $j(document).miSearchInit('narrowSearchErrorPrep'); } else { $j('#vehicle-navigator').styleNavigator('showNextFlyout'); }" reRender="narrowSelectyear, flyoutbody, flyoutyear" rel="" rendered="true" requestDelay="-2147483648" styleClass="flyout-year-link " timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id475" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id477" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@2889f082" first="0" id="j_id479" 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_id481" 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_id484" 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@780cfb98" first="0" id="j_id485" 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_id487" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id489" 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_id485:j_id491','parameters':{'summary:flyout\x2Dyear:style\x2Dfilter\x2Darea:j_id485:j_id491':'summary:flyout\x2Dyear:style\x2Dfilter\x2Darea:j_id485:j_id491'} ,'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_id491" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id490" 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_id495" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id497" rendered="false" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id498" rendered="true" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id500" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id502" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id504" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id506" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id508" 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@1c59f5bb" first="0" id="j_id511" 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_id514" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id516" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@5613d687" escape="true" id="j_id517" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id518" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@30696537" escape="true" id="j_id519" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id520" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@577416b5" escape="true" id="j_id521" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id522" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@67ef1ee" escape="true" id="j_id523" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id525" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id527" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id529" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id531" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id533" 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_id538" 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_id539" 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_id540" 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@783d4396" first="0" id="j_id541" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@7e206a85" first="0" id="j_id543" 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_id545" 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@2318274" first="0" id="j_id547" 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_id549" 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_id552" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id553" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6b8ecc" first="0" id="j_id554" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id555" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id557" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id559" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@156bf34b" first="0" id="j_id562" 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_id564" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0){ $j(document).miSearchInit('narrowSearchErrorPrep'); } else { $j('#vehicle-navigator').styleNavigator('showNextFlyout'); }" reRender="narrowSelectyear, flyoutbody, flyoutyear" rel="" rendered="true" requestDelay="-2147483648" styleClass="flyout-year-link " timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id567" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id569" rendered="true" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6231cbe9" first="0" id="j_id571" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@3342605c" 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_id573" 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_id576" 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@4ac4524e" first="0" id="j_id577" 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_id579" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id581" 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_id577:j_id583','parameters':{'summary:flyout\x2Dbody:style\x2Dfilter\x2Darea:j_id577:j_id583':'summary:flyout\x2Dbody:style\x2Dfilter\x2Darea:j_id577:j_id583'} ,'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_id583" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id582" 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_id587" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id589" rendered="false" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id590" rendered="true" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id592" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id594" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id596" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id598" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id600" 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@1ef7a53b" first="0" id="j_id603" 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_id606" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id608" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@1480d45f" escape="true" id="j_id609" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id610" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@15f6b37d" escape="true" id="j_id611" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id612" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@7781dece" escape="true" id="j_id613" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id614" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6f4ae3ad" escape="true" id="j_id615" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id617" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id619" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id621" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id623" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id625" 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_id630" 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_id631" 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_id632" 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@1da9abf0" first="0" id="j_id633" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6e5728c6" first="0" id="j_id635" 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_id637" 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@1c3617c2" first="0" id="j_id639" 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_id641" 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_id644" rendered="false" styleClass="nms-flyout-link follow" transient="false">
<HtmlOutputText escape="true" id="j_id645" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@2351d006" first="0" id="j_id646" rendered="false" rowIndex="0" rowKeyVar="groupNum" rows="0" transient="false" var="group">
<ComponentRef id="j_id647" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.current']}</h4>
</ComponentRef>
<ComponentRef id="j_id649" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.previous']}</h4>
</ComponentRef>
<ComponentRef id="j_id651" rendered="false" transient="false">
<h4>#{messages['mi.search.narrow.year.older']}</h4>
</ComponentRef>
<ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@50304c07" first="0" id="j_id654" 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_id656" ignoreDupResponses="false" immediate="true" limitToList="false" oncomplete="$j('#vehicle-navigator').styleNavigator('manageValues', this);if ($j('#know').length != 0){ $j(document).miSearchInit('narrowSearchErrorPrep'); } else { $j('#vehicle-navigator').styleNavigator('showNextFlyout'); }" reRender="narrowSelectyear, flyoutbody, flyoutyear" rel="" rendered="true" requestDelay="-2147483648" styleClass="flyout-year-link " timeout="-2147483648" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
<ComponentRef id="j_id659" rendered="false" transient="false">
<script type="text/javascript"> $j("#flyout-year").thumbnailHovers("clear"); $j("#flyout-year").thumbnailHovers("buildThumbnails"); </script>
</ComponentRef>
</HtmlAjaxRepeat>
<ComponentRef id="j_id661" rendered="false" transient="false">
<ul id="bodystyles" style="#{listWidth}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@12cf88b2" first="0" id="j_id663" 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_id665" 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_id668" 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@771767c3" first="0" id="j_id669" rendered="true" rowIndex="-1" 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_id671" rendered="true" transient="false"/>
</h4>
<HtmlSelectOneRadio border="-2147483648" disabled="false" id="j_id673" 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_id669:j_id675','parameters':{'summary:flyout\x2Dstyle:style\x2Dfilter\x2Darea:j_id669:j_id675':'summary:flyout\x2Dstyle:style\x2Dfilter\x2Darea:j_id669:j_id675'} ,'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_id675" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<HtmlSelectItems escape="true" hideNoSelectionLabel="false" id="j_id674" 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_id679" rendered="true" transient="false" value="Style"/>
</span> </h4> <h4 class="price-info"> <span>
<HtmlOutputText escape="true" id="j_id681" rendered="false" transient="false" value="MSRP/ Invoice"/>
<HtmlOutputText escape="true" id="j_id682" rendered="true" transient="false" value="Price/ Original MSRP"/>
</span> </h4> <h4 class="engine-info"> <span>
<HtmlOutputText escape="true" id="j_id684" rendered="true" transient="false" value="Engine"/>
</span> </h4> <h4 class="horsepower-info"> <span>
<HtmlOutputText escape="true" id="j_id686" rendered="true" transient="false" value="Horse- power"/>
</span> </h4> <h4 class="mpg-info"> <span>
<HtmlOutputText escape="true" id="j_id688" rendered="true" transient="false" value="City MPG/ Hwy. MPG"/>
</span> </h4> <h4 class="trans-info"> <span>
<HtmlOutputText escape="true" id="j_id690" rendered="true" transient="false" value="Trans."/>
</span> </h4> <h4 class="drive-info"> <span>
<HtmlOutputText escape="true" id="j_id692" 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@219d704a" first="0" id="j_id695" rendered="true" rowIndex="-1" 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_id698" rendered="true" transient="false" value="N/A"/>
</div> <div class="price-info">
<HtmlFragment id="j_id700" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@67371b83" escape="true" id="j_id701" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id702" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@52ef6a65" escape="true" id="j_id703" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
<HtmlFragment id="j_id704" rendered="true" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6432376c" escape="true" id="j_id705" rendered="true" transient="false" value="N/A"/>
<HtmlOutputText escape="true" id="j_id706" rendered="true" transient="false" value=" / "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@1cd4c6d8" escape="true" id="j_id707" rendered="true" transient="false" value="N/A"/>
</HtmlFragment>
</div> <div class="engine-info">
<HtmlOutputText escape="true" id="j_id709" rendered="true" transient="false" value="N/A"/>
</div> <div class="horsepower-info">
<HtmlOutputText escape="true" id="j_id711" rendered="true" transient="false" value="N/A"/>
</div> <div class="mpg-info">
<HtmlOutputText escape="true" id="j_id713" rendered="true" transient="false" value="N/A / N/A"/>
</div> <div class="trans-info">
<HtmlOutputText escape="true" id="j_id715" rendered="true" transient="false" value="N/A"/>
</div> <div class="drive-info">
<HtmlOutputText escape="true" id="j_id717" rendered="true" transient="false" value="N/A"/>
</div> </div>
</HtmlAjaxRepeat>
</div>
</HtmlAjaxOutputPanel>
</HtmlDiv>
</HtmlForm>
</ComponentRef>
</HtmlAjaxOutputPanel>
</div>
</UINamingContainer>
</div>
</ComponentRef>
</UINamingContainer>
</div>
<div id="relatedContent">
<UINamingContainer id="ad-bigBoxAd-define" rendered="true" transient="false">
<script type="text/javascript"> googletag.cmd.push(function() {
<UINamingContainer id="ad-bigBoxAd-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-leftRailAd-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_id727" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@554a9db1" rendered="true" transient="false"/>
</script>
</UINamingContainer>
<UINamingContainer id="prices-data" rendered="true" transient="false">
<UINamingContainer id="prices-container" rendered="true" transient="false">
<ComponentRef id="j_id729" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id731" rendered="true" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id733" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id734" rendered="true" transient="false" value="Prices & Offers"/>
</ComponentRef>
<ComponentRef id="j_id735" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id737" rendered="true" transient="false" value="Prices & Offers"/>
</a>
</ComponentRef>
<ComponentRef id="j_id739" rendered="false" transient="false"/>
</h2> </div>
</ComponentRef>
<div class="atcui-container-content #{disableGradientClass} atcui-container-content-#{empty tier ? 'Primary' : tier}">
<HtmlDiv id="pricesTmp" rendered="true" transient="false">
<p>
<UINamingContainer id="change-zip-" rendered="true" transient="false">
<HtmlAjaxOutputPanel ajaxRendered="false" id="changeZipLink" keepTransient="true" layout="inline" rendered="true" transient="false">
<ComponentRef id="j_id743" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id744" rendered="true" transient="false" value="Please "/>
<HtmlOutputLink disabled="false" id="j_id745" rendered="true" styleClass="updateZipTrigger" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id746" rendered="true" transient="false" value="enter your ZIP code"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id747" rendered="true" transient="false" value=" to see local prices, special offers and listings near you."/>
</ComponentRef>
<ComponentRef id="j_id748" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id749" rendered="true" transient="false" value="ZIP: "/>
<HtmlOutputLink disabled="false" id="j_id750" onclick="clickASIS({biType:'vs',biASIS:'aws_clk',rdpage:'change_location',address:'*'})" rendered="true" styleClass="updateZipTrigger" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id751" rendered="true" transient="false" value="enter your ZIP code"/>
</HtmlOutputLink>
</ComponentRef>
</HtmlAjaxOutputPanel>
</UINamingContainer>
</p> <ul> <li>
<HtmlFragment id="j_id753" rendered="false" transient="false">
<strong>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@15b6fb36" escape="true" id="j_id755" rendered="true" transient="false"/>
</strong>
<HtmlOutputText escape="true" id="j_id757" rendered="false" transient="false" value=" starting MSRP"/>
<HtmlOutputText escape="true" id="j_id758" rendered="true" transient="false" value=" average Retail"/>
</HtmlFragment>
<HtmlOutputText escape="true" id="j_id759" rendered="false" transient="false" value="MSRP is not available"/>
<HtmlOutputText escape="true" id="j_id760" rendered="true" transient="false" value="Average Retail is not available"/>
</li> <li>
<HtmlFragment id="j_id762" rendered="false" transient="false">
<HtmlFragment id="j_id763" rendered="true" transient="false">
<strong>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@2026a15d" escape="true" id="j_id765" rendered="true" transient="false" value="16098"/>
</strong>
<HtmlOutputText escape="true" id="j_id767" rendered="true" transient="false" value=" starting Invoice"/>
</HtmlFragment>
<HtmlOutputText escape="true" id="j_id768" rendered="false" transient="false" value="Invoice is not available"/>
</HtmlFragment>
<HtmlFragment id="j_id769" rendered="true" transient="false">
<HtmlFragment id="j_id770" rendered="true" transient="false">
<strong>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@482bf128" escape="true" id="j_id772" rendered="true" transient="false" value="17035"/>
</strong>
<HtmlOutputText escape="true" id="j_id774" rendered="true" transient="false" value=" original MSRP"/>
</HtmlFragment>
<HtmlOutputText escape="true" id="j_id775" rendered="false" transient="false" value="Original MSRP is not available"/>
</HtmlFragment>
</li> </ul>
<ComponentRef id="j_id777" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id778" rendered="true" styleClass="standalone" transient="false" value="/research/configure/trimselection.jsp?year=2008&make=Chevrolet&model=HHR&body_style=WAGON&adClassSeries=UNAVAIL">
<HtmlOutputText escape="true" id="j_id779" rendered="false" transient="false" value="Build & Price your HHR"/>
<HtmlOutputText escape="true" id="j_id780" rendered="true" transient="false" value="Build & Price a 2008"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id781" rendered="false" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id783" rendered="false" transient="false" value="Chevrolet Offers"/>
<HtmlOutputText escape="true" id="j_id784" rendered="true" transient="false" value="Chevrolet offers on new 2008 HHRs"/>
</h3> <p>
<ComponentRef id="j_id786" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@3ce59e1c" escape="true" id="j_id787" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id788" rendered="true" transient="false" value=" Total Cash"/>
<span class="standalone">
<HtmlOutputText escape="true" id="j_id790" rendered="true" transient="false"/>
</span>
</ComponentRef>
<ComponentRef id="j_id792" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6ef5f80" escape="true" id="j_id793" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id794" rendered="true" transient="false" value=" Bonus Cash and Financing Offers"/>
</ComponentRef>
<HtmlOutputText escape="true" id="j_id795" rendered="false" transient="false" value="Financing Offers"/>
</p>
</ComponentRef>
<ComponentRef id="j_id797" rendered="false" transient="false">
<ul class="specials-financing">
<UIRepeat id="j_id799" offset="0" rendered="true" size="-1" transient="false" var="offer">
<li>
<HtmlOutputText escape="true" id="j_id801" rendered="true" transient="false" value="% for months"/>
<HtmlOutputText escape="true" id="j_id802" rendered="false" transient="false" value="Standard APR for months"/>
</li>
</UIRepeat>
</ul>
</ComponentRef>
<HtmlOutputLink disabled="false" id="j_id805" onclick="$j(this).popup({height: 450, name: 'atc'}); return false;" rendered="false" styleClass="standalone" title="See more offers & details" transient="false" value="/research/modelinfo/specialOffers.xhtml?styleid=289284">
<HtmlOutputText escape="true" id="j_id806" rendered="true" transient="false" value="See more offers & details"/>
</HtmlOutputLink>
<ComponentRef id="j_id807" rendered="false" transient="false">
<div id="local-availability"> <h3 class="local-avail-header">
<HtmlOutputFormat escape="true" id="j_id809" rendered="true" transient="false" value="Find the {0} at:">
<UIParameter id="j_id810" rendered="true" transient="false" value="HHR"/>
</HtmlOutputFormat>
</h3> <ul class="mini-listings-new">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@4d66d00e" first="0" id="j_id812" rendered="true" rowIndex="0" rowKeyVar="index" rows="3" transient="false" var="ownerStock">
<UINamingContainer id="mini-listing-current" rendered="true" transient="false">
<li>
<ComponentRef id="j_id814" rendered="true" transient="false">
<HtmlFragment id="j_id815" rendered="false" transient="false">
<h4>
<HtmlOutputText escape="true" id="j_id817" rendered="true" transient="false"/>
</h4>
</HtmlFragment>
<HtmlFragment id="j_id819" rendered="true" transient="false">
<HtmlFragment id="j_id820" 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_id822" 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>
<p>
<HtmlOutputText escape="true" id="j_id825" rendered="true" transient="false" value="In stock now:"/>
<HtmlOutputLink disabled="false" id="j_id826" rendered="true" transient="false" value="/fyc/searchresults.jsp?start_year=2008&end_year=2008&make=CHEV&model=HHR&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=WAGON">
#{year} #{messages['mi.overview.price.availability.current']}
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id828" rendered="true" transient="false" value="/fyc/searchresults.jsp?end_year=2007&make=CHEV&model=HHR&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=WAGON">
<HtmlOutputFormat escape="true" id="j_id829" rendered="true" transient="false" value="Search older models"/>
</HtmlOutputLink>
</p>
</ComponentRef>
<ComponentRef id="j_id831" rendered="false" transient="false">
<a href="#{url1}">
<HtmlFragment id="j_id833" rendered="true" transient="false">
<HtmlFragment id="j_id834" 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_id836" 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>
<ComponentRef id="j_id838" rendered="false" transient="false">
<span class="details">
<ComponentRef id="j_id840" rendered="false" transient="false">
<strong>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@18e56ed5" escape="true" id="j_id842" rendered="true" transient="false"/>
</strong>
</ComponentRef>
<ComponentRef id="j_id844" rendered="false" transient="false">
<span>
<HtmlOutputFormat escape="true" id="j_id846" rendered="true" transient="false" value="Mileage: {0}">
<UIParameter id="j_id847" rendered="true" transient="false"/>
</HtmlOutputFormat>
</span>
</ComponentRef>
<ComponentRef id="j_id849" rendered="false" transient="false">
<span>
<HtmlOutputText escape="true" id="j_id851" rendered="true" transient="false"/>
</span>
</ComponentRef>
</span>
</ComponentRef>
</a>
</ComponentRef>
</li>
</UINamingContainer>
</HtmlAjaxRepeat>
</ul> </div>
</ComponentRef>
<ComponentRef id="j_id857" rendered="false" transient="false">
<div id="local-availability"> <h3>
<HtmlOutputText escape="true" id="j_id859" rendered="true" transient="false" value="Cars for Sale:"/>
</h3> <p>
<HtmlOutputLink disabled="false" id="j_id861" rendered="true" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=CHEV&model=HHR&start_year=2008&end_year=2008&body_code=WAGON&only_photo=1">
<HtmlOutputText escape="true" id="j_id862" rendered="true" transient="false" value="There"/>
<HtmlOutputText escape="true" id="j_id863" rendered="true" transient="false" value=" are "/>
<HtmlOutputText escape="true" id="j_id864" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id865" rendered="true" transient="false" value=" listings "/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id866" rendered="true" transient="false" value=" from "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@7ecf6eb7" escape="true" id="j_id867" rendered="false" transient="false"/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@646df16b" escape="true" id="j_id868" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id869" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6e04db4f" escape="true" id="j_id870" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id871" rendered="true" transient="false" value="."/>
</p> <p>
<HtmlOutputText escape="true" id="j_id873" rendered="true" transient="false" value="Check out a few below:"/>
</p> <ul class="mini-listings-old">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@da57f7" first="0" id="j_id875" rendered="true" rowIndex="0" rowKeyVar="index" rows="4" transient="false" var="listing">
<UINamingContainer id="mini-listing-older" rendered="true" transient="false">
<li>
<ComponentRef id="j_id877" rendered="false" transient="false">
<HtmlFragment id="j_id878" rendered="false" transient="false">
<h4>
<HtmlOutputText escape="true" id="j_id880" rendered="true" transient="false"/>
</h4>
</HtmlFragment>
<HtmlFragment id="j_id882" rendered="true" transient="false">
<HtmlFragment id="j_id883" 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_id885" 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>
<p>
<HtmlOutputText escape="true" id="j_id888" rendered="true" transient="false" value="In stock now:"/>
<HtmlOutputLink disabled="false" id="j_id889" rendered="true" transient="false" value="/fyc/vdp.jsp?&car_id=&dealer_id=">
#{year} #{messages['mi.overview.price.availability.current']}
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id891" rendered="false" transient="false">
<HtmlOutputFormat escape="true" id="j_id892" rendered="true" transient="false" value="Search older models"/>
</HtmlOutputLink>
</p>
</ComponentRef>
<ComponentRef id="j_id894" rendered="true" transient="false">
<a href="#{url1}">
<HtmlFragment id="j_id896" rendered="true" transient="false">
<HtmlFragment id="j_id897" 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_id899" 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>
<ComponentRef id="j_id901" rendered="false" transient="false">
<span class="details">
<ComponentRef id="j_id903" rendered="false" transient="false">
<strong>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@7ec51990" escape="true" id="j_id905" rendered="true" transient="false"/>
</strong>
</ComponentRef>
<ComponentRef id="j_id907" rendered="false" transient="false">
<span>
<HtmlOutputFormat escape="true" id="j_id909" rendered="true" transient="false" value="Mileage: {0}">
<UIParameter id="j_id910" rendered="true" transient="false"/>
</HtmlOutputFormat>
</span>
</ComponentRef>
<ComponentRef id="j_id912" rendered="false" transient="false">
<span>
<HtmlOutputText escape="true" id="j_id914" rendered="true" transient="false"/>
</span>
</ComponentRef>
</span>
</ComponentRef>
</a>
</ComponentRef>
</li>
</UINamingContainer>
</HtmlAjaxRepeat>
</ul> </div>
</ComponentRef>
</HtmlDiv>
</div> </div>
</ComponentRef>
</UINamingContainer>
</UINamingContainer>
<UINamingContainer id="ad-leftRailAd-display" rendered="true" transient="false">
<div class="#{adWrapperClass}"> <div id="#{adId}" title="Advertisement" class="atc-ad atc-ad-dfp #{adLabel eq true ? 'atc-ad-text' : ''}" style="width: #{width eq '' ? 'auto': width}px;"> <script type="text/javascript"> googletag.cmd.push(function() { googletag.display('#{adId}'); }); </script> </div> </div>
</UINamingContainer>
<UINamingContainer id="next-steps" rendered="true" transient="false">
<UINamingContainer id="next-container" rendered="true" transient="false">
<ComponentRef id="j_id922" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id924" rendered="true" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id926" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id927" rendered="true" transient="false" value="Next Steps"/>
</ComponentRef>
<ComponentRef id="j_id928" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id930" rendered="true" transient="false" value="Next Steps"/>
</a>
</ComponentRef>
<ComponentRef id="j_id932" rendered="true" transient="false"/>
</h2> </div>
</ComponentRef>
<div class="atcui-container-content #{disableGradientClass} atcui-container-content-#{empty tier ? 'Primary' : tier}">
<ul> <li>
<HtmlOutputLink disabled="false" id="j_id936" rendered="true" styleClass="atcui-icon atcui-externalLink" target="_blank" transient="false" value="/redirect/redirector_link.jsp?to_url=https%3A%2F%2Fwww.roadloans.com%2Fautotrader%3Fp%3Dautotrader%26LoanType%3Dused%26campaignname%3Dmodelinfo-research-compare%26ad%3Dtextlink1%26medium%3DSponsor&mis=RCMIBDLNLT1168">
<HtmlOutputText escape="true" id="j_id937" rendered="true" transient="false" value="Get pre-qualified today"/>
<span/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id940" rendered="true" transient="false" value="/finance_insurance/insurance.jsp">
<HtmlOutputText escape="true" id="j_id941" rendered="true" transient="false" value="Save hundreds on insurance"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id943" rendered="true" styleClass="atcui-icon atcui-externalLink" target="_blank" transient="false" value="/redirect/redirector_link.jsp?to_url=http://www.nadaguides.com/home.aspx?l=1&w=28&p=0&f=5000&aid=146199&iid=59940&nozip=1&mis=RCMIBDLNNA1069">
<HtmlOutputText escape="true" id="j_id944" rendered="true" transient="false" value="Find a vehicle's value on NADAguides.com"/>
<span/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id947" rendered="true" transient="false" value="https://sell.autotrader.com/syc/syc_center.jsf">
<HtmlOutputText escape="true" id="j_id948" rendered="true" transient="false" value="Sell your car quickly on AutoTrader.com"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id950" rendered="true" transient="false" value="/car-dealers">
<HtmlOutputText escape="true" id="j_id951" rendered="true" transient="false" value="Find a dealer near you"/>
</HtmlOutputLink>
</li> </ul>
</div> </div>
</ComponentRef>
</UINamingContainer>
</UINamingContainer>
</div> <div id="modelDetails">
<UINamingContainer id="media-tabs-wrapper-container" rendered="true" transient="false">
<ComponentRef id="j_id955" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id957" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id959" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id960" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id961" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id963" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id965" 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">
<TabPanel id="photos-include" onshow="" rendered="true" selected="true" title="Photos" transient="false">
<UINamingContainer id="photos" rendered="true" transient="false">
<ResourceLoader id="j_id968" pathSpecific="false" rendered="true" transient="false" type="js" url="/js/components/carousel-thumbnails.js"/>
<ResourceLoader id="j_id969" pathSpecific="false" rendered="true" transient="false" type="js" url="/js/components/carousel-viewport.js"/>
<div class="outter-gallery-wrapper"> <div class="gallery-wrapper"> <div id="photo-viewport" class="atcui-carousel-viewport">
<HtmlFragment id="j_id971" rendered="true" transient="false">
<HtmlFragment id="j_id972" 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_id974" 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> <div id="photo-thumbs" class="atcui-carousel-thumbnails js-disabled">
<div>
<HtmlFragment id="j_id978" rendered="true" transient="false">
<HtmlFragment id="j_id979" 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_id981" 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>
<div>
<HtmlFragment id="j_id985" rendered="true" transient="false">
<HtmlFragment id="j_id986" 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_id988" 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>
<div>
<HtmlFragment id="j_id992" rendered="true" transient="false">
<HtmlFragment id="j_id993" 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_id995" 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>
<div>
<HtmlFragment id="j_id999" rendered="true" transient="false">
<HtmlFragment id="j_id1000" 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_id1002" 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>
<div>
<HtmlFragment id="j_id1006" rendered="true" transient="false">
<HtmlFragment id="j_id1007" 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_id1009" 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>
</div> </div> </div>
<script type="text/javascript"> function initPhotoViewer() { var viewer = function(){ $j('#photo-thumbs').carousel({ hasButtons: true, perPage: 5, marginHoriz: 10, marginVert: 4, prefix: 'photo', thumbArray: '#{photoThumbArray}'.split(','), tileWidth: 58, tileHeight: 44, useUITheme: false }); $j('#photo-viewport').viewport({ height: '#{imageHeight + 6}', mediaArray: '#{photoArray}'.split(','), prefix: 'photo' }); }; var t = setTimeout(viewer, 1000); } </script>
</UINamingContainer>
</TabPanel>
<AjaxTabPanel id="media-include" onshow="" rendered="true" selected="false" title="Video Tour" transient="false" url="/modules/mi/overview/primary/media/video-tour/tour.xhtml?b=1422368560191"/>
<AjaxTabPanel id="colors-include" onshow="" rendered="true" selected="false" title="Colors" transient="false" url="/modules/mi/overview/primary/media/colors/colors.xhtml?b=1422368560192"/>
<AjaxTabPanel id="360-include" onshow="" rendered="true" selected="false" title="360° Spins" transient="false" url="/modules/mi/overview/primary/media/360-spin/spin.xhtml?b=1422368560192"/>
<AjaxTabPanel id="videoreview-include" onshow="" rendered="false" selected="false" title="Video Reviews" transient="false" url="/modules/mi/overview/primary/media/video-reviews/videos-other.xhtml?b=1422368560192"/>
</Tabber>
</div> </div>
</ComponentRef>
</UINamingContainer>
<UINamingContainer id="overview-tabs-wrapper-container" rendered="true" transient="false">
<ComponentRef id="j_id1015" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id1017" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id1019" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1020" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id1021" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id1023" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id1025" 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_id1028" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1029" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1031" rendered="true" transient="false" value="2008 Chevrolet HHR Wagon"/>
</h2>
<HtmlOutputText escape="true" id="j_id1033" rendered="false" transient="false" value="No Overview available for this vehicle"/>
<HtmlFragment id="j_id1034" rendered="true" transient="false">
<HtmlFragment id="j_id1035" rendered="false" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id1037" rendered="true" transient="false" value="Summary"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id1039" rendered="true" transient="false" value="Provided by NADAguides.com"/>
</p> <p>
<HtmlOutputText escape="true" id="j_id1041" rendered="true" transient="false"/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id1043" rendered="true" transient="false">
<h3>
<HtmlOutputFormat escape="true" id="j_id1045" rendered="true" transient="false" value="Benefits of Driving a {0}">
<UIParameter id="j_id1046" rendered="true" transient="false" value="2008 Chevrolet HHR Wagon"/>
</HtmlOutputFormat>
</h3> <p>
<HtmlOutputText escape="true" id="j_id1048" rendered="true" transient="false" value="The 2008 Chevy HHR offers sport utility seating and cargo carrying capability on a small-car platform. The base 2.2L Ecotec engine achieves 30 mpg on the highway regardless of transmission. The 2.4L engine upgrade provides 23 more horsepower for $650 and achieves 28 mpg on the highway with either transmission. Even the SS trim manages 29 mpg highway with manual transmission and 28 mpg highway with the automatic, while delivering an exciting ride."/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id1050" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id1052" rendered="true" transient="false" value="What's new for 2008?"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id1054" rendered="true" transient="false" value="For 2008, Chevrolet has introduced an SS version of the HHR. The SS receives the 2.0L Ecotec Turbo engine that should be good for around 260 horsepower and 260 lb-ft of torque. In addition, the SS receives a performance tuned suspension, rear disc brakes, bolstered seats, a rear spoiler, and 18-inch polished aluminum wheels. A limited-slip differential is optional."/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id1056" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id1058" rendered="true" transient="false" value="Model Strengths"/>
</h3> <ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@3e117df5" first="0" id="j_id1060" rendered="true" rowIndex="0" rows="0" transient="false" var="modelStrength">
<li>
<HtmlOutputText escape="true" id="j_id1062" rendered="true" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</HtmlFragment>
<HtmlFragment id="j_id1065" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id1067" rendered="true" transient="false" value="Model Review"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id1069" rendered="true" transient="false" value="Chevrolet's HHR debuted in 2006 to much enthusiasm among entry-level car buyers, selling over 100,000 units in its first year. The attention-grabbing style continues in 2008, featuring a big chrome grille and a long smoothly curved hood reminiscent of Chevy's 1949 Suburban. The rear tailgate is framed by two small, round taillights, making the HHR the most unique vehicle in Chevrolet's lineup."/>
</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_id1071" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1072" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1074" rendered="true" transient="false" value="2008 Chevrolet HHR Wagon"/>
</h2>
<HtmlForm enctype="application/x-www-form-urlencoded" id="reviewBody" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlFragment id="j_id1076" 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_id1078" 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_id1082','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_id1082':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id1082'} } )" 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_id1082" ignoreDupResponses="false" immediate="false" limitToList="false" reRender="reviewBody" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItem id="j_id1080" itemDisabled="false" itemEscaped="true" itemLabel="Expert Reviews" itemValue="textReview" rendered="true" transient="false"/>
<UISelectItem id="j_id1081" 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_id1084" rendered="true" transient="false">
<div class="descriptor">
<HtmlOutputText escape="true" id="j_id1086" 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_id1089','parameters':{'ajaxSingle':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:review\x2Dlist','overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id1089':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id1089'} } )" 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_id1089" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItems id="j_id1088" rendered="true" transient="false"/>
</HtmlSelectOneMenu>
</HtmlFragment>
<ComponentRef id="j_id1090" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1092" 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_id1095" rendered="true" transient="false">
<div class="title"> <h4>
<HtmlOutputText escape="true" id="j_id1097" rendered="true" transient="false" value="2008 Chevrolet HHR"/>
</h4> </div>
<ComponentRef id="j_id1099" rendered="true" transient="false">
<p>
<span id="sourcenameplate"> Source: New Car Test Drive</span>
</p>
</ComponentRef>
<p>
<HtmlOutputText escape="false" id="j_id1104" rendered="true" transient="false" value="<div class="primary-article-content"> <div class="rxbodyfield"> <p><b><span class="title">Overview</span></b></p> <p>The Chevrolet HHR is a car-based retro-wagon that celebrates its Chevy heritage with styling inspired by the iconic 1949 Suburban. HHR stands for Heritage High Roof, a reference to the early high-roofed Suburbans and panel wagons that inspired the design of the HHR. </p> <p>Based on the same platform as the Chevrolet Cobalt, the HHR was first launched as a 2006 model. The HHR competes most closely with the Chrysler PT Cruiser, but also with Honda Element, Ford Escape, and Jeep Liberty. </p> <p>For 2008, the HHR lineup gets a new, high-performance SS model.</p> <p>We found the Chevy HHR fun to drive. It isn't a sports car, but it's nimble and we were pleased with its acceleration. The HHR feels more responsive than its horsepower, torque, and transmission ratio numbers suggest. Plus, it gets decent fuel economy. </p> <p>The HHR Panel Van features smooth, windowless side panels and rear cargo doors with no handles. The rear cargo doors open via an instrument panel button. While it’s more Spartan inside and provides seating for only two, the Panel best exemplifies the early Suburban heritage. </p> <p>The HHR SS is the most fun to drive, launching quickly off the line and offering sharp handling. On an autocross circuit, we found it handled like a sports car. </p> <p>The HHR interior isn't as functional as we'd like, however. And the base cloth fabric left us wishing we'd ordered the optional leather. </p> <p>The Chevrolet HHR remains relatively unchanged for 2007 with the exception of slightly more powerful engines and a few additional new color choices. New exterior color options for 2007 include Imperial Blue Metallic and Golden Teal Metallic; a new interior color option is Ebony. </p> <p><b>Model Lineup</b></p> <p>The 2008 Chevy HHR comes in three distinctively different configurations: HHR, HHR Panel, and the new HHR SS. It comes in<img align="right" alt="" hspace="3" inlinetype="rximage" rxinlineslot="104" src="http://www.autotraderstatic.com/cms/img/images_34246.jpg?v=3.99.307238" sys_contentid="34246" sys_dependentid="34246" sys_dependentvariantid="955" sys_folderid="" sys_relationshipid="44513" sys_siteid="" sys_variantid="955" title="" vspace="3"> several trim levels, including the base LS and two LT grades. The standard engine is a 2.2-liter four cylinder, while a 2.4-liter engine is optional. Each comes with a five-speed manual or an optional four-speed automatic. The SS comes with a high-performance 2.0-liter turbocharged engine. </p> <p>The LS ($16,515) comes with cloth upholstery, air conditioning, power windows and locks, and a substantial level of standard features and equipment. The LT ($17,175) adds an MP3 player with a jack for an iPod, eight ways to adjust the driver's seat, and satin chrome trim. </p> <p>The 2LT package ($2,395) adds the 2.4-liter Ecotec engine, anti-lock brakes, traction control, fog lights, a 260-watt Pioneer sound system with seven speakers, 17-inch aluminum wheels, sport-tuned suspension and bright chrome trim. </p> <p>The HHR Panel 2LT ($20,850) comes with the Satin Chrome exterior package, sports suspension, 17-inch painted aluminum wheels. The Pioneer sound system is optional. The base HHR Panel LS ($16,820) is equipped similarly to the five-passenger LS. </p> <p>Safety features include optional front and rear side-curtain airbags ($395). ABS comes standard on the 2LT, and is optional for the LS and 1LT ($400). Stabilitrak electronic stability control is now standard across the entire HHR model range. </p> <p><span class="title"><b>Walkaround</b></span></p> <p>We like the retrospective styling treatment served up by the HHR across the model range. The closest comparison to the Chevy HHR<img align="right" alt="" hspace="3" inlinetype="rximage" rxinlineslot="104" src="http://www.autotraderstatic.com/cms/img/images_34248.jpg?v=3.99.307238" sys_contentid="34248" sys_dependentid="34248" sys_dependentvariantid="955" sys_folderid="" sys_relationshipid="44514" sys_siteid="" sys_variantid="955" title="" vspace="3"> is the Chrysler PT Cruiser. They don't look anything alike, but both are four-cylinder wagons on the retro side of the design equation. Both fill a respective need in their individual camps. </p> <p>The rounded nose of the HHR is not unlike Chevy's SSR, which also reflects the brand's truck heritage. The HHR's fenders are well defined with flat side wheel well openings contrasting favorably with the vehicle's many curved, contemporary sculpted surfaces. Front and rear bumpers and fog lamps are integrated into seamless fascia, with integrated running boards offering another nostalgic touch. The flush glass all around, including the windshield is a nice touch, as are the headlights surrounded by body panels in old school fashion. The tail light treatment consists of two round vertically stacked lenses on each side. The large, prominent grille is chrome, (except on the SS model), and appears much like that of the 1949 Suburban. </p> <p>Front and rear bumpers are molded from composite material, integrated as part of their respective fascia. The Chevy HHR offers a more traditional look than other vehicles in its competitive set. It provides lots of room and functionality without being boxy. When viewed from a distance, the HHR looks larger than it really is. Examined closely, it's compact. And you have to sit down into it upon entry and rise out of it when exiting. </p> <p>The HHR Panel features steel inserts in place of side windows and cargo doors in place of conventional rear doors. The cargo doors open wide enabling cargo access from both sides of the vehicle, as well as from the rear lift gate. The cargo doors are smooth and don’t have external handles; they are opened via a dashboard release button or the remote keyless entry fob. The large, continuous area created by the windowless cargo doors and rear panels is ideal for business logos, advertising or personalization. Side visibility is obviously limited due to the solid sides without windows; one must rely primarily on mirrors for backing maneuvers. The smooth, windowless sides on the Panel give it a cleaner, retro, more hot rod look than the standard models. The lack of windows adds security for contents inside. </p> <p>The HHR SS sits 6 mm lower than it stable mates, but sports extended front and rear fascias that give it the appearance of riding much lower. The new front fascia features an air-dam design with integrated fog lights, and the chrome surround grille comes with mesh-style upper and lower grille inserts. The new rear fascia provides a cutout for single bright exhaust tip. New rocker moldings resemble accentuated running boards. Out back, a rear spoiler is mounted above rear glass. Body-color door handles, mirror caps and rear license plate surround, along with SS badging on the front doors and rear lift gate further differentiate the SS from its stable mates. </p> <p><b>Interior Features</b></p> <p>Inside, the Chevy HHR provides for the most part, comfortable and functional surroundings. Included are durable, easy-to-clean<img align="right" alt="" hspace="3" inlinetype="rximage" rxinlineslot="104" src="http://www.autotraderstatic.com/cms/img/images_34245.jpg?v=3.99.307238" sys_contentid="34245" sys_dependentid="34245" sys_dependentvariantid="955" sys_folderid="" sys_relationshipid="44515" sys_siteid="" sys_variantid="955" title="" vspace="3"> cargo surfaces, a front passenger seat that folds flat for more cargo space, a 60/40 split/fold-flat second-row seat, and a multi-position cargo package tray in the rear that provides cargo security. Finding a comfortable seating position may require some effort, the problem seems to be with the contour of the seatback. Speaking of headroom, there isn't a lot of it, in spite of the high roof. Unless the seat was is in its lowest position, you mind find your head brushes the headliner and the windshield header is low for taller drivers. Also, the door lock button is positioned so that it interferes in driving and resting one's left arm on the window sill, a traditional and nostalgic pose. </p> <p>Cubby storage is limited. There's a handy flip-up compartment on top of the dash and a small glovebox. The rear provides one cupholder and small door pockets. The front-passenger seatback offers a tight storage net. </p> <p>Side windows are controlled on the console by buttons located just ahead of the gear shift lever, making them inconvenient to operate with ease; positioning them on the door would be much better. </p> <p>Second-row passengers are afforded leg room, but not in large doses particularly behind taller drivers; kids will definitely be more comfortable. </p> <p>The rear seat, split 60/40, folds flat very easily, as does the front passenger seat; and since the 60-percent side of the rear seat is on the left, a long item like a ladder can be slipped in diagonally, a nice feature. The rear cargo floor flips up to reveal a five-inch-deep tray useful for storage. The rear lift gate is one piece, and raises easily. </p> <p>Solid rear quarter panels are available in place of the windows on all five-passenger models (via a window delete option).</p> <p>The HHR Panel provides seating for two and a large, flat cargo floor, with tie-down points located strategically on the floor with available, floor mats that allow for easier movement of cargo. The HHR Panel features a flat load floor featuring a rubberized floor that provides utility and functionality for commercial or lifestyle activities. </p> <p>The HHR Panel cargo area features a standard auxiliary power outlet, as well as a 40-amp auxiliary power connector to provide service for a variety of specialty equipment needs. Two large, storage compartments, with a lockable option, are located forward under the cargo floor (in place of the rear seats in the passenger models). The compartments offer security for things such as computer equipment, flashlights, service manuals and other valuables. </p> <p>The HHR SS features a special interior with SS-embroidered sport seats with inserts, a specific gauge cluster, an A-pillar-mounted turbo boost gauge and a new shifter arrangement. Three interior color combinations are available: Ebony, Light Gray and Victory Red. A special GM Performance Driver’s seat, providing added lateral support and spirited driving comfort is optional and we think it's a must. </p> <p><b>Driving Impressions</b></p> <p>The 2.4-liter Ecotec (an upgrade that comes as part of the 2LT package) is an impressive and versatile engine. It's an aluminum four-cylinder, with 16 valves, electronic fuel injection and variable valve timing, that delivers 175 horsepower and 165 pound-feet of<img align="right" alt="" hspace="3" inlinetype="rximage" rxinlineslot="104" src="http://www.autotraderstatic.com/cms/img/images_34249.jpg?v=3.99.307238" sys_contentid="34249" sys_dependentid="34249" sys_dependentvariantid="955" sys_folderid="" sys_relationshipid="44516" sys_siteid="" sys_variantid="955" title="" vspace="3"> torque at 5000 rpm. The torque peak figure at such high rpm suggests that the low-rpm pulling power might be weak, but quite to the contrary, it's not. We drive up a steep, slow hill every day, and the HHR plugged up the hill like a tractor, with no shifting-down or searching by the automatic transmission. This high-load, low-rpm driving is what many drivers demand. </p> <p>Transmission ratios have a lot to do with the efficient delivery of power. Curiously, there's nothing in the ratios of the HHR four-speed automatic that indicate it should make this hill so easily. All we can say is that the pulling power of the HHR 2LT is excellent. </p> <p>We have no complaints with the four-speed automatic. The automatic includes remote starting, and climbing into a toasty car on icy mornings after starting it from a warm house during morning coffee is a nice luxury. We liked the way the automatic could be easily manually downshifted, even though it doesn't feature a separate manual mode. And we liked how it held second gear going down that same steep, slow hill. </p> <p>Acceleration was equally impressive. Onto the freeway, foot on the floor, and the HHR 2LT really scoots, making it a lot of fun. The 2.4-liter engine is quiet, thanks partly to specially laminated steel in the firewall. </p> <p>The 2.4-liter engine is efficient. It gets an EPA-rated 22/28 mpg City/Highway with automatic transmission, 20/28 mpg with manual using Premium gas. Premium fuel is recommended but not required for the 2.4-liter. During one week in the 2LT, we averaged 23.4 miles per gallon, as indicated by the digital data on the dash. That included mostly around-town driving, plus about 120 freeway miles with a full load of passengers and the cruise control set at 70. The HHR got slightly better mileage at that freeway pace than it did light-footed around town. </p> <p>The best fuel economy comes from the base 2.2-liter engine, which gets an EPA-rated 22/30 mpg City/Highway with an automatic, 21/30 mpg with the manual, all on Regular gas. </p> <p>The 2LT has a sport-tuned suspension with 17-inch aluminum wheels, as well as anti-lock brakes. There is no harshness to the ride around town, or over freeway bumps for that matter. The HHR is nimble, though the suspension shows its limitations when driven like a sports car. Chevrolet said it put a lot of time into the calibration of the rack-and-pinion steering with power assist, and we would say it feels just right, around town. </p> <p>Brakes are 11.65-inch discs up front, 10-inch drums aft, and have an easy feel. Electronic brake-force distribution, which electronically adjusts the braking so that the rear wheels don't lock up, is not available. </p> <p>We also drove a Chevy HHR Panel 2LT with the Preferred Equipment Group and, as expected, found its performance mirrored that of the standard five-passenger models. </p> <p>The HHR SS features a 260-hp, 2.0-liter turbocharged and intercooled Ecotec coupled to either an F23 5-speed Swedish manual or Hydra-Matic 4T45 4-speed automatic transmission. The SS rides on Michelin Pilot Sport performance rubber, mounted on forged, 18-inch polished alloy wheels, and the Nurburgring-tuned FE5 sport suspension delivered 0.86 g grip in testing (with manual transmission). The suspension includes specific stabilizer bars, spring rates and damper tuning, all of which were designed to complement the turbocharged powertrain. </p> <p>A couple of unique features have been incorporated into the 2008 HHR SS to instill greater driving fun and excitement: Launch Assist and No Lift Shift. Pushing the Traction Control button once to turn it off, and pushing it a second time places the SS in Competition Mode, which automatically sets up in Launch Control when stopped and advances to Competition Mode following vehicle launch. This function defaults back to Traction Control each time the ignition is turned off. Launch Control behaves differently according to the transmission type: With the manual gearbox, the No Lift Shift comes onto play; simply floor the accelerator, release the clutch smoothly but quickly, depress the clutch again when it’s time to shift but without lifting off the throttle; this holds turbo boost pressure at roughly 1,500 psi, allowing one to speed shift without lifting off the accelerator. It's unnatural at first, but it works most effectively while the tires are howling. The operation is similar with the automatic transmission, but torque braking is employed instead: accomplished by holding the brake while flooring the accelerator. The engine revs to approximately 4100 rpm, then release the brake with the same rapid launch result. Both features assist in controlling wheel spin. </p> <p>We drove a Sunburst Orange II Metallic SS with manual gearbox and Brembo brakes and a Tarnished Silver Metallic SS with an automatic transmission in and around Phoenix as well as on an autocross course and the road course at Firebird International Raceway. </p> <p>The HHR SS handled everything thrown at it in superior fashion. It literally cooks of the line, stops on a dime, and handles as well as many sports cars, at a bargain price. The bottom line analysis? Go for the manual gearbox and Brembo brakes, and the GM Performance Seat. </p> <p><b>Summary</b></p> <p>All in all, the Chevy HHR is a pretty slick ride that lends itself to personalizing and customization regardless of the configuration<img align="right" alt="" hspace="3" inlinetype="rximage" rxinlineslot="104" src="http://www.autotraderstatic.com/cms/img/images_34247.jpg?v=3.99.307238" sys_contentid="34247" sys_dependentid="34247" sys_dependentvariantid="955" sys_folderid="" sys_relationshipid="44517" sys_siteid="" sys_variantid="955" title="" vspace="3"> chosen. It is a nostalgic hauler for people who want something different, and who appreciate the classic looks of the 1949 Chevy Suburban. It's available with three different Ecotec engines, depending upon the model. It's not designed for off-road driving or even serious winter weather, however. Its 55.6 cubic feet of cargo space doesn't lead the class, but the fact that the seats may be folded flat increases the utility. In the end, it's all about styling preferences. Obviously, the HHR Panel is a lot roomier with its lack of rear seats. </p> <p>NewCarTestDrive.com correspondent Sam Moses reported on the HHR from the Columbia River Valley; Arv Voss test drove the HHR SS around Phoenix and at Firebird International Raceway, and test drove the HHR Panel in the San Francisco Bay Area. </p> <p> </p> <p align="center"><i>Copyright © 1994-2008 New Car Test Drive, Inc.<br></i></p> </div> </div>"/>
</p>
</HtmlFragment>
</HtmlAjaxOutputPanel>
</UINamingContainer>
</HtmlFragment>
<HtmlFragment id="j_id1106" 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_id1108" 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_id1112','parameters':{'ajaxSingle':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:review\x2Dtype','overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id1112':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id1112'} } )" 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_id1112" ignoreDupResponses="false" immediate="false" limitToList="false" reRender="reviewBody" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItem id="j_id1110" itemDisabled="false" itemEscaped="true" itemLabel="Expert Reviews" itemValue="textReview" rendered="true" transient="false"/>
<UISelectItem id="j_id1111" 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_id1114" rendered="true" transient="false">
<div class="descriptor">
<HtmlOutputText escape="true" id="j_id1116" 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_id1119','parameters':{'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id1119':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id1119','ajaxSingle':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer: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_id1119" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItems id="j_id1118" rendered="true" transient="false"/>
</HtmlSelectOneMenu>
</HtmlFragment>
<ComponentRef id="j_id1120" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1122" 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.99.307238" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id1127" rendered="true" transient="false" value="5"/>
</span> </div> <p>
<HtmlFragment id="j_id1129" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1130" rendered="true" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1131" rendered="false" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1132" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1133" rendered="true" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1134" rendered="false" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1136" rendered="true" transient="false">
<ComponentRef id="j_id1137" 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_id1139" 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_id1141" 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_id1143" 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_id1148" rendered="true" transient="false" value="Based on {0} consumer review(s).">
<UIParameter id="j_id1149" rendered="true" transient="false" value="5"/>
</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_id1151" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1152" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1154" rendered="true" transient="false" value="2008 Chevrolet HHR Wagon"/>
</h2>
<ComponentRef id="j_id1156" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1158" rendered="true" transient="false" value="Safety information is not available for this vehicle. Please select a different option above."/>
</p>
</ComponentRef>
<ComponentRef id="j_id1160" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2" class="type"> <h3>
<HtmlOutputText escape="true" id="j_id1162" 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.99.307238" 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_id1164" rendered="false" transient="false">
<a href="javascript:void(0);" id="#{triggerId}">
<HtmlOutputText escape="true" id="j_id1166" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id1168" 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_id1173" rendered="false" transient="false">
position: #{position},
</ComponentRef>
open: function() {"undefined" == typeof Tips ? '' : Tips.hideAll();"undefined" == typeof dlgOpen ? '' : dlgOpen();} });
<ComponentRef id="j_id1176" rendered="true" transient="false">
jQuery('##{triggerId}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
<ComponentRef id="j_id1178" 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_id1182" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1184" rendered="true" transient="false" value="Safety Ratings"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1186" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1188" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1190" rendered="true" transient="false" value="Driver Crash Grade"/>
</td> <td class="right">
<ComponentRef id="j_id1192" 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.99.307238" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id1195" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id1197" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1198" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1199" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1200" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1201" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1202" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1204" rendered="true" transient="false">
<ComponentRef id="j_id1205" 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_id1207" 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_id1209" 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_id1211" 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_id1216" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1218" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1220" rendered="true" transient="false" value="Passenger Crash Grade"/>
</td> <td class="right">
<ComponentRef id="j_id1222" 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.99.307238" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id1225" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id1227" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1228" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1229" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1230" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1231" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1232" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1234" rendered="true" transient="false">
<ComponentRef id="j_id1235" 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_id1237" 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_id1239" 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_id1241" 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_id1246" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1248" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1250" rendered="true" transient="false" value="Rollover Resistance"/>
</td> <td class="right">
<ComponentRef id="j_id1252" 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.99.307238" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id1255" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id1257" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1258" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1259" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1260" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1261" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1262" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1264" rendered="true" transient="false">
<ComponentRef id="j_id1265" 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_id1267" 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_id1269" 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_id1271" 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_id1276" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1278" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1280" rendered="true" transient="false" value="Side Impact Crash Test - Front"/>
</td> <td class="right">
<ComponentRef id="j_id1282" 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.99.307238" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id1285" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id1287" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1288" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1289" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1290" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1291" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1292" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1294" rendered="true" transient="false">
<ComponentRef id="j_id1295" 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_id1297" 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_id1299" 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_id1301" 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_id1306" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1308" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1310" rendered="true" transient="false" value="Side Impact Crash Test - Rear"/>
</td> <td class="right">
<ComponentRef id="j_id1312" 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.99.307238" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id1315" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id1317" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1318" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1319" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1320" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1321" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1322" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1324" rendered="true" transient="false">
<ComponentRef id="j_id1325" 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_id1327" 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_id1329" 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_id1331" 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_id1336" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1339" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id1341" 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_id1343" rendered="true" transient="false" value="Braking & Traction"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1345" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1347" rendered="true" transient="false" value="4-Wheel ABS"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1349" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1351" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1353" rendered="true" transient="false" value="4-Wheel Disc Brakes"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1355" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1357" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1359" rendered="true" transient="false" value="Traction/Stability Control"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1361" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1363" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1365" rendered="true" transient="false" value="Active Suspension System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1367" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1369" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1371" rendered="true" transient="false" value="Tire Pressure Monitoring System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1373" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1376" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1378" rendered="true" transient="false" value="Passenger Restraint"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1380" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1382" rendered="true" transient="false" value="Driver Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1384" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1386" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1388" rendered="true" transient="false" value="Passenger Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1390" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1392" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1394" rendered="true" transient="false" value="Passenger On/Off"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1396" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1398" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1400" rendered="true" transient="false" value="Side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1402" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1404" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1406" rendered="true" transient="false" value="Side Head Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1408" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1410" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1412" rendered="true" transient="false" value="Rear Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1414" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1416" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1418" rendered="true" transient="false" value="Rear Body Side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1420" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1422" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1424" rendered="true" transient="false" value="Rear Head side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1426" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1428" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1430" rendered="true" transient="false" value="Child Safety Locks"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1432" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1435" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1437" rendered="true" transient="false" value="Road Visibility"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1439" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1441" rendered="true" transient="false" value="HID Headlights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1443" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1445" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1447" rendered="true" transient="false" value="Auto-On Headlights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1449" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1451" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1453" rendered="true" transient="false" value="Daytime Running Lights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1455" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1457" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1459" rendered="true" transient="false" value="Fog Lamps"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1461" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1463" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1465" rendered="true" transient="false" value="Electrochromic Rearview Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1467" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1469" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1471" rendered="true" transient="false" value="Heated Ext. Driver's Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1473" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1475" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1477" rendered="true" transient="false" value="Heated Ext. Passenger Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1479" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1481" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1483" rendered="true" transient="false" value="Intermittent Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1485" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1487" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1489" rendered="true" transient="false" value="Variable Inter. Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1491" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1493" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1495" rendered="true" transient="false" value="Rain Sensing Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1497" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1500" rendered="false" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1502" rendered="true" transient="false" value="Accident Prevention"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1504" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1506" rendered="true" transient="false" value="Rear Parking Aid"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1508" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1510" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1512" rendered="true" transient="false" value="Back-Up Camera"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1514" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1516" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1518" rendered="true" transient="false" value="Handsfree Wireless"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1520" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1523" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1525" rendered="true" transient="false" value="Security"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1527" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1529" rendered="true" transient="false" value="Alarm"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1531" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1533" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1535" rendered="true" transient="false" value="Anti-theft System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1537" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1539" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1541" rendered="true" transient="false" value="Telematics"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1543" rendered="true" transient="false" value="Opt"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
</UINamingContainer>
</UINamingContainer>
</TabPanel>
<TabPanel id="warranty-include" onshow="" rendered="true" selected="false" title="Warranties" transient="false">
<UINamingContainer id="warranty-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_id1546" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1547" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1549" rendered="true" transient="false" value="2008 Chevrolet HHR Wagon"/>
</h2>
<ComponentRef id="j_id1551" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1553" rendered="true" transient="false" value="Warranty information is not available for this vehicle. Please select a different option above."/>
</p>
</ComponentRef>
<ComponentRef id="j_id1555" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th class="type"> <h4>
<HtmlOutputText escape="true" id="j_id1557" rendered="true" transient="false" value="Original Warranty "/>
<UINamingContainer id="help-originalWarrantyTip" rendered="true" transient="false">
<img src="http://www.autotraderstatic.com/img/standardicons/help_clickable_29.gif?v=3.99.307238" 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="originalWarrantyTip" rendered="true" transient="false">
<ComponentRef id="j_id1559" rendered="false" transient="false">
<a href="javascript:void(0);" id="#{triggerId}">
<HtmlOutputText escape="true" id="j_id1561" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id1563" rendered="false" transient="false">
<img src="#{imgSrc}" alt="#{imgAlt}" id="#{triggerId}"/>
</ComponentRef>
<div style="display:none;"> <div id="#{dialogId}">
<dl class="warranty-tips"> <dt><strong>Original Warranty </strong></dt> <dd>An original warranty is the warranty associated with a vehicle when it is brand new. In addition to the original warranty, select items, like tires, are typically covered by respective manufacturers. Also, an act of Federal law sometimes provides protection for certain components, like emissions equipment.</dd> <dd>The original warranty is often broken down into multiple sections, including:</dd> <dt><strong>Basic Warranty:</strong></dt> <dd>Typically covers everything except for parts that wear out through normal use of the vehicle. Examples of non-covered items are brake pads, wiper blades and filters. </dd> <dt><strong>Drivetrain Warranty: </strong></dt> <dd>This warranty covers items the basic warranty does not protect. Wear and tear items such as hoses will not be covered, but key items like the engine, transmission, drive axles and driveshaft often will be. </dd> <dt><strong>Roadside Assistance:</strong></dt> <dd>The level of service differs greatly with this warranty, but many manufacturers offer a toll-free number that helps provide assistance in case you run out of gas, get a flat tire or lock your keys in the car.</dd> <dt><strong>Corrosion Warranty: </strong></dt> <dd>This warranty focuses on protecting you from holes caused by rust or corrosion in your vehicle's sheet metal. </dd> <dd>Please check the owner's manual, visit a local dealership or look at the manufacturer's website to learn more about the specifics of the warranties that apply to a vehicle.</dd> </dl>
</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_id1568" rendered="false" transient="false">
position: #{position},
</ComponentRef>
open: function() {"undefined" == typeof Tips ? '' : Tips.hideAll();"undefined" == typeof dlgOpen ? '' : dlgOpen();} });
<ComponentRef id="j_id1571" rendered="true" transient="false">
jQuery('##{triggerId}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
<ComponentRef id="j_id1573" 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)){ $("#originalWarrantyTipTrigger").click(function(){ window.setTimeout(function(){ $(window).scrollTop($('#originalWarrantyTip').offset().top); }, 0); }); } } }(jQuery, window)); </script> </h4> </th> <th/> <th/> </tr> </thead> <tbody>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@6e647fa8" first="0" id="j_id1577" rendered="true" rowIndex="0" rowKeyVar="index" rows="0" transient="false" var="warranty">
<ComponentRef id="j_id1578" rendered="true" transient="false">
<tr> <td class="type">
<HtmlOutputText escape="true" id="j_id1580" rendered="true" transient="false"/>
</td> <td class="right" colspan="2">
<HtmlOutputText escape="true" id="j_id1582" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1585" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1587" rendered="true" transient="false" value="Chevrolet Certified Pre-Owned Warranty "/>
<UINamingContainer id="help-certifiedWarrantyTip" rendered="true" transient="false">
<img src="http://www.autotraderstatic.com/img/standardicons/help_clickable_29.gif?v=3.99.307238" 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="certifiedWarrantyTip" rendered="true" transient="false">
<ComponentRef id="j_id1589" rendered="false" transient="false">
<a href="javascript:void(0);" id="#{triggerId}">
<HtmlOutputText escape="true" id="j_id1591" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id1593" rendered="false" transient="false">
<img src="#{imgSrc}" alt="#{imgAlt}" id="#{triggerId}"/>
</ComponentRef>
<div style="display:none;"> <div id="#{dialogId}">
<dl class="warranty-tips"> <dt><strong>Certified Pre-Owned Warranty </strong></dt> <dd>To be eligible for Certified Pre-Owned (CPO) status, vehicles generally must be recent models with relatively low mileage. CPO vehicles must also pass a detailed inspection, outlined by the manufacturer, which is measured by the number of inspected points. </dd> <dd>Warranty coverage can vary from one manufacturer to the next. While most certified pre-owned programs transfer and extend the existing new car warranty terms, others offer a warranty that simply represents an additional year and mileage value. Always check with the manufacturer for the specific warranties they offer.</dd> <dd>Common features and benefits of Certified Pre-Owned warranties include:</dd> <dt><strong>Age/Mileage Eligibility </strong></dt> <dd>To even be considered for certification, a car must be a recent model year and have limited mileage. The exact requirements are established by individual manufacturers.</dd> <dt><strong>Lease Term Certified </strong></dt> <dd>Some manufacturers offer certified pre-owned cars for lease. The length of the lease is often shorter than a new car lease, but it will cost you less.</dd> <dt><strong>Point Inspection </strong></dt> <dd>These inspections entail a comprehensive vehicle test to ensure that all parts are in excellent working order. The point inspection list is simply a numbered list of exactly what parts of the car are examined. While many inspections range from a 70- to 150-point checklist, most are very similar and are performed using strict guidelines. Ask your local dealer about specific details.</dd> <dt><strong>Return/Exchange Program</strong></dt> <dd>Some manufacturers offer a very limited return or exchange period. Find out if you will get the sales tax and licensing/registration fees back should you return or exchange the car.</dd> <dt><strong>Roadside Assistance </strong></dt> <dd>Most certified pre-owned programs offer free roadside service in case your car breaks down while still under warranty.</dd> <dt><strong>Special Financing</strong></dt> <dd>Reduced-rate loans are available through many certified pre-owned programs. Manufacturer-backed inspections and warranties help eliminate the risks involved with buying pre-owned, so buyers who qualify can take advantage of the great offers.</dd> <dt><strong>Transferable Warranty </strong></dt> <dd>When a new car warranty transfers with the certification of the car and remains eligible for the next owner, it is known as a transferable warranty. Once the original transferable warranty expires, an extended warranty takes effect.</dd> <dt><strong>Warranty Deductible </strong></dt> <dd>This is the amount for which you are responsible when repair work is performed under the warranty. Some manufacturers require a deductible while others don't, so always ask.</dd> </dl>
</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_id1598" rendered="false" transient="false">
position: #{position},
</ComponentRef>
open: function() {"undefined" == typeof Tips ? '' : Tips.hideAll();"undefined" == typeof dlgOpen ? '' : dlgOpen();} });
<ComponentRef id="j_id1601" rendered="true" transient="false">
jQuery('##{triggerId}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
<ComponentRef id="j_id1603" 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)){ $("#certifiedWarrantyTipTrigger").click(function(){ window.setTimeout(function(){ $(window).scrollTop($('#certifiedWarrantyTip').offset().top); }, 0); }); } } }(jQuery, window)); </script> </h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1607" rendered="true" transient="false">
<tr> <td colspan="2">
<HtmlOutputText escape="false" id="j_id1609" rendered="true" transient="false" value="<div class="multitier-cpo"><div class="content">2-Year/24,000-Mile<span class="footnote">1</span> CPO Scheduled Maintenance Plan.</div><br/><div class="content">12-Month/12,000-Mile<span class="footnote">2</span> Bumper-to-Bumper Limited Warranty.</div><br/><div class="content">5-year/100,000-Mile<span class="footnote">3</span> Powertrain Limited Warranty.</div><br/><div class="content"><span class="footnote">1</span>Covers only scheduled oil changes with filter, tire rotations and 27 point inspections, according to your vehicle's recommended maintenance schedule for up to 2 years or 24,000 miles, whichever comes first. Does not include air filters. Maximum of 4 service events. See participating dealer for other restrictions and complete details.</div><br/><div class="content"><span class="footnote">2</span>Whichever comes first from date of purchase. See participating dealer for limited warranty details.</div><br/><div class="content"><span class="footnote">3</span>Whichever comes first from original in-service date. See participating dealers for limited warranty details.</div></div> "/>
<HtmlOutputText escape="false" id="j_id1610" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1612" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1614" rendered="true" transient="false" value="Age/Mileage Eligibility"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1616" rendered="true" transient="false" value="2010-2014 model year / Under 75,000 miles"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1618" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1620" rendered="true" transient="false" value="Lease Term Certified"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1622" rendered="true" transient="false" value="No"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1624" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1626" rendered="true" transient="false" value="Point Inspection"/>
</td> <td class="right">
<HtmlOutputText escape="false" id="j_id1628" rendered="true" transient="false" value="172-Point Vehicle Inspection and Reconditioning <br /> <a href="http://www.autotrader.com/redirect/redirector_link.jsp?to_url=http://images.autotrader.com/cms/images/na/certified/pdfs/143680.pdf&mis=RCCCBDLNGC1114" target="_blank">Download checklist</a>"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1630" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1632" rendered="true" transient="false" value="Return/Exchange Program"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1634" rendered="true" transient="false" value="3-Day 150-Mile Satisfaction Guarantee"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1636" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1638" rendered="true" transient="false" value="Roadside Assistance"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1640" rendered="true" transient="false" value="Yes"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1642" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1644" rendered="true" transient="false" value="Special Financing"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1646" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1648" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1650" rendered="true" transient="false" value="Transferrable Warranty"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1652" rendered="true" transient="false" value="Yes"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1654" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1656" rendered="true" transient="false" value="Warranty Deductible"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1658" rendered="true" transient="false" value="$0"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1661" rendered="true" transient="false">
<p>
<HtmlOutputLink disabled="false" id="j_id1663" rendered="true" title="Chevrolet" transient="false" value="/research/certified-cars/index.jsp">
<HtmlOutputText escape="true" id="j_id1664" rendered="true" transient="false" value="Learn more about certified pre-owned vehicles"/>
</HtmlOutputLink>
</p>
</ComponentRef>
</UINamingContainer>
</UINamingContainer>
</TabPanel>
<TabPanel id="availability-include" onshow="if (globalZip == ''){$j('.updateZipTrigger').click();$j('#availability-include .inventory-list').hide()} else {$j('#availability-include .inventory-list').show()}" rendered="true" selected="false" title="Cars for Sale" transient="false">
<UINamingContainer id="availability-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_id1666" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1667" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1669" rendered="true" transient="false" value="2008 Chevrolet HHR Wagon"/>
</h2>
<HtmlDiv id="changeZipLinkWrapper" rendered="true" transient="false">
<p>
<ComponentRef id="j_id1672" rendered="false" transient="false">
<UINamingContainer id="change-zip-1" rendered="true" transient="false">
<HtmlAjaxOutputPanel ajaxRendered="false" id="changeZipLink" keepTransient="true" layout="inline" rendered="true" transient="false">
<ComponentRef id="j_id1673" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1674" rendered="true" transient="false" value="Please "/>
<HtmlOutputLink disabled="false" id="j_id1675" rendered="true" styleClass="updateZipTrigger" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1676" rendered="true" transient="false" value="enter your ZIP code"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1677" rendered="true" transient="false" value=" to find vehicles for sale in your area."/>
</ComponentRef>
<ComponentRef id="j_id1678" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1679" rendered="true" transient="false" value="Find the 2008 HHR at these Chevrolet dealerships near . "/>
<HtmlOutputLink disabled="false" id="j_id1680" onclick="clickASIS({biType:'vs',biASIS:'aws_clk',rdpage:'change_location',address:'*'})" rendered="true" styleClass="updateZipTrigger" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1681" rendered="true" transient="false" value="enter your ZIP code"/>
</HtmlOutputLink>
</ComponentRef>
</HtmlAjaxOutputPanel>
</UINamingContainer>
</ComponentRef>
<ComponentRef id="j_id1682" rendered="true" transient="false">
<UINamingContainer id="change-zip-2" rendered="true" transient="false">
<HtmlAjaxOutputPanel ajaxRendered="false" id="changeZipLink" keepTransient="true" layout="inline" rendered="true" transient="false">
<ComponentRef id="j_id1683" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1684" rendered="true" transient="false" value="Please "/>
<HtmlOutputLink disabled="false" id="j_id1685" rendered="true" styleClass="updateZipTrigger" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1686" rendered="true" transient="false" value="enter your ZIP code"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1687" rendered="true" transient="false" value=" to find vehicles for sale in your area."/>
</ComponentRef>
<ComponentRef id="j_id1688" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1689" rendered="true" transient="false" value="There are 2008 HHR listings near . "/>
<HtmlOutputLink disabled="false" id="j_id1690" onclick="clickASIS({biType:'vs',biASIS:'aws_clk',rdpage:'change_location',address:'*'})" rendered="true" styleClass="updateZipTrigger" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1691" rendered="true" transient="false" value="enter your ZIP code"/>
</HtmlOutputLink>
</ComponentRef>
</HtmlAjaxOutputPanel>
</UINamingContainer>
</ComponentRef>
</p>
<ComponentRef id="j_id1693" rendered="false" transient="false">
<p>
<HtmlOutputLink disabled="false" id="j_id1695" rendered="true" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=CHEV&model=HHR&start_year=2008&end_year=2008&body_code=WAGON&only_photo=1">
<HtmlOutputText escape="true" id="j_id1696" rendered="true" transient="false" value="See all "/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1697" rendered="true" transient="false" value="or check out a few examples below."/>
</p>
</ComponentRef>
</HtmlDiv>
<HtmlDiv id="local-availability-listings" rendered="true" transient="false">
<ComponentRef id="j_id1699" rendered="false" transient="false">
<ul class="inventory-list">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@7f92737" first="0" id="j_id1701" rendered="true" rowIndex="0" rowKeyVar="index" rows="0" transient="false" var="ownerStock">
<li>
<UINamingContainer id="availability-listing-" rendered="true" transient="false">
<ComponentRef id="j_id1703" rendered="true" transient="false">
<HtmlFragment id="j_id1704" rendered="true" transient="false">
<HtmlFragment id="j_id1705" 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_id1707" 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>
</ComponentRef>
<ComponentRef id="j_id1709" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id1710" rendered="true" title="" transient="false">
<HtmlFragment id="j_id1711" rendered="true" transient="false">
<HtmlFragment id="j_id1712" 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_id1714" 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>
</HtmlOutputLink>
</ComponentRef>
<div class="inventory-data"> <h3>
<HtmlOutputLink disabled="false" id="j_id1717" rendered="false" title="" transient="false">
<HtmlOutputText escape="true" id="j_id1718" rendered="true" transient="false"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1719" rendered="true" transient="false"/>
</h3>
<ComponentRef id="j_id1721" rendered="false" transient="false">
<p class="address">
<HtmlOutputText escape="true" id="j_id1723" rendered="true" transient="false" value=" "/>
<HtmlOutputText escape="true" id="j_id1724" rendered="true" transient="false" value=" "/>
<HtmlOutputText escape="true" id="j_id1725" rendered="true" transient="false" value=","/>
<HtmlOutputText escape="true" id="j_id1726" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id1727" rendered="true" transient="false"/>
</p>
</ComponentRef>
<ComponentRef id="j_id1729" rendered="false" transient="false">
<p class="phone">
<HtmlOutputText converter="com.autotrader.consumer.web.converter.PhoneNumberConverter@767d8ff7" escape="true" id="j_id1731" rendered="true" transient="false"/>
</p>
</ComponentRef>
<ComponentRef id="j_id1733" rendered="false" transient="false">
<p class="price-miles">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@2d76dde7" escape="true" id="j_id1735" rendered="false" transient="false"/>
<HtmlOutputText escape="true" id="j_id1736" rendered="false" transient="false" value=" | "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@56e28002" escape="true" id="j_id1737" rendered="false" transient="false"/>
</p>
</ComponentRef>
<ComponentRef id="j_id1739" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id1740" rendered="true" transient="false">
#{photosCount} photos
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1742" rendered="true" transient="false" value=" | "/>
<HtmlOutputLink disabled="false" id="j_id1743" rendered="true" transient="false">
#{videosCount} videos
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id1745" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1747" rendered="true" transient="false" value="Listed by: "/>
</p>
</ComponentRef>
<ComponentRef id="j_id1749" rendered="true" transient="false">
<h4>
<HtmlOutputText escape="true" id="j_id1751" rendered="true" transient="false" value="In stock now:"/>
</h4> <ul> <li>
<HtmlOutputLink disabled="false" id="j_id1753" rendered="true" transient="false" value="/fyc/searchresults.jsp?start_year=2008&end_year=2008&make=CHEV&model=HHR&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=WAGON">
<HtmlOutputText escape="true" id="j_id1754" rendered="true" transient="false" value="2008 models"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id1756" rendered="true" transient="false" value="/fyc/searchresults.jsp?start_year=2006&end_year=2008&make=CHEV&model=HHR&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=WAGON">
<HtmlOutputText escape="true" id="j_id1757" rendered="true" transient="false" value="2006 - 2008 models"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id1759" rendered="true" transient="false" value="/fyc/searchresults.jsp?end_year=2005&make=CHEV&model=HHR&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=WAGON">
<HtmlOutputText escape="true" id="j_id1760" rendered="true" transient="false" value="Search for Chevrolet HHR 2005 and older"/>
</HtmlOutputLink>
</li> </ul>
</ComponentRef>
</div>
</UINamingContainer>
</li>
</HtmlAjaxRepeat>
</ul>
</ComponentRef>
<ComponentRef id="j_id1765" rendered="true" transient="false">
<ul class="inventory-list">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@30422fde" first="0" id="j_id1767" rendered="true" rowIndex="0" rowKeyVar="index" rows="0" transient="false" var="listing">
<li>
<UINamingContainer id="availability-listing-" rendered="true" transient="false">
<ComponentRef id="j_id1769" rendered="false" transient="false">
<HtmlFragment id="j_id1770" rendered="true" transient="false">
<HtmlFragment id="j_id1771" 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_id1773" 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>
</ComponentRef>
<ComponentRef id="j_id1775" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id1776" rendered="true" title=" " transient="false">
<HtmlFragment id="j_id1777" rendered="true" transient="false">
<HtmlFragment id="j_id1778" 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_id1780" 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>
</HtmlOutputLink>
</ComponentRef>
<div class="inventory-data"> <h3>
<HtmlOutputLink disabled="false" id="j_id1783" rendered="false" title=" " transient="false">
<HtmlOutputText escape="true" id="j_id1784" rendered="true" transient="false" value=" "/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1785" rendered="true" transient="false" value=" "/>
</h3>
<ComponentRef id="j_id1787" rendered="false" transient="false">
<p class="address">
<HtmlOutputText escape="true" id="j_id1789" rendered="true" transient="false" value=" "/>
<HtmlOutputText escape="true" id="j_id1790" rendered="true" transient="false" value=" "/>
<HtmlOutputText escape="true" id="j_id1791" rendered="true" transient="false" value=","/>
<HtmlOutputText escape="true" id="j_id1792" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id1793" rendered="true" transient="false" value=""/>
</p>
</ComponentRef>
<ComponentRef id="j_id1795" rendered="false" transient="false">
<p class="phone">
<HtmlOutputText converter="com.autotrader.consumer.web.converter.PhoneNumberConverter@4954b092" escape="true" id="j_id1797" rendered="true" transient="false"/>
</p>
</ComponentRef>
<ComponentRef id="j_id1799" rendered="false" transient="false">
<p class="price-miles">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@571466da" escape="true" id="j_id1801" rendered="false" transient="false"/>
<HtmlOutputText escape="true" id="j_id1802" rendered="false" transient="false" value=" | "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@7c6c9edf" escape="true" id="j_id1803" rendered="false" transient="false"/>
</p>
</ComponentRef>
<ComponentRef id="j_id1805" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id1806" rendered="true" transient="false">
#{photosCount} photos
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1808" rendered="true" transient="false" value=" | "/>
<HtmlOutputLink disabled="false" id="j_id1809" rendered="true" transient="false">
#{videosCount} videos
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id1811" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1813" rendered="true" transient="false" value="Listed by: "/>
</p>
</ComponentRef>
<ComponentRef id="j_id1815" rendered="false" transient="false">
<h4>
<HtmlOutputText escape="true" id="j_id1817" rendered="true" transient="false" value="In stock now:"/>
</h4> <ul> <li>
<HtmlOutputLink disabled="false" id="j_id1819" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1820" rendered="true" transient="false"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id1822" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1823" rendered="true" transient="false"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id1825" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1826" rendered="true" transient="false"/>
</HtmlOutputLink>
</li> </ul>
</ComponentRef>
</div>
</UINamingContainer>
</li>
</HtmlAjaxRepeat>
</ul>
</ComponentRef>
</HtmlDiv>
</UINamingContainer>
</UINamingContainer>
</TabPanel>
>
<TabPanel id="qanda-include" onshow="" rendered="false" selected="false" title="Q&A" transient="false">
<UINamingContainer id="qanda" 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_id1832" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1833" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1835" rendered="true" transient="false" value="2008 Chevrolet HHR Wagon"/>
</h2>
<script type="text/javascript"> $BV.configure("global", { allowSamePageSubmission: true }); </script> <script type="text/javascript"> $BV.ui("qa", "show_questions", { productId: "#{prodId}", subjectType: "product", submissionContainerDiv: "BVQAContainer" }); </script> <div id="BVQAContainer"/>
</UINamingContainer>
</UINamingContainer>
</TabPanel>
</Tabber>
</div> </div>
</ComponentRef>
</UINamingContainer>
<div id="data-disclaimer">
<p>
<HtmlOutputText escape="true" id="j_id1841" rendered="true" transient="false" value="Data on this page may have come in part, or entirely, from one or more of the following "/>
<HtmlOutputLink disabled="false" id="provider-disclaimer" onclick="$j(this).popup({height: 450, name: 'atc'}); return false;" rendered="true" transient="false" value="/research/shared/sources.jsp">
<HtmlOutputText escape="true" id="j_id1842" rendered="true" transient="false" value="providers"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1843" rendered="true" transient="false" value="."/>
</p>
</div>
</div> <div id="secondaryContentAlt">
<UINamingContainer id="ad-bigBoxAd-display" rendered="true" transient="false">
<div class="#{adWrapperClass}"> <div id="#{adId}" title="Advertisement" class="atc-ad atc-ad-dfp #{adLabel eq true ? 'atc-ad-text' : ''}" style="width: #{width eq '' ? 'auto': width}px;"> <script type="text/javascript"> googletag.cmd.push(function() { googletag.display('#{adId}'); }); </script> </div> </div>
</UINamingContainer>
<HtmlOutputText escape="false" id="j_id1848" rendered="true" transient="false" value="<div id="syc-module"> <div class="vehicle-segmentation-module atcui-secondary atcui-gradient atcui-small"> <h2 class="atcui-title">Sell or Trade In Your Old Car For a New One</h2> <div class="vehicle-segmentation"> <div class="syc-module"> <table class="image-link"> <tr> <td class="img-module"><a birf:log="component" birf:cmp="syc_lnk" onclick="return BILogUtil.Redirector(this.href, [], false).send();" href="/sell-car/"><img birf:log="component" alt="" birf:ref="../" src="http://www.autotraderstatic.com/content/web/images/syc/consumersite/223882.jpg?v=3.99.307238" /></a></td> <td class="link-module"> <h3><a birf:log="component" birf:cmp="syc_lnk" onclick="return BILogUtil.Redirector(this.href, [], false).send();" href="/sell-car/">Sell Your Car</a></h3> <div class="copy-below-module">Make more money when you sell privately.</div> </td> </tr> </table> <table class="image-link"> <tr> <td class="img-module"><a birf:log="component" birf:cmp="tim_lnk" onclick="return BILogUtil.Redirector(this.href, [], false).send();" href="https://tradein.autotrader.com/ATPages/TradeInMarketPlace.aspx?LNX=TIMATCLTPAP"><img birf:log="component" alt="" birf:ref="../" src="http://www.autotraderstatic.com/content/web/images/syc/consumersite/223883.jpg?v=3.99.307238" /></a></td> <td class="link-module"> <h3><a birf:log="component" birf:cmp="tim_lnk" onclick="return BILogUtil.Redirector(this.href, [], false).send();" href="https://tradein.autotrader.com/ATPages/TradeInMarketPlace.aspx?LNX=TIMATCLTPAP">Trade Your Car</a></h3> <div class="copy-below-module">Get an Instant Cash Offer you can use for trade or cash.</div> </td> </tr> </table> </div> </div> </div> </div>"/>
<UINamingContainer id="subview-hotlist" rendered="true" transient="false">
<HtmlForm enctype="application/x-www-form-urlencoded" id="hotlist" prependId="true" rendered="true" submitted="false" transient="false">
<UINamingContainer id="hotlist-container" rendered="true" transient="false">
<ComponentRef id="j_id1849" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id1851" rendered="true" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id1853" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1854" rendered="true" transient="false" value="My Hotlist"/>
</ComponentRef>
<ComponentRef id="j_id1855" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id1857" rendered="true" transient="false" value="My Hotlist"/>
</a>
</ComponentRef>
<ComponentRef id="j_id1859" rendered="false" transient="false"/>
</h2> </div>
</ComponentRef>
<div class="atcui-container-content #{disableGradientClass} atcui-container-content-#{empty tier ? 'Primary' : tier}">
<HtmlFragment id="j_id1862" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1864" rendered="true" transient="false" value="We'll park models you care about right here."/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id1866" rendered="true" transient="false">
<UINamingContainer id="hotlist-compare-top" rendered="true" transient="false">
<p class="compare-wrapper compare-wrapper-#{id} ">
<HtmlOutputText escape="true" id="j_id1868" rendered="true" transient="false" value="Check up to 4 to"/>
<UINamingContainer id="secondary-hotlist-compare-top-button-button" rendered="true" transient="false">
<ComponentRef id="j_id1869" rendered="true" transient="false">
<ComponentRef id="j_id1870" 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_id1872" rendered="true" transient="false" value="Compare"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id1874" 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_id1876" rendered="true" transient="false" value="Compare"/>
</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>
</p>
</UINamingContainer>
<ComponentRef id="j_id1880" rendered="true" transient="false">
<div id="hotlist-currently-viewing" class="vehicle-set"> <h4>
<HtmlOutputText escape="true" id="j_id1882" rendered="true" transient="false" value="Currently Viewing"/>
</h4>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@3f32824a" first="0" id="j_id1884" rendered="true" rowIndex="0" rowKeyVar="rows" rows="0" transient="false" var="modelSummary">
<ComponentRef id="j_id1885" rendered="false" transient="false">
<div id="hotlist-#{modelSummary.styleId}" class="#{carClass}"> <input class="checkbox" type="checkbox" value="#{modelSummary.styleId}"/> <div class="vehicle clearfix">
<HtmlAjaxCommandLink action="#{hotList.removeFromAddedModels(modelSummary)}" actionExpression="#{hotList.removeFromAddedModels(modelSummary)}" ajaxSingle="true" bypassUpdates="false" disabled="false" id="j_id1887" ignoreDupResponses="false" immediate="false" limitToList="false" onclick="jQuery(document).trigger('hotlist:fadeOutCar', '#hotlist-');" rendered="false" requestDelay="-2147483648" styleClass="remove" timeout="-2147483648" title="Remove" transient="false">
<span>
<HtmlOutputText escape="true" id="j_id1889" rendered="true" transient="false" value="Remove"/>
</span>
</HtmlAjaxCommandLink>
<div class="links">
<HtmlOutputLink disabled="false" id="j_id1892" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
<HtmlFragment id="j_id1893" rendered="false" transient="false">
<HtmlFragment id="j_id1894" rendered="false" 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_id1896" rendered="true" 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>
<HtmlFragment id="j_id1898" rendered="true" transient="false">
<HtmlFragment id="j_id1899" rendered="false" 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_id1901" rendered="true" 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>
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id1903" rendered="false" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<HtmlDiv id="j_id1905" rendered="true" styleClass="details" transient="false">
<HtmlOutputLink disabled="false" id="j_id1906" rendered="true" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<p class="price">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@d07e8b0" escape="true" id="j_id1909" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id1910" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@23d817f" escape="true" id="j_id1911" rendered="true" transient="false"/>
</p> <p class="mpg">
<HtmlOutputFormat escape="true" id="j_id1913" rendered="true" transient="false" value="{0} MPG - {1} MPG">
<UIParameter id="j_id1914" rendered="true" transient="false"/>
<UIParameter id="j_id1915" rendered="true" transient="false"/>
</HtmlOutputFormat>
</p>
</HtmlDiv>
</div> </div> </div>
</ComponentRef>
</HtmlAjaxRepeat>
</div>
</ComponentRef>
<ComponentRef id="j_id1919" rendered="false" transient="false">
<div id="hotlist-models-i-added" class="vehicle-set"> <h4>
<HtmlOutputText escape="true" id="j_id1921" rendered="true" transient="false" value="Models I Added"/>
</h4>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1400b9ff" first="0" id="hotlistResults" rendered="true" rowIndex="0" rowKeyVar="rows" rows="0" transient="false" var="modelSummary">
<div id="hotlist-#{modelSummary.styleId}" class="#{carClass}"> <input class="checkbox" type="checkbox" value="#{modelSummary.styleId}"/> <div class="vehicle clearfix">
<HtmlAjaxCommandLink action="#{hotList.removeFromAddedModels(modelSummary)}" actionExpression="#{hotList.removeFromAddedModels(modelSummary)}" ajaxSingle="true" bypassUpdates="false" disabled="false" id="j_id1924" ignoreDupResponses="false" immediate="false" limitToList="false" onclick="jQuery(document).trigger('hotlist:fadeOutCar', '#hotlist-');" rendered="true" requestDelay="-2147483648" styleClass="remove" timeout="-2147483648" title="Remove" transient="false">
<span>
<HtmlOutputText escape="true" id="j_id1926" rendered="true" transient="false" value="Remove"/>
</span>
</HtmlAjaxCommandLink>
<div class="links">
<HtmlOutputLink disabled="false" id="j_id1929" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
<HtmlFragment id="j_id1930" rendered="false" transient="false">
<HtmlFragment id="j_id1931" 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_id1933" 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>
<HtmlFragment id="j_id1935" rendered="true" transient="false">
<HtmlFragment id="j_id1936" 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_id1938" 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>
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id1940" rendered="false" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<HtmlDiv id="j_id1942" rendered="true" styleClass="details" transient="false">
<HtmlOutputLink disabled="false" id="j_id1943" rendered="true" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<p class="price">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@3bb31e9b" escape="true" id="j_id1946" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id1947" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6c9e70bb" escape="true" id="j_id1948" rendered="true" transient="false"/>
</p> <p class="mpg">
<HtmlOutputFormat escape="true" id="j_id1950" rendered="true" transient="false" value="{0} MPG - {1} MPG">
<UIParameter id="j_id1951" rendered="true" transient="false"/>
<UIParameter id="j_id1952" rendered="true" transient="false"/>
</HtmlOutputFormat>
</p>
</HtmlDiv>
</div> </div> </div>
</HtmlAjaxRepeat>
</div>
</ComponentRef>
<ComponentRef id="j_id1956" rendered="false" transient="false">
<div id="hotlist-previously-viewed" class="vehicle-set"> <h4>
<HtmlOutputText escape="true" id="j_id1958" rendered="true" transient="false" value="Previously Viewed"/>
</h4>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@15fb3cb3" first="0" id="j_id1960" rendered="true" rowIndex="0" rowKeyVar="rows" rows="0" transient="false" var="modelSummary">
<ComponentRef id="j_id1961" rendered="true" transient="false">
<div id="hotlist-#{modelSummary.styleId}" class="#{carClass}"> <input class="checkbox" type="checkbox" value="#{modelSummary.styleId}"/> <div class="vehicle clearfix">
<HtmlAjaxCommandLink action="#{hotList.removeFromAddedModels(modelSummary)}" actionExpression="#{hotList.removeFromAddedModels(modelSummary)}" ajaxSingle="true" bypassUpdates="false" disabled="false" id="j_id1963" ignoreDupResponses="false" immediate="false" limitToList="false" onclick="jQuery(document).trigger('hotlist:fadeOutCar', '#hotlist-');" rendered="false" requestDelay="-2147483648" styleClass="remove" timeout="-2147483648" title="Remove" transient="false">
<span>
<HtmlOutputText escape="true" id="j_id1965" rendered="true" transient="false" value="Remove"/>
</span>
</HtmlAjaxCommandLink>
<div class="links">
<HtmlOutputLink disabled="false" id="j_id1968" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
<HtmlFragment id="j_id1969" rendered="false" transient="false">
<HtmlFragment id="j_id1970" rendered="false" 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_id1972" rendered="true" 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>
<HtmlFragment id="j_id1974" rendered="true" transient="false">
<HtmlFragment id="j_id1975" rendered="false" 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_id1977" rendered="true" 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>
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id1979" rendered="false" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<HtmlDiv id="j_id1981" rendered="true" styleClass="details" transient="false">
<HtmlOutputLink disabled="false" id="j_id1982" rendered="true" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<p class="price">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@214e170b" escape="true" id="j_id1985" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id1986" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@dcae442" escape="true" id="j_id1987" rendered="true" transient="false"/>
</p> <p class="mpg">
<HtmlOutputFormat escape="true" id="j_id1989" rendered="true" transient="false" value="{0} MPG - {1} MPG">
<UIParameter id="j_id1990" rendered="true" transient="false"/>
<UIParameter id="j_id1991" rendered="true" transient="false"/>
</HtmlOutputFormat>
</p>
</HtmlDiv>
</div> </div> </div>
</ComponentRef>
</HtmlAjaxRepeat>
</div>
</ComponentRef>
<ComponentRef id="j_id1995" rendered="false" transient="false">
<div id="hotlist-previously-viewed" class="vehicle-set"> <h4>
<HtmlOutputText escape="true" id="j_id1997" rendered="true" transient="false" value="Previously Viewed"/>
</h4>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@34fb021" first="0" id="j_id1999" rendered="true" rowIndex="0" rowKeyVar="rows" rows="0" transient="false" var="modelSummary">
<ComponentRef id="j_id2000" rendered="false" transient="false">
<div id="hotlist-#{modelSummary.styleId}" class="#{carClass}"> <input class="checkbox" type="checkbox" value="#{modelSummary.styleId}"/> <div class="vehicle clearfix">
<HtmlAjaxCommandLink action="#{hotList.removeFromAddedModels(modelSummary)}" actionExpression="#{hotList.removeFromAddedModels(modelSummary)}" ajaxSingle="true" bypassUpdates="false" disabled="false" id="j_id2002" ignoreDupResponses="false" immediate="false" limitToList="false" onclick="jQuery(document).trigger('hotlist:fadeOutCar', '#hotlist-');" rendered="false" requestDelay="-2147483648" styleClass="remove" timeout="-2147483648" title="Remove" transient="false">
<span>
<HtmlOutputText escape="true" id="j_id2004" rendered="true" transient="false" value="Remove"/>
</span>
</HtmlAjaxCommandLink>
<div class="links">
<HtmlOutputLink disabled="false" id="j_id2007" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
<HtmlFragment id="j_id2008" rendered="false" transient="false">
<HtmlFragment id="j_id2009" rendered="false" 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_id2011" rendered="true" 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>
<HtmlFragment id="j_id2013" rendered="true" transient="false">
<HtmlFragment id="j_id2014" rendered="false" 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_id2016" rendered="true" 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>
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id2018" rendered="false" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<HtmlDiv id="j_id2020" rendered="true" styleClass="details" transient="false">
<HtmlOutputLink disabled="false" id="j_id2021" rendered="true" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<p class="price">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@64b44839" escape="true" id="j_id2024" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id2025" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@77f1c9d5" escape="true" id="j_id2026" rendered="true" transient="false"/>
</p> <p class="mpg">
<HtmlOutputFormat escape="true" id="j_id2028" rendered="true" transient="false" value="{0} MPG - {1} MPG">
<UIParameter id="j_id2029" rendered="true" transient="false"/>
<UIParameter id="j_id2030" rendered="true" transient="false"/>
</HtmlOutputFormat>
</p>
</HtmlDiv>
</div> </div> </div>
</ComponentRef>
</HtmlAjaxRepeat>
</div>
</ComponentRef>
<ComponentRef id="j_id2034" rendered="true" transient="false">
<div id="hotlist-similar-models" class="vehicle-set"> <h4>
<HtmlOutputText escape="true" id="j_id2036" rendered="true" transient="false" value="Similar Models to Consider"/>
</h4>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@22f9fc78" first="0" id="j_id2038" rendered="true" rowIndex="0" rowKeyVar="rows" rows="0" transient="false" var="modelSummary">
<div id="hotlist-#{modelSummary.styleId}" class="#{carClass}"> <input class="checkbox" type="checkbox" value="#{modelSummary.styleId}"/> <div class="vehicle clearfix">
<HtmlAjaxCommandLink action="#{hotList.removeFromAddedModels(modelSummary)}" actionExpression="#{hotList.removeFromAddedModels(modelSummary)}" ajaxSingle="true" bypassUpdates="false" disabled="false" id="j_id2040" ignoreDupResponses="false" immediate="false" limitToList="false" onclick="jQuery(document).trigger('hotlist:fadeOutCar', '#hotlist-');" rendered="false" requestDelay="-2147483648" styleClass="remove" timeout="-2147483648" title="Remove" transient="false">
<span>
<HtmlOutputText escape="true" id="j_id2042" rendered="true" transient="false" value="Remove"/>
</span>
</HtmlAjaxCommandLink>
<div class="links">
<HtmlOutputLink disabled="false" id="j_id2045" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
<HtmlFragment id="j_id2046" rendered="false" transient="false">
<HtmlFragment id="j_id2047" rendered="false" 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_id2049" rendered="true" 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>
<HtmlFragment id="j_id2051" rendered="true" transient="false">
<HtmlFragment id="j_id2052" rendered="false" 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_id2054" rendered="true" 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>
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id2056" rendered="false" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<HtmlDiv id="j_id2058" rendered="true" styleClass="details" transient="false">
<HtmlOutputLink disabled="false" id="j_id2059" rendered="true" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<p class="price">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@4a2e3c38" escape="true" id="j_id2062" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id2063" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@2173a694" escape="true" id="j_id2064" rendered="true" transient="false"/>
</p> <p class="mpg">
<HtmlOutputFormat escape="true" id="j_id2066" rendered="true" transient="false" value="{0} MPG - {1} MPG">
<UIParameter id="j_id2067" rendered="true" transient="false"/>
<UIParameter id="j_id2068" rendered="true" transient="false"/>
</HtmlOutputFormat>
</p>
</HtmlDiv>
</div> </div> </div>
</HtmlAjaxRepeat>
</div>
</ComponentRef>
<UINamingContainer id="hotlist-compare-bottom" rendered="true" transient="false">
<p class="compare-wrapper compare-wrapper-#{id} ">
<HtmlOutputText escape="true" id="j_id2073" rendered="true" transient="false" value="Check up to 4 to"/>
<UINamingContainer id="secondary-hotlist-compare-bottom-button-button" rendered="true" transient="false">
<ComponentRef id="j_id2074" rendered="true" transient="false">
<ComponentRef id="j_id2075" 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_id2077" rendered="true" transient="false" value="Compare"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id2079" 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_id2081" rendered="true" transient="false" value="Compare"/>
</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>
</p>
</UINamingContainer>
</HtmlFragment>
</div> </div>
</ComponentRef>
</UINamingContainer>
</HtmlForm>
</UINamingContainer>
</div> <div id="manageZip">
<UINamingContainer id="updateZipDialog" rendered="true" transient="false">
<ComponentRef id="j_id2087" rendered="false" transient="false">
<a href="javascript:void(0);" id="#{triggerId}">
<HtmlOutputText escape="true" id="j_id2089" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id2091" rendered="false" transient="false">
<img src="#{imgSrc}" alt="#{imgAlt}" id="#{triggerId}"/>
</ComponentRef>
<div style="display:none;"> <div id="#{dialogId}">
<div class="change-zip"> <p>
<HtmlOutputText escape="true" id="j_id2095" rendered="true" transient="false" value="Change your ZIP code:"/>
</p>
<HtmlForm enctype="application/x-www-form-urlencoded" id="change-zip" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlValidateAll id="j_id2097" rendered="true" transient="false" validatorsAdded="false">
<HtmlDecorate element="div" enclose="true" id="decorate" rendered="true" transient="false">
<HtmlInputText disabled="false" id="zip" immediate="false" localValueSet="false" maxlength="5" readonly="false" rendered="true" required="false" size="-2147483648" styleClass="dialog-zip-input" transient="false" valid="true" value=""/>
<div class="dialog-actions">
<UINamingContainer id="primary-zip-dialog-submit-button" rendered="true" transient="false">
<ComponentRef id="j_id2099" rendered="true" transient="false">
<ComponentRef id="j_id2100" rendered="false" 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_id2102" rendered="true" transient="false" value="Submit"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id2104" rendered="true" 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_id2106" rendered="true" transient="false" value="Submit"/>
</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;">
<HtmlCommandButton action="#{miOverviewController.updateZip}" actionExpression="#{miOverviewController.updateZip}" disabled="false" id="submit-zip" immediate="false" readonly="false" rendered="true" transient="false" type="submit" value="Submit"/>
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
<a href="javascript://" onclick="$j('##{zipModalId}').dialog('close');" title="#{messages['modal.zip.cancel']}" class="dialog-cancel">
<HtmlOutputText escape="true" id="j_id2110" rendered="true" transient="false" value="Cancel"/>
</a> </div>
<HtmlMessage errorClass="errormsg" for="zip" id="j_id2112" rendered="true" showDetail="true" showSummary="false" tooltip="false" transient="false"/>
</HtmlDecorate>
</HtmlValidateAll>
</HtmlForm>
</div>
</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_id2115" rendered="false" transient="false">
position: #{position},
</ComponentRef>
open: function() {"undefined" == typeof Tips ? '' : Tips.hideAll();"undefined" == typeof dlgOpen ? '' : dlgOpen();} });
<ComponentRef id="j_id2118" rendered="false" transient="false">
jQuery('##{triggerId}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
<ComponentRef id="j_id2120" rendered="true" transient="false">
jQuery('.#{triggerClass}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
}); </script>
</UINamingContainer>
</div>
</div> </div>
<div id="atc-ajax"/> <div id="atc-toolbar"/>
<script type="text/javascript"> (function($, window) { $("#atc-ajax").load("/partial/ajaxJsFunctions.xhtml"); $.ajax({ url: "/partial/toolbar/toolbar.xhtml?currentPageId=#{birfPageName}&adPageName=#{adMap['page']}&adMake=#{adMap['make']}&adModel=#{adMap['model']}&adBodyStyle=#{adMap['bodystyle']}&adType=#{adMap['type']}&adStartYear=#{adMap['start_year']}&adEndYear=#{adMap['end_year']}&adCertified=#{adMap['certified']}&adOwnerId=#{adMap['owner_id']}&adListingType=#{adMap['listing_type']}&adClassSeries=#{adMap['class_series']}", cache: false, success: function(data){ $("#atc-toolbar").html(data); } }); })($j, window); </script>
<div class="atcui-global-footer"/> <div class="atcui-global-footer-wrapper"> <div id="footer-socialBar" class="wrapper"> <div class="container"> <ul class="atcui-list "> <li class="atcui-list-item "><a data-birf-log="component" data-birf-cmp="fcb" title="Become a Fan of AutoTrader.com on Facebook" class="atcui-icon-link dark" target="_blank" href="http://www.facebook.com/autotrader"><span class="atcui-icon atcui-facebook" data-birf-ref="../" data-birf-log="component"/></a> </li> <li class="atcui-list-item "><a data-birf-log="component" data-birf-cmp="twt" title="Follow AutoTrader.com on Twitter" class="atcui-icon-link dark" target="_blank" href="http://twitter.com/autotrader_com"><span class="atcui-icon atcui-twitter " data-birf-ref="../" data-birf-log="component"/></a> </li> <li class="atcui-list-item "><a data-birf-log="component" data-birf-cmp="ggl" title="AutoTrader.com on Google+" class="atcui-icon-link dark" target="_blank" rel="publisher" href="https://plus.google.com/101426451522010719899?prsrc=3"><span class="atcui-icon atcui-googleplus" data-birf-ref="../" data-birf-log="component"/></a> </li> <li class="atcui-list-item "><a data-birf-log="component" data-birf-cmp="ytb" title="See AutoTrader.com Videos on YouTube" class="atcui-icon-link dark" target="_blank" href="http://www.youtube.com/autotrader"><span class="atcui-icon atcui-youtube" data-birf-ref="../" data-birf-log="component"/></a> </li> </ul> <ul class="atcui-list appStoreBtns"> <li class="atcui-list-item">
<HtmlOutputLink disabled="false" id="j_id2128" rendered="true" target="_blank" transient="false" value="https://itunes.apple.com/us/app/autotrader.com/id700740807?mt=8">
<img src="http://www.autotraderstatic.com/resources/img/atcui/template/AppStore.png?v=3.99.307238"/>
</HtmlOutputLink>
</li> <li class="atcui-list-item ">
<HtmlOutputLink disabled="false" id="j_id2131" rendered="true" target="_blank" transient="false" value="https://play.google.com/store/apps/details?id=com.autotrader.android">
<img src="http://www.autotraderstatic.com/resources/img/atcui/template/GooglePlay.png?v=3.99.307238"/>
</HtmlOutputLink>
</li> </ul> </div> </div> <div id="atcui-footer" class="atcui-global-footer-new dark-link"> <div class="innerColumn"> <ul> <li class="heading">
<HtmlOutputText escape="true" id="j_id2134" rendered="true" transient="false" value="Shop for a Car"/>
</li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row1links.1.url')}" data-birf-log="component" data-birf-cmp="brw_sale">
<HtmlOutputText escape="true" id="j_id2136" rendered="true" transient="false" value="Browse Cars for Sale"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row1links.2.url')}" data-birf-log="component" data-birf-cmp="brw_so">
<HtmlOutputText escape="true" id="j_id2138" rendered="true" transient="false" value="Car Deals"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row1links.3.url')}" data-birf-log="component" data-birf-cmp="srch_dlrs">
<HtmlOutputText escape="true" id="j_id2140" rendered="true" transient="false" value="Car Dealers"/>
</a> </li> </ul> <ul> <li class="heading">
<HtmlOutputText escape="true" id="j_id2142" rendered="true" transient="false" value="Trade or Sell a Car"/>
</li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row1links.5.url')}" data-birf-log="component" data-birf-cmp="sell_cr">
<HtmlOutputText escape="true" id="j_id2144" rendered="true" transient="false" value="Sell a Car"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row3links.9.url')}" data-birf-log="component" data-birf-cmp="trd_in_car">
<HtmlOutputText escape="true" id="j_id2146" rendered="true" transient="false" value="Trade-In a Car"/>
</a> </li> </ul> </div> <div class="innerColumn"> <ul> <li class="heading">
<HtmlOutputText escape="true" id="j_id2148" rendered="true" transient="false" value="Research Cars"/>
</li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row2links.1.url')}" data-birf-log="component" data-birf-cmp="car_res">
<HtmlOutputText escape="true" id="j_id2150" rendered="true" transient="false" value="Car Research"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row2links.5.url')}" data-birf-log="component" data-birf-cmp="nw_car_mdl">
<HtmlOutputText escape="true" id="j_id2152" rendered="true" transient="false" value="New Car Models"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row2links.6.url')}" data-birf-log="component" data-birf-cmp="cr_mdl_inf">
<HtmlOutputText escape="true" id="j_id2154" rendered="true" transient="false" value="Car Model Information"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row2links.2.url')}" data-birf-log="component" data-birf-cmp="nw_car">
<HtmlOutputText escape="true" id="j_id2156" rendered="true" transient="false" value="New Cars"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row2links.3.url')}" data-birf-log="component" data-birf-cmp="usd_car">
<HtmlOutputText escape="true" id="j_id2158" rendered="true" transient="false" value="Used Cars"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row2links.4.url')}" data-birf-log="component" data-birf-cmp="cert_car">
<HtmlOutputText escape="true" id="j_id2160" rendered="true" transient="false" value="Certified Cars"/>
</a> </li> </ul> </div> <div class="innerColumn"> <ul> <li class="heading">
<HtmlOutputText escape="true" id="j_id2162" rendered="true" transient="false" value="About Us"/>
</li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row3links.1.url')}" data-birf-log="component" data-birf-cmp="abt_atc">
<HtmlOutputText escape="true" id="j_id2164" rendered="true" transient="false" value="Company Information"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row3links.6.url')}" rel="nofollow" target="_blank" data-birf-log="component" data-birf-cmp="corp_inf">
<HtmlOutputText escape="true" id="j_id2166" rendered="true" transient="false" value="Corporate Information"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row3links.3.url')}" data-birf-log="component" data-birf-cmp="atc_jbs">
<HtmlOutputText escape="true" id="j_id2168" rendered="true" transient="false" value="Jobs at AutoTrader.com"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row3links.5.url')}" data-birf-log="component" data-birf-cmp="bc_atc_dlr" target="_blank">
<HtmlOutputText escape="true" id="j_id2170" rendered="true" transient="false" value="Become an AutoTrader.com Dealer"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row3links.2.url')}" data-birf-log="component" data-birf-cmp="prs_rm">
<HtmlOutputText escape="true" id="j_id2172" rendered="true" transient="false" value="Press Room"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row3links.7.url')}" data-birf-log="component" data-birf-cmp="site_mp">
<HtmlOutputText escape="true" id="j_id2174" rendered="true" transient="false" value="Site Map"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row3links.4.url')}" data-birf-log="component" data-birf-cmp="cont_us">
<HtmlOutputText escape="true" id="j_id2176" rendered="true" transient="false" value="Contact Us"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row1links.6.url')}" data-birf-log="component" data-birf-cmp="help">
<HtmlOutputText escape="true" id="j_id2178" rendered="true" transient="false" value="Help"/>
</a> </li> <li> <a data-birf-log="component" data-birf-cmp="frd_awr" onclick="window.open('#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row1links.7.url')}', '_blank','menubar=no, toolbar=no, location=no, directories=no, status=no, scrollbars=yes, resizable=yes, width=590, height=690')" href="javascript:void(0)">
<HtmlOutputText escape="true" id="j_id2180" rendered="true" transient="false" value="Fraud Awareness"/>
</a> </li> <li> <a href="#{resourceBundleUtils.lookupValue('/content/resources/ui/footer/footer_ui.properties','ui.footer.row2links.7.url')}" data-birf-log="component" data-birf-cmp="atc_mbl">
<HtmlOutputText escape="true" id="j_id2182" rendered="true" transient="false" value="AutoTrader.com Mobile"/>
</a> </li> </ul> </div>
<HtmlOutputText escape="true" id="j_id2184" rendered="true" styleClass="affiliates heading" transient="false" value="AutoTrader Affiliates"/>
<div class="atcui-section atcui-clearfix affiliates-row "> <div class="innerColumn">
<HtmlOutputLink disabled="false" id="j_id2186" rendered="true" styleClass="atcui-icon-link affiliate-link" target="_blank" transient="false" value="http://www.autotraderclassics.com/index.xhtml?utm_source=atc&utm_medium=links&utm_content=atcs&utm_campaign=partnership%252Blinks">
<img src="#{resourceBundleUtils.lookupValue('content/resources/ui/footer/atc_affiliates_ui', 'affiliates.item.1.img.src')}" alt="#{resourceBundleUtils.lookupValue('content/resources/ui/footer/atc_affiliates_ui', 'affiliates.item.1.img.alt')}" data-birf-log="component" data-birf-cmp="atx"/> <div class="affiliates-text-block affiliate-text" data-birf-log="component" data-birf-cmp="atx"> #{resourceBundleUtils.lookupValue('content/resources/ui/footer/atc_affiliates_ui', 'affiliates.item.1.linktext')} <span class="atcui-icon atcui-externalLink"/> </div>
</HtmlOutputLink>
</div> <div class="innerColumn">
<HtmlOutputLink disabled="false" id="j_id2189" rendered="true" styleClass="atcui-icon-link affiliate-link" target="_blank" transient="false" value="http://buyherepayhere.autotrader.com">
<img src="#{resourceBundleUtils.lookupValue('content/resources/ui/footer/atc_affiliates_ui', 'affiliates.item.2.img.src')}" alt="#{resourceBundleUtils.lookupValue('content/resources/ui/footer/atc_affiliates_ui', 'affiliates.item.2.img.alt')}" data-birf-log="component" data-birf-cmp="bhph_cntr" data-birf-extra="&Log=1"/> <div class="affiliates-text-block affiliate-text" data-birf-log="component" data-birf-cmp="bhph_cntr" target="_blank" data-birf-extra="&Log=1"> #{resourceBundleUtils.lookupValue('content/resources/ui/footer/atc_affiliates_ui', 'affiliates.item.2.linktext')} <span class="atcui-icon atcui-externalLink"/> </div>
</HtmlOutputLink>
</div> <div class="innerColumn">
<HtmlOutputLink disabled="false" id="j_id2192" rendered="true" styleClass="atcui-icon-link affiliate-link" target="_blank" transient="false" value="http://www.dealsonwheels.com/motorcycles?utm_source=ATC&utm_medium=links&utm_content=ATChpp&utm_campaign=partnership+links">
<img src="#{resourceBundleUtils.lookupValue('content/resources/ui/footer/atc_affiliates_ui', 'affiliates.item.3.img.src')}" alt="#{resourceBundleUtils.lookupValue('content/resources/ui/footer/atc_affiliates_ui', 'affiliates.item.3.img.alt')}" data-birf-log="component" data-birf-cmp="dow"/> <div class="affiliates-text-block affiliate-text" data-birf-log="component" data-birf-cmp="dow"> #{resourceBundleUtils.lookupValue('content/resources/ui/footer/atc_affiliates_ui', 'affiliates.item.3.linktext')} <span class="atcui-icon atcui-externalLink"/> </div>
</HtmlOutputLink>
</div> </div> <div class="site-disclaimer">
<HtmlOutputText escape="true" id="j_id2195" rendered="true" transient="false" value="By using this service, you accept the terms of our "/>
<a data-birf-log="component" data-birf-cmp="vis_agr" href="/visitor.jsp" onclick="openPopWin(this.href, 'yes','yes', 650, 590);return false;" class="vistor-agreement">
<HtmlOutputText escape="true" id="j_id2197" rendered="true" transient="false" value="Visitor Agreement."/>
</a> <a href="/privacy.jsp" data-birf-log="component" data-birf-cmp="pvcy_stmt" class="privacy-statement">
<HtmlOutputText escape="true" id="j_id2199" rendered="true" transient="false" value="Privacy Statement."/>
</a>
<HtmlOutputText escape="false" id="j_id2201" rendered="true" transient="false" value="<a id="_bapw-link" style="cursor:pointer !important;"><img id="_bapw-icon" style="display:inline !important;vertical-align:middle !important"/> <span style="vertical-align:middle !important">AdChoices</span></a><script>(function(){var e=document,b,a=(e.location.protocol=="https:"?"https":"http"),c=(a=="https"?"https://info.evidon.com/c/betrad/pub/":"http://cdn.betrad.com/pub/");e.getElementById("_bapw-icon").src=c+"icon1.png";e.getElementById("_bapw-link").onclick=function(){var f=this;function d(i,l){var j=e.getElementsByTagName("head")[0]||e.documentElement,h=false,g=e.createElement("script");function k(){g.onload=g.onreadystatechange=null;j.removeChild(g);l()}g.src=i;g.onreadystatechange=function(){if(!h&&(this.readyState=="loaded"||this.readyState=="complete")){h=true;k()}};g.onload=k;j.insertBefore(g,j.firstChild)}this.onclick="return false";d(a+"://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js",function(){d(c+"pub1.js",function(){BAPW.i(f,{pid:142,ocid:869},false)})});return false};b=new Image();b.src=a+"://l.betrad.com/pub/p.gif?pid=142&ocid=869&ii=1&r="+Math.random()}());</script>"/>
</div>
<HtmlOutputFormat escape="false" id="j_id2203" rendered="true" styleClass="trademark-text" transient="false" value="© {0, date, yyyy} AutoTrader.com, Inc. All Rights Reserved. "AutoTrader.com" is a registered trademark of TPI Holdings, Inc. used under exclusive license.">
<UIParameter id="j_id2204" rendered="true" transient="false" value="Tue Jan 27 09:22:40 EST 2015"/>
</HtmlOutputFormat>
<div class="footcrumb"> <div class="feedback"> <a href="#" onclick="javascript:O_LC();return false;" data-birf-log="component" data-birf-cmp="fdbk"> Feedback <img src="http://www.autotraderstatic.com/img/index-b/feedback_plus_lt_blue.gif?v=3.99.307238" width="11" height="11" alt="Feedback"/> </a> </div> </div> </div> </div>
<script src="http://www.autotraderstatic.com/inc/js/demdex.js?v=3.99.307238" type="text/javascript"/>
<script type="text/javascript"> atc.thirdparty.loadScript({ src: "cdn.krxd.net/controltag?confid=IWjaNWdy" }); </script>
<script> var _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "6035944" }); (function() { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js"; el.parentNode.insertBefore(s, el); })(); </script> <noscript> <img src="http://b.scorecardresearch.com/p?c1=2&c2=6035944&cv=2.0&cj=1"/> </noscript>
<script type="text/javascript" src="http://www.autotraderstatic.com/resources/js/external/baynote/baynote.js?v=3.99.307238"/>
<script language="javascript" type="text/javascript"> //<![CDATA[ document.write('\<script language=\"javascript\" type=\"text/javascript\" src=\"' + document.location.protocol + '//dms.netmng.com/si/CM/Tracking/ClickTracking.aspx?siclientid=5067&jscript=1\"\>\<\/script>'); //]]> </script> <noscript> <img width="1" height="1" alt="" src="http://dms.netmng.com/si/CM/Tracking/ClickTracking.aspx?siclientid=5067&jscript=0"/> </noscript>
</div>
<HtmlAjaxOutputPanel ajaxRendered="false" id="globalZipWrapper" keepTransient="true" layout="inline" rendered="true" transient="false">
<ComponentRef id="j_id2212" rendered="true" transient="false">
<script type="text/javascript"> globalZip = ""; </script>
</ComponentRef>
<ComponentRef id="j_id2214" rendered="false" transient="false">
<script type="text/javascript"> globalZip = '#{miOverviewBean.zip}'; </script>
</ComponentRef>
</HtmlAjaxOutputPanel>
<ComponentRef id="j_id2216" rendered="false" transient="false">
<script type="text/javascript"> $j().ready(function() { $j("#navigator-content").data("truck", true); }); </script>
</ComponentRef>
<script type="text/javascript"> $j().ready(function() { if(window.location.toString().indexOf("overview.xhtml") == -1) { var noReWrite = "/research/modelinfo/overview.xhtml&makecode=#{miOverviewBean.mrStyle.makeCode}&modelcode=#{miOverviewBean.mrStyle.modelCode}&year=#{miOverviewBean.mrStyle.year}&bodystylecode=#{miOverviewBean.mrStyle.bodyStyleCode}"; var current = "&origuri=" + window.location.pathname + "&" + window.location.search.substr(1, window.location.search.length); var referrer = document.referrer.replace("?", "&"); referrer =referrer.substring(7 , document.referrer.length); referrer = "&ref=" + referrer.substring(referrer.indexOf("/") , document.referrer.length); var seoURL = "/no_cache/ac/SEO_nocount.asis?page=" + noReWrite + current + referrer; var newImage = $j(document.createElement("img")); newImage.attr("src", seoURL).appendTo("body"); } }); $j(function(){ $j(document).biReporting({ requiredPairs: { rdpage: 'mioverview', address: '#{miOverviewBean.zip}' }, conditionalPairs: { styleId: '#{miOverviewBean.mrStyle.styleId}', modelid: '#{miOverviewBean.mrStyle.modelId}' } }); }); </script>
<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_id2219" rendered="false" transient="false">
<span class="ad-text" style="width: #{width}px;">
<HtmlOutputText escape="true" id="j_id2221" rendered="true" transient="false" value=""/>
</span>
</ComponentRef>
<Ad height="1" id="footer1x1" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@554a9db1" rendered="true" styleClass="" transient="false" width="1"/>
</HtmlDiv>
</UINamingContainer>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@2fbd4fb4" first="0" id="j_id2223" rendered="true" rowIndex="0" rows="0" transient="false" var="flipValue">
<UINamingContainer id="ad-" rendered="true" transient="false">
<HtmlDiv id="adWrapper-" rendered="true" styleClass="atcui-ad " transient="false">
<ComponentRef id="j_id2224" rendered="false" transient="false">
<span class="ad-text" style="width: #{width}px;">
<HtmlOutputText escape="true" id="j_id2226" rendered="true" transient="false" value=""/>
</span>
</ComponentRef>
<Ad height="1" id="" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@554a9db1" rendered="true" styleClass="" transient="false" width="1">
<UIParameter id="j_id2228" name="flip" rendered="true" transient="false"/>
<UIParameter id="j_id2229" name="ifid" rendered="true" transient="false" value="footer1x1-"/>
</Ad>
</HtmlDiv>
</UINamingContainer>
</HtmlAjaxRepeat>
</HtmlAjaxOutputPanel>
<HtmlFragment id="j_id2230" rendered="false" transient="false">
<script type="text/javascript" src="#{testAndTargetAction.filePathToConfiguration}mbox.js"/> <script type="text/javascript" src="#{testAndTargetAction.filePathToConfiguration}dynamite.js"/> <script type="text/javascript"> #{testAndTargetAction.getConfiguration(birfPageName)} </script>
</HtmlFragment>
</body> </html>
</AjaxViewRoot>

+ Scoped Variables

Request Parameters
NameValue
ad_max_price
ad_min_price
modelid16974
styleid289284
vehicle_number289284
Request Attributes
NameValue
AtcJawrBridgeUtilcom.autotrader.jawr.AtcJawrBridgeUtil@35bbcae8
OEMSpecialHandlercom.autotrader.consumer.business.research.modelinfo.OEMSpecialHandler@3c0660e7
_UIResourceLoader_RESOURCES[site.css, header.css, grid.css, global.js, jquery.ui.slider.js, onlineopinion3t.js, atcbi.js, research.css, overlay.js, swfobject.js, videoController.js, carousel-thumbnails.js, carousel-viewport.js, color-picker.js, spins.js, hotlist.js, compareCars.js, flyouts.js, style-navigator.js, printManager.js, thumbnail.js, popup.js, MIUtils.js, init-overview.js]
adUtilscom.autotrader.util.AdUtils@46c3fc7a
ajaxContextorg.ajax4jsf.context.AjaxContextImpl@6cf4d1e1
applicationUtilscom.autotrader.commons.ApplicationUtils@3cff42a9
atcAdProcessorLegacycom.autotrader.consumer.web.ad.AtcAdProcessorLegacy@1a718488
carManagercom.autotrader.consumer.business.car.CarManager@12b40a48
fastModelInfoSearchcom.autotrader.consumer.business.research.modelinfo.FastModelInfoSearch@6a0f068f
imageUtilscom.autotrader.consumer.util.ImageUtils@77ccaf
inventorySearchUtilcom.autotrader.consumer.web.research.modelinfo.shared.InventorySearchUtil@391ef566
listingSearchServicecom.autotrader.consumer.business.find.listing.ListingSearchService@1f8118d6
miOverviewAdProcessorcom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@554a9db1
miOverviewControllercom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewController@548599c2
miReferenceDataManagerImplcom.autotrader.consumer.business.integration.MIReferenceDataManagerImpl@f31bae8
miReviewControllercom.autotrader.consumer.web.research.modelinfo.shared.MIReviewController@9e5dd23
miStyleSelectorControllercom.autotrader.consumer.web.research.modelinfo.shared.MIStyleSelectorController@521929e8
modelInfoContentSearchServicecom.autotrader.consumer.business.research.modelinfo.ModelInfoContentSearchService@720e6873
modelInfoUtilcom.autotrader.consumer.web.research.modelinfo.ModelInfoUtil@feb9085
modelid16974
pg_inst287744147677829173
queryStringUtilscom.autotrader.commons.QueryStringUtils@325d13ed
referenceDataServicecom.autotrader.consumer.web.service.ReferenceDataService@7cc7466f
resourceBundleUtilscom.autotrader.commons.ResourceBundleUtils@7ee16168
siteConfigUtilscom.autotrader.consumer.util.SiteConfigUtils@7ec233eb
snapshotDAOcom.autotrader.integration.snapshot.SnapshotDAO@7fdeca50
staticBundleServicecom.autotrader.components.StaticBundleService@7bb48bc5
stringUtilscom.autotrader.util.StringUtils@a4471f6
styleid289284
Session Attributes
NameValue
ABTestExperimentscom.autotrader.enterprise.common.testframework.ABTestExperimentInfo@1395d2be
accountManagercom.autotrader.consumer.business.myatc.AccountManager@513ec1fd
bookmarkCacheManagercom.autotrader.consumer.business.myatc.BookmarkCacheManager@6f31f2b6
csContextcom.autotrader.consumer.web.CsContext@3835c3c2
cxp_12_16tandt
headerActioncom.autotrader.consumer.web.myatc.HeaderAction@51c71262
hotListcom.autotrader.consumer.business.research.HotList@648809df
modelInfoSearchCriteriacom.autotrader.consumer.business.research.modelinfo.ModelInfoSearchCriteria@1f404309
testAndTargetActioncom.autotrader.consumer.web.TestAndTargetAction@33f113e6
zipCode
Application Attributes
NameValue
CewolfRenderer_Init_Configorg.apache.catalina.core.StandardWrapperFacade@35c83876
Jan 27, 2015 9:22:40 AM - Generated by Facelets