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="2009 Audi A4 Sedan - 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="2009 Audi A4 Sedan"/>
</h1>
<ComponentRef id="j_id136" rendered="true" transient="false">
<p class="trim">
<HtmlOutputText escape="true" id="j_id138" rendered="true" transient="false" value="4dr Sdn Manual 2.0T quattro Prestige"/>
</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@587ae02b" escape="true" id="j_id145" rendered="true" transient="false" value="30700"/>
<HtmlOutputText escape="true" id="j_id146" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6b13546e" escape="true" id="j_id147" rendered="true" transient="false" value="40400"/>
<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="17 MPG City - 26 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@420c38ad" escape="true" id="j_id165" rendered="false" transient="false" value="31850"/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@305d07bb" 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="22 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="4"/>
</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=2009&make=Audi&model=A4&body_style=Sedan&adClassSeries=UNAVAIL'; window.close(); return false;" rendered="true" styleClass="conditional-link" transient="false" value="javascript:void(0)">
<HtmlOutputText escape="true" id="j_id222" rendered="true" transient="false" value="Build & Price a 2009"/>
</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=AUDI&model=A4&start_year=2009&end_year=2009'; return false;" rendered="true" styleClass="conditional-link" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=AUDI&model=A4&start_year=2009&end_year=2009">
<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=2009&make=Audi&model=A4&body_style=SEDAN&adClassSeries=UNAVAIL&style_id=309003">
<HtmlOutputText escape="true" id="j_id232" rendered="true" transient="false" value="Build & Price a 2009"/>
</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=AUDI&model=A4&start_year=2009&end_year=2009">
<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="Audi" 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@2ba69ecb" first="0" id="j_id243" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@480337d0" 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="Audi" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id251" rendered="true" transient="false" value="Audi"/>
</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="A4" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id253" rendered="true" transient="false" value="A4"/>
</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="2009" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id255" rendered="true" transient="false" value="2009"/>
</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="Sedan" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id257" rendered="true" transient="false" value="Sedan"/>
</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@4b455d9f" first="0" id="j_id265" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@37059854" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@5053cf04" first="0" id="j_id267" rendered="true" rowIndex="0" rowKeyConverter="javax.faces.convert.IntegerConverter@2e3c38cf" 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@73b5b5bf" 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@1eaf49f2" 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@61fbe9b" 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@e1ab541" 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@7b71c5a2" 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@6a664dfe" 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@628a9544" 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@784dd5e6" 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@3e162cbe" 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@21d38dca" 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@4801da1f" first="0" id="j_id357" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@71974e27" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@48c1cb4" 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@ab06fc1" first="0" id="j_id363" rendered="true" rowIndex="0" rowKeyConverter="javax.faces.convert.IntegerConverter@4578ed62" 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@628e090" 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@65af1118" 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@488b72cf" 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@3b1e993e" 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@55ded3c4" 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@182114e7" 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@23e35611" 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@2227887f" 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@51725b5d" 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@2acc6071" 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@4fcfb0aa" 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@4c5791d5" 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@9275e1b" first="0" id="j_id462" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@7793434e" 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@6527f336" first="0" id="j_id470" rendered="true" rowIndex="0" rowKeyConverter="javax.faces.convert.IntegerConverter@21d0921c" 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@4287d9c" 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@7e4e8ee5" 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@57879d2b" 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@85f9ef2" 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@3dbc2629" 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@b6d6d69" 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@3d2a0e5b" 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@141497bc" 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@53f5c1f0" 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@2b8f9ea0" 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@61f730b7" 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@2b9f70a0" 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@709b2ebf" first="0" id="j_id571" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@5c1a375a" 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@3d2824f3" 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@1691ece3" 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@465736a8" 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@7c573ac" 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@342d2530" 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@7fe48d12" 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@75e9da56" 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@4bfd8094" 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@70049b85" 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@3e7e7237" 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@5f7c98ee" 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@6d1c623b" 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@62754773" 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@1a60185" 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@39adc39b" 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@3f0512b2" 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@660e8470" 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@43190968" 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@20b8ad42" 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@3c76d8d6" 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@1e95e89d" escape="true" id="j_id765" rendered="true" transient="false" value="29620"/>
</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@3daab1b" escape="true" id="j_id772" rendered="true" transient="false" value="31850"/>
</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=2009&make=Audi&model=A4&body_style=SEDAN&adClassSeries=UNAVAIL">
<HtmlOutputText escape="true" id="j_id779" rendered="false" transient="false" value="Build & Price your A4"/>
<HtmlOutputText escape="true" id="j_id780" rendered="true" transient="false" value="Build & Price a 2009"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id781" rendered="false" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id783" rendered="false" transient="false" value="Audi Offers"/>
<HtmlOutputText escape="true" id="j_id784" rendered="true" transient="false" value="Audi offers on new 2009 A4s"/>
</h3> <p>
<ComponentRef id="j_id786" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@9177b97" 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@64b2fb2a" 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=309003">
<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="A4"/>
</HtmlOutputFormat>
</h3> <ul class="mini-listings-new">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@2287b60c" 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=2009&end_year=2009&make=AUDI&model=A4&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=SEDAN">
#{year} #{messages['mi.overview.price.availability.current']}
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id828" rendered="true" transient="false" value="/fyc/searchresults.jsp?end_year=2008&make=AUDI&model=A4&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=SEDAN">
<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@7bc0df89" 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=AUDI&model=A4&start_year=2009&end_year=2009&body_code=SEDAN&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@3393dad8" escape="true" id="j_id867" rendered="false" transient="false"/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@3004b55c" 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@51ec3a5" 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@26be8843" 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@26e3fa94" 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=1422272829671"/>
<AjaxTabPanel id="colors-include" onshow="" rendered="true" selected="false" title="Colors" transient="false" url="/modules/mi/overview/primary/media/colors/colors.xhtml?b=1422272829671"/>
<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=1422272829671"/>
<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=1422272829671"/>
</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="2009 Audi A4 Sedan"/>
</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="2009 Audi A4 Sedan"/>
</HtmlOutputFormat>
</h3> <p>
<HtmlOutputText escape="true" id="j_id1048" rendered="true" transient="false" value="Audi has upped the luxury performance-car ante with the 2009 A4. Its fresh face and benchmark interior distinguish it from its Mercedes-Benz C-Class and BMW 3-Series competitors, while its new dimensions also make it the largest car in its class. With the sure-footedness of Audi's world-class quattro all-wheel-drive system, more power from two new engines, the availability of both a wagon and a convertible, and the always-addictive oomph of the S4 model, Audi's sports sedan lineup has a little something for everyone."/>
</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 2009?"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id1054" rendered="true" transient="false" value="Now in its eighth generation, the Audi A4 is entirely redesigned for 2009. The new car is based on the underpinnings of the two-door A5 coupe and is thus wider and rides on a longer wheelbase than its predecessor. "/>
</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@41581e7e" 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="The Audi A4 sports sedan is all-new for 2009, and it brings with it enough configurations and options to keep serious drivers satisfied."/>
</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="2009 Audi A4 Sedan"/>
</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="Review: 2009 Audi A4"/>
</h4> </div>
<ComponentRef id="j_id1099" rendered="true" transient="false">
<p>
<span id="sourcenameplate"> Source: <a class="outbound-link" href="http://autos.msn.com/Default.aspx" onclick="return BILogUtil.Redirector(this.href, ['mis=RCMPBDLNRC1300', 'rdpage=msn_autos'], true).send();">MSN Autos</a></span>
</p>
</ComponentRef>
<p>
<HtmlOutputText escape="false" id="j_id1104" rendered="true" transient="false" value="<div class="primary-article-content"> <div class="rxbodyfield"> <p>The release of the A4 in 1996 marked an important change for Audi. Better-looking and sportier than the Audi 90 it replaced, the A4 was a worthy competitor for the BMW 3-Series. More importantly, it began to draw a larger audience for what had been a struggling brand. For 2009, Audi redesigns the A4, making it larger, improving balance and offering an efficient new engine. The more appealing A4 will almost certainly continue to draw even more customers to Audi. </p> <p><strong>Model Lineup</strong><br>The 2009 Audi A4 lineup includes 4-door sedans, 4-door wagons called Avants and 2-door convertibles called Cabriolets. The sedans and wagons are redesigned for 2009, while the convertible carries over with the 2008 body style. The Avant is offered as one model called 2.0T, while the sedan comes as the 2.0T or the 3.2. The Cabriolet is offered as the 2.0T, the 3.2 or the S4 with a 4.2-liter V8 engine. This review covers the redesigned sedan and wagon. </p> <p>Standard equipment on 2.0T trims includes leather upholstery, automatic climate control, a tilt/telescoping leather-wrapped steering wheel with audio controls, cruise control, the usual power accessories, an 8-way power front seat, a 60/40 split-folding rear seat, a sunroof, an 180-watt AM/FM/stereo with 10 speakers, an auxiliary input jack, Sirius Satellite Radio, fog lights and P225/50R17 tires on alloy wheels. Wagons also have roof rails for a rack or other cargo carrier. </p> <p>Audi A4 3.2 trims add heated front seats, memory for the driver’s seat and mirrors, a 6-disc CD changer, an iPod adapter, a Bluetooth wireless cell phone link, a trip computer, rain-sensing wipers, automatic headlights and P245/45R17 tires. </p> <p>A Premium Plus package is offered for the 2.0T. It includes much of the 3.2 equipment, plus 3-zone climate control, heated front seats and xenon headlights. A Prestige package for both trims adds keyless access and starting, 18-inch wheels, Audi’s Blind Spot Alert system and a 505-watt Bang & Olufsen audio system with 14 speakers. </p> <p>Standard safety equipment on all versions includes dual front airbags, front side airbags, side curtain airbags, a tire-pressure monitor, anti-lock brakes with brake assist and automatic brake drying, traction control and electronic stability control. Rear side airbags, a rearview camera and Audi’s Blind Spot Alert system are optional. </p> <p><strong>Under the Hood</strong><br>The redesigned A4 is offered with two engines and a choice of front-wheel drive (FWD) or all-wheel drive (AWD), which Audi calls quattro. While the 2.0-liter turbocharged engine that Audi offered in 2008 was powerful and fuel-efficient, Audi has redesigned it for 2009. This version uses a timing chain instead of a timing belt and is both more powerful and more fuel-efficient. It produces 211 horsepower and 258 lb-ft of torque, compared with the 2008 version’s 200 ponies and 207 lb-ft of torque. FWD versions come with a continuously variable automatic transmission (CVT), while quattro models use a 6-speed manual transmission or a 6-speed automatic with Audi’s Tiptronic manual shift capability. Environmental Protection Agency fuel-economy ratings are 23/30 mpg (city/hwy) for the FWD sedan with the CVT, 22/30 for the quattro sedan with the manual, and 21/27 for the sedan or wagon with the automatic. </p> <p>Audi A4 3.2 trims have a 3.2-liter V6 engine that makes 265 horsepower and 243 lb-ft of torque. It comes only with the 6-speed automatic transmission and quattro, and EPA fuel-economy estimates are 17/26. </p> <p>Audi’s quattro all-wheel-drive system is rear-biased. Under normal conditions, it sends 60 percent of the power to the rear wheels and 40 percent to the front. When slip is detected, an automatic locking center differential can send most of the power to the axle with traction. </p> <p><strong>Inner Space</strong><br>Audi has been the industry standard for interior quality for years, and the 2009 A4’s cockpit is better than ever. In my opinion, the dashboard is one of the most attractive available today. The only hard plastic is the trim piece that surrounds the instrument cluster. The dash is made of a solid, soft-touch material, the armrests and center console are padded, and the trim is either aluminum or wood. The electroluminescent gauges are easy to see and read, and red lighting around the controls makes them easy to find at night. </p> <p>Audi’s Multi-Media Interface (MMI) is standard. It comes with a dashboard screen, and it controls the radio and car settings, and, when equipped, the navigation system. Audi has refined the MMI over the years, making it easier to operate. While this version is not too hard to figure out, it still complicates some controls, meaning drivers may have to look away from the road for longer periods. An available iPod interface, however, lets drivers control their iPods through the dashboard screen, which is safer than looking down at a small device. </p> <p>True to its sport sedan intentions, the A4 has supportive seats that keep drivers in place during aggressive cornering. The optional sport seats provide even more support. A standard tilt/telescoping steering wheel, plenty of seat controls and good headroom and legroom make it easy to find a tailored driving position. </p> <p>The 2009 A4’s increased length benefits back-seat space, which has been a problem for the A4 in the past. Two adults can fit back there unless the front-seat passengers push their seats all the way back, and three children will fit as well. Headroom is good for all but the very tall, and there is plenty of toe space under the front seats. </p> <p>The sedan’s trunk also grows for 2009, from 13.4 to 16.9 cubic feet. That’s enough space to fit three or four bags of luggage, but large boxes won’t fit because the rear opening is rather short and tight. A standard 60/40 split-folding rear seat allows for loading of longer items. The wagon has much more space, but it’s small for a wagon. With the rear seats up, it has 17.3 cubic feet of cargo space, and with them down, it has 50.5 cubic feet, which is about 10 cubic feet less than the BMW 3-Series wagon. </p> <p><strong>On the Road</strong><br>The A4’s premium qualities extend to its ride and handling characteristics. The 2009 model is 4.6 inches longer overall and 6.5 inches longer in wheelbase. Audi says the extra length allowed engineers to move the front axle 6.1 inches forward and the engine back toward the center of gravity. In addition, the new model has a 1.8-inch wider track. These changes give the A4 some much-needed stability at high speeds and better turn-in response. It feels smaller than its size and is nimble in quick changes of direction. While it still isn’t a match for the BMW 3-Series on twisty roads or a racetrack, the difference is negligible on the street. </p> <p>The ride quality is quite good as well. Pockmarked streets don’t interrupt passenger comfort with the base version’s 17-inch wheels. The available 18s also ride comfortably, but the 18-inch Sport package starts to make the ride hard, and the 19-inch Sport package is best for those who drive on smooth roads. The available Drive Select package has three "ride" modes, Comfort, Auto and Sport. It adjusts the steering effort, throttle mapping, suspension damping and transmission program. Those who want quicker steering and throttle response will like the Sport mode, but this is an expensive option ($3,000) that really isn’t needed considering the fine settings that come with the base car. </p> <p>The A4’s base engine is also its best engine. The 2.0-liter turbocharged 4-cylinder provides maximum torque as low as 1500 rpm. That means the A4 2.0T is sprightly from a stop and has willing passing response. Zero to 60 mph takes only 6.5 seconds with the easy-shifting manual transmission, and as little as 6.7 seconds with the smooth and responsive automatic. </p> <p>The 3.2-liter V6 comes only with the automatic transmission, and it propels the A4 to 60 mph in 6.3 seconds. While that’s faster than the 2.0T, it’s not much faster, and the added price and reduced fuel economy conspire to make the V6 an unwise buy. On top of that, the 3.2 is far outperformed by BMW’s twin-turbocharged 3.0-liter V6.  </p> <p><strong>Right for You?</strong><br>If you want sportiness and luxury, plus frugal fuel economy, the Audi A4 is an excellent choice. The interior is the nicest in the class, and the base 2.0T engine provides useful power and sips gas compared with the base engines in many rivals. The sedan has enough space to carry four adults comfortably, and the wagon offers the utility that active-lifestyle types will find useful. </p> <p><em>Kirk Bell has served as the associate publisher for</em> Consumer Guide Automotive <em>and editor of</em> Scale Auto Enthusiast <em>magazine. A Midwest</em> <em>native, Bell brings 18 years of automotive journalism experience to MSN, and currently contributes</em> to JDPower.com<em>and Kelley Blue Book's</em> kbb.com<em>.</em></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="4"/>
</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="3"/>
</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="2009 Audi A4 Sedan"/>
</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="false" 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="false" 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="false" 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="false" 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="false" 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="false" 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="false" 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="false" 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="false" 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="false" 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="false" 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="true" 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" value="Std"/>
</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="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1363" rendered="true" 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" value="Opt"/>
</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="true" 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" value="Std"/>
</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="Std"/>
</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="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1428" rendered="true" 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" value="Std"/>
</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="true" 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" value="Std"/>
</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="true" 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" value="Std"/>
</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="true" 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" value="Std"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1500" rendered="true" 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="true" 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" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1510" rendered="true" 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" value="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1516" rendered="true" 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" value="Std"/>
</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="true" 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" value="Std"/>
</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="false" 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"/>
</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="2009 Audi A4 Sedan"/>
</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@3a03b6" 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="Audi 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">A factory backed limited warranty with coverage up to six years or 100,000 total vehicle miles from the original vehicle in service date, whichever occurs first..<span class="footnote">1</span></div><br/><div class="content"><span class="footnote">1</span>See dealer for 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="Model years 2010-2015 with less than 60,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="300+ Point Inspection and Certification Process<br /> <a href="http://www.autotrader.com/redirect/redirector_link.jsp?to_url=http://images.autotrader.com/cms/images/na/certified/pdfs/216397.pdf?mis=RCCCBDMGGC6608" target="_blank">View the 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="No"/>
</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="true" 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" value="Yes"/>
</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="$85"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1661" rendered="true" transient="false">
<p>
<HtmlOutputLink disabled="false" id="j_id1663" rendered="true" title="Audi" 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="2009 Audi A4 Sedan"/>
</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 2009 A4 at these Audi 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 2009 A4 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=AUDI&model=A4&start_year=2009&end_year=2009&body_code=SEDAN&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@60c9a1d7" 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@55a05be5" 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@12f1434e" 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@1d79bf99" 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=2009&end_year=2009&make=AUDI&model=A4&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=SEDAN">
<HtmlOutputText escape="true" id="j_id1754" rendered="true" transient="false" value="2009 models"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id1756" rendered="true" transient="false" value="/fyc/searchresults.jsp?start_year=2007&end_year=2009&make=AUDI&model=A4&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=SEDAN">
<HtmlOutputText escape="true" id="j_id1757" rendered="true" transient="false" value="2007 - 2009 models"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id1759" rendered="true" transient="false" value="/fyc/searchresults.jsp?end_year=2006&make=AUDI&model=A4&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=SEDAN">
<HtmlOutputText escape="true" id="j_id1760" rendered="true" transient="false" value="Search for Audi A4 2006 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@2411e4ed" 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@12cc961b" 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@3592d041" 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@39a676e1" 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="2009 Audi A4 Sedan"/>
</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@5fc6cb58" 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@74502f87" 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@3c6083b9" 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@6fde1470" 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@7991a8d5" 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@49e3764d" 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@746bdf20" 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@5605e996" 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@540bffa1" 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@206beba6" 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@d3befeb" 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@5a043416" 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@27fd33b3" 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@6ff8cdb5" 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@37895f81" 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="Mon Jan 26 06:47:09 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@20b8ad42" rendered="true" styleClass="" transient="false" width="1"/>
</HtmlDiv>
</UINamingContainer>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1bdd2aa3" 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@20b8ad42" 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
modelid18372
styleid
Request Attributes
NameValue
AtcJawrBridgeUtilcom.autotrader.jawr.AtcJawrBridgeUtil@551a419f
OEMSpecialHandlercom.autotrader.consumer.business.research.modelinfo.OEMSpecialHandler@2eca595f
_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@66b183f8
ajaxContextorg.ajax4jsf.context.AjaxContextImpl@104f4374
applicationUtilscom.autotrader.commons.ApplicationUtils@43d57d09
atcAdProcessorLegacycom.autotrader.consumer.web.ad.AtcAdProcessorLegacy@7503fca9
carManagercom.autotrader.consumer.business.car.CarManager@58c0f743
fastModelInfoSearchcom.autotrader.consumer.business.research.modelinfo.FastModelInfoSearch@64a97d3a
imageUtilscom.autotrader.consumer.util.ImageUtils@335c9e77
inventorySearchUtilcom.autotrader.consumer.web.research.modelinfo.shared.InventorySearchUtil@5a7b0f9
listingSearchServicecom.autotrader.consumer.business.find.listing.ListingSearchService@4453ae55
miOverviewAdProcessorcom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@20b8ad42
miOverviewControllercom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewController@51da717e
miReferenceDataManagerImplcom.autotrader.consumer.business.integration.MIReferenceDataManagerImpl@5c51312d
miReviewControllercom.autotrader.consumer.web.research.modelinfo.shared.MIReviewController@5673b0b4
miStyleSelectorControllercom.autotrader.consumer.web.research.modelinfo.shared.MIStyleSelectorController@455625c3
modelInfoContentSearchServicecom.autotrader.consumer.business.research.modelinfo.ModelInfoContentSearchService@1ac948c5
modelInfoUtilcom.autotrader.consumer.web.research.modelinfo.ModelInfoUtil@14c88b40
modelid18372
pg_inst655052232047488547
queryStringUtilscom.autotrader.commons.QueryStringUtils@7a2e2168
referenceDataServicecom.autotrader.consumer.web.service.ReferenceDataService@6a937182
resourceBundleUtilscom.autotrader.commons.ResourceBundleUtils@76014477
siteConfigUtilscom.autotrader.consumer.util.SiteConfigUtils@4d361d27
snapshotDAOcom.autotrader.integration.snapshot.SnapshotDAO@1bb4130b
staticBundleServicecom.autotrader.components.StaticBundleService@4b4e4562
stringUtilscom.autotrader.util.StringUtils@7fad4b8d
Session Attributes
NameValue
ABTestExperimentscom.autotrader.enterprise.common.testframework.ABTestExperimentInfo@4a3b5777
accountManagercom.autotrader.consumer.business.myatc.AccountManager@7deb6bb3
bookmarkCacheManagercom.autotrader.consumer.business.myatc.BookmarkCacheManager@6aebf55a
csContextcom.autotrader.consumer.web.CsContext@29391e8d
cxp_12_16groupASIP
headerActioncom.autotrader.consumer.web.myatc.HeaderAction@6504d01f
hotListcom.autotrader.consumer.business.research.HotList@1efbd709
modelInfoSearchCriteriacom.autotrader.consumer.business.research.modelinfo.ModelInfoSearchCriteria@27e29fc3
testAndTargetActioncom.autotrader.consumer.web.TestAndTargetAction@f66cfaa
zipCode
Application Attributes
NameValue
CewolfRenderer_Init_Configorg.apache.catalina.core.StandardWrapperFacade@3f75327e
Jan 26, 2015 6:47:09 AM - Generated by Facelets