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="2002 Audi TT Convertible - 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="2002 Audi TT Convertible"/>
</h1>
<ComponentRef id="j_id136" rendered="true" transient="false">
<p class="trim">
<HtmlOutputText escape="true" id="j_id138" rendered="true" transient="false" value="2dr Roadster 5-Spd"/>
</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@5c34a325" escape="true" id="j_id145" rendered="true" transient="false" value="33200"/>
<HtmlOutputText escape="true" id="j_id146" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@3c3016e" escape="true" id="j_id147" rendered="true" transient="false" value="38900"/>
<HtmlOutputText escape="true" id="j_id148" rendered="true" transient="false" value=" | "/>
</ComponentRef>
<ComponentRef id="j_id149" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id150" rendered="true" transient="false" value="No price available"/>
</ComponentRef>
<HtmlOutputText escape="true" id="j_id151" rendered="true" transient="false" value="20 MPG City - 28 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@547c0945" escape="true" id="j_id165" rendered="false" transient="false" value="33200"/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@1b44bc58" 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="4-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=2002&make=Audi&model=TT&body_style=Convertible&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 2002"/>
</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=TT&start_year=2002&end_year=2002'; return false;" rendered="true" styleClass="conditional-link" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=AUDI&model=TT&start_year=2002&end_year=2002">
<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=2002&make=Audi&model=TT&body_style=CONVERT&adClassSeries=UNAVAIL&style_id=3584">
<HtmlOutputText escape="true" id="j_id232" rendered="true" transient="false" value="Build & Price a 2002"/>
</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=TT&start_year=2002&end_year=2002">
<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@65c63e2f" first="0" id="j_id243" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@3a1cb3dc" 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="TT" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id253" rendered="true" transient="false" value="TT"/>
</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="2002" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id255" rendered="true" transient="false" value="2002"/>
</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="Convertible" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id257" rendered="true" transient="false" value="Convertible"/>
</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@1e0c7503" first="0" id="j_id265" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@43d6275e" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@20b2af1d" first="0" id="j_id267" rendered="true" rowIndex="0" rowKeyConverter="javax.faces.convert.IntegerConverter@3306a9b0" 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@7a6e7bfb" 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@1966cf6f" 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@170ef7f4" 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@6b206e54" 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@530441d0" 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@2cb68e62" 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@53ddadd" 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@1febe5db" 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@383f9d3c" 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@586beafd" 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@1510b565" first="0" id="j_id357" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@7bf504b0" rowKeyVar="groupNum" rows="0" transient="false" var="column">
<ul class="#{groupNum == 3 ? 'last' : ''}">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1306fe64" 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@302760fe" first="0" id="j_id363" rendered="true" rowIndex="0" rowKeyConverter="javax.faces.convert.IntegerConverter@6950dc64" 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@3bb55f40" 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@3c9a729f" 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@5440aa22" 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@6161c964" 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@5aecf62e" 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@2ca4d4df" 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@7993935e" 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@3e2f4a0" 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@290ca6d1" 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@327df5ab" 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@25d34487" 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@51380e77" 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@373dd049" first="0" id="j_id462" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@3b3584f4" 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@36abcd8a" first="0" id="j_id470" rendered="true" rowIndex="0" rowKeyConverter="javax.faces.convert.IntegerConverter@49433b10" 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@5cdabd03" 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@1caf3f95" 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@78749a45" 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@74d46d8e" 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@2664c18e" 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@20df6553" 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@2a753d01" 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@4d8ac3a7" 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@a9a9209" 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@4b6e6b3a" 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@53a62258" 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@4723b063" 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@3448e14c" first="0" id="j_id571" rendered="true" rowIndex="-1" rowKeyConverter="javax.faces.convert.IntegerConverter@1cbf5f65" 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@580feea1" 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@1176c324" 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@c057971" 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@171837ed" 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@36ffb473" 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@4da0063a" 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@3ef1a771" 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@6b280bff" 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@122bc94f" 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@78ad6ada" 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@41424c1b" 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@14f104e0" 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@63a4df6a" 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@7ced3caf" 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@3b2b453c" 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@295c35ba" 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@4a7904a4" 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@4f1fd12e" 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@7934c014" 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@6963ca6d" 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@67c91f48" escape="true" id="j_id765" rendered="true" transient="false" value="29893"/>
</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@4524e533" escape="true" id="j_id772" rendered="true" transient="false" value="33200"/>
</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=2002&make=Audi&model=TT&body_style=CONVERT&adClassSeries=UNAVAIL">
<HtmlOutputText escape="true" id="j_id779" rendered="false" transient="false" value="Build & Price your TT"/>
<HtmlOutputText escape="true" id="j_id780" rendered="true" transient="false" value="Build & Price a 2002"/>
</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 2002 TTs"/>
</h3> <p>
<ComponentRef id="j_id786" rendered="false" transient="false">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6f632989" 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@573c1a80" 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=3584">
<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="TT"/>
</HtmlOutputFormat>
</h3> <ul class="mini-listings-new">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@1a494525" 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=2002&end_year=2002&make=AUDI&model=TT&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=CONVERT">
#{year} #{messages['mi.overview.price.availability.current']}
</HtmlOutputLink>
<HtmlOutputLink disabled="false" id="j_id828" rendered="true" transient="false" value="/fyc/searchresults.jsp?end_year=2001&make=AUDI&model=TT&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=CONVERT">
<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@986bb61" 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=TT&start_year=2002&end_year=2002&body_code=CONVERT&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@8d1f7b9" escape="true" id="j_id867" rendered="false" transient="false"/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@85469b5" 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@5de7ee58" 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@25d10392" 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@35c7c626" 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> </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=1422400870674"/>
<AjaxTabPanel id="colors-include" onshow="" rendered="true" selected="false" title="Colors" transient="false" url="/modules/mi/overview/primary/media/colors/colors.xhtml?b=1422400870674"/>
<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=1422400870674"/>
<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=1422400870674"/>
</Tabber>
</div> </div>
</ComponentRef>
</UINamingContainer>
<UINamingContainer id="overview-tabs-wrapper-container" rendered="true" transient="false">
<ComponentRef id="j_id987" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id989" rendered="false" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id991" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id992" rendered="true" transient="false"/>
</ComponentRef>
<ComponentRef id="j_id993" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id995" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id997" 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_id1000" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1001" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1003" rendered="true" transient="false" value="2002 Audi TT Convertible"/>
</h2>
<HtmlOutputText escape="true" id="j_id1005" rendered="false" transient="false" value="No Overview available for this vehicle"/>
<HtmlFragment id="j_id1006" rendered="true" transient="false">
<HtmlFragment id="j_id1007" rendered="false" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id1009" rendered="true" transient="false" value="Summary"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id1011" rendered="true" transient="false" value="Provided by NADAguides.com"/>
</p> <p>
<HtmlOutputText escape="true" id="j_id1013" rendered="true" transient="false"/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id1015" rendered="false" transient="false">
<h3>
<HtmlOutputFormat escape="true" id="j_id1017" rendered="true" transient="false" value="Benefits of Driving a {0}">
<UIParameter id="j_id1018" rendered="true" transient="false" value="2002 Audi TT Convertible"/>
</HtmlOutputFormat>
</h3> <p>
<HtmlOutputText escape="true" id="j_id1020" rendered="true" transient="false" value=""/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id1022" rendered="false" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id1024" rendered="true" transient="false" value="What's new for 2002?"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id1026" rendered="true" transient="false" value=""/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id1028" rendered="false" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id1030" rendered="true" transient="false" value="Model Strengths"/>
</h3> <ul>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@24997f13" first="0" id="j_id1032" rendered="true" rowIndex="0" rows="0" transient="false" var="modelStrength">
<li>
<HtmlOutputText escape="true" id="j_id1034" rendered="true" transient="false"/>
</li>
</HtmlAjaxRepeat>
</ul>
</HtmlFragment>
<HtmlFragment id="j_id1037" rendered="false" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id1039" rendered="true" transient="false" value="Model Review"/>
</h3> <p>
<HtmlOutputText escape="true" id="j_id1041" 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_id1043" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1044" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1046" rendered="true" transient="false" value="2002 Audi TT Convertible"/>
</h2>
<HtmlForm enctype="application/x-www-form-urlencoded" id="reviewBody" prependId="true" rendered="true" submitted="false" transient="false">
<HtmlFragment id="j_id1048" 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_id1050" 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_id1054','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_id1054':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id1054'} } )" 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_id1054" ignoreDupResponses="false" immediate="false" limitToList="false" reRender="reviewBody" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItem id="j_id1052" itemDisabled="false" itemEscaped="true" itemLabel="Expert Reviews" itemValue="textReview" rendered="true" transient="false"/>
<UISelectItem id="j_id1053" 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_id1056" rendered="true" transient="false">
<div class="descriptor">
<HtmlOutputText escape="true" id="j_id1058" 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_id1061','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_id1061':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dexpert:overview:j_id1061'} } )" 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_id1061" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItems id="j_id1060" rendered="true" transient="false"/>
</HtmlSelectOneMenu>
</HtmlFragment>
<ComponentRef id="j_id1062" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1064" 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_id1067" rendered="true" transient="false">
<div class="title"> <h4>
<HtmlOutputText escape="true" id="j_id1069" rendered="true" transient="false" value="2002 Audi TT"/>
</h4> </div>
<ComponentRef id="j_id1071" rendered="true" transient="false">
<p>
<span id="sourcenameplate"> Source: New Car Test Drive</span>
</p>
</ComponentRef>
<p>
<HtmlOutputText escape="false" id="j_id1076" rendered="true" transient="false" value="<div class="primary-article-content"> <div class="rxbodyfield"> <p><font face="Arial, Helvetica" size="2"><b>Introduction</b> </font> </p> <p><font face="Arial, Helvetica" size="2">Inspired by the original "bathtub" Porsche and the famed Auto Union Grand Prix cars of the 1930s, the Audi TT Coupe made its first appearance as a concept at the 1995 German Motor Show in Frankfurt. The international automotive press whipped up quite a frenzy then, and American autojournos went wild when it arrived in the U.S. as a 2000 production model. It was an extremely daring design, achieved through purity and simplicity of form.</font> </p> <p><font face="Arial, Helvetica" size="2">It seems like such a long time ago, but also like only yesterday. Remember way back then, when a car like the Audi TT was considered a pipe dream? Suddenly the roads are filling with such pipe dreams. With apologies to the Dodge Viper, the Audi TT Coupe's legacy might be as the car that opened the floodgates of creativity, by breaking down the barriers of manufacturers' fear.</font> </p> <p><font face="Arial, Helvetica" size="2"><b>Model Lineup</b> </font> </p> <p><font face="Arial, Helvetica" size="2">The first choice is simple: TT Coupe with two-plus-two seating, or two-seat TT Roadster. After that, the options multiply.</font> </p> <p><font face="Arial, Helvetica" size="2">The standard engine is the 180-horsepower version of the turbocharged 1.8-liter, DOHC, four-cylinder, five-valve engine, with a manual five-speed gearbox and 16-inch wheels.</font> </p> <p><font face="Arial, Helvetica" size="2">Or, you could get the 225-horsepower version with twin turbos, a six-speed, and 17-inch wheels with lower-profile tires.</font> </p> <p><font face="Arial, Helvetica" size="2">Then there is the choice between front-wheel drive or quattro (all-wheel drive). The 180-horsepower TT Coupe comes with or without quattro; the 180-horsepower Roadster comes only with front-wheel drive; and the 225-horsepower Coupe or Roadster comes only with quattro.</font> </p> <p><font face="Arial, Helvetica" size="2">The range of standard equipment includes everything from a first aid kit to an array of computer driver assistance systems. You've got your Anti-Lock Brakes (ABS), your Electronic Brake-Force Distribution (EBD), your Electronic Differential Lock (EDL), and your Electronic Stabilization Program (ESP), which is the magic one, the system that corrects the car's sideways slides. The front-wheel-drive versions have all-speed traction control, a.k.a. Anti-Slip Regulation (ASR).</font> </p> <p><font face="Arial, Helvetica" size="2">New for 2002 on both the TT Coupe and TT Roadster is the Audi concert radio with in-dash CD changer, an 80-watt sound system with six speakers (120 watts and seven speakers for the Roadster). Also standard are a tilt/telescopic leather-covered steering wheel, foglights, power windows and heated mirrors.</font> </p> <p><font face="Arial, Helvetica" size="2">The optional Performance Package ($1450) includes xenon high-intensity self-leveling headlights, heated front seats, and either six-spoke cast alloy wheels or five-spoke forged alloys, depending on whether it's the 180- or 225-horsepower version. The Audio Package ($1200) for the Coupe includes a 175-watt Bose sound system with a six-disc CD changer and seven speakers; for the Roadster it includes another sub-woofer and 225-watt amplifier. Separate options include a choice between cloth and leather for the Coupe or baseball-glove stitching on the Roadster's leather; Audi Navigation system; and hands-free cellphone.</font> </p> <p><font face="Arial, Helvetica" size="2"><strong>Walkaround</strong> </font> </p> <p><font face="Arial, Helvetica" size="2">Visually, it's hard to imagine any car having more rounded edges than the TT, from air dam to fender flares to taillights, and the resulting shape looks funny to some, totally graceful to others. Front and rear overhangs are exceptionally short. Your goofy neighbor might ask which end is the front, ha ha. But certainly the low roofline of the Coupe, raking from its center to the rear deck, conveys a feeling of speed. Our 225-horsepower Coupe was equipped with the optional five-spoke forged alloy wheels ($500), which in our opinion don't compliment the car nearly as well as the standard cast alloy six-spoke wheels.</font> </p> <p><font face="Arial, Helvetica" size="2">The compact nature of the TT called for a transverse engine layout. This complicated things for the quattro, which needs to distribute torque between the front and rear axles. It was solved with a sophisticated and extremely fast-reacting electro-hydraulic system, the first such method of torque distribution in any Audi. The overall result is that torque levels between the front and rear wheels are controlled by a number of parameters, including wheel speeds, engine speed and torque.</font> </p> <p><font face="Arial, Helvetica" size="2">To protect against side impacts on such a low-slung car, especially since there is no center roof post (B pillar), there high-strength aluminum side intrusion bars are part of the chassis. There's further support for the Coupe in a tubular steel reinforcement behind the doors. And in addition to the front airbags, there are head-and-thorax airbags mounted in the front seatbacks.</font> </p> <p><font face="Arial, Helvetica" size="2">The Roadster was designed from the outset to take into account the lack of a roof, and it boasts a number of integral chassis-stiffening measures. These include a meaty dashboard mount and windshield frame, even thicker steel side sills, and strengthened A-pillars that contribute to excellent rollover protection.</font> </p> <p><font face="Arial, Helvetica" size="2">The Roadster comes with either a manual-operated top or an optional power unit activated by a single button. A tonneau cover keeps the lines clean when the top is down, while an innovative, electrically powered glass windbreak, shaped to mimic the curves of the rollbars, slides up behind the passengers to minimize buffeting.</font> </p> <p><font face="Arial, Helvetica" size="2">Pop the hood, and you might be like your goofy neighbor: Oh, this must be a rear-engined car, you could easily think. The four-cylinder mill looks less like an engine than a couple of black plastic suitcases crammed into a Karmann-Ghia trunk. This may be a car for drivers, but not for gearheads.</font> </p> <p><font face="Arial, Helvetica" size="2"><strong>Interior Features</strong> </font> </p> <p><font face="Arial, Helvetica" size="2">Ah, the interior: in a word, gorgeous. A few more words: sanitary, simple, stylish, cool, and … yes Virginia it can be done … practical. Our own neighbor was made a little goofy by the interior; she didn't ask for a ride in the TT Coupe, she just wanted to sit in it, in our driveway.</font> </p> <p><font face="Arial, Helvetica" size="2">We're talking the world's best-fitting black Italian leather bucket seats. The shape is very Recaro-like, with extra bolstering for the thighs and torso, to keep you in place during hard cornering. Then there is that perfect small-diameter three-spoke leather steering wheel with no control functions on it. The black leather shift knob has its six-speed pattern displayed sharply on the top in aluminum, and the boot around the very short lever is held down with an eye-catching brushed aluminum ring. The seats, steering wheel and shift lever say: This car is meant for driving. World's greatest dead pedal confirms it. Gauges like a racecar … except maybe for the cherry red numbers.</font> </p> <p><font face="Arial, Helvetica" size="2">It's that brushed aluminum trim that makes the TT interior so stylish. It's everywhere, it seems, but somehow there's not too much of it: Brushed aluminum cupholders. Brushed aluminum rings around the climate control vents (they rotate to direct air), brushed aluminum audio system cover, brushed aluminum door grab handles, brushed aluminum cover to the glovebox (big enough to hold the owner's manual, and that's about it).</font> </p> <p><font face="Arial, Helvetica" size="2">Despite the low roof and narrow windows all around, there's no visibility problem; the rear window fills the rearview mirror. There is a small head-whacking problem when climbing out, but you soon learn to duck. Inside, the headroom is surprisingly adequate, with an inch or so to spare for a six-footer. Still, the cabin feels either cozy or claustrophobic, depending on your phobias.</font> </p> <p><font face="Arial, Helvetica" size="2">The rear seats are suitable for kids only. But with the seats folded down, it's so spacious in the back that they could sleep there. Open the rear hatch, drop the rear seats, and there's tons of cargo space. Camping anyone?</font> </p> <p><font face="Arial, Helvetica" size="2">One small detail, intelligent and appreciated, is the switchgear for the intermittent wipers. A tiny four-position button slides along the stalk, so you can feel with your finger which speed it's in-unlike so many others that rotate, so you never know where you are.</font> </p> <p><font face="Arial, Helvetica" size="2">Miscellaneous small storage places include little nets for maps and papers in the doors; a wide slot under the emergency brake lever between the seats, for pens or a pocket notebook, and a modest-sized tray under the dashboard.</font> </p> <p><font face="Arial, Helvetica" size="2"><strong>Driving Impressions</strong> </font> </p> <p><font face="Arial, Helvetica" size="2">Everything about the Audi TT feels smooth and stable. Quattro models are nearly impossible to provoke into doing something untoward. Nail the throttle in the middle of a slippery corner, for example, and the TT quattro will smoothly accelerate away as quickly as physically possible for the conditions.</font> </p> <p><font face="Arial, Helvetica" size="2">Audi's 1.8-liter engine revs quickly from lower rpm, accelerating steadily toward 6000 rpm. However, when you hammer it in the mid-3000 rpm range, there is some lag, and it makes you wait.</font> </p> <p><font face="Arial, Helvetica" size="2">The engine certainly sounds cool. At idle, it sounds like it's chanting: ohmmm. Just tooling around, accelerating gently, you can hear a light whistle from the turbos. Over 4000 rpm, where you're inclined to keep it so it's ready for action, it's very smooth, and doesn't feel like the engine is revving.</font> </p> <p><font face="Arial, Helvetica" size="2">The power peaks at 5900 rpm, though redline doesn't begin until 6600. The rev limiter is interesting in the way it cuts out the engine: not with abrupt misfires, but rather gradually, just making the engine bog and wilt. It's easy to rev to 6500 and shift there, because the engine still doesn't feel like it's screaming, but 6000 rpm is a better place, and soon your ear gets used to shifting there, unexciting though it may be. Sound-wise, 6000 rpm actually feels like a short shift-which is okay, because the gearbox shifts so nicely, you'll want to play with it.</font> </p> <p><font face="Arial, Helvetica" size="2">The shift from first to second can be notchy, however. It doesn't like to be made quickly, or at low revs; the trick is spirited acceleration and unhurried engagement. But other than that, the gearbox is always there for you. Reverse, notably, drops right in.</font> </p> <p><font face="Arial, Helvetica" size="2">The brakes are racing car quality; not since the BMW M5 have we felt anything so confidence-inspiring. That's in their stopping power; the problem is that the pedal position makes heel-and-toe braking and downshifting cumbersome. Which is not to say that it's impossible, and most drivers will eventually adjust.</font> </p> <p><font face="Arial, Helvetica" size="2">The ABS may be the smoothest we've ever seen. Like the rev limiter, they work invisibly. In fact, they give the illusion of not stopping the car that fast. You have to stand on them with all your strength, to get them to make any noise, or to get the tires to chirp at all. We were lucky enough to get some light rain during the test, and we did a panic stop at 60 mph, and we only felt three whumps of the ABS as the car was stopping.</font> </p> <p><font face="Arial, Helvetica" size="2">The ride is quite comfortable, not at all stiff, no harshness anywhere. The chassis and suspension will dance a bit when pushed, driving fast over uneven surfaces. If you hit a bump when the front end is already light, you'll know it. The chassis seems to feel the dips more than the bumps. The landing isn't harsh, the car drops and takes a set; but it does deliver that stopping elevator feeling to your butt, if not your stomach.</font> </p> <p><font face="Arial, Helvetica" size="2">We took advantage of the drizzle to feel out the all-wheel drive with ESP. Imagine a Formula 1 car on the starting line. We did one drag-racing start, revved the engine to 5000 rpm and popped the clutch, and the wheels briefly spun before biting and pulling the car steadily away-dead straight, we might add. Of course, this description is simplified, as that spin-bite cycle occurred an untold number of lightning-fast times.</font> </p> <p><font face="Arial, Helvetica" size="2">We also drove into a second gear turn too fast, with the revs well over 5000 rpm, trying to get the tail out. Predictably, the ESP corrected our imbalance, as we could feel the front wheels pulling us out of it. Generally, you get the feeling that the all-wheel-drive Audi is more driftable than tossable.</font> </p> <p><font face="Arial, Helvetica" size="2">Which may be how it should be. It turns into the curves very smoothly and progressively, and responds so nicely when you turn in correctly. It's not a car that rewards aggressive movements of the steering wheel.</font> </p> <p><font face="Arial, Helvetica" size="2"><strong>Summary</strong> </font> </p> <p><font face="Arial, Helvetica" size="2">Its minimalist design gives the Audi TT Coupe a retro-modern look that's distinctive. And you can't get a cooler interior anywhere.</font> </p> <p> </p> <table border="0" cellpadding="1" cellspacing="0" width="100%"> <tbody> <tr> <td colspan="2"> <hr noshade size="2"> </td> </tr> <tr> <td align="middle" colspan="2" valign="top"><b><font face="Arial, Helvetica" size="2">Model Line Overview</font> </b> </td> </tr> <tr> <td colspan="2"> <hr noshade size="1"> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Model lineup:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">TT 180 Coupe ($31,200); TT 180 Coupe quattro ($32,950); TT 225 Coupe quattro ($36,100); TT 180 Roadster ($33,200); TT 225 Roadster quattro ($38,900)</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Engines:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">180-hp 1.8-liter turbocharged inline-4; 225 hp turbocharged inline-4</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Transmissions:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">5-speed manual; 6-speed manual</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Safety equipment (standard):</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">front airbags, side airbags in front, 3-point seatbelts, defogging sideview mirrors, headlight washers, central locking system, ABS, EBD, EDL, ESP</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Safety equipment (optional):</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">quattro</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Basic warranty:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">4 years/50,000 miles</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Assembled in:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">Ingolstadt, Germany; Gyor, Hungary</font> </td> </tr> </tbody> </table> <table border="0" cellpadding="1" cellspacing="0" width="100%"> <tbody> <tr> <td colspan="2"> <hr noshade size="1"> </td> </tr> <tr> <td align="middle" colspan="2" valign="top"><b><font face="Arial, Helvetica" size="2">Specifications As Tested</font> </b> </td> </tr> <tr> <td colspan="2"> <hr noshade size="1"> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Model tested (MSRP):</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">TT 225 Coupe ($36,100)</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Standard equipment:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">(225) leather interior, tilt/telescopic steering wheel, anti-theft alarm system</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Options as tested (MSRP):</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">Bose Premium sound system ($1200); Premium Package ($1200) includes 17-inch alloy wheels with performance tires, heated seats, xenon headlights, HomeLink</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Destination charge:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">($645)</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Gas guzzler tax:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">N/A</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Price as tested (MSRP):</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">$39,145</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Layout:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">all-wheel drive</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Engine:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">1.8-liter turbocharged DOHC inline-4</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Horsepower (hp @ rpm):</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">225 @ 5900</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Torque (lb.-ft. @ rpm):</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">207 @ 2200-5500</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Transmission:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">6-speed manual</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">EPA fuel economy, city/hwy:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">20/28 mpg</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Wheelbase:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">95.6 in.</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Length/width/height:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">159.1/73.1/53 in.</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Track, f/r:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">60/59.3 in.</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Turning circle:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">34.2 ft.</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Seating capacity:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">2 plus 2</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Head/hip/leg room, f:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">37.8/55.6/41.2 in.</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Head/hip/leg room, m:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">N/A</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Head/hip/leg room, r:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">32.6/48.1/20.2 in.</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Trunk volume:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">18.6 cu. ft.</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Payload:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">N/A</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Towing capacity:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">N/A</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Suspension, f:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">MacPherson strut, control arms, stabilizer bar/Multi-link, stabilizer bar, coil spring</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Suspension, r:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">shock absorbers</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Ground clearance:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">4.4 in.</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Curb weight:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">3274 lbs.</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Tires:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">P225/45R17</font> </td> </tr> <tr> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Brakes, f/r:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">12.3-in. ventilated disc/10 in. ventilated disc with ABS</font> </td> </tr> <tr bgcolor="#ecece4"> <td align="left" nowrap valign="top"><b><font face="Arial, Helvetica" size="2">Fuel capacity:</font> </b> </td> <td align="right" valign="top"><font face="Arial, Helvetica" size="2">16.3 gal.</font> </td> </tr> <tr> <td align="middle" colspan="2"> <hr noshade size="1"> </td> </tr> </tbody> </table> <p> </p> <p><font face="Arial, Helvetica" size="2">Unless otherwise indicated, specifications refer to test vehicle. <br> All prices are manufacturer's suggested retail prices (MSRP) effective as of September 01, 2001. <br> Prices do not include manufacturer's destination and delivery charges. N/A: Information not available or not applicable. <br> Manufacturer Info Sources: 1-800-FOR-AUDI - www.audiusa.com</font> </p> <div align="center"><font face="Arial, Helvetica" size="2">Copyright © 1994-2003 New Car Test Drive, Inc.</font> </div> </div> </div>"/>
</p>
</HtmlFragment>
</HtmlAjaxOutputPanel>
</UINamingContainer>
</HtmlFragment>
<HtmlFragment id="j_id1078" 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_id1080" 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_id1084','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_id1084':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id1084'} } )" 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_id1084" ignoreDupResponses="false" immediate="false" limitToList="false" reRender="reviewBody" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItem id="j_id1082" itemDisabled="false" itemEscaped="true" itemLabel="Expert Reviews" itemValue="textReview" rendered="true" transient="false"/>
<UISelectItem id="j_id1083" 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_id1086" rendered="true" transient="false">
<div class="descriptor">
<HtmlOutputText escape="true" id="j_id1088" 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_id1091','parameters':{'ajaxSingle':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:review\x2Dlist','overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id1091':'overview\x2Dtabs\x2Dwrapper\x2Dcontainer:overview\x2Dreviews:overview:reviewBody:reviews\x2Dconsumer:overview:j_id1091'} } )" 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_id1091" ignoreDupResponses="false" immediate="false" limitToList="false" rendered="true" requestDelay="-2147483648" timeout="-2147483648" transient="false"/>
<UISelectItems id="j_id1090" rendered="true" transient="false"/>
</HtmlSelectOneMenu>
</HtmlFragment>
<ComponentRef id="j_id1092" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1094" 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_id1099" rendered="true" transient="false" value="4-5"/>
</span> </div> <p>
<HtmlFragment id="j_id1101" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1102" rendered="true" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1103" rendered="false" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1104" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1105" rendered="true" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1106" rendered="false" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1108" rendered="true" transient="false">
<ComponentRef id="j_id1109" 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_id1111" 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_id1113" 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_id1115" 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_id1120" rendered="true" transient="false" value="Based on {0} consumer review(s).">
<UIParameter id="j_id1121" rendered="true" transient="false" value="2"/>
</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_id1123" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1124" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1126" rendered="true" transient="false" value="2002 Audi TT Convertible"/>
</h2>
<ComponentRef id="j_id1128" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1130" rendered="true" transient="false" value="Safety information is not available for this vehicle. Please select a different option above."/>
</p>
</ComponentRef>
<ComponentRef id="j_id1132" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2" class="type"> <h3>
<HtmlOutputText escape="true" id="j_id1134" 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_id1136" rendered="false" transient="false">
<a href="javascript:void(0);" id="#{triggerId}">
<HtmlOutputText escape="true" id="j_id1138" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id1140" 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_id1145" rendered="false" transient="false">
position: #{position},
</ComponentRef>
open: function() {"undefined" == typeof Tips ? '' : Tips.hideAll();"undefined" == typeof dlgOpen ? '' : dlgOpen();} });
<ComponentRef id="j_id1148" rendered="true" transient="false">
jQuery('##{triggerId}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
<ComponentRef id="j_id1150" 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_id1154" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1156" rendered="true" transient="false" value="Safety Ratings"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1158" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1160" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1162" rendered="true" transient="false" value="Driver Crash Grade"/>
</td> <td class="right">
<ComponentRef id="j_id1164" 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_id1167" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id1169" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1170" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1171" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1172" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1173" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1174" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1176" rendered="true" transient="false">
<ComponentRef id="j_id1177" 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_id1179" 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_id1181" 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_id1183" 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_id1188" rendered="true" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1190" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1192" rendered="true" transient="false" value="Passenger Crash Grade"/>
</td> <td class="right">
<ComponentRef id="j_id1194" 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_id1197" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id1199" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1200" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1201" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1202" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1203" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1204" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1206" rendered="true" transient="false">
<ComponentRef id="j_id1207" 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_id1209" 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_id1211" 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_id1213" 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_id1218" rendered="true" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1220" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1222" rendered="true" transient="false" value="Rollover Resistance"/>
</td> <td class="right">
<ComponentRef id="j_id1224" 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_id1227" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id1229" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1230" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1231" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1232" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1233" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1234" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1236" rendered="true" transient="false">
<ComponentRef id="j_id1237" 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_id1239" 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_id1241" 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_id1243" 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_id1248" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1250" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1252" rendered="true" transient="false" value="Side Impact Crash Test - Front"/>
</td> <td class="right">
<ComponentRef id="j_id1254" rendered="true" transient="false">
<div id="review-rating-wedge">
<UINamingContainer id="subview-rating-indicator-safetySideImpactCrashTestFrontRatingStars" rendered="true" transient="false">
<div class="rating-wrapper"> <div class="rating #{ratingClass}"> <img src="http://www.autotraderstatic.com/img/blank_dot.gif?v=3.99.307238" alt="/img/research/mi/printable/rating-#{empty ratingNumber ? '0' : ratingNumber}.png" class="for-print-only"/> <span>
<HtmlOutputText escape="true" id="j_id1257" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id1259" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1260" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1261" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1262" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1263" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1264" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1266" rendered="true" transient="false">
<ComponentRef id="j_id1267" 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_id1269" 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_id1271" 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_id1273" 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_id1278" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1280" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1282" rendered="true" transient="false" value="Side Impact Crash Test - Rear"/>
</td> <td class="right">
<ComponentRef id="j_id1284" 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_id1287" rendered="true" transient="false"/>
</span> </div> <p>
<HtmlFragment id="j_id1289" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1290" rendered="false" transient="false" value="Avg. rating"/>
<HtmlOutputText escape="true" id="j_id1291" rendered="true" transient="false" value="No rating"/>
</HtmlFragment>
<HtmlFragment id="j_id1292" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1293" rendered="false" transient="false" value="Avg. consumer rating"/>
<HtmlOutputText escape="true" id="j_id1294" rendered="true" transient="false" value="No consumer rating"/>
</HtmlFragment>
</p>
<UINamingContainer id="secondary-rateReviewLink-button" rendered="true" transient="false">
<ComponentRef id="j_id1296" rendered="true" transient="false">
<ComponentRef id="j_id1297" 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_id1299" 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_id1301" 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_id1303" 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_id1308" rendered="false" transient="false" value="n/a"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1311" rendered="true" transient="false">
<h3>
<HtmlOutputText escape="true" id="j_id1313" 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_id1315" rendered="true" transient="false" value="Braking & Traction"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1317" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1319" rendered="true" transient="false" value="4-Wheel ABS"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1321" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1323" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1325" rendered="true" transient="false" value="4-Wheel Disc Brakes"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1327" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1329" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1331" rendered="true" transient="false" value="Traction/Stability Control"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1333" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1335" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1337" rendered="true" transient="false" value="Active Suspension System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1339" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1341" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1343" rendered="true" transient="false" value="Tire Pressure Monitoring System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1345" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1348" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1350" rendered="true" transient="false" value="Passenger Restraint"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1352" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1354" rendered="true" transient="false" value="Driver Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1356" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1358" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1360" rendered="true" transient="false" value="Passenger Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1362" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1364" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1366" rendered="true" transient="false" value="Passenger On/Off"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1368" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1370" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1372" rendered="true" transient="false" value="Side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1374" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1376" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1378" rendered="true" transient="false" value="Side Head Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1380" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1382" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1384" rendered="true" transient="false" value="Rear Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1386" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1388" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1390" rendered="true" transient="false" value="Rear Body Side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1392" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1394" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1396" rendered="true" transient="false" value="Rear Head side Air Bag"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1398" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1400" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1402" rendered="true" transient="false" value="Child Safety Locks"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1404" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1407" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1409" rendered="true" transient="false" value="Road Visibility"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1411" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1413" rendered="true" transient="false" value="HID Headlights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1415" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1417" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1419" rendered="true" transient="false" value="Auto-On Headlights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1421" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1423" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1425" rendered="true" transient="false" value="Daytime Running Lights"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1427" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1429" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1431" rendered="true" transient="false" value="Fog Lamps"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1433" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1435" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1437" rendered="true" transient="false" value="Electrochromic Rearview Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1439" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1441" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1443" rendered="true" transient="false" value="Heated Ext. Driver's Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1445" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1447" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1449" rendered="true" transient="false" value="Heated Ext. Passenger Mirror"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1451" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1453" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1455" rendered="true" transient="false" value="Intermittent Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1457" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1459" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1461" rendered="true" transient="false" value="Variable Inter. Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1463" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1465" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1467" rendered="true" transient="false" value="Rain Sensing Wipers"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1469" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1472" rendered="false" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1474" rendered="true" transient="false" value="Accident Prevention"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1476" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1478" rendered="true" transient="false" value="Rear Parking Aid"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1480" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1482" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1484" rendered="true" transient="false" value="Back-Up Camera"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1486" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1488" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1490" rendered="true" transient="false" value="Handsfree Wireless"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1492" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1495" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1497" rendered="true" transient="false" value="Security"/>
</h4> </th> </tr> </thead> <tbody>
<ComponentRef id="j_id1499" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1501" rendered="true" transient="false" value="Alarm"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1503" rendered="true" transient="false" value="Std"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1505" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1507" rendered="true" transient="false" value="Anti-theft System"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1509" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1511" rendered="false" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1513" rendered="true" transient="false" value="Telematics"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1515" 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_id1518" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1519" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1521" rendered="true" transient="false" value="2002 Audi TT Convertible"/>
</h2>
<ComponentRef id="j_id1523" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1525" rendered="true" transient="false" value="Warranty information is not available for this vehicle. Please select a different option above."/>
</p>
</ComponentRef>
<ComponentRef id="j_id1527" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th class="type"> <h4>
<HtmlOutputText escape="true" id="j_id1529" 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_id1531" rendered="false" transient="false">
<a href="javascript:void(0);" id="#{triggerId}">
<HtmlOutputText escape="true" id="j_id1533" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id1535" 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_id1540" rendered="false" transient="false">
position: #{position},
</ComponentRef>
open: function() {"undefined" == typeof Tips ? '' : Tips.hideAll();"undefined" == typeof dlgOpen ? '' : dlgOpen();} });
<ComponentRef id="j_id1543" rendered="true" transient="false">
jQuery('##{triggerId}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
<ComponentRef id="j_id1545" 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@734e13d6" first="0" id="j_id1549" rendered="true" rowIndex="0" rowKeyVar="index" rows="0" transient="false" var="warranty">
<ComponentRef id="j_id1550" rendered="true" transient="false">
<tr> <td class="type">
<HtmlOutputText escape="true" id="j_id1552" rendered="true" transient="false"/>
</td> <td class="right" colspan="2">
<HtmlOutputText escape="true" id="j_id1554" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
</HtmlAjaxRepeat>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1557" rendered="true" transient="false">
<table cellpadding="0" cellspacing="0"> <thead> <tr> <th colspan="2"> <h4>
<HtmlOutputText escape="true" id="j_id1559" 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_id1561" rendered="false" transient="false">
<a href="javascript:void(0);" id="#{triggerId}">
<HtmlOutputText escape="true" id="j_id1563" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id1565" 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_id1570" rendered="false" transient="false">
position: #{position},
</ComponentRef>
open: function() {"undefined" == typeof Tips ? '' : Tips.hideAll();"undefined" == typeof dlgOpen ? '' : dlgOpen();} });
<ComponentRef id="j_id1573" rendered="true" transient="false">
jQuery('##{triggerId}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
<ComponentRef id="j_id1575" 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_id1579" rendered="true" transient="false">
<tr> <td colspan="2">
<HtmlOutputText escape="false" id="j_id1581" 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_id1582" rendered="true" transient="false"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1584" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1586" rendered="true" transient="false" value="Age/Mileage Eligibility"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1588" rendered="true" transient="false" value="Model years 2010-2015 with less than 60,000 miles"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1590" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1592" rendered="true" transient="false" value="Lease Term Certified"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1594" rendered="true" transient="false" value="No"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1596" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1598" rendered="true" transient="false" value="Point Inspection"/>
</td> <td class="right">
<HtmlOutputText escape="false" id="j_id1600" 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_id1602" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1604" rendered="true" transient="false" value="Return/Exchange Program"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1606" rendered="true" transient="false" value="No"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1608" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1610" rendered="true" transient="false" value="Roadside Assistance"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1612" rendered="true" transient="false" value="Yes"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1614" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1616" rendered="true" transient="false" value="Special Financing"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1618" rendered="true" transient="false" value="Yes"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1620" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1622" rendered="true" transient="false" value="Transferrable Warranty"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1624" rendered="true" transient="false" value="Yes"/>
</td> </tr>
</ComponentRef>
<ComponentRef id="j_id1626" rendered="true" transient="false">
<tr> <td>
<HtmlOutputText escape="true" id="j_id1628" rendered="true" transient="false" value="Warranty Deductible"/>
</td> <td class="right">
<HtmlOutputText escape="true" id="j_id1630" rendered="true" transient="false" value="$85"/>
</td> </tr>
</ComponentRef>
</tbody> </table>
</ComponentRef>
<ComponentRef id="j_id1633" rendered="true" transient="false">
<p>
<HtmlOutputLink disabled="false" id="j_id1635" rendered="true" title="Audi" transient="false" value="/research/certified-cars/index.jsp">
<HtmlOutputText escape="true" id="j_id1636" 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_id1638" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1639" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1641" rendered="true" transient="false" value="2002 Audi TT Convertible"/>
</h2>
<HtmlDiv id="changeZipLinkWrapper" rendered="true" transient="false">
<p>
<ComponentRef id="j_id1644" 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_id1645" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1646" rendered="true" transient="false" value="Please "/>
<HtmlOutputLink disabled="false" id="j_id1647" rendered="true" styleClass="updateZipTrigger" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1648" rendered="true" transient="false" value="enter your ZIP code"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1649" rendered="true" transient="false" value=" to find vehicles for sale in your area."/>
</ComponentRef>
<ComponentRef id="j_id1650" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1651" rendered="true" transient="false" value="Find the 2002 TT at these Audi dealerships near . "/>
<HtmlOutputLink disabled="false" id="j_id1652" onclick="clickASIS({biType:'vs',biASIS:'aws_clk',rdpage:'change_location',address:'*'})" rendered="true" styleClass="updateZipTrigger" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1653" rendered="true" transient="false" value="enter your ZIP code"/>
</HtmlOutputLink>
</ComponentRef>
</HtmlAjaxOutputPanel>
</UINamingContainer>
</ComponentRef>
<ComponentRef id="j_id1654" 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_id1655" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1656" rendered="true" transient="false" value="Please "/>
<HtmlOutputLink disabled="false" id="j_id1657" rendered="true" styleClass="updateZipTrigger" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1658" rendered="true" transient="false" value="enter your ZIP code"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1659" rendered="true" transient="false" value=" to find vehicles for sale in your area."/>
</ComponentRef>
<ComponentRef id="j_id1660" rendered="false" transient="false">
<HtmlOutputText escape="true" id="j_id1661" rendered="true" transient="false" value="There are 2002 TT listings near . "/>
<HtmlOutputLink disabled="false" id="j_id1662" onclick="clickASIS({biType:'vs',biASIS:'aws_clk',rdpage:'change_location',address:'*'})" rendered="true" styleClass="updateZipTrigger" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1663" rendered="true" transient="false" value="enter your ZIP code"/>
</HtmlOutputLink>
</ComponentRef>
</HtmlAjaxOutputPanel>
</UINamingContainer>
</ComponentRef>
</p>
<ComponentRef id="j_id1665" rendered="false" transient="false">
<p>
<HtmlOutputLink disabled="false" id="j_id1667" rendered="true" transient="false" value="/fyc/searchresults.jsp?search_type=both&distance=25&address=&make=AUDI&model=TT&start_year=2002&end_year=2002&body_code=CONVERT&only_photo=1">
<HtmlOutputText escape="true" id="j_id1668" rendered="true" transient="false" value="See all "/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1669" 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_id1671" rendered="false" transient="false">
<ul class="inventory-list">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@3ee98a9d" first="0" id="j_id1673" rendered="true" rowIndex="0" rowKeyVar="index" rows="0" transient="false" var="ownerStock">
<li>
<UINamingContainer id="availability-listing-" rendered="true" transient="false">
<ComponentRef id="j_id1675" rendered="true" transient="false">
<HtmlFragment id="j_id1676" rendered="true" transient="false">
<HtmlFragment id="j_id1677" 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_id1679" 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_id1681" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id1682" rendered="true" title="" transient="false">
<HtmlFragment id="j_id1683" rendered="true" transient="false">
<HtmlFragment id="j_id1684" 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_id1686" 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_id1689" rendered="false" title="" transient="false">
<HtmlOutputText escape="true" id="j_id1690" rendered="true" transient="false"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1691" rendered="true" transient="false"/>
</h3>
<ComponentRef id="j_id1693" rendered="false" transient="false">
<p class="address">
<HtmlOutputText escape="true" id="j_id1695" rendered="true" transient="false" value=" "/>
<HtmlOutputText escape="true" id="j_id1696" rendered="true" transient="false" value=" "/>
<HtmlOutputText escape="true" id="j_id1697" rendered="true" transient="false" value=","/>
<HtmlOutputText escape="true" id="j_id1698" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id1699" rendered="true" transient="false"/>
</p>
</ComponentRef>
<ComponentRef id="j_id1701" rendered="false" transient="false">
<p class="phone">
<HtmlOutputText converter="com.autotrader.consumer.web.converter.PhoneNumberConverter@5ec14d7f" escape="true" id="j_id1703" rendered="true" transient="false"/>
</p>
</ComponentRef>
<ComponentRef id="j_id1705" rendered="false" transient="false">
<p class="price-miles">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@64c6fd72" escape="true" id="j_id1707" rendered="false" transient="false"/>
<HtmlOutputText escape="true" id="j_id1708" rendered="false" transient="false" value=" | "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@44297b0e" escape="true" id="j_id1709" rendered="false" transient="false"/>
</p>
</ComponentRef>
<ComponentRef id="j_id1711" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id1712" rendered="true" transient="false">
#{photosCount} photos
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1714" rendered="true" transient="false" value=" | "/>
<HtmlOutputLink disabled="false" id="j_id1715" rendered="true" transient="false">
#{videosCount} videos
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id1717" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1719" rendered="true" transient="false" value="Listed by: "/>
</p>
</ComponentRef>
<ComponentRef id="j_id1721" rendered="true" transient="false">
<h4>
<HtmlOutputText escape="true" id="j_id1723" rendered="true" transient="false" value="In stock now:"/>
</h4> <ul> <li>
<HtmlOutputLink disabled="false" id="j_id1725" rendered="true" transient="false" value="/fyc/searchresults.jsp?start_year=2002&end_year=2002&make=AUDI&model=TT&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=CONVERT">
<HtmlOutputText escape="true" id="j_id1726" rendered="true" transient="false" value="2002 models"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id1728" rendered="true" transient="false" value="/fyc/searchresults.jsp?start_year=2000&end_year=2002&make=AUDI&model=TT&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=CONVERT">
<HtmlOutputText escape="true" id="j_id1729" rendered="true" transient="false" value="2000 - 2002 models"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id1731" rendered="true" transient="false" value="/fyc/searchresults.jsp?end_year=1999&make=AUDI&model=TT&zip=30342&search_type=both&keywordsfyc=&keywords_display=&keywordsrep=&body_style=CONVERT">
<HtmlOutputText escape="true" id="j_id1732" rendered="true" transient="false" value="Search for Audi TT 1999 and older"/>
</HtmlOutputLink>
</li> </ul>
</ComponentRef>
</div>
</UINamingContainer>
</li>
</HtmlAjaxRepeat>
</ul>
</ComponentRef>
<ComponentRef id="j_id1737" rendered="true" transient="false">
<ul class="inventory-list">
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@348f618f" first="0" id="j_id1739" rendered="true" rowIndex="0" rowKeyVar="index" rows="0" transient="false" var="listing">
<li>
<UINamingContainer id="availability-listing-" rendered="true" transient="false">
<ComponentRef id="j_id1741" rendered="false" transient="false">
<HtmlFragment id="j_id1742" rendered="true" transient="false">
<HtmlFragment id="j_id1743" 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_id1745" 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_id1747" rendered="true" transient="false">
<HtmlOutputLink disabled="false" id="j_id1748" rendered="true" title=" " transient="false">
<HtmlFragment id="j_id1749" rendered="true" transient="false">
<HtmlFragment id="j_id1750" 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_id1752" 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_id1755" rendered="false" title=" " transient="false">
<HtmlOutputText escape="true" id="j_id1756" rendered="true" transient="false" value=" "/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1757" rendered="true" transient="false" value=" "/>
</h3>
<ComponentRef id="j_id1759" rendered="false" transient="false">
<p class="address">
<HtmlOutputText escape="true" id="j_id1761" rendered="true" transient="false" value=" "/>
<HtmlOutputText escape="true" id="j_id1762" rendered="true" transient="false" value=" "/>
<HtmlOutputText escape="true" id="j_id1763" rendered="true" transient="false" value=","/>
<HtmlOutputText escape="true" id="j_id1764" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id1765" rendered="true" transient="false" value=""/>
</p>
</ComponentRef>
<ComponentRef id="j_id1767" rendered="false" transient="false">
<p class="phone">
<HtmlOutputText converter="com.autotrader.consumer.web.converter.PhoneNumberConverter@2c80ff8e" escape="true" id="j_id1769" rendered="true" transient="false"/>
</p>
</ComponentRef>
<ComponentRef id="j_id1771" rendered="false" transient="false">
<p class="price-miles">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@4909da75" escape="true" id="j_id1773" rendered="false" transient="false"/>
<HtmlOutputText escape="true" id="j_id1774" rendered="false" transient="false" value=" | "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@25e55cc9" escape="true" id="j_id1775" rendered="false" transient="false"/>
</p>
</ComponentRef>
<ComponentRef id="j_id1777" rendered="false" transient="false">
<HtmlOutputLink disabled="false" id="j_id1778" rendered="true" transient="false">
#{photosCount} photos
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1780" rendered="true" transient="false" value=" | "/>
<HtmlOutputLink disabled="false" id="j_id1781" rendered="true" transient="false">
#{videosCount} videos
</HtmlOutputLink>
</ComponentRef>
<ComponentRef id="j_id1783" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1785" rendered="true" transient="false" value="Listed by: "/>
</p>
</ComponentRef>
<ComponentRef id="j_id1787" rendered="false" transient="false">
<h4>
<HtmlOutputText escape="true" id="j_id1789" rendered="true" transient="false" value="In stock now:"/>
</h4> <ul> <li>
<HtmlOutputLink disabled="false" id="j_id1791" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1792" rendered="true" transient="false"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id1794" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1795" rendered="true" transient="false"/>
</HtmlOutputLink>
</li> <li>
<HtmlOutputLink disabled="false" id="j_id1797" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1798" 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_id1804" rendered="true" styleClass="print" transient="false" value="javascript://">
<HtmlOutputText escape="true" id="j_id1805" rendered="true" transient="false" value="Printable Version"/>
</HtmlOutputLink>
</UINamingContainer>
<h2>
<HtmlOutputText escape="true" id="j_id1807" rendered="true" transient="false" value="2002 Audi TT Convertible"/>
</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_id1813" 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_id1814" rendered="true" transient="false" value="providers"/>
</HtmlOutputLink>
<HtmlOutputText escape="true" id="j_id1815" 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_id1820" 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_id1821" rendered="true" transient="false">
<div id="#{containerId}" class="#{wrapperClassList}">
<ComponentRef id="j_id1823" rendered="true" transient="false">
<div class="atcui-container-header"> <h2>
<ComponentRef id="j_id1825" rendered="true" transient="false">
<HtmlOutputText escape="true" id="j_id1826" rendered="true" transient="false" value="My Hotlist"/>
</ComponentRef>
<ComponentRef id="j_id1827" rendered="false" transient="false">
<a href="#{titleLink}">
<HtmlOutputText escape="true" id="j_id1829" rendered="true" transient="false" value="My Hotlist"/>
</a>
</ComponentRef>
<ComponentRef id="j_id1831" rendered="false" transient="false"/>
</h2> </div>
</ComponentRef>
<div class="atcui-container-content #{disableGradientClass} atcui-container-content-#{empty tier ? 'Primary' : tier}">
<HtmlFragment id="j_id1834" rendered="false" transient="false">
<p>
<HtmlOutputText escape="true" id="j_id1836" rendered="true" transient="false" value="We'll park models you care about right here."/>
</p>
</HtmlFragment>
<HtmlFragment id="j_id1838" 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_id1840" 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_id1841" rendered="true" transient="false">
<ComponentRef id="j_id1842" 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_id1844" 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_id1846" 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_id1848" 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_id1852" rendered="true" transient="false">
<div id="hotlist-currently-viewing" class="vehicle-set"> <h4>
<HtmlOutputText escape="true" id="j_id1854" rendered="true" transient="false" value="Currently Viewing"/>
</h4>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@150bfb1f" first="0" id="j_id1856" rendered="true" rowIndex="0" rowKeyVar="rows" rows="0" transient="false" var="modelSummary">
<ComponentRef id="j_id1857" 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_id1859" 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_id1861" rendered="true" transient="false" value="Remove"/>
</span>
</HtmlAjaxCommandLink>
<div class="links">
<HtmlOutputLink disabled="false" id="j_id1864" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
<HtmlFragment id="j_id1865" rendered="false" transient="false">
<HtmlFragment id="j_id1866" 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_id1868" 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_id1870" rendered="true" transient="false">
<HtmlFragment id="j_id1871" 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_id1873" 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_id1875" rendered="false" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<HtmlDiv id="j_id1877" rendered="true" styleClass="details" transient="false">
<HtmlOutputLink disabled="false" id="j_id1878" rendered="true" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<p class="price">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@610f1fd8" escape="true" id="j_id1881" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id1882" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@27f3cfb0" escape="true" id="j_id1883" rendered="true" transient="false"/>
</p> <p class="mpg">
<HtmlOutputFormat escape="true" id="j_id1885" rendered="true" transient="false" value="{0} MPG - {1} MPG">
<UIParameter id="j_id1886" rendered="true" transient="false"/>
<UIParameter id="j_id1887" rendered="true" transient="false"/>
</HtmlOutputFormat>
</p>
</HtmlDiv>
</div> </div> </div>
</ComponentRef>
</HtmlAjaxRepeat>
</div>
</ComponentRef>
<ComponentRef id="j_id1891" rendered="false" transient="false">
<div id="hotlist-models-i-added" class="vehicle-set"> <h4>
<HtmlOutputText escape="true" id="j_id1893" rendered="true" transient="false" value="Models I Added"/>
</h4>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@77c8404d" 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_id1896" 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_id1898" rendered="true" transient="false" value="Remove"/>
</span>
</HtmlAjaxCommandLink>
<div class="links">
<HtmlOutputLink disabled="false" id="j_id1901" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
<HtmlFragment id="j_id1902" rendered="false" transient="false">
<HtmlFragment id="j_id1903" 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_id1905" 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_id1907" rendered="true" transient="false">
<HtmlFragment id="j_id1908" 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_id1910" 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_id1912" rendered="false" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<HtmlDiv id="j_id1914" rendered="true" styleClass="details" transient="false">
<HtmlOutputLink disabled="false" id="j_id1915" rendered="true" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<p class="price">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@42357c7a" escape="true" id="j_id1918" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id1919" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@457f4f8b" escape="true" id="j_id1920" rendered="true" transient="false"/>
</p> <p class="mpg">
<HtmlOutputFormat escape="true" id="j_id1922" rendered="true" transient="false" value="{0} MPG - {1} MPG">
<UIParameter id="j_id1923" rendered="true" transient="false"/>
<UIParameter id="j_id1924" rendered="true" transient="false"/>
</HtmlOutputFormat>
</p>
</HtmlDiv>
</div> </div> </div>
</HtmlAjaxRepeat>
</div>
</ComponentRef>
<ComponentRef id="j_id1928" rendered="false" transient="false">
<div id="hotlist-previously-viewed" class="vehicle-set"> <h4>
<HtmlOutputText escape="true" id="j_id1930" rendered="true" transient="false" value="Previously Viewed"/>
</h4>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@39c48d7a" first="0" id="j_id1932" rendered="true" rowIndex="0" rowKeyVar="rows" rows="0" transient="false" var="modelSummary">
<ComponentRef id="j_id1933" 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_id1935" 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_id1937" rendered="true" transient="false" value="Remove"/>
</span>
</HtmlAjaxCommandLink>
<div class="links">
<HtmlOutputLink disabled="false" id="j_id1940" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
<HtmlFragment id="j_id1941" rendered="false" transient="false">
<HtmlFragment id="j_id1942" 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_id1944" 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_id1946" rendered="true" transient="false">
<HtmlFragment id="j_id1947" 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_id1949" 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_id1951" rendered="false" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<HtmlDiv id="j_id1953" rendered="true" styleClass="details" transient="false">
<HtmlOutputLink disabled="false" id="j_id1954" rendered="true" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<p class="price">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@378a8236" escape="true" id="j_id1957" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id1958" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@6b571641" escape="true" id="j_id1959" rendered="true" transient="false"/>
</p> <p class="mpg">
<HtmlOutputFormat escape="true" id="j_id1961" rendered="true" transient="false" value="{0} MPG - {1} MPG">
<UIParameter id="j_id1962" rendered="true" transient="false"/>
<UIParameter id="j_id1963" rendered="true" transient="false"/>
</HtmlOutputFormat>
</p>
</HtmlDiv>
</div> </div> </div>
</ComponentRef>
</HtmlAjaxRepeat>
</div>
</ComponentRef>
<ComponentRef id="j_id1967" rendered="false" transient="false">
<div id="hotlist-previously-viewed" class="vehicle-set"> <h4>
<HtmlOutputText escape="true" id="j_id1969" rendered="true" transient="false" value="Previously Viewed"/>
</h4>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@7b3700" first="0" id="j_id1971" rendered="true" rowIndex="0" rowKeyVar="rows" rows="0" transient="false" var="modelSummary">
<ComponentRef id="j_id1972" 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_id1974" 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_id1976" rendered="true" transient="false" value="Remove"/>
</span>
</HtmlAjaxCommandLink>
<div class="links">
<HtmlOutputLink disabled="false" id="j_id1979" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
<HtmlFragment id="j_id1980" rendered="false" transient="false">
<HtmlFragment id="j_id1981" 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_id1983" 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_id1985" rendered="true" transient="false">
<HtmlFragment id="j_id1986" 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_id1988" 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_id1990" rendered="false" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<HtmlDiv id="j_id1992" rendered="true" styleClass="details" transient="false">
<HtmlOutputLink disabled="false" id="j_id1993" rendered="true" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<p class="price">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@1957e13f" escape="true" id="j_id1996" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id1997" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@5884fc18" escape="true" id="j_id1998" rendered="true" transient="false"/>
</p> <p class="mpg">
<HtmlOutputFormat escape="true" id="j_id2000" rendered="true" transient="false" value="{0} MPG - {1} MPG">
<UIParameter id="j_id2001" rendered="true" transient="false"/>
<UIParameter id="j_id2002" rendered="true" transient="false"/>
</HtmlOutputFormat>
</p>
</HtmlDiv>
</div> </div> </div>
</ComponentRef>
</HtmlAjaxRepeat>
</div>
</ComponentRef>
<ComponentRef id="j_id2006" rendered="true" transient="false">
<div id="hotlist-similar-models" class="vehicle-set"> <h4>
<HtmlOutputText escape="true" id="j_id2008" rendered="true" transient="false" value="Similar Models to Consider"/>
</h4>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@537e33ed" first="0" id="j_id2010" 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_id2012" 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_id2014" rendered="true" transient="false" value="Remove"/>
</span>
</HtmlAjaxCommandLink>
<div class="links">
<HtmlOutputLink disabled="false" id="j_id2017" rendered="true" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
<HtmlFragment id="j_id2018" rendered="false" transient="false">
<HtmlFragment id="j_id2019" 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_id2021" 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_id2023" rendered="true" transient="false">
<HtmlFragment id="j_id2024" 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_id2026" 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_id2028" rendered="false" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<HtmlDiv id="j_id2030" rendered="true" styleClass="details" transient="false">
<HtmlOutputLink disabled="false" id="j_id2031" rendered="true" styleClass="ymm" transient="false" value="/research/modelinfo/overview.xhtml?styleid=">
#{carYMM}
</HtmlOutputLink>
<p class="price">
<HtmlOutputText converter="javax.faces.convert.NumberConverter@68a67723" escape="true" id="j_id2034" rendered="true" transient="false"/>
<HtmlOutputText escape="true" id="j_id2035" rendered="true" transient="false" value=" - "/>
<HtmlOutputText converter="javax.faces.convert.NumberConverter@8d7d082" escape="true" id="j_id2036" rendered="true" transient="false"/>
</p> <p class="mpg">
<HtmlOutputFormat escape="true" id="j_id2038" rendered="true" transient="false" value="{0} MPG - {1} MPG">
<UIParameter id="j_id2039" rendered="true" transient="false"/>
<UIParameter id="j_id2040" 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_id2045" 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_id2046" rendered="true" transient="false">
<ComponentRef id="j_id2047" 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_id2049" 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_id2051" 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_id2053" 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_id2059" rendered="false" transient="false">
<a href="javascript:void(0);" id="#{triggerId}">
<HtmlOutputText escape="true" id="j_id2061" rendered="true" transient="false"/>
</a>
</ComponentRef>
<ComponentRef id="j_id2063" 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_id2067" 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_id2069" 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_id2071" rendered="true" transient="false">
<ComponentRef id="j_id2072" 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_id2074" 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_id2076" 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_id2078" 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_id2082" rendered="true" transient="false" value="Cancel"/>
</a> </div>
<HtmlMessage errorClass="errormsg" for="zip" id="j_id2084" 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_id2087" rendered="false" transient="false">
position: #{position},
</ComponentRef>
open: function() {"undefined" == typeof Tips ? '' : Tips.hideAll();"undefined" == typeof dlgOpen ? '' : dlgOpen();} });
<ComponentRef id="j_id2090" rendered="false" transient="false">
jQuery('##{triggerId}').live("click", function() { jQuery('##{dialogId}').dialog('open'); });
</ComponentRef>
<ComponentRef id="j_id2092" 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_id2100" 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_id2103" 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_id2106" 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_id2108" 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_id2110" 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_id2112" rendered="true" transient="false" value="Car Dealers"/>
</a> </li> </ul> <ul> <li class="heading">
<HtmlOutputText escape="true" id="j_id2114" 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_id2116" 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_id2118" 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_id2120" 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_id2122" 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_id2124" 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_id2126" 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_id2128" 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_id2130" 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_id2132" rendered="true" transient="false" value="Certified Cars"/>
</a> </li> </ul> </div> <div class="innerColumn"> <ul> <li class="heading">
<HtmlOutputText escape="true" id="j_id2134" 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_id2136" 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_id2138" 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_id2140" 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_id2142" 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_id2144" 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_id2146" 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_id2148" 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_id2150" 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_id2152" 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_id2154" rendered="true" transient="false" value="AutoTrader.com Mobile"/>
</a> </li> </ul> </div>
<HtmlOutputText escape="true" id="j_id2156" 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_id2158" 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_id2161" 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_id2164" 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_id2167" 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_id2169" 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_id2171" rendered="true" transient="false" value="Privacy Statement."/>
</a>
<HtmlOutputText escape="false" id="j_id2173" 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_id2175" 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_id2176" rendered="true" transient="false" value="Tue Jan 27 18:21:10 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_id2184" rendered="true" transient="false">
<script type="text/javascript"> globalZip = ""; </script>
</ComponentRef>
<ComponentRef id="j_id2186" rendered="false" transient="false">
<script type="text/javascript"> globalZip = '#{miOverviewBean.zip}'; </script>
</ComponentRef>
</HtmlAjaxOutputPanel>
<ComponentRef id="j_id2188" 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_id2191" rendered="false" transient="false">
<span class="ad-text" style="width: #{width}px;">
<HtmlOutputText escape="true" id="j_id2193" rendered="true" transient="false" value=""/>
</span>
</ComponentRef>
<Ad height="1" id="footer1x1" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@7934c014" rendered="true" styleClass="" transient="false" width="1"/>
</HtmlDiv>
</UINamingContainer>
<HtmlAjaxRepeat componentState="org.ajax4jsf.component.SequenceDataAdaptor$1@546fe6a7" first="0" id="j_id2195" 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_id2196" rendered="false" transient="false">
<span class="ad-text" style="width: #{width}px;">
<HtmlOutputText escape="true" id="j_id2198" rendered="true" transient="false" value=""/>
</span>
</ComponentRef>
<Ad height="1" id="" page="" processor="com.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@7934c014" rendered="true" styleClass="" transient="false" width="1">
<UIParameter id="j_id2200" name="flip" rendered="true" transient="false"/>
<UIParameter id="j_id2201" name="ifid" rendered="true" transient="false" value="footer1x1-"/>
</Ad>
</HtmlDiv>
</UINamingContainer>
</HtmlAjaxRepeat>
</HtmlAjaxOutputPanel>
<HtmlFragment id="j_id2202" 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
modelid3321
styleid3584
Request Attributes
NameValue
AtcJawrBridgeUtilcom.autotrader.jawr.AtcJawrBridgeUtil@7e90093f
OEMSpecialHandlercom.autotrader.consumer.business.research.modelinfo.OEMSpecialHandler@224f4803
_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@300ce8e
ajaxContextorg.ajax4jsf.context.AjaxContextImpl@29f8ce2c
applicationUtilscom.autotrader.commons.ApplicationUtils@da7c03b
atcAdProcessorLegacycom.autotrader.consumer.web.ad.AtcAdProcessorLegacy@3d687e
carManagercom.autotrader.consumer.business.car.CarManager@3f972851
fastModelInfoSearchcom.autotrader.consumer.business.research.modelinfo.FastModelInfoSearch@5cd7fe74
imageUtilscom.autotrader.consumer.util.ImageUtils@6882a14a
inventorySearchUtilcom.autotrader.consumer.web.research.modelinfo.shared.InventorySearchUtil@582b36e0
listingSearchServicecom.autotrader.consumer.business.find.listing.ListingSearchService@7d1fd958
miOverviewAdProcessorcom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewAdProcessor@7934c014
miOverviewControllercom.autotrader.consumer.web.research.modelinfo.overview.MIOverviewController@35f66095
miReferenceDataManagerImplcom.autotrader.consumer.business.integration.MIReferenceDataManagerImpl@423ef1e0
miReviewControllercom.autotrader.consumer.web.research.modelinfo.shared.MIReviewController@3279cb1a
miStyleSelectorControllercom.autotrader.consumer.web.research.modelinfo.shared.MIStyleSelectorController@5a0531d9
modelInfoContentSearchServicecom.autotrader.consumer.business.research.modelinfo.ModelInfoContentSearchService@b0bcbbb
modelInfoUtilcom.autotrader.consumer.web.research.modelinfo.ModelInfoUtil@336c67a7
modelid3321
pg_inst937384977567739383
queryStringUtilscom.autotrader.commons.QueryStringUtils@12091f51
referenceDataServicecom.autotrader.consumer.web.service.ReferenceDataService@14e70817
resourceBundleUtilscom.autotrader.commons.ResourceBundleUtils@4bc428b9
siteConfigUtilscom.autotrader.consumer.util.SiteConfigUtils@3b4db08b
snapshotDAOcom.autotrader.integration.snapshot.SnapshotDAO@69819417
staticBundleServicecom.autotrader.components.StaticBundleService@3a21a81e
stringUtilscom.autotrader.util.StringUtils@77a46762
styleid3584
Session Attributes
NameValue
ABTestExperimentscom.autotrader.enterprise.common.testframework.ABTestExperimentInfo@4a7f904b
accountManagercom.autotrader.consumer.business.myatc.AccountManager@7cda5222
bookmarkCacheManagercom.autotrader.consumer.business.myatc.BookmarkCacheManager@61467637
csContextcom.autotrader.consumer.web.CsContext@58fb46c5
cxp_12_16tandt
headerActioncom.autotrader.consumer.web.myatc.HeaderAction@58e35d26
hotListcom.autotrader.consumer.business.research.HotList@36f89761
modelInfoSearchCriteriacom.autotrader.consumer.business.research.modelinfo.ModelInfoSearchCriteria@7a9a7d78
testAndTargetActioncom.autotrader.consumer.web.TestAndTargetAction@34a3902a
zipCode
Application Attributes
NameValue
CewolfRenderer_Init_Configorg.apache.catalina.core.StandardWrapperFacade@5799aebc
Jan 27, 2015 6:21:10 PM - Generated by Facelets