AMC Schmitt GmbH

- <div class="vehicle_detail" style="display: block;"> <div class="wrapper"> <div class="padding"> <div class="left"> <h1>{{ manufacturer }} {{ model }}</h1> </div> <div class="right"> {% if price %} <p class="price"> <span class="num">{{ price }}</span> <span class="vat"> {%- if vat == 1 -%} Inkl. MwSt. {%- else -%} Mehrwertsteuer nicht ausweisbar {%- endif -%} </span> </p> {% endif %} </div> <div class="clear"></div> <div class="images"> <div class="controls"> <a class="button prev"><span class="entypo-left-open-mini"></span></a> <a class="button next"><span class="entypo-right-open-mini"></span></a> </div> <div class="big"> <ul class="slider"> {% for image in images %} <li> <a class="fancyzoom" href="{{ image }}" data-fancybox="group"> <div class="xslt_ignore"></div> <img src="{{ image }}"> </a> </li> {% endfor %} </ul> </div> <div class="thumbnails"> <ul> {% for image in images %} <li{{ loop.index0 == 0 ? ' class="active"' : '' }}> <div class="container"><img src="{{ image }}"></div> </li> {% endfor %} </ul> </div> </div> <div class="main_data"> <div class="left"> <h2>Fahrzeugdaten</h2> <ul> <li> <p class="name">Gesamtpreis</p> <p class="value">{{ price }}</p> </li> <li> <p class="name">Aussenfarbe</p> <p class="value">{{ color }}</p> </li> </ul> </div> <div class="right"> </div> <div class="clear"></div> </div> <div class="equipment"> <h2>Ausstattung</h2> <ul> {{ notes|raw }} </ul> </div> <div class="actions"><a class="button" href="/anfrage?vehicle={{ manufacturer }} {{ model }}">Jetzt anfragen</a><a class="button" href="/ueber">Verkäufer finden</a></div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function() { $(document).on("click",".vehicle_detail .thumbnails li",function() { $(this).parents(".thumbnails").find("li").removeClass("active"); $(this).addClass("active"); left_pos = $(this).index()*100*(-1); $(".vehicle_detail .slider").animate({ left: left_pos + "%" }); }); $(document).on("click",".vehicle_detail .controls a",function() { index = $(".vehicle_detail .thumbnails .active").index(); if ($(this).hasClass("prev")) { index -= 1; } else { index += 1; } if (index >= 0 && $(".vehicle_detail .thumbnails li:eq(" + index + ")").length > 0) { $(".vehicle_detail .thumbnails li").removeClass("active"); $(".vehicle_detail .thumbnails li").eq(index).addClass("active"); left_pos = index*100*(-1); $(".vehicle_detail .slider").animate({ left: left_pos + "%" }); } }); fancybox_image(); }); </script>