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="2006 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="2006 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 2.0T quattro Manual"/>
</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@5559d390" escape="true" id="j_id145" rendered="true" transient="false" value="28240"/>
<HtmlOutputText escape="true" id="j_id146" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@7c50beb6" escape="true" id="j_id147" rendered="true" transient="false" value="36590"/>
<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 - 27 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@746620df" escape="true" id="j_id165" rendered="false" transient="false" value="30340"/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@31510c63" 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 - 31 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="3-5"/>
</span> </div> <p>
<HtmlFragment id="j_id183" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id184" rendered="true" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id185" rendered="false" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id186" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id187" rendered="true" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id188" rendered="false" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id190" rendered="true" transient="false">
<ComponentRef id="j_id191" rendered="true" transient="false">
<a title="#{title}" rel="#{rel}" href="#{url}" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click}" target="#{target}"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id193" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id195" rendered="false" transient="false">
<a title="#{text}" rel="#{rel}" href="#" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click};$j(this).next('.real-button').find('input').click();return false;"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id197" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a> <span class="real-button" style="display:none;">
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
</div>
</UINamingContainer>
<ComponentRef id="j_id201" rendered="false" transient="false">
<div class="qanda-wrapper">
<UINamingContainer id="questionAndAnswer" rendered="true" transient="false">
<HtmlLoadScript id="j_id203" rendered="true" src="http://autotrader.ugc.bazaarvoice.com/bvstaging/static/8214qa/bvapi.js" transient="false"/>
<script type="text/javascript"> $BV.ui("qa", "show_questions", { productId: "#{productId}", subjectType: "product" }); </script>
<UINamingContainer id="secondary-qAndALink-button" rendered="true" transient="false">
<ComponentRef id="j_id205" rendered="true" transient="false">
<ComponentRef id="j_id206" rendered="true" transient="false">
<a title="#{title}" rel="#{rel}" href="#{url}" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click}" target="#{target}"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id208" rendered="true" transient="false" value="Ask a Question"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id210" rendered="false" transient="false">
<a title="#{text}" rel="#{rel}" href="#" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click};$j(this).next('.real-button').find('input').click();return false;"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id212" rendered="true" transient="false" value="Ask a Question"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a> <span class="real-button" style="display:none;">
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
</UINamingContainer>
</div>
</ComponentRef>
<ComponentRef id="j_id216" rendered="false" transient="false">
<ComponentRef id="j_id217" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id218" onclick="window.close(); window.opener.location = ''; return false;" rendered="true" styleClass="conditional-link" transient="false">
<HtmlOutputText escape="true" id="j_id219" rendered="true" transient="false" value=" Sneak Peek"/>
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id220" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id221" onclick="window.opener.location = '/research/configure/trimselection.jsp?year=2006&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 2006"/>
</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=2006&end_year=2006'; 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=2006&end_year=2006">
<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=2006&make=Audi&model=A4&body_style=SEDAN&adClassSeries=UNAVAIL&style_id=279909">
<HtmlOutputText escape="true" id="j_id232" rendered="true" transient="false" value="Build & Price a 2006"/>
</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=2006&end_year=2006">
<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@c5c2635" first="0" id="j_id243" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@75d067e9" 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="2006" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id255" rendered="true" transient="false" value="2006"/>
</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@41d6200b" first="0" id="j_id265" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@50d1d3f1" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@65a49e64" first="0" id="j_id267" rendered="true" rowIndex="0" rowKeyConverter="javax.faces.convert.IntegerConverter@1a9aeb5e" 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@30d275f7" 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@37c1089e" 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@54165a38" 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@92186a4" 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@a039042" 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@45015653" 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@2646baf0" 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@6d9af631" 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@5899432e" 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@3609ae73" 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@359c1bbc" first="0" id="j_id357" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@1be0ef23" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@4c73f121" 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@696bed40" first="0" id="j_id363" rendered="true" rowIndex="0" rowKeyConverter="javax.faces.convert.IntegerConverter@2ca53ad2" 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@484b53d9" 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@632aa4f8" 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@78e0cb0c" 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@7fe23a12" 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@44d2b99a" 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@c6998f3" 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@28d40424" 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@775bec6c" 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@33fee3ac" 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@32255157" 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@2fff4079" 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@7f5d58d1" 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@3f0c50c9" first="0" id="j_id462" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@418bdc75" 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@2cee590b" first="0" id="j_id470" rendered="true" rowIndex="0" rowKeyConverter="javax.faces.convert.IntegerConverter@5417f838" 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@66217a0a" 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@6cf545aa" 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@74b43254" 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@6ad6ea7c" 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@43bca9b0" 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@65169282" 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@2cecc8a7" 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@21e184db" 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@40ee956a" 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@1675fbb2" 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@7cb19ba8" 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@760cecc3" 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@789fccc1" first="0" id="j_id571" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@433bd0c5" 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@c0757ff" 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@384ca23e" 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@2f2fb152" 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@642296b1" 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@1ad371d3" 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@2fd5e167" 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@2c149ba" 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@5fcf53bf" 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@248351bd" 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@296b6205" 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@52c06b35" 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@56be8f04" 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@789f7c19" 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@2e8c8b2d" 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@5794b12a" 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@67bf779b" 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@459049c0" 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@5d31643b" 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@62cea868" 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@3e75c1fb" 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@251265c6" escape="true" id="j_id765" rendered="true" transient="false" value="28143"/>
</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@5ad7bd2d" escape="true" id="j_id772" rendered="true" transient="false" value="30340"/>
</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=2006&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 2006"/>
</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 2006 A4s"/>
</h3> <p>
<ComponentRef id="j_id786" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@20be64ce" 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@33cc212d" 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=279909">
<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@4ca0c7d0" 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=2006&end_year=2006&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=2005&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@49d8f7a" 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=2006&end_year=2006&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@5a62911b" escape="true" id="j_id867" rendered="false" transient="false"/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@7e1a751c" 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@7afec1f1" 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@76a9e045" 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@6250125d" 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=1422281535221"/>
<AjaxTabPanel id="colors-include" onshow="" rendered="true" selected="false" title="Colors" transient="false" url="/modules/mi/overview/primary/media/colors/colors.xhtml?b=1422281535221"/>
<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=1422281535221"/>
<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=1422281535222"/>
</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="2006 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="false" 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="2006 Audi A4 Sedan"/>
</HtmlOutputFormat>
</h3> <p>
<HtmlOutputText escape="true" id="j_id1048" rendered="true" transient="false" value=""/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id1050" rendered="false" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id1052" rendered="true" transient="false" value="What's new for 2006?"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id1054" rendered="true" transient="false" value=""/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id1056" rendered="false" 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@7ce901b9" 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="false" 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=""/>
</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="2006 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="2006 Audi A4"/>
</h4> </div>
<ComponentRef id="j_id1099" rendered="true" transient="false">
<p>
<span id="sourcenameplate"> Source: New Car Test Drive</span>
</p>
</ComponentRef>
<p>
<HtmlOutputText escape="false" id="j_id1104" rendered="true" transient="false" value="<div class="primary-article-content"> <div class="rxbodyfield"><img alt="" src="http://images.autotrader.com/cms/nctd/06-a4-hero.jpg"> <div id="nctd_Overview"> <h3>Overview</h3> <p>Officially launched as a 2005.5 model, the Audi A4 line is all new from the ground up, and the 2006 lineup features new engines and new equipment packages. The A4 is a near-luxury, premium-grade car similar in size to the BMW 3 Series and Mercedes C-Class, smaller than midsize sedans like the Infiniti G35, larger than compacts like the Honda Civic. </p> <p>The all-new Audi A4 is fun to drive and comes with all the sporty bits and pieces. It feels like it's on rails going around corners. High-quality construction is evident inside and out. Quattro all-wheel drive and the latest in active safety features helps keep the driver on the road no matter the conditions or situation. </p> <p>The 2006 A4 comes in a range of models. Drivers who need to carry gear or cargo will appreciate the Avant wagon, which offers the cargo bay of a wagon while maintaining the A4's sporty driving character. Enthusiasts who just can't get enough power and want race track handling may prefer the S4, which features a powerful V8 engine and high-performance underpinnings. </p> <p>The A4 has state of the art powertrains, with intercooled turbochargers, multi-stage intake manifolds, variable valve timing and the latest technological advance: direct injection, the cleanest and most efficient means yet devised of blending fuel and air in an engine's cylinders. Audi's progress hasn't stopped with the engines. Each of three transmission choices is a good one. The standard gearbox is a six-speed manual, while options include a six-speed automatic transmission with Tiptronic and a continuously variable transmission, which uses a steel belt and a pair of infinitely adjustable pulleys replace gears and hydraulic pumps to deliver a truly seamless shifting experience. Four-wheel independent suspension with geometry that keeps tires on the true track throughout the compression range is augmented with standard electronic stability assistance that keeps the car going where the driver wants it to when the driver can't. And, of course, there's Audi's quattro all-wheel drive. </p> <p>State-of-the-art safety is included, for the most part, at no added charge. Besides the electronic stability program, there are antilock brakes with brake assist and electronic brake-force distribution. Airbags abound, with the only extra-cost set a pair protecting rear-seat occupants against side impacts. </p> </div> <div id="nctd_ModelLineup"><img alt="" src="http://images.autotrader.com/cms/nctd/06-a4-avant.jpg"> <h3>Model Lineup</h3> <p>The 2006 Audi A4 comes in sedan and Avant (wagon) body styles. Two engines are available for the A4. The 2.0T models use a turbocharged 2.0-liter four-cylinder engine rated at 200 horsepower. The 3.2 models have a 255-hp 3.2-liter V6. The S4 features a 340-hp 4.2-liter V8. Sedans are available with front-wheel drive, which Audi calls FrontTrak, or Quattro all-wheel drive. Avants come exclusively with Quattro. (A new convertible is expected within the next year or so.) </p> <p>The 2.0T FrontTrak sedan offers a choice of six-speed manual ($27,640) or a CVT continuously variable automatic transmission ($28,550). The 2.0T Avant Quattro comes with a choice of six-speed manual ($30,450) or six-speed Tiptronic automatic ($31,650). </p> <p>The A4 3.2 FrontTrak sedan is fitted exclusively with the CVT ($33,940), while the 3.2 Quattro sedan offers a choice of six-speed manual ($34,840) or the Tiptronic automatic ($36,040). The 3.2 Avant Quattro offers a choice of manual ($35,840) or automatic ($37,040). </p> <p>Standard upholstery in the A4 2.0T is cloth. The A4 3.2 comes standard with leather. The A4 comes with a luxurious list of standard equipment: dual-zone air conditioning; cruise control; tilt and telescoping steering wheel; power 12-way driver's seat, power auto-heated outside mirrors, power central locking; driver-selected, auto-on running lights; multi-speaker stereo with six-disc CD changer, wired for satellite radio; and carpeted floor mats. </p> <p>Options include Bose premium audio with Sirius or XM satellite radio ($1,000) and a DVD Navigation System ($1,950). Option packages add myriad features. Among them: The Premium Package ($1,850) comprises Homelink, power front passenger seat, rain sensor, heated front seats, auto-dimming interior mirror with compass, auto-dimming and electrically folding exterior mirrors, and 17-inch wheels and all-season tires. A Sunroof Package ($1,400) also includes leather seating surfaces. Technology Package 1 ($1,275) offers bi-xenon headlamps, adaptive front lighting, memory for the driver's seat adjustment and exterior mirror positions and a color trip computer. Technology Package 2 ($1,775) adds Bluetooth and voice control to Package 1. A Cold Weather Package ($400) includes heated rear seats and a ski sack. Also available: dark walnut wood trim ($400), and polished Vavona light wood trim ($400). New for 2006, customers who place an order with the dealer and are prepared to wait can select from a broader selection of options and colors. These include a multi-function four-spoke wood and leather steering wheel ($500), rear Parktronic ($350), power rear and manual side sunshades ($400), headlight washers ($150), and special paint colors. </p> <p>New for 2006 is the S-Line package ($3,000), which features firmer suspension components, 18-inch cast alloy wheels and performance tires, special bumpers, special badging, S-Line steering wheel and brushed aluminum trim. The Sport Suspension ($250) and 17-inch cast alloy wheels with all-season tires ($150) can be ordered. </p> <p>Safety features include a comprehensive array of airbags and full-coverage side air curtains as standard equipment. Rear-seat side airbags ($350) are optional. Front-seat active head restraints are standard, and all seating positions have adjustable head restraints and three-point seatbelts. Antilock brakes with brake assist and electronic brake-force distribution are standard. An electronic stability system designed to keep the car going where it's supposed to when the road goes bad or the driver pushes it too far also comes standard. A tire pressure monitor system ($250) is optional. </p> <p>The most recent variant on the A4 platform is the S4, available as a sedan ($46,400), wagon or cabriolet. The S4 comes with a V8 making 340 horsepower and 302 pound-feet of torque and, according to Audi, is capable of 0-60 mph runs in the low five seconds through its standard quattro drivetrain. All three models come with a 6-speed manual or 6-speed Tiptron </p> </div> <div id="nctd_Walkaround"><img alt="" src="http://images.autotrader.com/cms/nctd/06-a4-walk.jpg"> <h3>Walkaround</h3> <p>The Audi A4 is essentially all-new for 2006, though officially it was launched as a 2005.5 model. It's a tidy, cohesive design and the closer you look, the more its quality construction becomes evident. </p> <p>The new A4 presents a more muscular and more visually planted frontal view than the previous model, this somehow despite the new A4's track being fractionally narrower than the previous-generation model's track (the distance between right and left wheels). </p> <p>Opinions vary on the big grille. On one point, there's agreement: It's different. Whether this is a plus is subjective, but expect the look to appear in clearly recognizable and evolving form on all Audis as each model comes up for a redesign. We've already seen this on the new A6 and A8. The enlarged, trapezoidal grille opening increases air flow coveted by the turbocharger's intercooler in the four cylinder and the radiator cooling the larger, more powerful V6. </p> <p>The headlamp give the fascia a more assertive look, with lenses that angle upward as they wrap around the fenders. Laterally split intakes below the body-colored bumper and outboard of the grille do dual duty, housing fog lamps and channeling air toward the front disc brakes. A modest hood bulge, a styling cue designers call a power bulge by way of hinting at the latent energy lurking beneath, carries the grille's vertical outlines back to the roof's A-pillars. </p> <p>The side view shows a sharply creased shoulder line running the length of the car, from the trailing corner of the headlamp housings to the leading edge of the tail lamp lenses. Side window glass atop a relatively high beltline is nicely proportioned with the body mass. A bump strip breaks up the expanse of the lower door panels. The front and rear lower-quarter panels dip slightly fore and aft of the round wheel housings, pulling the body closer to the ground. </p> <p>Good-sized tail lamps tie together the three elements of the new A4's rear fascia, positioned for the most part in the panels framing the trunk lid and license plate surround, but overlapping those two pieces to break up what might otherwise be an overwhelming expanse of metal. Single-tip dual exhausts exit beneath the monochromatic bumper at each end of an inset panel painted a contrasting color to the body's scheme. </p> <p>One nitpick: The door handles are a hard to grab and can snap away from your fingers when you're in a hurry.</p> </div> <div id="nctd_InteriorFeatures"><img alt="" src="http://images.autotrader.com/cms/nctd/06-a4-interior.jpg"> <h3>Interior Features</h3> <p>The Audi A4 interior was redesigned as part of the all-new generation launched as a 2005.5 model. It's a nice, high-quality cabin, as we've come to expect from Audi. Colors and finishes are muted. A choice of wood trim is available that nicely complements the interior. At certain angles the sun reflected off of the silver trim surrounding the shifter on our 2.0T sedan, however. </p> <p>Seats are well bolstered and have plenty of lumbar support. We found them comfortable and supportive. The standard cloth upholstery feels durable and provides a bit of grip. The optional leather surfaces are elegantly stitched and fit our posteriors well. The seats, mirrors, steering column and other features adjust in every conceivable direction, helping drivers find a comfortable seating position. </p> <p>Interior space in the new A4 matches that of the previous-generation model. It's generally adequate in front but somewhat limited in rear leg room. This is not a car for the full-figured or for people much taller than six feet. </p> <p>All controls are focused on the driver and with few exceptions are ergonomically configured and intuitively located. The steering wheel hub repeats the grille's trapezoidal outline. A minimalist set of secondary controls on the steering wheel spokes manages audio and other functions. Steering column-mounted stalks operate the usual array of features and are clearly marked except the rear window wiper and washer on the Avant, which is controlled by the right-hand lever. A proper handbrake lever resides in the center console with a pair of cup holders alongside. </p> <p>Round gauges shaded by a hooded instrument panel look out through the top half of the three-spoke steering wheel. The information display, reporting such data as radio frequency, trip mileage, service interval warning and such, separates the tachometer and speedometer, with fuel and coolant gauges tucked away down in the corners. </p> <p>The center stack features knobs and buttons for the audio and climate controls, and all easily deciphered and within easy reach. The climate control is easy to operate, but the air conditioning struggled to keep up on a 95-degree day driving through the desert. </p> <p>When DVD navigation is ordered, the stereo panel gives way to the map display, which then doubles as a stereo panel. The navigation display is one of the best of the current generation of such systems. Readily understood controls orient the cursor and shift the map scale, with on-screen telltales stealing very little real estate from the map. The map offers both a flat, two-dimensional and a bird's-eye perspective, the latter with a distant horizon visible running across the upper area of the screen. </p> <p>The premium stereo has MP3 capability and a pair of slots for Secure Digital memory cards. Still, only stereo volume and pre-set radio stations can be changed without first pressing Accept on the opening display panel each and every time the car is started. We find it annoying to have to perform the electronic version of signing a legal agreement just to turn on the radio. Also, the stereo is on all the time the navigational system is active; you don't turn it off, you turn it down, another minor annoyance, but that's the way Mercedes does it, too. </p> <p>We like the lane-change signal feature, where a tap of the turn indicator lever delivers three blinks. We wish the beep confirming the remote lock would sound more promptly, as we constantly found ourselves pausing for a moment to be sure the doors had in fact locked. We like the one-piece wiper blades for their sleek looks, slicker aerodynamics and solid seating against the glass at autobahn speeds. And we're thankful for the red Stop button on the driver's memory settings panel for those times when we pressed the wrong memory setting button. While we are strong believers in seat belts, we found the warning chime annoying because it would urgently sound after starting the car before we started d </p> </div> <div id="nctd_DrivingImpressions"><img alt="" src="http://images.autotrader.com/cms/nctd/06-a4-driving.jpg"> <h3>Driving Impressions</h3> <p>The Audi A4 offers terrific handling, making it a lot of fun on winding roads, and it's outstanding at high speeds, stable, responsive, like it's on rails. </p> <p>The A4 is Audi's counterpoint to the BMW 3 Series, and it's clearly competitive in the quantifiable, objective measures. Much of the subjective and visceral is present and accountable, too. Even where it follows a different track, it doesn't stray too far. But in one, hugely significant measure, it's far ahead. Audi's Quattro system is almost legendary. The BMW 3 Series and Mercedes C-Class offer all-wheel drive, but Audi remains the benchmark in sporty sedan all-wheel drive. Meanwhile, the Acura TL and many of the other cars that compete in the sporty, near-luxury class only come with front-wheel drive. </p> <p>The Audi engines employ the latest technology in engine management, phased intake runners and variable valve timing, to boost horsepower and flatten the torque curve, making the power more usable over a wide range of speeds and the engine more responsive to the driver's right foot. The 2.0T and 3.2 engines use a new type of fuel injection called direct injection, which pumps the fuel directly into the cylinder, instead of into the intake runner where it would haphazardly mix with the air on the way to the engine cylinders. This new system allows more precise metering of the fuel and the timing of its introduction as well as a better blending of the fuel and air, all of which combines to yield more efficient combustion. With this system, both engines not only make more horsepower and more torque than the smaller engines they replace, but also get the same or better fuel economy. </p> <p>The 2.0T four-cylinder engine works best with the six-speed manual gearbox. The 2.0T suffers some turbo lag, and this is exacerbated by the Tiptronic automatic. Likewise, the Multitronic CVT continuously variable transmission with the four-cylinder and front-wheel drive is a competent package, but it's a combination that doesn't deliver what we look for in an A4. There's not a lot of power down at the very bottom of the rev range. Even with the manual, passing a train of cars on a two-lane road can be a challenge. It's just not that good for squirting at a moment's notice. It's great for winding roads, however, and we had a blast with it on a winding hillclimb out of California's Carmel Valley on the way to Laguna Seca Raceway. The 2.0T also does very well on the highway and feels comfortable cruising at high speeds all day. We did this and got 27 miles per gallon. An A4 2.0T Quattro is EPA-rated to get 22/31 City/Highway mpg. The shift throws in the manual could be shorter, and one tester found the path from second gear to third gear a bit notchy. </p> <p>The 3.2-liter V6 is smoother and more refined than the 2.0T and it works much better with an automatic transmission.</p> <p>The six-speed Tiptronic automatic is almost as responsive as the six-speed manual and by far the more accommodating in day-to-day traffic. It works especially well with the 3.2-liter V6. We prefer to just put it in Drive and go. Most people will do that and never have anything but good things to say about this transmission. The Tiptronic falls a bit short in the sporty, manumatic game, though. An algorithm in the powertrain management computer shifts up a gear when that will put the engine at the optimum point in the torque curve, and a button beneath the gas pedal shifts down a gear when mashed, say, when passing on a grade. This is all fine and good as far as an impressive application of computerization is concerned, but it mocks the Tiptronic's promise of a manual-override automatic. In practice, the downshift is occasionally helpful, but the upshift is disconcerting when it occurs in the middle of a corner. On the other hand, we're nitpicking here, and the Tiptronic's manual feature works great for holding a lower gear on a grade. </p> <p>Steering response</p> </div> <div id="nctd_Summary"><img alt="" src="http://images.autotrader.com/cms/nctd/06-a4-final.jpg"> <h3>Summary</h3> <p>The Audi A4 is fun and spirited. It's a bit pricey, but competitive within this class. It delivers plenty of power, respectable gas mileage for its class, state-of-the-art sound and, above all, Quattro all-wheel drive. That makes it hard to beat. </p> <p>NewCarTestDrive.com correspondent Tom Lankard filed this report from Tucson, Arizona; with Mitch McCullough in Monterey and Greg Brown in Los Angeles. </p> </div> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <th align="middle">Model Line Overview</th> </tr> <tr> <th align="left">Base Price (MSRP)</th> </tr> <tr> <td align="right">$27,640</td> </tr> <tr> <th align="left">Model lineup:</th> </tr> <tr> <td align="right">Audi A4 2.0T FrontTrak MT6 ($27,640); 2.0T FrontTrak CVT ($28,840); 2.0T quattro MT6 ($29,740); 2.0T quattro Tiptronic ($30,940); 2.0T Avant quattro MT6 ($30,740); 2.0T Avant quattro Tiptronic ($31,940); 3.2 FrontTrak CVT ($33,940); 3.2 quattro MT6 ($34,840); 3.2 quattro Tiptronic ($36,040); 3.2 Avant MT6 ($35,840); A4 3.2 Avant Tiptronic ($37,040); S4 MT6 ($46,400); S4 Tiptronic ($47,600); S4 Avant MT6 ($47,400); S4 Avant Tiptronic ($48,600); S4 Cabriolet MT6 ($54,640); S4 Cabriolet AT6 ($55,840) </td> </tr> <tr> <th align="left">Engines:</th> </tr> <tr> <td align="right">2.0-liter dohc 16v turbocharged inline-4; 3.2-liter dohc 24v V6; 4.2-liter dohc 32v V8</td> </tr> <tr> <th align="left">Transmissions:</th> </tr> <tr> <td align="right">6-speed manual; 6-speed Tiptronic automatic; Multitronic CVT</td> </tr> <tr> <th align="left">Safety equipment (Standard):</th> </tr> <tr> <td align="right">two-stage, dual front airbags; front seat-mounted side impact airbags; full-coverage side air curtains; active front seat head restraints; adjustable head restraints and three-point seatbelts at all seating positions; electronic stability system with anti-lock brakes, electronic brake-force distribution and brake assist; rear seat LATCH fitments; first aid kit (in rear seat center armrest); rear fog light </td> </tr> <tr> <th align="left">Safety equipment (Optional):</th> </tr> <tr> <td align="right">rear-seat side-impact airbags; tire pressure monitor</td> </tr> <tr> <th align="left">Basic warranty:</th> </tr> <tr> <td align="right">4 years/50,000 miles</td> </tr> <tr> <th align="left">Assembled in:</th> </tr> <tr> <td align="right">Ingolstadt, Germany</td> </tr> <tr> <th align="middle">Specifications As Tested</th> </tr> <tr> <th align="left">Model tested (MSRP):</th> </tr> <tr> <td align="right">Audi A4 2.0T quattro ($30,940)</td> </tr> <tr> <th align="left">Standard equipment:</th> </tr> <tr> <td align="right">automatic dual-zone climate control; cruise control; power windows, central locking and outside mirrors; 12-way power driver seat; manual tilt/telescoping steering wheel; 10-speaker, AM/FM stereo with in-dash 6-disc CD changer and pre-wired for XM or Sirius satellite radio; front and rear seat floor mats; pre-wired for Bluetooth </td> </tr> <tr> <th align="left">Options as tested:</th> </tr> <tr> <td align="right">Premium Package ($1,850) includes Homelink remote transmitter, power front passenger seat, rain sensor, heated front seats, auto-dimming inside mirror with compass, auto-dimming and power folding outside mirrors, 17-inch wheels and all-season tires; Audio Package ($1,000) with Bose and XM Satellite Radio; Cold Weather Package ($400) includes heated rear seats, ski sack; S-Line Package ($3,000) includes 18-inch cast alloy wheels, performance tires, sport suspension, S-Line badges, front and rear bumpers and steering wheel, and brushed aluminum trim; headlight washers ($150); California emissions ($150) </td> </tr> <tr> <th align="left">Destination charge:</th> </tr> <tr> <td align="right">720</td> </tr> <tr> <th align="left">Gas Guzzler Tax:</th> </tr> <tr> <td align="right">N/A</td> </tr> <tr> <th align="left">Price as tested (MSRP)</th> </tr> <tr> <td align="right">$39,610</td> </tr> <tr> <th align="left">Layout:</th> </tr> <tr> <td align="right">all-wheel drive</td> </tr> <tr> <th align="left">Engine:</th> </tr> <tr> <td align="right">2.0-liter dohc 16v turbocharged inline-4</td> </tr> <tr> <th align="left">Horsepower (hp @ rpm):</th> </tr> <tr> <td align="right">200 @ 5100-6000</td> </tr> <tr> <th align="left">Torque (lb.-ft. @ rpm):</th> </tr> <tr> <td align="right">200 @ 5100-6000</td> </tr> <tr> <th align="left">Transmission:</th> </tr> <tr> <td align="right">6-speed Tiptronic automatic</td> </tr> <tr> <th align="left">EPA fuel economy, city/hwy:</th> </tr> <tr> <td align="right">22/30 mpg.</td> </tr> <tr> <th align="left">Wheelbase:</th> </tr> <tr> <td align="right">104.3 in.</td> </tr> <tr> <th align="left">Length/width/height:</th> </tr> <tr> <td align="right">180.6/69.8/56.2 in.</td> </tr> <tr> <th align="left">Track, f/r:</th> </tr> <tr> <td align="right">59.9/59.9 in.</td> </tr> <tr> <th align="left">Turning circle:</th> </tr> <tr> <td align="right">36.4 ft.</td> </tr> <tr> <th align="left">Seating capacity:</th> </tr> <tr> <td align="right">5</td> </tr> <tr> <th align="left">Head/hip/leg room, f:</th> </tr> <tr> <td align="right">38.4/na/41.3 in.</td> </tr> <tr> <th align="left">Head/hip/leg room, m:</th> </tr> <tr> <td align="right">37.2/na/34.3 in.</td> </tr> <tr> <th align="left">Head/hip/leg room, r:</th> </tr> <tr> <td align="right">N/A</td> </tr> <tr> <th align="left">Cargo volume:</th> </tr> <tr> <td align="right">13.4 cu. ft.</td> </tr> <tr> <th align="left">Payload:</th> </tr> <tr> <td align="right">N/A</td> </tr> <tr> <th align="left">Towing capacity:</th> </tr> <tr> <td align="right">N/A</td> </tr> <tr> <th align="left">Suspension F:</th> </tr> <tr> <td align="right">independent, four-link, double-wishbone, coil spring, gas-pressure shocks, stabilizer bar</td> </tr> <tr> <th align="left">Suspension R:</th> </tr> <tr> <td align="right">independent, trapezoidal link, coil spring, gas pressure shocks, stabilizer bar</td> </tr> <tr> <th align="left">Ground clearance:</th> </tr> <tr> <td align="right">4.2 in.</td> </tr> <tr> <th align="left">Curb weight:</th> </tr> <tr> <td align="right">3660 lbs.</td> </tr> <tr> <th align="left">Tires:</th> </tr> <tr> <td align="right">235/40R18</td> </tr> <tr> <th align="left">Brakes, f/r:</th> </tr> <tr> <td align="right">disc/disc with ABS, EBD, Brake Assist in.</td> </tr> <tr> <th align="left">Fuel capacity:</th> </tr> <tr> <td align="right">16.6 gal.</td> </tr> </tbody> </table> </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="3-5"/>
</span> </div> <p>
<HtmlFragment id="j_id1129" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1130" rendered="true" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1131" rendered="false" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1132" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1133" rendered="true" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1134" rendered="false" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1136" rendered="true" transient="false">
<ComponentRef id="j_id1137" rendered="true" transient="false">
<a title="#{title}" rel="#{rel}" href="#{url}" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click}" target="#{target}"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id1139" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a>
</ComponentRef>
<ComponentRef id="j_id1141" rendered="false" transient="false">
<a title="#{text}" rel="#{rel}" href="#" class="atcui-button-wrapper #{buttonTier}-button #{withArrow eq 'true'? 'withArrow' : 'noArrow'} #{disabled eq 'true'? 'disabled' : 'notDisabled'} #{buttonClass}" id="#{buttonId}" onclick="#{click};$j(this).next('.real-button').find('input').click();return false;"> <span class="left-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{leftStyle}"> <span class="text-wrapper">
<HtmlOutputText escape="true" id="j_id1143" rendered="true" transient="false" value="Rate & Review"/>
</span> <span class="right-slide-#{withArrow eq 'true'? 'withArrow' : 'noArrow'}-#{disabled eq 'true'? 'disabled' : 'notDisabled'} #{rightStyle}"/> </span> </a> <span class="real-button" style="display:none;">
</span>
</ComponentRef>
</ComponentRef>
</UINamingContainer>
</div>
</UINamingContainer>
<h4>
<HtmlOutputFormat escape="true" id="j_id1148" rendered="true" transient="false" value="Based on {0} consumer review(s).">
<UIParameter id="j_id1149" rendered="true" transient="false" value="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="2006 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="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1365" rendered="true" transient="false" value="Active Suspension System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1367" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1369" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1371" rendered="true" transient="false" value="Tire Pressure Monitoring System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1373" rendered="true" transient="false" value="Opt"/>
</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="true" 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" value="Std"/>
</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="true" 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" value="Opt"/>
</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="Opt"/>
</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="false" 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"/>
</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="Opt"/>
</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="Opt"/>
</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="Opt"/>
</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="Opt"/>
</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="Opt"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1510" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1512" rendered="true" transient="false" value="Back-Up Camera"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1514" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1516" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1518" rendered="true" transient="false" value="Handsfree Wireless"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1520" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1523" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1525" rendered="true" transient="false" value="Security"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1527" rendered="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="2006 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@17a79169" 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="2006 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 2006 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 2006 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=2006&end_year=2006&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@3fde8b4f" 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@63a2a0c8" 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@49e9dd92" 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@661372b0" 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=2006&end_year=2006&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="2006 models"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id1756" rendered="true" transient="false" value="/fyc/searchresults.jsp?start_year=2004&end_year=2006&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="2004 - 2006 models"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id1759" rendered="true" transient="false" value="/fyc/searchresults.jsp?end_year=2003&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 2003 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@59ea0f6f" 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@272a67e0" 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@54db63ca" 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@f748e4c" 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="2006 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@4e7feb12" 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@77675bbf" 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@22b895d7" 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@4756810" 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@7d17e6dd" 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@2c35f754" 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@7cc9c547" 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@464ca5fe" 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@5225eac0" 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@37570d62" 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@7cf0e81" 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@2ac13b28" 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@4cfab0fe" 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@13ba4bd5" 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@2bc89711" 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 09:12:15 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@62cea868" rendered="true" styleClass="" transient="false" width="1"/>
</HtmlDiv>
</UINamingContainer>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@7f8d073e" 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@62cea868" rendered="true" styleClass="" transient="false" width="1">
<UIParameter id="j_id2228" name="flip" rendered="true" transient="false"/>
<UIParameter id="j_id2229" name="ifid" rendered="true" transient="false" value="footer1x1-"/>
</Ad>
</HtmlDiv>
</UINamingContainer>
</HtmlAjaxRepeat>
</HtmlAjaxOutputPanel>
<HtmlFragment id="j_id2230" rendered="false" transient="false">
<script type="text/javascript" src="#{testAndTargetAction.filePathToConfiguration}mbox.js"/> <script type="text/javascript" src="#{testAndTargetAction.filePathToConfiguration}dynamite.js"/> <script type="text/javascript"> #{testAndTargetAction.getConfiguration(birfPageName)} </script>
</HtmlFragment>
</body> </html>
</AjaxViewRoot>

+ Scoped Variables

Request Parameters
NameValue
ad_max_price
ad_min_price
modelid15885
styleid279909
vehicle_number279909
Request Attributes
NameValue
AtcJawrBridgeUtilcom.autotrader.jawr.AtcJawrBridgeUtil@76e1a4ef
OEMSpecialHandlercom.autotrader.consumer.business.research.modelinfo.OEMSpecialHandler@581383e2
_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@6937979a
ajaxContextorg.ajax4jsf.context.AjaxContextImpl@40c2356d
applicationUtilscom.autotrader.commons.ApplicationUtils@56968628
atcAdProcessorLegacycom.autotrader.consumer.web.ad.AtcAdProcessorLegacy@3441d881
carManagercom.autotrader.consumer.business.car.CarManager@4eed17f4
fastModelInfoSearchcom.autotrader.consumer.business.research.modelinfo.FastModelInfoSearch@2fbfbca7
imageUtilscom.autotrader.consumer.util.ImageUtils@54fa906e
inventorySearchUtilcom.autotrader.consumer.web.research.modelinfo.shared.InventorySearchUtil@e205158
listingSearchServicecom.autotrader.consumer.business.find.listing.ListingSearchService@6bbc6fa6
miOverviewAdProcessorcom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@62cea868
miOverviewControllercom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewController@2046328c
miReferenceDataManagerImplcom.autotrader.consumer.business.integration.MIReferenceDataManagerImpl@60a095e1
miReviewControllercom.autotrader.consumer.web.research.modelinfo.shared.MIReviewController@4ed01856
miStyleSelectorControllercom.autotrader.consumer.web.research.modelinfo.shared.MIStyleSelectorController@3fedde86
modelInfoContentSearchServicecom.autotrader.consumer.business.research.modelinfo.ModelInfoContentSearchService@19ac5034
modelInfoUtilcom.autotrader.consumer.web.research.modelinfo.ModelInfoUtil@7fc59316
modelid15885
pg_inst913175998969003585
queryStringUtilscom.autotrader.commons.QueryStringUtils@43bcae3
referenceDataServicecom.autotrader.consumer.web.service.ReferenceDataService@7184ff40
resourceBundleUtilscom.autotrader.commons.ResourceBundleUtils@5291fcf9
siteConfigUtilscom.autotrader.consumer.util.SiteConfigUtils@6e7769c8
snapshotDAOcom.autotrader.integration.snapshot.SnapshotDAO@61c20220
staticBundleServicecom.autotrader.components.StaticBundleService@819b504
stringUtilscom.autotrader.util.StringUtils@4fbb1dc3
styleid279909
Session Attributes
NameValue
ABTestExperimentscom.autotrader.enterprise.common.testframework.ABTestExperimentInfo@59f161a
accountManagercom.autotrader.consumer.business.myatc.AccountManager@f6407d8
bookmarkCacheManagercom.autotrader.consumer.business.myatc.BookmarkCacheManager@703efdcc
csContextcom.autotrader.consumer.web.CsContext@378895a6
cxp_12_16tandt
headerActioncom.autotrader.consumer.web.myatc.HeaderAction@6818e1c5
hotListcom.autotrader.consumer.business.research.HotList@398e81e7
modelInfoSearchCriteriacom.autotrader.consumer.business.research.modelinfo.ModelInfoSearchCriteria@3af28236
testAndTargetActioncom.autotrader.consumer.web.TestAndTargetAction@742c576
zipCode
Application Attributes
NameValue
CewolfRenderer_Init_Configorg.apache.catalina.core.StandardWrapperFacade@320d925a
Jan 26, 2015 9:12:15 AM - Generated by Facelets