À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Ú3D†LVì¯xyUq"$¿`ŽZÙµX¶„F)"í3 ö»0øHSï¥/2·à·\ žžB[ðêžÀ®ZÈ8Eå(zsW©ÝªkÃÃy$/ÄëÚÈ%f‹9kx:GrE¶zÙ¿p?Ž–þˆ§ååníúˆÉ%àØìÌï"Åt áM£\ó5þ£§îÅ·h0ª´WøÈÉ.Ñ’;`·¼|
`··„@x=ŸQÆ†fN¨qf”jÎ7­FJ$PÃz–µÔÑn´®›¬ìC_š¸÷ê$+8EŠvZ)‘Ø!›êHön%Ž¸^²KÑ`ß­Iss_m¾Ãó“8-F¸§ÁŠöuH†éMe6EH^â¿’Z^¨˜wA¶";ÄA9¸‘´Ï–ò€Š"çíé/ÏNƒ¬Dà¤aß3€i!±Ú;zx‡2ýhø‹f€þÑb?/ÿù°u½¡7„ÿ‰öëî‡ÓùžW´„îºoæôÓ]ôxyËñiª¥ôR	ZÉnóÐ=
I™¥²pljµ5Då±c²›ï©”gïäXÍ¶¨›W¹62;÷5œÀQ]:>*O¦x.DÞ—Ì«u\„FØL"ƒñÙ8180¹¹^D.²9(÷sfUi=Dð\u0E’ïC¦5T¬6[kìL*c˜)c°\c‰®n43CŠÍ@„–Båµt|î<Mt\•èîè&|ŒÙõõÖÅ4ÆàßßJðYû~{W’O4 ·œ<éX‹ý„\½Jjíj‰„mv¤ÿ—$Iúõ‰Æ:Ë––yMP´i;m”qh#Ôzÿ+©Pùg%Gg;Ý´0C¾Ô{l•ÌtÎž¬clYø¬ù ªÓ“òn>ÄœÃ!^°Š9jBÕ?”xß~žpÌ”ä…§
¶ß‰5yTqñÌ[±¯+¶'Û”IŠoj‰®IÐ£P¨¦¾GŠzJ^£AõÓô×\Æ÷—ÑUh6yg3[ú`¸:`gúþÝ;ä#˜€Á\Ýa+ÊÝZ	r¯Ÿ˜™¡kåí:ŸKT–ÖÞ¥ z‚>¬EõÔiï/tœ8'‡{Ý,Sèp¶×cÛNG<ÃUU9:ë"¥ 3ý³µœð§îTY­I]G±\h I7œ:©_ópho©ß¦jARè¥|ÀYB›el—ggÆmõtd”‡hd¹›–E‰«ØÌ¤S3Ÿ6Êñ
 ‘bÃI™BƒâË4mÝ›é„ôÂ‡BWÈ‰µ^ÃùìRKB—Uw5ÁÂì¥÷™Þ‰Y	ñòãÉ\8˜U»JU—¤ÑA·ÿV{>/w¤°>ëÖÏÙ<X%—Ø j¯ºªìÆðÔø­_+ÿk;ÓÜUe=A]¼¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶’¡jõJH‰87]'Õ.x´|’+ÚÍ*oÌ*J*O…%¶ãÌ†Q\H–Ÿ?¤¬ÖLfiÏåãBÿ)ˆ®Ýüô=S]+9‹3-§Ëò÷ßÞ@ôMú™(uHmÄn ô¤ Úïtsî>¢"ºwÉôóŸwA±âUÐd£FÏöoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&& mmc°/÷ï(1–!'‘B=ýc_K´¾þÍ*üMö ñ ·TQ–ÀÉÍ™|´Ñ“w»-ê£$ö¹B®j°ëñð&9¿)ÖˆK¼1‹UC¡¯°ã¦ãjói<KRIàEÑ7ëÚyV3ñ.]W¹|Õ)H¼Ó*vT@hò«Eˆÿö½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇûü*Opõ318”cÇØgºbùO˜ê%ÎûI&ž;¬ýØ2¼;e9¢Ù–~y‚‚ü†‰6\2¿K»È˜­§¶ƒbÎK½²ÔÍöã„ë…,Izu÷•hDt éÂR[-ð Æ@ùMš‘šP?ëÔ-Jºº&!B'o1ñ¸:u…<û6$Ä»'Š7«º’úù Ö@‚ïa´E)±¶ Æ°áùN4Ñó—+Ul¾r12Zžâú*à»Gª^Ìž¢„Zí\NÁ’ð”–â Ãà_[¿Ñ¿ GöO.\ªÛßmùLcnÇ¯ZâÀÅ+»€k9Ô´«xÐˆ?6Ÿ2eÒBVq‹Ù]Xˆ¥Àƒfž(àÞë1á &D‰DNijrqjmw Ñ)êÒ_@<DQP‡^®N½Î†*h4§Ÿ„Ïª°¤.Á”[0"bÚ‹¾Ü p›‰#ÕÛ¬$88jc2UÆ®·A:Åžèsï>8,€¡Û\CŠ«ŸÝˆaŽ¼üý8Ý½´¼SZ%)<Ï´z‡â~çŸÞ“îÀHîÅ*Ô>^–6Ì„»fÝi[D-´¡ô¹ÑY1d_¼žìAÛ8nnà&,ô‚`\ÍfÏ˜‰”ÇëÙMüŒK&âÏ›]•_ÑÓGAÈ
nÍ»˜R¸ãÝ‡kÙOÔm›¥ú×êÿì†²ƒ¥†¯Å¥Ö7_Äà@Ñæ—ãÛ©óÍ9–íù8äã'®½¾ûÔí8F^lí Ì V¢:L«CÜL`£Ø7ìŒ@ºXà×ö´«vÝr’Û8nnà&,ô‚`\Íf×jV¢¹HbÐ:xd¢ÊÚº».m¤	nŸnæ	<$¨¤"-ÐØcFC™Ä¶ôê>—íí†Vb€«`ñZ80òçM7âõ+*dxøö'n&]KêhSÏ |æ-»vÛ8nnà&,ô‚`\ÍfWN±•Cj*ªr>à^‰‹‰µmï<?£³	ÖYm}ýÓ¥ýÛ8nnà&,ô‚`\Íf:ì¿.ê©½VþF+ül!–§¿É˜šÎŽúÕ7 DQP‡^®N½Î†*h4§6¼ÇÒdÊóIækàèà*®­†t@Qì¹bLd™0oÛ8nnà&,ô‚`\Íf`%£@Gî—èE4ó8<ïÁ•1‘tîQ0{ãV/FžêèøñÌÒ¤P±	ržpyÄ!Ï8´¯É=ºå‚•CmWa0up}bzuøÇá ô oEHô„¸A§ÅZ‹M‚pp˜]“Í#óìò
¤"-ÐØcFC™Ä¶ôê}£pÞ"½Ú‹Íò“Öû„øÎ&P¿jŠ	'¹µKÌQ&Ö¥¯qauªÙ{E?Õ¥ºˆ4‘ÚžK±½
Kô'¹‚£ýš6‚éZ¹™VŸe­£Ìµ·’ oÒpj°·XµIÊžwi<`Eç9Û«p8¡Çœ_™eÛ8nnà&,ô‚`\ÍféœÂF¿ô”,nôi‹äûR¬ÿí:bøu5odëñ-W®çÐä\Näæu™ ßL„DÉMÕýR Óö }l+!$aæêXuŠÐF<Ðè™=Ð ÿvéÐwLë
Þ˜÷+ ;¾Þu»˜ÿj­áÊ4­
“²Û8nnà&,ô‚`\Íf^¡A@
½.R5p F”~°h›ø¯H¾tBœÎ”Ý¤÷‘o#1æ#·œ–p=L'dclÄÙ¾o5¨»Õ+Ü	Û8nnà&,ô‚`\ÍfúWôètˆáÊÙù‘4cRØÊÌe­²QE·Ù’¼Äc5g{Xô‘Êeéz‚«‘Û8nnà&,ô‚`\Íf­F@éõIp¸4Ât6½ç/à_†0Dd6ñç‹‘Û8nnà&,ô‚`\Íf,…ŒCÚ²Åfp~FôÄÈ¥¶8™5&.Õ(¾l¿Òfï¡"¡ô¬¬†q”	qæ@
”úzù8.ùÿ¾ ÁD-†S Tøï¢ ÀôÛ8nnà&,ô‚`\Íf<K(Ñ½®<E|IÞj30µñ@`:ÛÁpÊ«õd‰=­º0”¦Ï—d•ŠRÐUÛ8nnà&,ô‚`\ÍfØ©»Àfñc„ûLë(œæÂTâzòKÛ¨nmÜÅ>‚8·º=Ï¨7éÛn4à¹XÆ‡6‡_˜9†óu×[Ò#<`Eç9Û«p8¡Çœ_™eÛ8nnà&,ô‚`\Íf˜€ìc…×X¸´‘X†*tsGüì½FâæU5‰ôž<ë@Ê,‰¿Û8nnà&,ô‚`\Íf,…ŒCÚ²Åfp~FôÄÈ¥¶8™5&.Õ(¾l¿ÒfNzüº‡”Mû™Hf'Ó.@
”úzù8.ùÿ¾ ÁD-†S Tøï¢ ÀôÛ8nnà&,ô‚`\Íf¥Úú  ÝÅ÷´Îá¦5È¤´'á.'ÆÃ¬¥L¾yÇÛ8nnà&,ô‚`\Ífû›«rïß¨7*«-K¸$¢Šä[L9^W»'%Ì{ÌÿçWÙê›N/Iá‰x!WÁèDQP‡^®N½Î†*h4§ n/Rýé¼gˆ3¯ÔY›*Ú{E?Õ¥ºˆ4‘ÚžK±íi­”ù¤é:
ÿrðªr ;dW‡è›´
¿9â„ªNÍ°äÑþ•i¼Û8nnà&,ô‚`\Íf«,åB#D¢ºA“yßO<] ©›q»e>$~›ù˜7b¦PuC,žÛ8nnà&,ô‚`\ÍfV™ž]¦eCs”X>1ßMü$ã5Ði=1ìY0»@Óé«‚Zã¼£¥#hh3ÓÜDQP‡^®N½Î†*h4§œ:~ÁßRùÕnYd+¼[]+áhöºÚ·Ô	Ì@ãRøŽÏäÄDí¦ÉãØÊÓÏííeÙ@&|«w-ÅI–”•WU9Õ¤"-ÐØcFC™Ä¶ôêNA™È~îSP¯žßáR`ÂRå»:˜å¢gcOÕÈï…†±>6´BZ'3|£f Ø<`Eç9Û«p8¡Çœ_™e•/ ^·ŽvCÈ¤Íý%àQRËYÿ<zÆÖcæe|“ŠBvt¨oTÑ¹[ýåâ"\Àí)l†”ø@Ò8ôfÏ†øØ§ìEÖ¦¥Û8nnà&,ô‚`\Íf }¼«±íXf^:x¡>ìBÀåœti¬5Ò²Í
ö÷¯$<ÀTZäŽÊ6½lE‡[ã¨wlÁOÚ¬ÁãaEF@áwpøÊÐßòfP&@rÃ$n+ÊpF9pù|0á$a·}ð=ïãCoå	3ÊÄå*á$õç¶oîôPXÜw&ä’XìöŠuôiœ(áÌ6Û8nnà&,ô‚`\ÍfDØŸÁ6Í
uŸã¶e•µdrDÙ\j¡ ÌY×‚NkNssÏ›]•_ÑÓGAÈ
nÍ»˜               currentValue = slider.jqxSlider('value'),
                            max = slider.jqxSlider('max'),
                            min = slider.jqxSlider('min');
                        if (currentValue < max) {
                            slider.jqxSlider('incrementValue');
                        } else {
                            slider.jqxSlider('setValue', min);
                        }
                    }, 2000);
                };

                var stopSlideShow = function () {
                    clearTimeout(config.timeOut);
                    config.timeOut = null;
                };

                var loadSlide = function (id) {
                    showSlide(id);
                };

                var hideCurrentSlide = function () {
                    $(config.contentContainerSelector + config.currentSlide).css('display', 'none');
                };

                var showSlide = function (id) {
                    hideCurrentSlide();
                    $(config.contentContainerSelector + id).fadeIn(300, function () {
                     
                    });
                    config.currentSlide = id;
                };

                return {
                    init: function () {
                        attachEventListeners();
                        startupConfig();
                    }
                };
            } (jQuery));

            carPreview.init();
        });
    </script>
    <style type="text/css">
        .slider-demo-navigation-item
        {
            margin-left: 3px;
            cursor: pointer;
        }
        .slider-demo-info-header
        {
            font-size: 20px;
            font-family: Impact;
            color: #aaa;
        }
        .slider-demo-info-content
        {
            padding-top: 5px;
            font-size: 11px;
            width: 210px;
            text-align: left;
            font-family: Verdana, Arial;
        }
        .slider-demo-main
        {
            width: 665px;
            text-align: center;
            border: 1px solid #ccc;
            height: 376px;
            padding: 3px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            background: #332f2f;
        }
        .slider-demo-header
        {
            background-image: url(../../images/slider-demo-header-background.png);
            width: 665px;
            height: 76px;
        }
        .slider-demo-header-content
        {
            position: relative;
            right: 25px;
            top: 15px;
            color: #eee;
            font-family: Times New Roman, Verdana;
            font-size: 35px;
            text-align: right;
        }
        .slider-demo-content
        {
            width: 663px;
            height: 300px;
            border: 1px solid #fbfbfb;
            border-top-width: 0px;
            background: #fafafa;
            position: relative;
        }
        .slider-demo-content-inner
        {
            position: relative;
            width: 550px;
            background-color: #fff;
            height: 250px;
            float: right;
            right: 25px;
            top: 25px;
            border: 1px solid #ccc;
            background-color: #fbfbfb;
        }
        .slider-demo-content-container
        {
            position: relative;
            left: 9px;
            top: 9px;
            width: 530px;
            background-color: #fff;
            height: 230px;
            border: 1px solid #F5F5F5;
        }
        .slider-demo-content-navigation
        {
            z-index: 50;
            position: absolute;
            top: 200px;
            left: 200px;
            height: 26px;
            width: 130px;
            background-color: #555;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }
        .slider-demo-content-image-border
        {
            background-color: #eee;
            padding: 5px;
            border: 1px solid #ccc;
            width: 231px;
            height: 154px;
            position: relative;
            top: 30px;
            left: 15px;
            float: left;
        }
        .slider-demo-content-info
        {
            position: relative;
            top: 30px;
            left: 50px;
            float: left;
        }
        .slider-demo-slider-container
        {
            position: relative;
            top: 25px;
            left: 20px;
            text-align:left;
            float: left;
        }
    </style>
</head>
<body class='default'>
    <div class="jqx-rc-all slider-demo-main">
        <div id="slider-demo-header" class="jqx-rc-t slider-demo-header">
            <div class="slider-demo-header-content">
                Precious Cars
            </div>
        </div>
        <div class="jqx-rc-b slider-demo-content">
            <div class="jqx-rc-all slider-demo-content-inner">
                <div class="jqx-rc-all slider-demo-content-container">
                    <div id="navigationContainer" class="slider-demo-content-navigation">
                        <img src="../../images/previous.png" class="slider-demo-navigation-item" alt="Previous"
                            title="Previous" id="previousButton" />
                        <img src="../../images/play.png" class="slider-demo-navigation-item" alt="Play" title="Play"
                            id="playButton" />
                        <img src="../../images/stop.png" class="slider-demo-navigation-item" alt="Stop" title="Stop"
                            id="stopButton" />
                        <img src="../../images/next.png" class="slider-demo-navigation-item" alt="Next" title="Next"
                            style="margin-right: 3px" id="nextButton" />
                    </div>
                    <div id="slider-demo-content-0" style="display: block">
                        <div class="slider-demo-content-image-border">
                            <img src="../../images/mercedes.jpg" alt="Mercedes" />
                        </div>
                        <div class="slider-demo-content-info">
                            <span class="slider-demo-info-header">Brabus Black Baron</span>
                            <div class="slider-demo-info-content">
                                Brabus will show its Black Baron E V12, based on the 2010 Mercedes-Benz E63 AMG,
                                at the 2009 Frankfurt Motor Show next week. Visually, Brabusâ€™ Black Baron E V12
                                gets a new engine ventilation system, new front quarter panels, an upgraded front
                                bumper, new side skirts, a trunk mounted spoiler, new front quarter panels and awkward
                                looking rear-wheel covers.
                            </div>
                        </div>
                    </div>
                    <div id="slider-demo-content-1" style="display: none">
                        <div class="slider-demo-content-image-border">
                            <img src="../../images/jaguar.jpg" alt="Jaguar" />
                        </div>
                        <div class="slider-demo-content-info">
                            <span class="slider-demo-info-header">Jaguar XFR</span>
                            <div class="slider-demo-info-content">
                                The Jaguar XF (type (X250) is a mid-size luxury car / sports saloon produced by
                                British car manufacturer Jaguar. The car, which replaced the Jaguar S-Type, was
                                launched at the 2007 Frankfurt Motor Show following the public showing of the C-XF
                                concept in January 2007 at the North American International Auto Show.
                            </div>
                        </div>
                    </div>
                    <div id="slider-demo-content-2" style="display: none">
                        <div class="slider-demo-content-image-border">
                            <img src="../../images/ferrari.jpg" alt="Ferrari" />
                        </div>
                        <div class="slider-demo-content-info">
                            <span class="slider-demo-info-header">Ferrari Enzo</span>
                            <div class="slider-demo-info-content">
                                The Enzo was designed by Japanese Pininfarina head Ken Okuyama was initially introduced
                                at the 2002 Motor Show in Paris and had a limited number of units priced at $ 659,330.
                                Pininfarina wanted a car the will be entirely different from the usual approach
                                used for its predecessors (GTO, F40 and 50).
                            </div>
                        </div>
                    </div>
                    <div id="slider-demo-content-3" style="display: none">
                        <div class="slider-demo-content-image-border">
                            <img src="../../images/lamborgini.jpg" alt="Lamborgini" />
                        </div>
                        <div class="slider-demo-content-info">
                            <span class="slider-demo-info-header">Lamborghini Gallardo</span>
                            <div class="slider-demo-info-content">
                                The Lamborghini Gallardo is a sports car built by Lamborghini. The Gallardo is Lamborghini's
                                most-produced model to date, with over 10,000 built in its first seven years of
                                production. The Gallardo offers two choices of transmissions, H-Box and an advanced
                                six-speed electro-hydraulically controlled semi-automatic robotized manual.
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="slider-demo-slider-container">
                <div id="jqxSlider">
                </div>
            </div>
        </div>
    </div>
</body>
</html>