");
+ $("#TB_overlay").click(tb_remove);
+ }
+ }
+
+ if(caption===null){caption="";}
+ $("body").append("
");//add loader to the page
+ $('#TB_load').show();//show loader
+
+ var baseURL;
+ if(url.indexOf("?")!==-1){ //ff there is a query string involved
+ baseURL = url.substr(0, url.indexOf("?"));
+ }else{
+ baseURL = url;
+ }
+
+ var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.bmp/g;
+ var urlType = baseURL.toLowerCase().match(urlString);
+
+ if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif' || urlType == '.bmp'){//code to show images
+
+ TB_PrevCaption = "";
+ TB_PrevURL = "";
+ TB_PrevHTML = "";
+ TB_NextCaption = "";
+ TB_NextURL = "";
+ TB_NextHTML = "";
+ TB_imageCount = "";
+ TB_FoundURL = false;
+ if(imageGroup){
+ TB_TempArray = $("a[@rel="+imageGroup+"]").get();
+ for (TB_Counter = 0; ((TB_Counter < TB_TempArray.length) && (TB_NextHTML === "")); TB_Counter++) {
+ var urlTypeTemp = TB_TempArray[TB_Counter].href.toLowerCase().match(urlString);
+ if (!(TB_TempArray[TB_Counter].href == url)) {
+ if (TB_FoundURL) {
+ TB_NextCaption = TB_TempArray[TB_Counter].title;
+ TB_NextURL = TB_TempArray[TB_Counter].href;
+ TB_NextHTML = "
Next > ";
+ } else {
+ TB_PrevCaption = TB_TempArray[TB_Counter].title;
+ TB_PrevURL = TB_TempArray[TB_Counter].href;
+ TB_PrevHTML = "
< Prev ";
+ }
+ } else {
+ TB_FoundURL = true;
+ TB_imageCount = "Image " + (TB_Counter + 1) +" of "+ (TB_TempArray.length);
+ }
+ }
+ }
+
+ imgPreloader = new Image();
+ imgPreloader.onload = function(){
+ imgPreloader.onload = null;
+
+ // Resizing large images - orginal by Christian Montoya edited by me.
+ var pagesize = tb_getPageSize();
+ var x = pagesize[0] - 150;
+ var y = pagesize[1] - 150;
+ var imageWidth = imgPreloader.width;
+ var imageHeight = imgPreloader.height;
+ if (imageWidth > x) {
+ imageHeight = imageHeight * (x / imageWidth);
+ imageWidth = x;
+ if (imageHeight > y) {
+ imageWidth = imageWidth * (y / imageHeight);
+ imageHeight = y;
+ }
+ } else if (imageHeight > y) {
+ imageWidth = imageWidth * (y / imageHeight);
+ imageHeight = y;
+ if (imageWidth > x) {
+ imageHeight = imageHeight * (x / imageWidth);
+ imageWidth = x;
+ }
+ }
+ // End Resizing
+
+ TB_WIDTH = imageWidth + 30;
+ TB_HEIGHT = imageHeight + 60;
+ $("#TB_window").append("
" + "
"+caption+"
" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "
");
+
+ $("#TB_closeWindowButton").click(tb_remove);
+
+ if (!(TB_PrevHTML === "")) {
+ function goPrev(){
+ if($(document).unbind("click",goPrev)){$(document).unbind("click",goPrev);}
+ $("#TB_window").remove();
+ $("body").append("
");
+ tb_show(TB_PrevCaption, TB_PrevURL, imageGroup);
+ return false;
+ }
+ $("#TB_prev").click(goPrev);
+ }
+
+ if (!(TB_NextHTML === "")) {
+ function goNext(){
+ $("#TB_window").remove();
+ $("body").append("
");
+ tb_show(TB_NextCaption, TB_NextURL, imageGroup);
+ return false;
+ }
+ $("#TB_next").click(goNext);
+
+ }
+
+ document.onkeydown = function(e){
+ if (e == null) { // ie
+ keycode = event.keyCode;
+ } else { // mozilla
+ keycode = e.which;
+ }
+ if(keycode == 27){ // close
+ tb_remove();
+ } else if(keycode == 190){ // display previous image
+ if(!(TB_NextHTML == "")){
+ document.onkeydown = "";
+ goNext();
+ }
+ } else if(keycode == 188){ // display next image
+ if(!(TB_PrevHTML == "")){
+ document.onkeydown = "";
+ goPrev();
+ }
+ }
+ };
+
+ tb_position();
+ $("#TB_load").remove();
+ $("#TB_ImageOff").click(tb_remove);
+ $("#TB_window").css({display:"block"}); //for safari using css instead of show
+ };
+
+ imgPreloader.src = url;
+ }else{//code to show html pages
+
+ var queryString = url.replace(/^[^\?]+\??/,'');
+ var params = tb_parseQuery( queryString );
+
+ TB_WIDTH = (params['width']*1) + 30 || 630; //defaults to 630 if no paramaters were added to URL
+ TB_HEIGHT = (params['height']*1) + 40 || 440; //defaults to 440 if no paramaters were added to URL
+ ajaxContentW = TB_WIDTH - 30;
+ ajaxContentH = TB_HEIGHT - 45;
+
+ if(url.indexOf('TB_iframe') != -1){
+ urlNoQuery = url.split('TB_');
+ $("#TB_window").append("
");
+ }else{
+ if($("#TB_window").css("display") != "block"){
+ if(params['modal'] != "true"){
+ $("#TB_window").append("
");
+ }else{
+ $("#TB_overlay").unbind();
+ $("#TB_window").append("
");
+ }
+ }else{
+ $("#TB_ajaxContent")[0].style.width = ajaxContentW +"px";
+ $("#TB_ajaxContent")[0].style.height = ajaxContentH +"px";
+ $("#TB_ajaxContent")[0].scrollTop = 0;
+ $("#TB_ajaxWindowTitle").html(caption);
+ }
+ }
+
+ $("#TB_closeWindowButton").click(tb_remove);
+
+ if(url.indexOf('TB_inline') != -1){
+ $("#TB_ajaxContent").html($('#' + params['inlineId']).html());
+ tb_position();
+ $("#TB_load").remove();
+ $("#TB_window").css({display:"block"});
+ }else if(url.indexOf('TB_iframe') != -1){
+ tb_position();
+ if(frames['TB_iframeContent'] === undefined){//be nice to safari
+ $("#TB_load").remove();
+ $("#TB_window").css({display:"block"});
+ $(document).keyup( function(e){ var key = e.keyCode; if(key == 27){tb_remove();}});
+ }
+ }else{
+ $("#TB_ajaxContent").load(url += "&random=" + (new Date().getTime()),function(){//to do a post change this load method
+ tb_position();
+ $("#TB_load").remove();
+ tb_init("#TB_ajaxContent a.thickbox");
+ $("#TB_window").css({display:"block"});
+ });
+ }
+
+ }
+
+ if(!params['modal']){
+ document.onkeyup = function(e){
+ if (e == null) { // ie
+ keycode = event.keyCode;
+ } else { // mozilla
+ keycode = e.which;
+ }
+ if(keycode == 27){ // close
+ tb_remove();
+ }
+ };
+ }
+
+ } catch(e) {
+ //nothing here
+ }
+}
+
+//helper functions below
+function tb_showIframe(){
+ $("#TB_load").remove();
+ $("#TB_window").css({display:"block"});
+}
+
+function tb_remove() {
+ $("#TB_imageOff").unbind("click");
+ $("#TB_overlay").unbind("click");
+ $("#TB_closeWindowButton").unbind("click");
+ $("#TB_window").fadeOut("fast",function(){$('#TB_window,#TB_overlay,#TB_HideSelect').remove();});
+ $("#TB_load").remove();
+ if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
+ $("body","html").css({height: "auto", width: "auto"});
+ $("html").css("overflow","");
+ }
+ document.onkeydown = "";
+ return false;
+}
+
+function tb_position() {
+$("#TB_window").css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) + 'px', width: TB_WIDTH + 'px'});
+ if ( !(jQuery.browser.msie && typeof XMLHttpRequest == 'function')) { // take away IE6
+ $("#TB_window").css({marginTop: '-' + parseInt((TB_HEIGHT / 2),10) + 'px'});
+ }
+}
+
+function tb_parseQuery ( query ) {
+ var Params = {};
+ if ( ! query ) {return Params;}// return empty object
+ var Pairs = query.split(/[;&]/);
+ for ( var i = 0; i < Pairs.length; i++ ) {
+ var KeyVal = Pairs[i].split('=');
+ if ( ! KeyVal || KeyVal.length != 2 ) {continue;}
+ var key = unescape( KeyVal[0] );
+ var val = unescape( KeyVal[1] );
+ val = val.replace(/\+/g, ' ');
+ Params[key] = val;
+ }
+ return Params;
+}
+
+function tb_getPageSize(){
+ var de = document.documentElement;
+ var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
+ var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
+ arrayPageSize = [w,h];
+ return arrayPageSize;
+}
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/img/a12.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/a12.png
new file mode 100644
index 0000000..9a78622
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/a12.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/img/a14.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/a14.png
new file mode 100644
index 0000000..ca1a769
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/a14.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/img/a19.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/a19.png
new file mode 100644
index 0000000..6405de7
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/a19.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/img/b05.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/b05.png
new file mode 100644
index 0000000..b8481de
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/b05.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/img/b12.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/b12.png
new file mode 100644
index 0000000..db761c7
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/b12.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/img/b21.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/b21.png
new file mode 100644
index 0000000..5aa92bf
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/b21.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/img/pagination.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/pagination.png
new file mode 100644
index 0000000..9593831
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/img/pagination.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/index.html b/frontend/web/js/widget-carousel/FILTER_SLIDER/index.html
new file mode 100644
index 0000000..7a3fc68
--- /dev/null
+++ b/frontend/web/js/widget-carousel/FILTER_SLIDER/index.html
@@ -0,0 +1,516 @@
+
+
+
+
jCarousel - Riding carousels with jQuery
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
Author: Jan Sorgalla Version: 0.2.8 (Changelog )Download: jcarousel.tar.gz or jcarousel.zip Source Code: http://github.com/jsor/jcarousel Bugtracker: http://github.com/jsor/jcarousel/issues Licence: Dual licensed under the MIT
+ and GPL licenses.
+
+
+
Contents
+
+ Introduction Examples Getting started Dynamic content loading Accessing the jCarousel instance Defining the number of visible items Configuration Credits
+
+
+
Introduction
+
jCarousel is a jQuery plugin for controlling
+ a list of items in horizontal or vertical order. The items, which can be static
+ HTML content or loaded with (or without) AJAX, can be scrolled back and forth
+ (with or without animation).
+
+
+
Examples
+
The following examples illustrate the possibilities of jCarousel:
+
+ You need JavaScript enabled to see the carousel
+
+
+ Static Examples
+
+ Dynamic Examples
+
+ Special Examples
+
+
+
+
+
Getting started
+
To use the jCarousel component, include the jQuery
+ library, the jCarousel source file and a jCarousel skin stylesheet file inside the <head> tag
+ of your HTML document:
+
+<script type="text/javascript" src="/path/to/jquery-1.4.2.min.js"></script>
+<script type="text/javascript" src="/path/to/lib/jquery.jcarousel.min.js"></script>
+<link rel="stylesheet" type="text/css" href="/path/to/skin/skin.css" />
+
+
The download package contains some example skin packages. Feel free to build your own skins based on it.
+
jCarousel expects a very basic HTML markup structure inside your HTML document:
+
+<ul id="mycarousel" class="jcarousel-skin-name ">
+ <!-- The content goes in here -->
+</ul>
+
+
jCarousel automatically wraps the required HTML markup around the list. The
+ class attribute applies the jCarousel skin "name" to the
+ carousel.
+
To setup jCarousel, add the following code inside the <head>
+ tag of your HTML document:
+
+<script type="text/javascript">
+jQuery(document).ready(function() {
+ jQuery('#mycarousel').jcarousel({
+ // Configuration goes here
+ });
+});
+</script>
+
+
jCarousel accepts a lot of configuration options, see chapter "Configuration "
+ for further informations.
+
After jCarousel has been initialised, the fully created markup in
+ the DOM is:
+
+<div class="jcarousel-skin-name ">
+ <div class="jcarousel-container">
+ <div class="jcarousel-clip">
+ <ul class="jcarousel-list">
+ <li class="jcarousel-item-1">First item</li>
+ <li class="jcarousel-item-2">Second item</li>
+ </ul>
+ </div>
+ <div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled"></div>
+ <div class="jcarousel-next"></div>
+ </div>
+</div>
+
+
+
As you can see, there are some elements added which have assigned classes
+ (in addition to the classes you may have already assigned manually). Feel
+ free to design your carousel with the classes you can see above.
+
Note:
+
+ The skin class "jcarousel-skin-name" has been moved
+ from the <ul> to the top <div> element.
+ The last 2 nested <div>'s under <div class="jcarousel-container">
+ are the next/prev buttons of the carousel. The first one illustrates a disabled button, the second an enabled one. The disabled
+ button has the attribute
+ disabled (which actually makes no sense for <div>
+ elements, but you can also use <button> elements or
+ whatever you want) as well as the additional class jcarousel-prev-disabled
+ (or jcarousel-next-disabled).
+ All <li> elements of the list have the class jcarousel-item-n
+ assigned where n
+ Not shown here is, that all classes are followed by additional classes with a suffix
+ dependent on the orientation of the carousel, ie. <ul class="jcarousel-list
+ jcarousel-list-horizontal"> for a horizontal carousel.
+
+
+
+
Dynamic content loading
+
By passing the callback function itemLoadCallback as configuration
+ option, you are able to dynamically create <li> items for the content.
+
+<script type="text/javascript">
+jQuery(document).ready(function() {
+ jQuery('#mycarousel').jcarousel({
+ itemLoadCallback: itemLoadCallbackFunction
+ });
+});
+</script>
+
itemLoadCallbackFunction is a JavaScript function that is called
+ when the carousel requests a set of items to be loaded. Two parameters are
+ passed: The instance of the requesting carousel and a flag which indicates
+ the current state of the carousel ('init', 'prev' or 'next').
+
+<script type="text/javascript">
+function itemLoadCallbackFunction(carousel, state)
+{
+ for (var i = carousel.first; i <= carousel.last; i++) {
+ // Check if the item already exists
+ if (!carousel.has(i)) {
+ // Add the item
+ carousel.add(i, "I'm item #" + i);
+ }
+ }
+};
+</script>
+
jCarousel contains a convenience method add() that can be
+ passed the index of the item to create and the innerHTML string of the
+ item to be
+ created. If the item already exists, it just updates the innerHTML. You can
+ access the index of the first and last visible element by the public variables carousel.first and carousel.last.
+
+
+
+
Accessing the jCarousel instance
+
The instance of the carousel will be stored with the data() method of jQuery under the key jcarousel for a simple access.
+
If you have created a carousel like:
+
+jQuery(document).ready(function() {
+ jQuery('#mycarousel').jcarousel();
+});
+
You can access the instance with:
+
+var carousel = jQuery('#mycarousel').data('jcarousel');
+
You can also access methods of the instance directly, for example the add() method:
+
+var index = 1;
+var html = 'My content of item no. 1';
+jQuery('#mycarousel').jcarousel('add', index, html);
+
+
+
Defining the number of visible items
+
+
Sometimes people are confused how to define the number of visible items because there is no option for this as they expect (Yes, there is an option visible, we discuss this later).
+
You simply define the number of visible items by defining the width (or height) with the class .jcarousel-clip (or the more distinct .jcarousel-clip-horizontal and .jcarousel-clip-vertical classes) in your skin stylesheet.
+
This offers a lot of flexibility, because you can define the width in pixel for a fixed carousel or in percent for a flexible carousel (This example shows a carousel with a clip width in percent, resize the browser to see it in effect).
+
So, why there is an option visible? If you set the option visible, jCarousel sets the width of the visible items to always make this number of items visible. Open this example and resize your browser window to see it in effect.
+
+
+
Configuration
+
jCarousel accepts a list of options to control the appearance and behaviour
+ of the carousel. Here is the list of options you may set:
+
+
+
+ Property
+ Type
+ Default
+ Description
+
+
+ vertical
+ bool
+ false
+ Specifies wether the carousel appears in horizontal or vertical orientation.
+ Changes the carousel from a left/right style to a up/down style carousel.
+
+
+ rtl
+ bool
+ false
+ Specifies wether the carousel appears in RTL (Right-To-Left) mode.
+
+
+ start
+ integer
+ 1
+ The index of the item to start with.
+
+
+ offset
+ integer
+ 1
+ The index of the first available item at initialisation.
+
+
+
+
+ size
+ integer
+ Number of existing <li> elements if size is not passed explicitly The number of total items.
+
+
+ scroll
+ integer
+ 3
+ The number of items to scroll by.
+
+
+ visible
+ integer
+ null
+ If passed, the width/height of the items will be calculated and set
+ depending on the width/height of the clipping, so that exactly that
+ number of items will be visible.
+
+
+ animation
+ mixed
+ "fast"
+ The speed of the scroll animation as string in jQuery terms ("slow"
+ or "fast") or milliseconds as integer
+ (See jQuery Documentation ).
+ If set to 0, animation is turned off.
+
+
+ easing
+ string
+ null
+ The name of the easing effect that you want to use (See jQuery
+ Documentation ).
+
+
+ auto
+ integer
+ 0
+ Specifies how many seconds to periodically autoscroll the content.
+ If set to 0 (default) then autoscrolling is turned off.
+
+
+
+ wrap
+ string
+ null
+ Specifies whether to wrap at the first/last item (or both) and jump
+ back to the start/end. Options are "first", "last",
+ "both" or "circular" as string. If set to null,
+ wrapping is turned off (default).
+
+
+ initCallback
+ function
+ null
+ JavaScript function that is called right after initialisation of the
+ carousel. Two parameters are passed: The instance of the requesting
+ carousel and the state of the carousel initialisation (init, reset or
+ reload).
+
+
+ setupCallback
+ function
+ null
+ JavaScript function that is called right after the carousel is completely setup.
+ One parameter is passed: The instance of the requesting carousel.
+
+
+ itemLoadCallback
+ function
+ null
+ JavaScript function that is called when the carousel requests a set
+ of items to be loaded. Two parameters are passed: The instance of the
+ requesting carousel and the state of the carousel action (prev, next
+ or init). Alternatively, you can pass a hash of one or two functions
+ which are triggered before and/or after animation:
+
+itemLoadCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ itemFirstInCallback
+ function
+ null
+ JavaScript function that is called (after the scroll animation) when
+ an item becomes the first one in the visible range of the carousel.
+ Four parameters are passed: The instance of the requesting carousel
+ and the <li> object itself, the index which indicates
+ the position of the item in the list and the state of the carousel action
+ (prev, next or init). Alternatively, you can pass a hash of one or two
+ functions which are triggered before and/or after animation:
+
+itemFirstInCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ itemFirstOutCallback
+ function
+ null
+ JavaScript function that is called (after the scroll animation) when
+ an item isn't longer the first one in the visible range of the carousel.
+ Four parameters are passed: The instance of the requesting carousel
+ and the <li> object itself, the index which indicates
+ the position of the item in the list and the state of the carousel action
+ (prev, next or init). Alternatively, you can pass a hash of one or two
+ functions which are triggered before and/or after animation:
+
+itemFirstOutCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ itemLastInCallback
+ function
+ null
+ JavaScript function that is called (after the scroll animation) when
+ an item becomes the last one in the visible range of the carousel. Four
+ parameters are passed: The instance of the requesting carousel and the
+ <li> object itself, the index which indicates the
+ position of the item in the list and the state of the carousel action
+ (prev, next or init). Alternatively, you can pass a hash of one or two
+ functions which are triggered before and/or after animation:
+
+itemLastInCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ itemLastOutCallback
+ function
+ null
+ JavaScript function that is called when an item isn't longer the last
+ one in the visible range of the carousel. Four parameters are passed:
+ The instance of the requesting carousel and the <li>
+ object itself, the index which indicates the position of the item in
+ the list and the state of the carousel action (prev, next or init).
+ Alternatively, you can pass a hash of one or two functions which are
+ triggered before and/or after animation:
+
+itemLastOutCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ itemVisibleInCallback
+ function
+ null
+ JavaScript function that is called (after the scroll animation) when
+ an item is in the visible range of the carousel. Four parameters are
+ passed: The instance of the requesting carousel and the <li>
+ object itself, the index which indicates the position of the item in
+ the list and the state of the carousel action (prev, next or init).
+ Alternatively, you can pass a hash of one or two functions which are
+ triggered before and/or after animation:
+
+itemVisibleInCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ itemVisibleOutCallback
+ function
+ null
+ JavaScript function that is called (after the scroll animation) when
+ an item isn't longer in the visible range of the carousel. Four parameters
+ are passed: The instance of the requesting carousel and the <li>
+ object itself, the index which indicates the position of the item in
+ the list and the state of the carousel action (prev, next or init).
+ Alternatively, you can pass a hash of one or two functions which are
+ triggered before and/or after animation:
+
+itemVisibleOutCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ animationStepCallback
+ function
+ null
+ JavaScript function that is called after each animation step. This
+ function is directly passed to jQuery's .animate() method
+ as the step parameter. See the jQuery documentation for the
+ parameters it will receive.
+
+
+ buttonNextCallback
+ function
+ null
+ JavaScript function that is called when the state of the 'next' control
+ is changing. The responsibility of this method is to enable or disable
+ the 'next' control. Three parameters are passed: The instance of the
+ requesting carousel, the control element and a flag indicating whether
+ the button should be enabled or disabled.
+
+
+ buttonPrevCallback
+ function
+ null
+ JavaScript function that is called when the state of the 'previous'
+ control is changing. The responsibility of this method is to enable
+ or disable the 'previous' control. Three parameters are passed: The
+ instance of the requesting carousel, the control element and a flag
+ indicating whether the button should be enabled or disabled.
+
+
+ buttonNextHTML
+ string
+ <div></div>The HTML markup for the auto-generated next button. If set to null,
+ no next-button is created.
+
+
+ buttonPrevHTML
+ string
+ <div></div>The HTML markup for the auto-generated prev button. If set to null,
+ no prev-button is created.
+
+
+ buttonNextEvent
+ string
+ "click"
+ Specifies the event which triggers the next scroll.
+
+
+ buttonPrevEvent
+ string
+ "click"
+ Specifies the event which triggers the prev scroll.
+
+
+ itemFallbackDimension
+ integer
+ null
+ If, for some reason, jCarousel can not detect the width of an item, you can set a fallback dimension (width or height, depending on the orientation) here to ensure correct calculations.
+
+
+
+
+
+
Credits
+
Thanks to John Resig for his fantastic jQuery
+ library. Carousel
+ Component written by Bill Scott .
+
+
+
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/arrows_left.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/arrows_left.png
new file mode 100644
index 0000000..4252afe
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/arrows_left.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/arrows_right.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/arrows_right.png
new file mode 100644
index 0000000..e9468f6
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/arrows_right.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/credits.txt b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/credits.txt
new file mode 100644
index 0000000..e5ec8c2
--- /dev/null
+++ b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/credits.txt
@@ -0,0 +1 @@
+Button images copyright by Tango Icon Library Team (http://tango.freedesktop.org/Tango_Icon_Library)
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/next-horizontal.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/next-horizontal.png
new file mode 100644
index 0000000..6fcd3d9
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/next-horizontal.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/next-vertical.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/next-vertical.png
new file mode 100644
index 0000000..066a3e0
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/next-vertical.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/next.jpg b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/next.jpg
new file mode 100644
index 0000000..5ad08bf
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/next.jpg differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/next.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/next.png
new file mode 100644
index 0000000..b2fb161
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/next.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/prev-horizontal.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/prev-horizontal.png
new file mode 100644
index 0000000..36472c0
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/prev-horizontal.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/prev-vertical.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/prev-vertical.png
new file mode 100644
index 0000000..bb30f85
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/prev-vertical.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/prev.jpg b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/prev.jpg
new file mode 100644
index 0000000..59a2cdb
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/prev.jpg differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/prev.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/prev.png
new file mode 100644
index 0000000..426628d
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/prev.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/skin.css b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/skin.css
new file mode 100644
index 0000000..90fbd32
--- /dev/null
+++ b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/skin.css
@@ -0,0 +1,183 @@
+.jcarousel-skin-tango .jcarousel-container {
+
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl {
+ direction: rtl;
+}
+
+.jcarousel-skin-tango .jcarousel-container-horizontal {
+ width: 240px;text-align:left;border1:1px solid red;
+ padding: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-container-vertical {
+ width: 42px;
+ height: 200px;
+ padding: 20px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-clip {
+ overflow: hidden;
+}
+
+.jcarousel-skin-tango .jcarousel-clip-horizontal {
+ width: 200px;
+ height1: 300px;
+}
+
+.jcarousel-skin-tango .jcarousel-clip-vertical {
+ width: 42px;
+ height: 200px;
+ margin:0px;padding:0px;
+}
+
+.jcarousel-skin-tango .jcarousel-item {
+ width: 42px;
+ height1: 300px;
+}
+
+.jcarousel-skin-tango .jcarousel-item-horizontal {
+ margin-left: 0;
+ margin-right: 10px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
+ margin-left: 10px;
+ margin-right: 0;
+}
+
+.jcarousel-skin-tango .jcarousel-item-vertical {
+ margin-bottom: 5px;
+}
+
+.jcarousel-skin-tango .jcarousel-item-placeholder {
+ background: #fff;
+ color: #000;
+}
+
+/**
+ * Horizontal Buttons
+ */
+.jcarousel-skin-tango .jcarousel-next-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 0px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_right.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
+ left: 5px;
+ right: auto;
+ background-image: url(prev.jpg);
+}
+
+.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 20px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_left.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
+ left: auto;
+ right: 5px;
+ background-image: url(next.jpg);
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+/**
+ * Vertical Buttons
+ */
+.jcarousel-skin-tango .jcarousel-next-vertical {
+ position: absolute;
+ bottom: 5px;
+ left: 15px;
+ width: 11px;
+ height: 7px;
+ cursor: pointer;
+ background: transparent url(v_next.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango .jcarousel-next-vertical:hover,
+.jcarousel-skin-tango .jcarousel-next-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical {
+ position: absolute;
+ top: 5px;
+ left: 15px;
+ width: 11px;
+ height: 7px;
+ cursor: pointer;
+ background: transparent url(v_prev.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
+.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/skin2.css b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/skin2.css
new file mode 100644
index 0000000..176a868
--- /dev/null
+++ b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/skin2.css
@@ -0,0 +1,185 @@
+.jcarousel-skin-tango2 .jcarousel-container {
+
+}
+
+.jcarousel-skin-tango2 img{width:50px;float:left;margin-right:20px;}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl {
+ direction: rtl;
+}
+
+.jcarousel-skin-tango2 .jcarousel-container-horizontal {
+ width: 240px;text-align:left;
+ padding: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-container-vertical {
+ width: 242px;
+ height: 320px;
+ padding: 40px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-clip {
+ overflow: hidden;
+}
+
+.jcarousel-skin-tango2 .jcarousel-clip-horizontal {
+ width: 200px;
+ height1: 320px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-clip-vertical {
+ width: 242px;
+ height: 320px;
+ margin:0px;padding:0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item {
+ width: 242px;
+ height1: 300px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item-horizontal {
+ margin-left: 0;
+ margin-right: 10px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-item-horizontal {
+ margin-left: 10px;
+ margin-right: 0;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item-vertical {
+ margin-bottom: 5px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item-placeholder {
+ background: #fff;
+ color: #000;
+}
+
+/**
+ * Horizontal Buttons
+ */
+.jcarousel-skin-tango2 .jcarousel-next-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 0px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_right.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-next-horizontal {
+ left: 5px;
+ right: auto;
+ background-image: url(prev.jpg);
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-next-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:focus,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 20px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_left.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
+ left: auto;
+ right: 5px;
+ background-image: url(next.jpg);
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:focus,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+/**
+ * Vertical Buttons
+ */
+.jcarousel-skin-tango2 .jcarousel-next-vertical {
+ position: absolute;
+ bottom: 5px;
+ left: 115px;
+ width: 20px;
+ height: 12px;
+ cursor: pointer;
+ background: transparent url(v_next2.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-next-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:focus,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-vertical {
+ position: absolute;
+ top: 5px;
+ left: 115px;
+ width: 29px;
+ height: 12px;
+ cursor: pointer;
+ background: transparent url(v_prev2.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:focus,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/v_next.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/v_next.png
new file mode 100644
index 0000000..e5056d1
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/v_next.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/v_next2.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/v_next2.png
new file mode 100644
index 0000000..600203b
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/v_next2.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/v_prev.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/v_prev.png
new file mode 100644
index 0000000..36c087e
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/v_prev.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/v_prev2.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/v_prev2.png
new file mode 100644
index 0000000..791e630
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/HOME_SLIDER/v_prev2.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/credits.txt b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/credits.txt
new file mode 100644
index 0000000..87ccdbc
--- /dev/null
+++ b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/credits.txt
@@ -0,0 +1 @@
+Button images copyright by Microsoft Corporation (http://microsoft.com)
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/loading-small.gif b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/loading-small.gif
new file mode 100644
index 0000000..b25ada9
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/loading-small.gif differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/loading.gif b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/loading.gif
new file mode 100644
index 0000000..5c7f808
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/loading.gif differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/loading_small.gif b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/loading_small.gif
new file mode 100644
index 0000000..5979f6d
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/loading_small.gif differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/next-horizontal.gif b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/next-horizontal.gif
new file mode 100644
index 0000000..36c1f78
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/next-horizontal.gif differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/prev-horizontal.gif b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/prev-horizontal.gif
new file mode 100644
index 0000000..3b93296
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/prev-horizontal.gif differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/skin.css b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/skin.css
new file mode 100644
index 0000000..0a35832
--- /dev/null
+++ b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/ie7/skin.css
@@ -0,0 +1,190 @@
+.jcarousel-skin-ie7 .jcarousel-container {
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+ background: #D4D0C8;
+ border: 1px solid #808080;
+}
+
+.jcarousel-skin-ie7 .jcarousel-direction-rtl {
+ direction: rtl;
+}
+
+.jcarousel-skin-ie7 .jcarousel-container-horizontal {
+ width: 245px;
+ padding: 20px 40px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-container-vertical {
+ width: 75px;
+ height: 245px;
+ padding: 40px 20px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-clip {
+ overflow: hidden;
+}
+
+.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
+ width: 245px;
+ height: 77px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-clip-vertical {
+ width: 77px;
+ height: 245px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item {
+ width: 75px;
+ height: 75px;
+ border: 1px solid #fff;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item:hover,
+.jcarousel-skin-ie7 .jcarousel-item:focus {
+ border-color: #808080;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item-horizontal {
+ margin-left: 0;
+ margin-right: 7px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
+ margin-left: 7px;
+ margin-right: 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item-vertical {
+ margin-bottom: 7px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item-placeholder {
+}
+
+/**
+ * Horizontal Buttons
+ */
+.jcarousel-skin-ie7 .jcarousel-next-horizontal {
+ position: absolute;
+ top: 43px;
+ right: 5px;
+ width: 32px;
+ height: 32px;
+ cursor: pointer;
+ background: transparent url(next-horizontal.gif) no-repeat 0 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {
+ left: 5px;
+ right: auto;
+ background-image: url(prev-horizontal.gif);
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover,
+.jcarousel-skin-ie7 .jcarousel-next-horizontal:focus {
+ background-position: -32px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
+ background-position: -64px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:focus,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
+ cursor: default;
+ background-position: -96px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
+ position: absolute;
+ top: 43px;
+ left: 5px;
+ width: 32px;
+ height: 32px;
+ cursor: pointer;
+ background: transparent url(prev-horizontal.gif) no-repeat 0 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
+ left: auto;
+ right: 5px;
+ background-image: url(next-horizontal.gif);
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover,
+.jcarousel-skin-ie7 .jcarousel-prev-horizontal:focus {
+ background-position: -32px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
+ background-position: -64px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:focus,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
+ cursor: default;
+ background-position: -96px 0;
+}
+
+/**
+ * Vertical Buttons
+ */
+.jcarousel-skin-ie7 .jcarousel-next-vertical {
+ position: absolute;
+ bottom: 5px;
+ left: 43px;
+ width: 32px;
+ height: 32px;
+ cursor: pointer;
+ background: transparent url(next-vertical.gif) no-repeat 0 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-vertical:hover,
+.jcarousel-skin-ie7 .jcarousel-next-vertical:focus {
+ background-position: 0 -32px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
+ background-position: 0 -64px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:focus,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 -96px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-vertical {
+ position: absolute;
+ top: 5px;
+ left: 43px;
+ width: 32px;
+ height: 32px;
+ cursor: pointer;
+ background: transparent url(prev-vertical.gif) no-repeat 0 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover,
+.jcarousel-skin-ie7 .jcarousel-prev-vertical:focus {
+ background-position: 0 -32px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
+ background-position: 0 -64px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:focus,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 -96px;
+}
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/arrows_left.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/arrows_left.png
new file mode 100644
index 0000000..4252afe
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/arrows_left.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/arrows_right.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/arrows_right.png
new file mode 100644
index 0000000..e9468f6
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/arrows_right.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/credits.txt b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/credits.txt
new file mode 100644
index 0000000..e5ec8c2
--- /dev/null
+++ b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/credits.txt
@@ -0,0 +1 @@
+Button images copyright by Tango Icon Library Team (http://tango.freedesktop.org/Tango_Icon_Library)
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/next-horizontal.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/next-horizontal.png
new file mode 100644
index 0000000..6fcd3d9
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/next-horizontal.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/next-vertical.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/next-vertical.png
new file mode 100644
index 0000000..066a3e0
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/next-vertical.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/next.jpg b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/next.jpg
new file mode 100644
index 0000000..5ad08bf
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/next.jpg differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/next.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/next.png
new file mode 100644
index 0000000..b2fb161
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/next.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/prev-horizontal.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/prev-horizontal.png
new file mode 100644
index 0000000..36472c0
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/prev-horizontal.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/prev-vertical.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/prev-vertical.png
new file mode 100644
index 0000000..bb30f85
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/prev-vertical.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/prev.jpg b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/prev.jpg
new file mode 100644
index 0000000..59a2cdb
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/prev.jpg differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/prev.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/prev.png
new file mode 100644
index 0000000..426628d
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/prev.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/skin.css b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/skin.css
new file mode 100644
index 0000000..90fbd32
--- /dev/null
+++ b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/skin.css
@@ -0,0 +1,183 @@
+.jcarousel-skin-tango .jcarousel-container {
+
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl {
+ direction: rtl;
+}
+
+.jcarousel-skin-tango .jcarousel-container-horizontal {
+ width: 240px;text-align:left;border1:1px solid red;
+ padding: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-container-vertical {
+ width: 42px;
+ height: 200px;
+ padding: 20px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-clip {
+ overflow: hidden;
+}
+
+.jcarousel-skin-tango .jcarousel-clip-horizontal {
+ width: 200px;
+ height1: 300px;
+}
+
+.jcarousel-skin-tango .jcarousel-clip-vertical {
+ width: 42px;
+ height: 200px;
+ margin:0px;padding:0px;
+}
+
+.jcarousel-skin-tango .jcarousel-item {
+ width: 42px;
+ height1: 300px;
+}
+
+.jcarousel-skin-tango .jcarousel-item-horizontal {
+ margin-left: 0;
+ margin-right: 10px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
+ margin-left: 10px;
+ margin-right: 0;
+}
+
+.jcarousel-skin-tango .jcarousel-item-vertical {
+ margin-bottom: 5px;
+}
+
+.jcarousel-skin-tango .jcarousel-item-placeholder {
+ background: #fff;
+ color: #000;
+}
+
+/**
+ * Horizontal Buttons
+ */
+.jcarousel-skin-tango .jcarousel-next-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 0px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_right.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
+ left: 5px;
+ right: auto;
+ background-image: url(prev.jpg);
+}
+
+.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 20px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_left.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
+ left: auto;
+ right: 5px;
+ background-image: url(next.jpg);
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+/**
+ * Vertical Buttons
+ */
+.jcarousel-skin-tango .jcarousel-next-vertical {
+ position: absolute;
+ bottom: 5px;
+ left: 15px;
+ width: 11px;
+ height: 7px;
+ cursor: pointer;
+ background: transparent url(v_next.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango .jcarousel-next-vertical:hover,
+.jcarousel-skin-tango .jcarousel-next-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical {
+ position: absolute;
+ top: 5px;
+ left: 15px;
+ width: 11px;
+ height: 7px;
+ cursor: pointer;
+ background: transparent url(v_prev.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
+.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/skin2.css b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/skin2.css
new file mode 100644
index 0000000..176a868
--- /dev/null
+++ b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/skin2.css
@@ -0,0 +1,185 @@
+.jcarousel-skin-tango2 .jcarousel-container {
+
+}
+
+.jcarousel-skin-tango2 img{width:50px;float:left;margin-right:20px;}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl {
+ direction: rtl;
+}
+
+.jcarousel-skin-tango2 .jcarousel-container-horizontal {
+ width: 240px;text-align:left;
+ padding: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-container-vertical {
+ width: 242px;
+ height: 320px;
+ padding: 40px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-clip {
+ overflow: hidden;
+}
+
+.jcarousel-skin-tango2 .jcarousel-clip-horizontal {
+ width: 200px;
+ height1: 320px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-clip-vertical {
+ width: 242px;
+ height: 320px;
+ margin:0px;padding:0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item {
+ width: 242px;
+ height1: 300px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item-horizontal {
+ margin-left: 0;
+ margin-right: 10px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-item-horizontal {
+ margin-left: 10px;
+ margin-right: 0;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item-vertical {
+ margin-bottom: 5px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item-placeholder {
+ background: #fff;
+ color: #000;
+}
+
+/**
+ * Horizontal Buttons
+ */
+.jcarousel-skin-tango2 .jcarousel-next-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 0px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_right.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-next-horizontal {
+ left: 5px;
+ right: auto;
+ background-image: url(prev.jpg);
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-next-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:focus,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 20px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_left.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
+ left: auto;
+ right: 5px;
+ background-image: url(next.jpg);
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:focus,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+/**
+ * Vertical Buttons
+ */
+.jcarousel-skin-tango2 .jcarousel-next-vertical {
+ position: absolute;
+ bottom: 5px;
+ left: 115px;
+ width: 20px;
+ height: 12px;
+ cursor: pointer;
+ background: transparent url(v_next2.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-next-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:focus,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-vertical {
+ position: absolute;
+ top: 5px;
+ left: 115px;
+ width: 29px;
+ height: 12px;
+ cursor: pointer;
+ background: transparent url(v_prev2.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:focus,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/v_next.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/v_next.png
new file mode 100644
index 0000000..e5056d1
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/v_next.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/v_next2.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/v_next2.png
new file mode 100644
index 0000000..600203b
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/v_next2.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/v_prev.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/v_prev.png
new file mode 100644
index 0000000..36c087e
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/v_prev.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/v_prev2.png b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/v_prev2.png
new file mode 100644
index 0000000..791e630
Binary files /dev/null and b/frontend/web/js/widget-carousel/FILTER_SLIDER/skins/tango/v_prev2.png differ
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/style.css b/frontend/web/js/widget-carousel/FILTER_SLIDER/style.css
new file mode 100644
index 0000000..e1ed9f1
--- /dev/null
+++ b/frontend/web/js/widget-carousel/FILTER_SLIDER/style.css
@@ -0,0 +1,170 @@
+
+/*
+ ==== loading ====
+*/
+
+.loading {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+}
+
+.loading .load-1 {
+ filter: alpha(opacity=70);
+ opacity: 0.7;
+ position: absolute;
+ display: block;
+ background-color: #000;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+}
+
+.loading .load-2 {
+ position: absolute;
+ display: block;
+ background: url(./img/10.png) no-repeat center center;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+}
+
+/*
+ ==== Module ====
+*/
+
+#FILTER_SLIDER {
+ position: relative;
+ top: 0px;
+ left: 0px;
+ width: 720px;
+ height: 340px;
+ overflow: hidden;
+
+ display: inline-block;
+ vertical-align: top;
+}
+
+#FILTER_SLIDER .item-list {
+ cursor: move;
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ width: 720px;
+ height: 340px;
+ overflow: hidden;
+}
+
+#FILTER_SLIDER .item a {
+ text-decoration: none;
+}
+
+#FILTER_SLIDER .item .title {
+
+ color: #fff;
+ display: block;
+ font-size: 24px;
+ margin-top: 223px;
+ padding: 20px;
+ position: relative;
+ text-align: center;
+ text-transform: uppercase;
+ transition: all 0.2s ease 0s;
+ white-space: nowrap;
+
+ -webkit-transition: all .2s ease;
+ -moz-transition: all .2s ease;
+ -ms-transition: all .2s ease;
+ -o-transition: all .2s ease;
+ transition: all .2s ease;
+}
+
+#FILTER_SLIDER .item:hover .title {
+}
+
+#FILTER_SLIDER .item img {
+ border-radius: 0;
+}
+
+#FILTER_SLIDER .jssorb03 {
+ display: table;
+ margin: 0 auto;
+ position: relative;
+ top: 304px;
+}
+
+#FILTER_SLIDER .jssorb03 div,
+#FILTER_SLIDER .jssorb03 div:hover,
+#FILTER_SLIDER .jssorb03 .av {
+ position: absolute;
+ /* size of bullet elment */
+ width: 21px;
+ height: 21px;
+ text-align: center;
+ line-height: 21px;
+ color: white;
+ font-size: 12px;
+ background: url(./img/b05.png) no-repeat;
+ overflow: hidden;
+ cursor: pointer;
+}
+
+#FILTER_SLIDER .jssorb03 div {
+ background-position: -5px -4px;
+}
+
+#FILTER_SLIDER .jssorb03 div:hover,
+#FILTER_SLIDER .jssorb03 .av:hover {
+ background-position: -35px -4px;
+}
+
+#FILTER_SLIDER .jssorb03 .av {
+ background-position: -65px -4px;
+}
+
+#FILTER_SLIDER .jssorb03 .dn,
+#FILTER_SLIDER .jssorb03 .dn:hover {
+ background-position: -95px -4px;
+}
+
+#FILTER_SLIDER .jssora03l,
+#FILTER_SLIDER .jssora03r {
+ display: block;
+ position: absolute;
+ /* size of arrow element */
+ width: 55px;
+ height: 55px;
+ cursor: pointer;
+ background: url(./img/a14.png) no-repeat;
+ overflow: hidden;
+}
+
+#FILTER_SLIDER .jssora03l {
+ background-position: -3px -33px;
+ top: 142px;
+ left: -13px;
+}
+
+#FILTER_SLIDER .jssora03r {
+ background-position: -63px -33px;
+ top: 142px;
+ right: -13px;
+}
+
+#FILTER_SLIDER .jssora03l:hover {
+ background-position: -123px -33px;
+}
+
+#FILTER_SLIDER .jssora03r:hover {
+ background-position: -183px -33px;
+}
+
+#FILTER_SLIDER .jssora03l.jssora03ldn {
+ background-position: -243px -33px;
+}
+
+#FILTER_SLIDER .jssora03r.jssora03rdn {
+ background-position: -303px -33px;
+}
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/FILTER_SLIDER/style.js b/frontend/web/js/widget-carousel/FILTER_SLIDER/style.js
new file mode 100644
index 0000000..d0a7778
--- /dev/null
+++ b/frontend/web/js/widget-carousel/FILTER_SLIDER/style.js
@@ -0,0 +1,61 @@
+
+$(document).on('ready', function ()
+{
+ var FILTER_SLIDER_option_2 =
+ {
+ $AutoPlay: true,
+ $AutoPlaySteps: 1,
+// $AutoPlayInterval: 4000, есть в FILTER_SLIDER_option_1
+ $PauseOnHover: 1,
+
+ $ArrowKeyNavigation: true,
+// $SlideDuration: 500, есть в FILTER_SLIDER_option_1
+ $MinDragOffsetToSlide: 20,
+
+ $SlideSpacing: 0,
+ $DisplayPieces: 1,
+ $ParkingPosition: 0,
+ $UISearchMode: 1,
+ $PlayOrientation: 1,
+ $DragOrientation: 1,
+
+ $BulletNavigatorOptions: {
+ $Class: $JssorBulletNavigator$,
+ $ChanceToShow: 2,
+ $AutoCenter: 0,
+ $Steps: 1,
+ $Lanes: 1,
+ $SpacingX: 10,
+ $SpacingY: 10,
+ $Orientation: 1
+ },
+
+ $ArrowNavigatorOptions: {
+ $Class: $JssorArrowNavigator$,
+ $ChanceToShow: 2,
+ $AutoCenter: 0
+ }
+ };
+
+ var FILTER_SLIDER = new $JssorSlider$("FILTER_SLIDER", $.extend({}, FILTER_SLIDER_option_1, FILTER_SLIDER_option_2));
+
+ function ScaleFILTER_SLIDER ()
+ {
+ $item = $("#FILTER_SLIDER .item").width();
+
+ if ($(window).width())
+ {
+ $body = $(window).width() - 70;
+ FILTER_SLIDER.$ScaleWidth(Math.min($body, $item));
+ }
+ else
+ {
+ window.setTimeout(ScaleFILTER_SLIDER, 30);
+ }
+ }
+
+ ScaleFILTER_SLIDER();
+
+ $(window).bind("resize", ScaleFILTER_SLIDER);
+ $(window).bind("orientationchange", ScaleFILTER_SLIDER);
+});
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/README b/frontend/web/js/widget-carousel/HOME_SLIDER/README
new file mode 100644
index 0000000..018dac2
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/README
@@ -0,0 +1,7 @@
+jCarousel - Riding carousels with jQuery
+
+jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order.
+The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled
+back and forth (with or without animation).
+
+See index.html for documentation and examples.
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/changelog.html b/frontend/web/js/widget-carousel/HOME_SLIDER/changelog.html
new file mode 100644
index 0000000..d7fa678
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/changelog.html
@@ -0,0 +1,138 @@
+
+
+
+
jCarousel: Changelog
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
Changelog
+
Version 0.2.8 - 2011-04-14
+
+ Fixed selecting only direct childs of the current list (#61 ).
+ Added static method to set windowLoaded to true manually (#60 ).
+ Added setupCallback.
+ Optimized resize callback.
+ Added animationStepCallback option (Thanks scy ).
+ Wider support of border-radius, and support of :focus in addition to :hover (Thanks lespacedunmatin ).
+
+
Version 0.2.7 - 2010-10-06
+
+ Fixed bug with autoscrolling introduced while fixing #49 .
+
+
Version 0.2.6 - 2010-10-05
+
+ Fixed item only partially visible when defined as start item (#22 ).
+ Fixed multiple binds on prev/next buttons (#26 ).
+ Added firing of button callbacks also if no buttons are specified (#39 ).
+ Fixed stopAuto() not stopping while in animation (#49 ).
+
+
Version 0.2.5 - 2010-08-13
+
+ Added RTL (Right-To-Left) support.
+ Added automatic deletion of cloned elements for circular carousels.
+ Added new option itemFallbackDimension (#7 ).
+ Added new section "Defining the number of visible items" to documentation.
+
+
Version 0.2.4 - 2010-04-19
+
+ Updated jQuery to version 1.4.2.
+ jCarousel instance can now be retrieved by $(selector).data('jcarousel').
+ Support for static circular carousels out of the box.
+ Removed not longer needed core stylsheet jquery.jcarousel.css. Styles are now set by javascript or skin stylesheets.
+
+
Version 0.2.3 - 2008-04-07
+
+ Updated jQuery to version 1.2.3.
+ Fixed (hopefully) issues with Safari
+ Added new example "Multiple carousels on one page".
+
+
Version 0.2.2 - 2007-11-07
+
+ Fixed bug with nested li elements reported by John
+ Fiala .
+ Fixed bug on initialization with too few elements reported by Glenn
+ Nilsson .
+
+
Version 0.2.1 - 2007-10-12
+
+ Readded the option start for a custom start position. The
+ old option start is renamed to offset.
+ New example for dynamic content loading via Ajax from a PHP script.
+ Fixed a bug with variable item widths/heights.
+
+
+
Version 0.2.0-beta - 2007-05-07
+
+ Complete rewrite of the plugin. See this post for further informations.
+
+
Version 0.1.6 - 2007-01-22
+
+ New public methods size() and init().
+ Added new example "Carousel with external controls".
+
+
Version 0.1.5 - 2007-01-08
+
+ Code modifications to work with the jQuery 1.1.
+ Renamed the js file to jquery.jcarousel.pack.js as noted in the jquery docs.
+
+
Version 0.1.4 - 2006-12-12
+
+ New configuration option autoScrollResumeOnMouseout.
+
+
Version 0.1.3 - 2006-12-02
+
+ New configuration option itemStart. Sets the index of the
+ item to start with.
+
+
Version 0.1.2 - 2006-11-28
+
+ New configuration option wrapPrev. Behaves like wrap
+ but scrolls to the end when clicking the prev-button at the start of the
+ carousel. (Note: This may produce unexpected results with dynamic loaded
+ content. You must ensure to load the complete carousel on initialisation).
+ Moved call of the button handlers at the end of the buttons() method.
+ This lets the callbacks change the behaviours assigned by jCarousel.
+
+
Version 0.1.1 - 2006-10-25
+
+ The item handler callback options accept now a hash of two functions which
+ are triggered before and after animation.
+ The item handler callback functions accept now a fourth parameter state which
+ holds one of three states: next, prev or init.
+ New configuration option autoScrollStopOnMouseover
+
+
Version 0.1.0 - 2006-09-21
+
+ Stable release.
+ Internal source code rewriting to fit more into the jQuery
+ plugin guidelines.
+ Added inline documentation.
+ Changed licence to a dual licence model (MIT and GPL ).
+
+
Version 0.1.0-RC1 - 2006-09-13
+
+ Virtual item attribute jCarouselItemIdx is replaced by a class jcarousel-item-n .
+ The item callback functions accept a third parameter idx which
+ holds the position of the item in the list (formerly the attribute jCarouselItemIdx).
+ Fixed bug with margin-right in Safari.
+
+
Version 0.1.0-gamma - 2006-09-07
+
+ Added auto-wrapping of the required html markup around lists (ul
+ and ol) if jQuery().jcarousel() is assigned directly to them.
+ Added support for new callback functions itemFirstInHandler, itemFirstOutHandler, itemLastInHandler, itemLastOutHandler, itemVisibleInHandler, itemVisibleOutHandler.
+ General sourcecode rewriting.
+ Fixed bug not setting <li> index attributes correctly.
+ Changed default itemWidth and itemHeight to 75.
+
+
Version 0.1.0-beta - 2006-09-02
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_ajax.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_ajax.html
new file mode 100644
index 0000000..7082721
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_ajax.html
@@ -0,0 +1,83 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Carousel with dynamic content loading via Ajax
+
+ The data is loaded dynamically from a simple text file which contains the image urls.
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_ajax.txt b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_ajax.txt
new file mode 100644
index 0000000..4ff426e
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_ajax.txt
@@ -0,0 +1,10 @@
+http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg|
+http://static.flickr.com/75/199481072_b4a0d09597_s.jpg|
+http://static.flickr.com/57/199481087_33ae73a8de_s.jpg|
+http://static.flickr.com/77/199481108_4359e6b971_s.jpg|
+http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg|
+http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg|
+http://static.flickr.com/58/199481218_264ce20da0_s.jpg|
+http://static.flickr.com/69/199481255_fdfe885f87_s.jpg|
+http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg|
+http://static.flickr.com/70/229228324_08223b70fa_s.jpg
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_ajax_php.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_ajax_php.html
new file mode 100644
index 0000000..26cf676
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_ajax_php.html
@@ -0,0 +1,95 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Carousel with dynamic content loading via Ajax
+
+ The data is loaded dynamically from a simple text file which contains the image urls.
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_ajax_php.php b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_ajax_php.php
new file mode 100644
index 0000000..00b4313
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_ajax_php.php
@@ -0,0 +1,43 @@
+';
+
+// Return total number of images so the callback
+// can set the size of the carousel.
+echo '
' . $total . ' ';
+
+foreach ($selected as $img) {
+ echo '
' . $img . ' ';
+}
+
+echo '';
+
+?>
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_flickr_api.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_flickr_api.html
new file mode 100644
index 0000000..658d255
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_flickr_api.html
@@ -0,0 +1,149 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Carousel with dynamic content loading via Ajax from the Flickr API
+
+ The data is loaded dynamically from the Flickr API
+ method flickr.photos.getRecent .
+ All items not in the visible range are removed from the list to keep the list small.
+
+
+ Note: There are constantly added new photos at flickr, so you possibly get different photos at certain positions.
+
+
+
+
+
+ If you're using this example on your own server, don't forget to set your API key in dynamic_flickr_api.php!
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_flickr_api.php b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_flickr_api.php
new file mode 100644
index 0000000..2c1e02c
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_flickr_api.php
@@ -0,0 +1,29 @@
+
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_flickr_feed.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_flickr_feed.html
new file mode 100644
index 0000000..db10596
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_flickr_feed.html
@@ -0,0 +1,190 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Carousel with dynamic content loading via Ajax from the Flickr photo stream
+
+ The data is loaded dynamically from the Flickr
+ public photos feed (format: JSON )
+ and can be filtered by tags.
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_flickr_feed.php b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_flickr_feed.php
new file mode 100644
index 0000000..7e68919
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_flickr_feed.php
@@ -0,0 +1,14 @@
+
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_javascript.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_javascript.html
new file mode 100644
index 0000000..7043dd2
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/dynamic_javascript.html
@@ -0,0 +1,86 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Carousel with dynamic content loading via JavaScript
+
+ The data is loaded dynamically from an javascript array.
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/arrow-down.gif b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/arrow-down.gif
new file mode 100644
index 0000000..c8012ba
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/arrow-down.gif differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/arrow-up.gif b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/arrow-up.gif
new file mode 100644
index 0000000..08bc203
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/arrow-up.gif differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/loading-small.gif b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/loading-small.gif
new file mode 100644
index 0000000..b25ada9
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/loading-small.gif differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/loading-thickbox.gif b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/loading-thickbox.gif
new file mode 100644
index 0000000..82290f4
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/loading-thickbox.gif differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/loading.gif b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/loading.gif
new file mode 100644
index 0000000..5c7f808
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/images/loading.gif differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_easing.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_easing.html
new file mode 100644
index 0000000..d48f4a8
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_easing.html
@@ -0,0 +1,73 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Carousel with custom animation effect
+
+ This example shows how to use custom animation effects (uses Robert
+ Penners easing equations ).
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_flexible.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_flexible.html
new file mode 100644
index 0000000..d92a040
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_flexible.html
@@ -0,0 +1,72 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Flexible carousel
+
+ This example shows a carousel with flexible item width. In this case, always
+ 4 items are visible (resize the browser window to see what happens).
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_textscroller.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_textscroller.html
new file mode 100644
index 0000000..c2bcaa0
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_textscroller.html
@@ -0,0 +1,192 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
Using jCarousel as Textscroller
+
+ This example shows how to use jCarousel as a Textscroller. The data is loaded from the jQuery Blog RSS-Feed.
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_textscroller.php b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_textscroller.php
new file mode 100644
index 0000000..a8ead24
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_textscroller.php
@@ -0,0 +1,15 @@
+
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_thickbox.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_thickbox.html
new file mode 100644
index 0000000..7a15a86
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/special_thickbox.html
@@ -0,0 +1,102 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
jCarousel and Thickbox 3
+
+ Example of jCarousel working together with Thickbox 3 .
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_auto.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_auto.html
new file mode 100644
index 0000000..8200685
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_auto.html
@@ -0,0 +1,79 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Carousel with autoscrolling
+
+ Autoscrolling is enabled and the interval is set to 2 seconds.
+ Autoscrolling pauses when the user moves the cursor over the images and stops
+ when the user clicks the next or prev button. wrap is set to
+ "last".
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_callbacks.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_callbacks.html
new file mode 100644
index 0000000..9e57d45
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_callbacks.html
@@ -0,0 +1,235 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Carousel illustrating the callback functions
+
+ This carousel has registered all available callback functions and displays
+ information about the state of the items and buttons. Additionally the width
+ of the carousel is set to auto. Resize the browser window and see what happens.
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_circular.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_circular.html
new file mode 100644
index 0000000..bfdb2aa
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_circular.html
@@ -0,0 +1,56 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Circular carousel
+
+ This example shows a simple circular carousel.
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_controls.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_controls.html
new file mode 100644
index 0000000..d8fdeab
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_controls.html
@@ -0,0 +1,166 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Carousel with external controls
+
+ This carousel shows how to control it from outside.
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_multiple.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_multiple.html
new file mode 100644
index 0000000..1af9089
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_multiple.html
@@ -0,0 +1,95 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Multiple carousels on one page
+
+ This example shows how to use multiple carousels on one page with different
+ skins and configurations.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_simple.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_simple.html
new file mode 100644
index 0000000..018d649
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_simple.html
@@ -0,0 +1,54 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Simple carousel
+
+ This is the most simple usage of the carousel with no configuration options.
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_start.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_start.html
new file mode 100644
index 0000000..9b3dc40
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_start.html
@@ -0,0 +1,53 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Carousel with custom start position
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_vertical.html b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_vertical.html
new file mode 100644
index 0000000..4453e5b
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/static_vertical.html
@@ -0,0 +1,57 @@
+
+
+
+
jCarousel Examples
+
+
+
+
+
+
+
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
+
Vertical carousel
+
+ A carousel in vertical orientation with custom prev/next controls, animation
+ set to "slow" and scroll set to 2.
+
+
+
+
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/thickbox/thickbox.css b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/thickbox/thickbox.css
new file mode 100644
index 0000000..399c68a
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/thickbox/thickbox.css
@@ -0,0 +1,159 @@
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+*{padding: 0; margin: 0;}
+
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+#TB_window {
+ font: 12px Arial, Helvetica, sans-serif;
+ color: #333333;
+}
+
+#TB_secondLine {
+ font: 10px Arial, Helvetica, sans-serif;
+ color:#666666;
+}
+
+#TB_window a:link {color: #666666;}
+#TB_window a:visited {color: #666666;}
+#TB_window a:hover {color: #000;}
+#TB_window a:active {color: #666666;}
+#TB_window a:focus{color: #666666;}
+
+/* ----------------------------------------------------------------------------------------------------------------*/
+/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
+/* ----------------------------------------------------------------------------------------------------------------*/
+#TB_overlay {
+ position: fixed;
+ z-index:100;
+ top: 0px;
+ left: 0px;
+ background-color:#000;
+ filter:alpha(opacity=75);
+ -moz-opacity: 0.75;
+ opacity: 0.75;
+ height:100%;
+ width:100%;
+}
+
+* html #TB_overlay { /* ie6 hack */
+ position: absolute;
+ height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
+}
+
+#TB_window {
+ position: fixed;
+ background: #ffffff;
+ z-index: 102;
+ color:#000000;
+ display:none;
+ border: 4px solid #525252;
+ text-align:left;
+ top:50%;
+ left:50%;
+}
+
+* html #TB_window { /* ie6 hack */
+position: absolute;
+margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
+}
+
+#TB_window img#TB_Image {
+ display:block;
+ margin: 15px 0 0 15px;
+ border-right: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ border-top: 1px solid #666;
+ border-left: 1px solid #666;
+}
+
+#TB_caption{
+ height:25px;
+ padding:7px 30px 10px 25px;
+ float:left;
+}
+
+#TB_closeWindow{
+ height:25px;
+ padding:11px 25px 10px 0;
+ float:right;
+}
+
+#TB_closeAjaxWindow{
+ padding:7px 10px 5px 0;
+ margin-bottom:1px;
+ text-align:right;
+ float:right;
+}
+
+#TB_ajaxWindowTitle{
+ float:left;
+ padding:7px 0 5px 10px;
+ margin-bottom:1px;
+}
+
+#TB_title{
+ background-color:#e8e8e8;
+ height:27px;
+}
+
+#TB_ajaxContent{
+ clear:both;
+ padding:2px 15px 15px 15px;
+ overflow:auto;
+ text-align:left;
+ line-height:1.4em;
+}
+
+#TB_ajaxContent.TB_modal{
+ padding:15px;
+}
+
+#TB_ajaxContent p{
+ padding:5px 0px 5px 0px;
+}
+
+#TB_load{
+ position: fixed;
+ display:none;
+ height:13px;
+ width:208px;
+ z-index:103;
+ top: 50%;
+ left: 50%;
+ margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
+}
+
+* html #TB_load { /* ie6 hack */
+position: absolute;
+margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
+}
+
+#TB_HideSelect{
+ z-index:99;
+ position:fixed;
+ top: 0;
+ left: 0;
+ background-color:#fff;
+ border:none;
+ filter:alpha(opacity=0);
+ -moz-opacity: 0;
+ opacity: 0;
+ height:100%;
+ width:100%;
+}
+
+* html #TB_HideSelect { /* ie6 hack */
+ position: absolute;
+ height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
+}
+
+#TB_iframeContent{
+ clear:both;
+ border:none;
+ margin-bottom:-1px;
+ margin-top:1px;
+ _margin-bottom:1px;
+}
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/examples/thickbox/thickbox.js b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/thickbox/thickbox.js
new file mode 100644
index 0000000..e415594
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/examples/thickbox/thickbox.js
@@ -0,0 +1,296 @@
+/*
+ * Thickbox 3 - One Box To Rule Them All.
+ * By Cody Lindley (http://www.codylindley.com)
+ * Copyright (c) 2007 cody lindley
+ * Licensed under the MIT License: http://www.opensource.org/licenses/mit-license.php
+*/
+
+var tb_pathToImage = "images/loadingAnimation.gif";
+
+/*!!!!!!!!!!!!!!!!! edit below this line at your own risk !!!!!!!!!!!!!!!!!!!!!!!*/
+
+//on page load call tb_init
+$(document).ready(function(){
+ tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
+ imgLoader = new Image();// preload image
+ imgLoader.src = tb_pathToImage;
+});
+
+//add thickbox to href & area elements that have a class of .thickbox
+function tb_init(domChunk){
+ $(domChunk).click(function(){
+ var t = this.title || this.name || null;
+ var a = this.href || this.alt;
+ var g = this.rel || false;
+ tb_show(t,a,g);
+ this.blur();
+ return false;
+ });
+}
+
+function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox link
+
+ try {
+ if (typeof document.body.style.maxHeight === "undefined") {//if IE 6
+ $("body","html").css({height: "100%", width: "100%"});
+ $("html").css("overflow","hidden");
+ if (document.getElementById("TB_HideSelect") === null) {//iframe to hide select elements in ie6
+ $("body").append("
");
+ $("#TB_overlay").click(tb_remove);
+ }
+ }else{//all others
+ if(document.getElementById("TB_overlay") === null){
+ $("body").append("
");
+ $("#TB_overlay").click(tb_remove);
+ }
+ }
+
+ if(caption===null){caption="";}
+ $("body").append("
");//add loader to the page
+ $('#TB_load').show();//show loader
+
+ var baseURL;
+ if(url.indexOf("?")!==-1){ //ff there is a query string involved
+ baseURL = url.substr(0, url.indexOf("?"));
+ }else{
+ baseURL = url;
+ }
+
+ var urlString = /\.jpg|\.jpeg|\.png|\.gif|\.bmp/g;
+ var urlType = baseURL.toLowerCase().match(urlString);
+
+ if(urlType == '.jpg' || urlType == '.jpeg' || urlType == '.png' || urlType == '.gif' || urlType == '.bmp'){//code to show images
+
+ TB_PrevCaption = "";
+ TB_PrevURL = "";
+ TB_PrevHTML = "";
+ TB_NextCaption = "";
+ TB_NextURL = "";
+ TB_NextHTML = "";
+ TB_imageCount = "";
+ TB_FoundURL = false;
+ if(imageGroup){
+ TB_TempArray = $("a[@rel="+imageGroup+"]").get();
+ for (TB_Counter = 0; ((TB_Counter < TB_TempArray.length) && (TB_NextHTML === "")); TB_Counter++) {
+ var urlTypeTemp = TB_TempArray[TB_Counter].href.toLowerCase().match(urlString);
+ if (!(TB_TempArray[TB_Counter].href == url)) {
+ if (TB_FoundURL) {
+ TB_NextCaption = TB_TempArray[TB_Counter].title;
+ TB_NextURL = TB_TempArray[TB_Counter].href;
+ TB_NextHTML = "
Next > ";
+ } else {
+ TB_PrevCaption = TB_TempArray[TB_Counter].title;
+ TB_PrevURL = TB_TempArray[TB_Counter].href;
+ TB_PrevHTML = "
< Prev ";
+ }
+ } else {
+ TB_FoundURL = true;
+ TB_imageCount = "Image " + (TB_Counter + 1) +" of "+ (TB_TempArray.length);
+ }
+ }
+ }
+
+ imgPreloader = new Image();
+ imgPreloader.onload = function(){
+ imgPreloader.onload = null;
+
+ // Resizing large images - orginal by Christian Montoya edited by me.
+ var pagesize = tb_getPageSize();
+ var x = pagesize[0] - 150;
+ var y = pagesize[1] - 150;
+ var imageWidth = imgPreloader.width;
+ var imageHeight = imgPreloader.height;
+ if (imageWidth > x) {
+ imageHeight = imageHeight * (x / imageWidth);
+ imageWidth = x;
+ if (imageHeight > y) {
+ imageWidth = imageWidth * (y / imageHeight);
+ imageHeight = y;
+ }
+ } else if (imageHeight > y) {
+ imageWidth = imageWidth * (y / imageHeight);
+ imageHeight = y;
+ if (imageWidth > x) {
+ imageHeight = imageHeight * (x / imageWidth);
+ imageWidth = x;
+ }
+ }
+ // End Resizing
+
+ TB_WIDTH = imageWidth + 30;
+ TB_HEIGHT = imageHeight + 60;
+ $("#TB_window").append("
" + "
"+caption+"
" + TB_imageCount + TB_PrevHTML + TB_NextHTML + "
");
+
+ $("#TB_closeWindowButton").click(tb_remove);
+
+ if (!(TB_PrevHTML === "")) {
+ function goPrev(){
+ if($(document).unbind("click",goPrev)){$(document).unbind("click",goPrev);}
+ $("#TB_window").remove();
+ $("body").append("
");
+ tb_show(TB_PrevCaption, TB_PrevURL, imageGroup);
+ return false;
+ }
+ $("#TB_prev").click(goPrev);
+ }
+
+ if (!(TB_NextHTML === "")) {
+ function goNext(){
+ $("#TB_window").remove();
+ $("body").append("
");
+ tb_show(TB_NextCaption, TB_NextURL, imageGroup);
+ return false;
+ }
+ $("#TB_next").click(goNext);
+
+ }
+
+ document.onkeydown = function(e){
+ if (e == null) { // ie
+ keycode = event.keyCode;
+ } else { // mozilla
+ keycode = e.which;
+ }
+ if(keycode == 27){ // close
+ tb_remove();
+ } else if(keycode == 190){ // display previous image
+ if(!(TB_NextHTML == "")){
+ document.onkeydown = "";
+ goNext();
+ }
+ } else if(keycode == 188){ // display next image
+ if(!(TB_PrevHTML == "")){
+ document.onkeydown = "";
+ goPrev();
+ }
+ }
+ };
+
+ tb_position();
+ $("#TB_load").remove();
+ $("#TB_ImageOff").click(tb_remove);
+ $("#TB_window").css({display:"block"}); //for safari using css instead of show
+ };
+
+ imgPreloader.src = url;
+ }else{//code to show html pages
+
+ var queryString = url.replace(/^[^\?]+\??/,'');
+ var params = tb_parseQuery( queryString );
+
+ TB_WIDTH = (params['width']*1) + 30 || 630; //defaults to 630 if no paramaters were added to URL
+ TB_HEIGHT = (params['height']*1) + 40 || 440; //defaults to 440 if no paramaters were added to URL
+ ajaxContentW = TB_WIDTH - 30;
+ ajaxContentH = TB_HEIGHT - 45;
+
+ if(url.indexOf('TB_iframe') != -1){
+ urlNoQuery = url.split('TB_');
+ $("#TB_window").append("
");
+ }else{
+ if($("#TB_window").css("display") != "block"){
+ if(params['modal'] != "true"){
+ $("#TB_window").append("
");
+ }else{
+ $("#TB_overlay").unbind();
+ $("#TB_window").append("
");
+ }
+ }else{
+ $("#TB_ajaxContent")[0].style.width = ajaxContentW +"px";
+ $("#TB_ajaxContent")[0].style.height = ajaxContentH +"px";
+ $("#TB_ajaxContent")[0].scrollTop = 0;
+ $("#TB_ajaxWindowTitle").html(caption);
+ }
+ }
+
+ $("#TB_closeWindowButton").click(tb_remove);
+
+ if(url.indexOf('TB_inline') != -1){
+ $("#TB_ajaxContent").html($('#' + params['inlineId']).html());
+ tb_position();
+ $("#TB_load").remove();
+ $("#TB_window").css({display:"block"});
+ }else if(url.indexOf('TB_iframe') != -1){
+ tb_position();
+ if(frames['TB_iframeContent'] === undefined){//be nice to safari
+ $("#TB_load").remove();
+ $("#TB_window").css({display:"block"});
+ $(document).keyup( function(e){ var key = e.keyCode; if(key == 27){tb_remove();}});
+ }
+ }else{
+ $("#TB_ajaxContent").load(url += "&random=" + (new Date().getTime()),function(){//to do a post change this load method
+ tb_position();
+ $("#TB_load").remove();
+ tb_init("#TB_ajaxContent a.thickbox");
+ $("#TB_window").css({display:"block"});
+ });
+ }
+
+ }
+
+ if(!params['modal']){
+ document.onkeyup = function(e){
+ if (e == null) { // ie
+ keycode = event.keyCode;
+ } else { // mozilla
+ keycode = e.which;
+ }
+ if(keycode == 27){ // close
+ tb_remove();
+ }
+ };
+ }
+
+ } catch(e) {
+ //nothing here
+ }
+}
+
+//helper functions below
+function tb_showIframe(){
+ $("#TB_load").remove();
+ $("#TB_window").css({display:"block"});
+}
+
+function tb_remove() {
+ $("#TB_imageOff").unbind("click");
+ $("#TB_overlay").unbind("click");
+ $("#TB_closeWindowButton").unbind("click");
+ $("#TB_window").fadeOut("fast",function(){$('#TB_window,#TB_overlay,#TB_HideSelect').remove();});
+ $("#TB_load").remove();
+ if (typeof document.body.style.maxHeight == "undefined") {//if IE 6
+ $("body","html").css({height: "auto", width: "auto"});
+ $("html").css("overflow","");
+ }
+ document.onkeydown = "";
+ return false;
+}
+
+function tb_position() {
+$("#TB_window").css({marginLeft: '-' + parseInt((TB_WIDTH / 2),10) + 'px', width: TB_WIDTH + 'px'});
+ if ( !(jQuery.browser.msie && typeof XMLHttpRequest == 'function')) { // take away IE6
+ $("#TB_window").css({marginTop: '-' + parseInt((TB_HEIGHT / 2),10) + 'px'});
+ }
+}
+
+function tb_parseQuery ( query ) {
+ var Params = {};
+ if ( ! query ) {return Params;}// return empty object
+ var Pairs = query.split(/[;&]/);
+ for ( var i = 0; i < Pairs.length; i++ ) {
+ var KeyVal = Pairs[i].split('=');
+ if ( ! KeyVal || KeyVal.length != 2 ) {continue;}
+ var key = unescape( KeyVal[0] );
+ var val = unescape( KeyVal[1] );
+ val = val.replace(/\+/g, ' ');
+ Params[key] = val;
+ }
+ return Params;
+}
+
+function tb_getPageSize(){
+ var de = document.documentElement;
+ var w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth;
+ var h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight;
+ arrayPageSize = [w,h];
+ return arrayPageSize;
+}
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/img/a12.png b/frontend/web/js/widget-carousel/HOME_SLIDER/img/a12.png
new file mode 100644
index 0000000..9a78622
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/img/a12.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/img/a14.png b/frontend/web/js/widget-carousel/HOME_SLIDER/img/a14.png
new file mode 100644
index 0000000..ca1a769
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/img/a14.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/img/a19.png b/frontend/web/js/widget-carousel/HOME_SLIDER/img/a19.png
new file mode 100644
index 0000000..6405de7
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/img/a19.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/img/b05.png b/frontend/web/js/widget-carousel/HOME_SLIDER/img/b05.png
new file mode 100644
index 0000000..b8481de
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/img/b05.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/img/b12.png b/frontend/web/js/widget-carousel/HOME_SLIDER/img/b12.png
new file mode 100644
index 0000000..db761c7
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/img/b12.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/img/b21.png b/frontend/web/js/widget-carousel/HOME_SLIDER/img/b21.png
new file mode 100644
index 0000000..5aa92bf
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/img/b21.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/img/pagination.png b/frontend/web/js/widget-carousel/HOME_SLIDER/img/pagination.png
new file mode 100644
index 0000000..9593831
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/img/pagination.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/index.html b/frontend/web/js/widget-carousel/HOME_SLIDER/index.html
new file mode 100644
index 0000000..7a3fc68
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/index.html
@@ -0,0 +1,516 @@
+
+
+
+
jCarousel - Riding carousels with jQuery
+
+
+
+
+
+
jCarousel
+
Riding carousels with jQuery
+
Author: Jan Sorgalla Version: 0.2.8 (Changelog )Download: jcarousel.tar.gz or jcarousel.zip Source Code: http://github.com/jsor/jcarousel Bugtracker: http://github.com/jsor/jcarousel/issues Licence: Dual licensed under the MIT
+ and GPL licenses.
+
+
+
Contents
+
+ Introduction Examples Getting started Dynamic content loading Accessing the jCarousel instance Defining the number of visible items Configuration Credits
+
+
+
Introduction
+
jCarousel is a jQuery plugin for controlling
+ a list of items in horizontal or vertical order. The items, which can be static
+ HTML content or loaded with (or without) AJAX, can be scrolled back and forth
+ (with or without animation).
+
+
+
Examples
+
The following examples illustrate the possibilities of jCarousel:
+
+ You need JavaScript enabled to see the carousel
+
+
+ Static Examples
+
+ Dynamic Examples
+
+ Special Examples
+
+
+
+
+
Getting started
+
To use the jCarousel component, include the jQuery
+ library, the jCarousel source file and a jCarousel skin stylesheet file inside the <head> tag
+ of your HTML document:
+
+<script type="text/javascript" src="/path/to/jquery-1.4.2.min.js"></script>
+<script type="text/javascript" src="/path/to/lib/jquery.jcarousel.min.js"></script>
+<link rel="stylesheet" type="text/css" href="/path/to/skin/skin.css" />
+
+
The download package contains some example skin packages. Feel free to build your own skins based on it.
+
jCarousel expects a very basic HTML markup structure inside your HTML document:
+
+<ul id="mycarousel" class="jcarousel-skin-name ">
+ <!-- The content goes in here -->
+</ul>
+
+
jCarousel automatically wraps the required HTML markup around the list. The
+ class attribute applies the jCarousel skin "name" to the
+ carousel.
+
To setup jCarousel, add the following code inside the <head>
+ tag of your HTML document:
+
+<script type="text/javascript">
+jQuery(document).ready(function() {
+ jQuery('#mycarousel').jcarousel({
+ // Configuration goes here
+ });
+});
+</script>
+
+
jCarousel accepts a lot of configuration options, see chapter "Configuration "
+ for further informations.
+
After jCarousel has been initialised, the fully created markup in
+ the DOM is:
+
+<div class="jcarousel-skin-name ">
+ <div class="jcarousel-container">
+ <div class="jcarousel-clip">
+ <ul class="jcarousel-list">
+ <li class="jcarousel-item-1">First item</li>
+ <li class="jcarousel-item-2">Second item</li>
+ </ul>
+ </div>
+ <div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled"></div>
+ <div class="jcarousel-next"></div>
+ </div>
+</div>
+
+
+
As you can see, there are some elements added which have assigned classes
+ (in addition to the classes you may have already assigned manually). Feel
+ free to design your carousel with the classes you can see above.
+
Note:
+
+ The skin class "jcarousel-skin-name" has been moved
+ from the <ul> to the top <div> element.
+ The last 2 nested <div>'s under <div class="jcarousel-container">
+ are the next/prev buttons of the carousel. The first one illustrates a disabled button, the second an enabled one. The disabled
+ button has the attribute
+ disabled (which actually makes no sense for <div>
+ elements, but you can also use <button> elements or
+ whatever you want) as well as the additional class jcarousel-prev-disabled
+ (or jcarousel-next-disabled).
+ All <li> elements of the list have the class jcarousel-item-n
+ assigned where n
+ Not shown here is, that all classes are followed by additional classes with a suffix
+ dependent on the orientation of the carousel, ie. <ul class="jcarousel-list
+ jcarousel-list-horizontal"> for a horizontal carousel.
+
+
+
+
Dynamic content loading
+
By passing the callback function itemLoadCallback as configuration
+ option, you are able to dynamically create <li> items for the content.
+
+<script type="text/javascript">
+jQuery(document).ready(function() {
+ jQuery('#mycarousel').jcarousel({
+ itemLoadCallback: itemLoadCallbackFunction
+ });
+});
+</script>
+
itemLoadCallbackFunction is a JavaScript function that is called
+ when the carousel requests a set of items to be loaded. Two parameters are
+ passed: The instance of the requesting carousel and a flag which indicates
+ the current state of the carousel ('init', 'prev' or 'next').
+
+<script type="text/javascript">
+function itemLoadCallbackFunction(carousel, state)
+{
+ for (var i = carousel.first; i <= carousel.last; i++) {
+ // Check if the item already exists
+ if (!carousel.has(i)) {
+ // Add the item
+ carousel.add(i, "I'm item #" + i);
+ }
+ }
+};
+</script>
+
jCarousel contains a convenience method add() that can be
+ passed the index of the item to create and the innerHTML string of the
+ item to be
+ created. If the item already exists, it just updates the innerHTML. You can
+ access the index of the first and last visible element by the public variables carousel.first and carousel.last.
+
+
+
+
Accessing the jCarousel instance
+
The instance of the carousel will be stored with the data() method of jQuery under the key jcarousel for a simple access.
+
If you have created a carousel like:
+
+jQuery(document).ready(function() {
+ jQuery('#mycarousel').jcarousel();
+});
+
You can access the instance with:
+
+var carousel = jQuery('#mycarousel').data('jcarousel');
+
You can also access methods of the instance directly, for example the add() method:
+
+var index = 1;
+var html = 'My content of item no. 1';
+jQuery('#mycarousel').jcarousel('add', index, html);
+
+
+
Defining the number of visible items
+
+
Sometimes people are confused how to define the number of visible items because there is no option for this as they expect (Yes, there is an option visible, we discuss this later).
+
You simply define the number of visible items by defining the width (or height) with the class .jcarousel-clip (or the more distinct .jcarousel-clip-horizontal and .jcarousel-clip-vertical classes) in your skin stylesheet.
+
This offers a lot of flexibility, because you can define the width in pixel for a fixed carousel or in percent for a flexible carousel (This example shows a carousel with a clip width in percent, resize the browser to see it in effect).
+
So, why there is an option visible? If you set the option visible, jCarousel sets the width of the visible items to always make this number of items visible. Open this example and resize your browser window to see it in effect.
+
+
+
Configuration
+
jCarousel accepts a list of options to control the appearance and behaviour
+ of the carousel. Here is the list of options you may set:
+
+
+
+ Property
+ Type
+ Default
+ Description
+
+
+ vertical
+ bool
+ false
+ Specifies wether the carousel appears in horizontal or vertical orientation.
+ Changes the carousel from a left/right style to a up/down style carousel.
+
+
+ rtl
+ bool
+ false
+ Specifies wether the carousel appears in RTL (Right-To-Left) mode.
+
+
+ start
+ integer
+ 1
+ The index of the item to start with.
+
+
+ offset
+ integer
+ 1
+ The index of the first available item at initialisation.
+
+
+
+
+ size
+ integer
+ Number of existing <li> elements if size is not passed explicitly The number of total items.
+
+
+ scroll
+ integer
+ 3
+ The number of items to scroll by.
+
+
+ visible
+ integer
+ null
+ If passed, the width/height of the items will be calculated and set
+ depending on the width/height of the clipping, so that exactly that
+ number of items will be visible.
+
+
+ animation
+ mixed
+ "fast"
+ The speed of the scroll animation as string in jQuery terms ("slow"
+ or "fast") or milliseconds as integer
+ (See jQuery Documentation ).
+ If set to 0, animation is turned off.
+
+
+ easing
+ string
+ null
+ The name of the easing effect that you want to use (See jQuery
+ Documentation ).
+
+
+ auto
+ integer
+ 0
+ Specifies how many seconds to periodically autoscroll the content.
+ If set to 0 (default) then autoscrolling is turned off.
+
+
+
+ wrap
+ string
+ null
+ Specifies whether to wrap at the first/last item (or both) and jump
+ back to the start/end. Options are "first", "last",
+ "both" or "circular" as string. If set to null,
+ wrapping is turned off (default).
+
+
+ initCallback
+ function
+ null
+ JavaScript function that is called right after initialisation of the
+ carousel. Two parameters are passed: The instance of the requesting
+ carousel and the state of the carousel initialisation (init, reset or
+ reload).
+
+
+ setupCallback
+ function
+ null
+ JavaScript function that is called right after the carousel is completely setup.
+ One parameter is passed: The instance of the requesting carousel.
+
+
+ itemLoadCallback
+ function
+ null
+ JavaScript function that is called when the carousel requests a set
+ of items to be loaded. Two parameters are passed: The instance of the
+ requesting carousel and the state of the carousel action (prev, next
+ or init). Alternatively, you can pass a hash of one or two functions
+ which are triggered before and/or after animation:
+
+itemLoadCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ itemFirstInCallback
+ function
+ null
+ JavaScript function that is called (after the scroll animation) when
+ an item becomes the first one in the visible range of the carousel.
+ Four parameters are passed: The instance of the requesting carousel
+ and the <li> object itself, the index which indicates
+ the position of the item in the list and the state of the carousel action
+ (prev, next or init). Alternatively, you can pass a hash of one or two
+ functions which are triggered before and/or after animation:
+
+itemFirstInCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ itemFirstOutCallback
+ function
+ null
+ JavaScript function that is called (after the scroll animation) when
+ an item isn't longer the first one in the visible range of the carousel.
+ Four parameters are passed: The instance of the requesting carousel
+ and the <li> object itself, the index which indicates
+ the position of the item in the list and the state of the carousel action
+ (prev, next or init). Alternatively, you can pass a hash of one or two
+ functions which are triggered before and/or after animation:
+
+itemFirstOutCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ itemLastInCallback
+ function
+ null
+ JavaScript function that is called (after the scroll animation) when
+ an item becomes the last one in the visible range of the carousel. Four
+ parameters are passed: The instance of the requesting carousel and the
+ <li> object itself, the index which indicates the
+ position of the item in the list and the state of the carousel action
+ (prev, next or init). Alternatively, you can pass a hash of one or two
+ functions which are triggered before and/or after animation:
+
+itemLastInCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ itemLastOutCallback
+ function
+ null
+ JavaScript function that is called when an item isn't longer the last
+ one in the visible range of the carousel. Four parameters are passed:
+ The instance of the requesting carousel and the <li>
+ object itself, the index which indicates the position of the item in
+ the list and the state of the carousel action (prev, next or init).
+ Alternatively, you can pass a hash of one or two functions which are
+ triggered before and/or after animation:
+
+itemLastOutCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ itemVisibleInCallback
+ function
+ null
+ JavaScript function that is called (after the scroll animation) when
+ an item is in the visible range of the carousel. Four parameters are
+ passed: The instance of the requesting carousel and the <li>
+ object itself, the index which indicates the position of the item in
+ the list and the state of the carousel action (prev, next or init).
+ Alternatively, you can pass a hash of one or two functions which are
+ triggered before and/or after animation:
+
+itemVisibleInCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ itemVisibleOutCallback
+ function
+ null
+ JavaScript function that is called (after the scroll animation) when
+ an item isn't longer in the visible range of the carousel. Four parameters
+ are passed: The instance of the requesting carousel and the <li>
+ object itself, the index which indicates the position of the item in
+ the list and the state of the carousel action (prev, next or init).
+ Alternatively, you can pass a hash of one or two functions which are
+ triggered before and/or after animation:
+
+itemVisibleOutCallback: {
+ onBeforeAnimation: callback1,
+ onAfterAnimation: callback2
+}
+
+
+ animationStepCallback
+ function
+ null
+ JavaScript function that is called after each animation step. This
+ function is directly passed to jQuery's .animate() method
+ as the step parameter. See the jQuery documentation for the
+ parameters it will receive.
+
+
+ buttonNextCallback
+ function
+ null
+ JavaScript function that is called when the state of the 'next' control
+ is changing. The responsibility of this method is to enable or disable
+ the 'next' control. Three parameters are passed: The instance of the
+ requesting carousel, the control element and a flag indicating whether
+ the button should be enabled or disabled.
+
+
+ buttonPrevCallback
+ function
+ null
+ JavaScript function that is called when the state of the 'previous'
+ control is changing. The responsibility of this method is to enable
+ or disable the 'previous' control. Three parameters are passed: The
+ instance of the requesting carousel, the control element and a flag
+ indicating whether the button should be enabled or disabled.
+
+
+ buttonNextHTML
+ string
+ <div></div>The HTML markup for the auto-generated next button. If set to null,
+ no next-button is created.
+
+
+ buttonPrevHTML
+ string
+ <div></div>The HTML markup for the auto-generated prev button. If set to null,
+ no prev-button is created.
+
+
+ buttonNextEvent
+ string
+ "click"
+ Specifies the event which triggers the next scroll.
+
+
+ buttonPrevEvent
+ string
+ "click"
+ Specifies the event which triggers the prev scroll.
+
+
+ itemFallbackDimension
+ integer
+ null
+ If, for some reason, jCarousel can not detect the width of an item, you can set a fallback dimension (width or height, depending on the orientation) here to ensure correct calculations.
+
+
+
+
+
+
Credits
+
Thanks to John Resig for his fantastic jQuery
+ library. Carousel
+ Component written by Bill Scott .
+
+
+
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/arrows_left.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/arrows_left.png
new file mode 100644
index 0000000..4252afe
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/arrows_left.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/arrows_right.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/arrows_right.png
new file mode 100644
index 0000000..e9468f6
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/arrows_right.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/credits.txt b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/credits.txt
new file mode 100644
index 0000000..e5ec8c2
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/credits.txt
@@ -0,0 +1 @@
+Button images copyright by Tango Icon Library Team (http://tango.freedesktop.org/Tango_Icon_Library)
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/next-horizontal.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/next-horizontal.png
new file mode 100644
index 0000000..6fcd3d9
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/next-horizontal.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/next-vertical.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/next-vertical.png
new file mode 100644
index 0000000..066a3e0
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/next-vertical.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/next.jpg b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/next.jpg
new file mode 100644
index 0000000..5ad08bf
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/next.jpg differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/next.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/next.png
new file mode 100644
index 0000000..b2fb161
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/next.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/prev-horizontal.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/prev-horizontal.png
new file mode 100644
index 0000000..36472c0
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/prev-horizontal.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/prev-vertical.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/prev-vertical.png
new file mode 100644
index 0000000..bb30f85
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/prev-vertical.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/prev.jpg b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/prev.jpg
new file mode 100644
index 0000000..59a2cdb
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/prev.jpg differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/prev.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/prev.png
new file mode 100644
index 0000000..426628d
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/prev.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/skin.css b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/skin.css
new file mode 100644
index 0000000..90fbd32
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/skin.css
@@ -0,0 +1,183 @@
+.jcarousel-skin-tango .jcarousel-container {
+
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl {
+ direction: rtl;
+}
+
+.jcarousel-skin-tango .jcarousel-container-horizontal {
+ width: 240px;text-align:left;border1:1px solid red;
+ padding: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-container-vertical {
+ width: 42px;
+ height: 200px;
+ padding: 20px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-clip {
+ overflow: hidden;
+}
+
+.jcarousel-skin-tango .jcarousel-clip-horizontal {
+ width: 200px;
+ height1: 300px;
+}
+
+.jcarousel-skin-tango .jcarousel-clip-vertical {
+ width: 42px;
+ height: 200px;
+ margin:0px;padding:0px;
+}
+
+.jcarousel-skin-tango .jcarousel-item {
+ width: 42px;
+ height1: 300px;
+}
+
+.jcarousel-skin-tango .jcarousel-item-horizontal {
+ margin-left: 0;
+ margin-right: 10px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
+ margin-left: 10px;
+ margin-right: 0;
+}
+
+.jcarousel-skin-tango .jcarousel-item-vertical {
+ margin-bottom: 5px;
+}
+
+.jcarousel-skin-tango .jcarousel-item-placeholder {
+ background: #fff;
+ color: #000;
+}
+
+/**
+ * Horizontal Buttons
+ */
+.jcarousel-skin-tango .jcarousel-next-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 0px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_right.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
+ left: 5px;
+ right: auto;
+ background-image: url(prev.jpg);
+}
+
+.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 20px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_left.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
+ left: auto;
+ right: 5px;
+ background-image: url(next.jpg);
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+/**
+ * Vertical Buttons
+ */
+.jcarousel-skin-tango .jcarousel-next-vertical {
+ position: absolute;
+ bottom: 5px;
+ left: 15px;
+ width: 11px;
+ height: 7px;
+ cursor: pointer;
+ background: transparent url(v_next.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango .jcarousel-next-vertical:hover,
+.jcarousel-skin-tango .jcarousel-next-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical {
+ position: absolute;
+ top: 5px;
+ left: 15px;
+ width: 11px;
+ height: 7px;
+ cursor: pointer;
+ background: transparent url(v_prev.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
+.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/skin2.css b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/skin2.css
new file mode 100644
index 0000000..176a868
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/skin2.css
@@ -0,0 +1,185 @@
+.jcarousel-skin-tango2 .jcarousel-container {
+
+}
+
+.jcarousel-skin-tango2 img{width:50px;float:left;margin-right:20px;}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl {
+ direction: rtl;
+}
+
+.jcarousel-skin-tango2 .jcarousel-container-horizontal {
+ width: 240px;text-align:left;
+ padding: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-container-vertical {
+ width: 242px;
+ height: 320px;
+ padding: 40px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-clip {
+ overflow: hidden;
+}
+
+.jcarousel-skin-tango2 .jcarousel-clip-horizontal {
+ width: 200px;
+ height1: 320px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-clip-vertical {
+ width: 242px;
+ height: 320px;
+ margin:0px;padding:0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item {
+ width: 242px;
+ height1: 300px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item-horizontal {
+ margin-left: 0;
+ margin-right: 10px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-item-horizontal {
+ margin-left: 10px;
+ margin-right: 0;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item-vertical {
+ margin-bottom: 5px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item-placeholder {
+ background: #fff;
+ color: #000;
+}
+
+/**
+ * Horizontal Buttons
+ */
+.jcarousel-skin-tango2 .jcarousel-next-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 0px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_right.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-next-horizontal {
+ left: 5px;
+ right: auto;
+ background-image: url(prev.jpg);
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-next-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:focus,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 20px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_left.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
+ left: auto;
+ right: 5px;
+ background-image: url(next.jpg);
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:focus,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+/**
+ * Vertical Buttons
+ */
+.jcarousel-skin-tango2 .jcarousel-next-vertical {
+ position: absolute;
+ bottom: 5px;
+ left: 115px;
+ width: 20px;
+ height: 12px;
+ cursor: pointer;
+ background: transparent url(v_next2.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-next-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:focus,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-vertical {
+ position: absolute;
+ top: 5px;
+ left: 115px;
+ width: 29px;
+ height: 12px;
+ cursor: pointer;
+ background: transparent url(v_prev2.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:focus,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/v_next.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/v_next.png
new file mode 100644
index 0000000..e5056d1
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/v_next.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/v_next2.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/v_next2.png
new file mode 100644
index 0000000..600203b
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/v_next2.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/v_prev.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/v_prev.png
new file mode 100644
index 0000000..36c087e
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/v_prev.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/v_prev2.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/v_prev2.png
new file mode 100644
index 0000000..791e630
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/HOME_SLIDER/v_prev2.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/credits.txt b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/credits.txt
new file mode 100644
index 0000000..87ccdbc
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/credits.txt
@@ -0,0 +1 @@
+Button images copyright by Microsoft Corporation (http://microsoft.com)
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/loading-small.gif b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/loading-small.gif
new file mode 100644
index 0000000..b25ada9
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/loading-small.gif differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/loading.gif b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/loading.gif
new file mode 100644
index 0000000..5c7f808
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/loading.gif differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/loading_small.gif b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/loading_small.gif
new file mode 100644
index 0000000..5979f6d
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/loading_small.gif differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/next-horizontal.gif b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/next-horizontal.gif
new file mode 100644
index 0000000..36c1f78
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/next-horizontal.gif differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/prev-horizontal.gif b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/prev-horizontal.gif
new file mode 100644
index 0000000..3b93296
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/prev-horizontal.gif differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/skin.css b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/skin.css
new file mode 100644
index 0000000..0a35832
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/ie7/skin.css
@@ -0,0 +1,190 @@
+.jcarousel-skin-ie7 .jcarousel-container {
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+ background: #D4D0C8;
+ border: 1px solid #808080;
+}
+
+.jcarousel-skin-ie7 .jcarousel-direction-rtl {
+ direction: rtl;
+}
+
+.jcarousel-skin-ie7 .jcarousel-container-horizontal {
+ width: 245px;
+ padding: 20px 40px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-container-vertical {
+ width: 75px;
+ height: 245px;
+ padding: 40px 20px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-clip {
+ overflow: hidden;
+}
+
+.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
+ width: 245px;
+ height: 77px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-clip-vertical {
+ width: 77px;
+ height: 245px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item {
+ width: 75px;
+ height: 75px;
+ border: 1px solid #fff;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item:hover,
+.jcarousel-skin-ie7 .jcarousel-item:focus {
+ border-color: #808080;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item-horizontal {
+ margin-left: 0;
+ margin-right: 7px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
+ margin-left: 7px;
+ margin-right: 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item-vertical {
+ margin-bottom: 7px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-item-placeholder {
+}
+
+/**
+ * Horizontal Buttons
+ */
+.jcarousel-skin-ie7 .jcarousel-next-horizontal {
+ position: absolute;
+ top: 43px;
+ right: 5px;
+ width: 32px;
+ height: 32px;
+ cursor: pointer;
+ background: transparent url(next-horizontal.gif) no-repeat 0 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-next-horizontal {
+ left: 5px;
+ right: auto;
+ background-image: url(prev-horizontal.gif);
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-horizontal:hover,
+.jcarousel-skin-ie7 .jcarousel-next-horizontal:focus {
+ background-position: -32px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-horizontal:active {
+ background-position: -64px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:focus,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
+ cursor: default;
+ background-position: -96px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
+ position: absolute;
+ top: 43px;
+ left: 5px;
+ width: 32px;
+ height: 32px;
+ cursor: pointer;
+ background: transparent url(prev-horizontal.gif) no-repeat 0 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
+ left: auto;
+ right: 5px;
+ background-image: url(next-horizontal.gif);
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-horizontal:hover,
+.jcarousel-skin-ie7 .jcarousel-prev-horizontal:focus {
+ background-position: -32px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-horizontal:active {
+ background-position: -64px 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:focus,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
+ cursor: default;
+ background-position: -96px 0;
+}
+
+/**
+ * Vertical Buttons
+ */
+.jcarousel-skin-ie7 .jcarousel-next-vertical {
+ position: absolute;
+ bottom: 5px;
+ left: 43px;
+ width: 32px;
+ height: 32px;
+ cursor: pointer;
+ background: transparent url(next-vertical.gif) no-repeat 0 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-vertical:hover,
+.jcarousel-skin-ie7 .jcarousel-next-vertical:focus {
+ background-position: 0 -32px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-vertical:active {
+ background-position: 0 -64px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:hover,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:focus,
+.jcarousel-skin-ie7 .jcarousel-next-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 -96px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-vertical {
+ position: absolute;
+ top: 5px;
+ left: 43px;
+ width: 32px;
+ height: 32px;
+ cursor: pointer;
+ background: transparent url(prev-vertical.gif) no-repeat 0 0;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-vertical:hover,
+.jcarousel-skin-ie7 .jcarousel-prev-vertical:focus {
+ background-position: 0 -32px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-vertical:active {
+ background-position: 0 -64px;
+}
+
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:hover,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:focus,
+.jcarousel-skin-ie7 .jcarousel-prev-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 -96px;
+}
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/arrows_left.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/arrows_left.png
new file mode 100644
index 0000000..4252afe
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/arrows_left.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/arrows_right.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/arrows_right.png
new file mode 100644
index 0000000..e9468f6
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/arrows_right.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/credits.txt b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/credits.txt
new file mode 100644
index 0000000..e5ec8c2
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/credits.txt
@@ -0,0 +1 @@
+Button images copyright by Tango Icon Library Team (http://tango.freedesktop.org/Tango_Icon_Library)
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/next-horizontal.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/next-horizontal.png
new file mode 100644
index 0000000..6fcd3d9
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/next-horizontal.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/next-vertical.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/next-vertical.png
new file mode 100644
index 0000000..066a3e0
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/next-vertical.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/next.jpg b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/next.jpg
new file mode 100644
index 0000000..5ad08bf
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/next.jpg differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/next.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/next.png
new file mode 100644
index 0000000..b2fb161
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/next.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/prev-horizontal.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/prev-horizontal.png
new file mode 100644
index 0000000..36472c0
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/prev-horizontal.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/prev-vertical.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/prev-vertical.png
new file mode 100644
index 0000000..bb30f85
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/prev-vertical.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/prev.jpg b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/prev.jpg
new file mode 100644
index 0000000..59a2cdb
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/prev.jpg differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/prev.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/prev.png
new file mode 100644
index 0000000..426628d
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/prev.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/skin.css b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/skin.css
new file mode 100644
index 0000000..90fbd32
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/skin.css
@@ -0,0 +1,183 @@
+.jcarousel-skin-tango .jcarousel-container {
+
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl {
+ direction: rtl;
+}
+
+.jcarousel-skin-tango .jcarousel-container-horizontal {
+ width: 240px;text-align:left;border1:1px solid red;
+ padding: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-container-vertical {
+ width: 42px;
+ height: 200px;
+ padding: 20px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-clip {
+ overflow: hidden;
+}
+
+.jcarousel-skin-tango .jcarousel-clip-horizontal {
+ width: 200px;
+ height1: 300px;
+}
+
+.jcarousel-skin-tango .jcarousel-clip-vertical {
+ width: 42px;
+ height: 200px;
+ margin:0px;padding:0px;
+}
+
+.jcarousel-skin-tango .jcarousel-item {
+ width: 42px;
+ height1: 300px;
+}
+
+.jcarousel-skin-tango .jcarousel-item-horizontal {
+ margin-left: 0;
+ margin-right: 10px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
+ margin-left: 10px;
+ margin-right: 0;
+}
+
+.jcarousel-skin-tango .jcarousel-item-vertical {
+ margin-bottom: 5px;
+}
+
+.jcarousel-skin-tango .jcarousel-item-placeholder {
+ background: #fff;
+ color: #000;
+}
+
+/**
+ * Horizontal Buttons
+ */
+.jcarousel-skin-tango .jcarousel-next-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 0px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_right.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
+ left: 5px;
+ right: auto;
+ background-image: url(prev.jpg);
+}
+
+.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
+.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 20px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_left.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
+ left: auto;
+ right: 5px;
+ background-image: url(next.jpg);
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
+.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+/**
+ * Vertical Buttons
+ */
+.jcarousel-skin-tango .jcarousel-next-vertical {
+ position: absolute;
+ bottom: 5px;
+ left: 15px;
+ width: 11px;
+ height: 7px;
+ cursor: pointer;
+ background: transparent url(v_next.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango .jcarousel-next-vertical:hover,
+.jcarousel-skin-tango .jcarousel-next-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
+.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical {
+ position: absolute;
+ top: 5px;
+ left: 15px;
+ width: 11px;
+ height: 7px;
+ cursor: pointer;
+ background: transparent url(v_prev.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
+.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
+.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/skin2.css b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/skin2.css
new file mode 100644
index 0000000..176a868
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/skin2.css
@@ -0,0 +1,185 @@
+.jcarousel-skin-tango2 .jcarousel-container {
+
+}
+
+.jcarousel-skin-tango2 img{width:50px;float:left;margin-right:20px;}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl {
+ direction: rtl;
+}
+
+.jcarousel-skin-tango2 .jcarousel-container-horizontal {
+ width: 240px;text-align:left;
+ padding: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-container-vertical {
+ width: 242px;
+ height: 320px;
+ padding: 40px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-clip {
+ overflow: hidden;
+}
+
+.jcarousel-skin-tango2 .jcarousel-clip-horizontal {
+ width: 200px;
+ height1: 320px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-clip-vertical {
+ width: 242px;
+ height: 320px;
+ margin:0px;padding:0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item {
+ width: 242px;
+ height1: 300px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item-horizontal {
+ margin-left: 0;
+ margin-right: 10px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-item-horizontal {
+ margin-left: 10px;
+ margin-right: 0;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item-vertical {
+ margin-bottom: 5px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-item-placeholder {
+ background: #fff;
+ color: #000;
+}
+
+/**
+ * Horizontal Buttons
+ */
+.jcarousel-skin-tango2 .jcarousel-next-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 0px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_right.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-next-horizontal {
+ left: 5px;
+ right: auto;
+ background-image: url(prev.jpg);
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-next-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:focus,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal {
+ position: absolute;
+ top: -40px;
+ right: 20px;
+ width: 10px;
+ height: 16px;
+ cursor: pointer;
+ background: transparent url(arrows_left.png) no-repeat 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
+ left: auto;
+ right: 5px;
+ background-image: url(next.jpg);
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal:focus {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-horizontal:active {
+ background-position: 0px 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:focus,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active {
+ cursor: default;
+ background-position: 0px -16px;
+}
+
+/**
+ * Vertical Buttons
+ */
+.jcarousel-skin-tango2 .jcarousel-next-vertical {
+ position: absolute;
+ bottom: 5px;
+ left: 115px;
+ width: 20px;
+ height: 12px;
+ cursor: pointer;
+ background: transparent url(v_next2.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-next-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:focus,
+.jcarousel-skin-tango2 .jcarousel-next-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-vertical {
+ position: absolute;
+ top: 5px;
+ left: 115px;
+ width: 29px;
+ height: 12px;
+ cursor: pointer;
+ background: transparent url(v_prev2.png) no-repeat 0 0;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-vertical:focus {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-vertical:active {
+ background-position: 0 0px;
+}
+
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:hover,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:focus,
+.jcarousel-skin-tango2 .jcarousel-prev-disabled-vertical:active {
+ cursor: default;
+ background-position: 0 0px;
+}
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/v_next.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/v_next.png
new file mode 100644
index 0000000..e5056d1
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/v_next.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/v_next2.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/v_next2.png
new file mode 100644
index 0000000..600203b
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/v_next2.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/v_prev.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/v_prev.png
new file mode 100644
index 0000000..36c087e
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/v_prev.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/v_prev2.png b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/v_prev2.png
new file mode 100644
index 0000000..791e630
Binary files /dev/null and b/frontend/web/js/widget-carousel/HOME_SLIDER/skins/tango/v_prev2.png differ
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/style.css b/frontend/web/js/widget-carousel/HOME_SLIDER/style.css
new file mode 100644
index 0000000..556b039
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/style.css
@@ -0,0 +1,170 @@
+
+/*
+ ==== loading ====
+*/
+
+.loading {
+ position: absolute;
+ top: 0px;
+ left: 0px;
+}
+
+.loading .load-1 {
+ filter: alpha(opacity=70);
+ opacity: 0.7;
+ position: absolute;
+ display: block;
+ background-color: #000;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+}
+
+.loading .load-2 {
+ position: absolute;
+ display: block;
+ background: url(./img/10.png) no-repeat center center;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+}
+
+/*
+ ==== Module ====
+*/
+
+#HOME_SLIDER {
+ position: relative;
+ top: 0px;
+ left: 0px;
+ width: 720px;
+ height: 340px;
+ overflow: hidden;
+
+ display: inline-block;
+ vertical-align: top;
+}
+
+#HOME_SLIDER .item-list {
+ cursor: move;
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ width: 720px;
+ height: 340px;
+ overflow: hidden;
+}
+
+#HOME_SLIDER .item a {
+ text-decoration: none;
+}
+
+#HOME_SLIDER .item .title {
+
+ color: #fff;
+ display: block;
+ font-size: 24px;
+ margin-top: 223px;
+ padding: 20px;
+ position: relative;
+ text-align: center;
+ text-transform: uppercase;
+ transition: all 0.2s ease 0s;
+ white-space: nowrap;
+
+ -webkit-transition: all .2s ease;
+ -moz-transition: all .2s ease;
+ -ms-transition: all .2s ease;
+ -o-transition: all .2s ease;
+ transition: all .2s ease;
+}
+
+#HOME_SLIDER .item:hover .title {
+}
+
+#HOME_SLIDER .item img {
+ border-radius: 0;
+}
+
+#HOME_SLIDER .jssorb03 {
+ display: table;
+ margin: 0 auto;
+ position: relative;
+ top: 304px;
+}
+
+#HOME_SLIDER .jssorb03 div,
+#HOME_SLIDER .jssorb03 div:hover,
+#HOME_SLIDER .jssorb03 .av {
+ position: absolute;
+ /* size of bullet elment */
+ width: 21px;
+ height: 21px;
+ text-align: center;
+ line-height: 21px;
+ color: white;
+ font-size: 12px;
+ background: url(./img/b05.png) no-repeat;
+ overflow: hidden;
+ cursor: pointer;
+}
+
+#HOME_SLIDER .jssorb03 div {
+ background-position: -5px -4px;
+}
+
+#HOME_SLIDER .jssorb03 div:hover,
+#HOME_SLIDER .jssorb03 .av:hover {
+ background-position: -35px -4px;
+}
+
+#HOME_SLIDER .jssorb03 .av {
+ background-position: -65px -4px;
+}
+
+#HOME_SLIDER .jssorb03 .dn,
+#HOME_SLIDER .jssorb03 .dn:hover {
+ background-position: -95px -4px;
+}
+
+#HOME_SLIDER .jssora03l,
+#HOME_SLIDER .jssora03r {
+ display: block;
+ position: absolute;
+ /* size of arrow element */
+ width: 55px;
+ height: 55px;
+ cursor: pointer;
+ background: url(./img/a14.png) no-repeat;
+ overflow: hidden;
+}
+
+#HOME_SLIDER .jssora03l {
+ background-position: -3px -33px;
+ top: 142px;
+ left: -13px;
+}
+
+#HOME_SLIDER .jssora03r {
+ background-position: -63px -33px;
+ top: 142px;
+ right: -13px;
+}
+
+#HOME_SLIDER .jssora03l:hover {
+ background-position: -123px -33px;
+}
+
+#HOME_SLIDER .jssora03r:hover {
+ background-position: -183px -33px;
+}
+
+#HOME_SLIDER .jssora03l.jssora03ldn {
+ background-position: -243px -33px;
+}
+
+#HOME_SLIDER .jssora03r.jssora03rdn {
+ background-position: -303px -33px;
+}
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/HOME_SLIDER/style.js b/frontend/web/js/widget-carousel/HOME_SLIDER/style.js
new file mode 100644
index 0000000..678e275
--- /dev/null
+++ b/frontend/web/js/widget-carousel/HOME_SLIDER/style.js
@@ -0,0 +1,61 @@
+
+$(document).on('ready', function ()
+{
+ var HOME_SLIDER_option_2 =
+ {
+ $AutoPlay: true,
+ $AutoPlaySteps: 1,
+// $AutoPlayInterval: 4000, есть в HOME_SLIDER_option_1
+ $PauseOnHover: 1,
+
+ $ArrowKeyNavigation: true,
+// $SlideDuration: 500, есть в HOME_SLIDER_option_1
+ $MinDragOffsetToSlide: 20,
+
+ $SlideSpacing: 0,
+ $DisplayPieces: 1,
+ $ParkingPosition: 0,
+ $UISearchMode: 1,
+ $PlayOrientation: 1,
+ $DragOrientation: 1,
+
+ $BulletNavigatorOptions: {
+ $Class: $JssorBulletNavigator$,
+ $ChanceToShow: 2,
+ $AutoCenter: 0,
+ $Steps: 1,
+ $Lanes: 1,
+ $SpacingX: 10,
+ $SpacingY: 10,
+ $Orientation: 1
+ },
+
+ $ArrowNavigatorOptions: {
+ $Class: $JssorArrowNavigator$,
+ $ChanceToShow: 2,
+ $AutoCenter: 0
+ }
+ };
+
+ var HOME_SLIDER = new $JssorSlider$("HOME_SLIDER", $.extend({}, HOME_SLIDER_option_1, HOME_SLIDER_option_2));
+
+ function ScaleHOME_SLIDER ()
+ {
+ $item = $("#HOME_SLIDER .item").width();
+
+ if ($(window).width())
+ {
+ $body = $(window).width() - 70;
+ HOME_SLIDER.$ScaleWidth(Math.min($body, $item));
+ }
+ else
+ {
+ window.setTimeout(ScaleHOME_SLIDER, 30);
+ }
+ }
+
+ ScaleHOME_SLIDER();
+
+ $(window).bind("resize", ScaleHOME_SLIDER);
+ $(window).bind("orientationchange", ScaleHOME_SLIDER);
+});
\ No newline at end of file
diff --git a/frontend/web/js/widget-carousel/lib/jquery-1.4.2.min.js b/frontend/web/js/widget-carousel/lib/jquery-1.4.2.min.js
new file mode 100644
index 0000000..7c24308
--- /dev/null
+++ b/frontend/web/js/widget-carousel/lib/jquery-1.4.2.min.js
@@ -0,0 +1,154 @@
+/*!
+ * jQuery JavaScript Library v1.4.2
+ * http://jquery.com/
+ *
+ * Copyright 2010, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2010, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Sat Feb 13 22:33:48 2010 -0500
+ */
+(function(A,w){function ma(){if(!c.isReady){try{s.documentElement.doScroll("left")}catch(a){setTimeout(ma,1);return}c.ready()}}function Qa(a,b){b.src?c.ajax({url:b.src,async:false,dataType:"script"}):c.globalEval(b.text||b.textContent||b.innerHTML||"");b.parentNode&&b.parentNode.removeChild(b)}function X(a,b,d,f,e,j){var i=a.length;if(typeof b==="object"){for(var o in b)X(a,o,b[o],f,e,d);return a}if(d!==w){f=!j&&f&&c.isFunction(d);for(o=0;o
)[^>]*$|^#([\w-]+)$/,Ua=/^.[^:#\[\.,]*$/,Va=/\S/,
+Wa=/^(\s|\u00A0)+|(\s|\u00A0)+$/g,Xa=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,P=navigator.userAgent,xa=false,Q=[],L,$=Object.prototype.toString,aa=Object.prototype.hasOwnProperty,ba=Array.prototype.push,R=Array.prototype.slice,ya=Array.prototype.indexOf;c.fn=c.prototype={init:function(a,b){var d,f;if(!a)return this;if(a.nodeType){this.context=this[0]=a;this.length=1;return this}if(a==="body"&&!b){this.context=s;this[0]=s.body;this.selector="body";this.length=1;return this}if(typeof a==="string")if((d=Ta.exec(a))&&
+(d[1]||!b))if(d[1]){f=b?b.ownerDocument||b:s;if(a=Xa.exec(a))if(c.isPlainObject(b)){a=[s.createElement(a[1])];c.fn.attr.call(a,b,true)}else a=[f.createElement(a[1])];else{a=sa([d[1]],[f]);a=(a.cacheable?a.fragment.cloneNode(true):a.fragment).childNodes}return c.merge(this,a)}else{if(b=s.getElementById(d[2])){if(b.id!==d[2])return T.find(a);this.length=1;this[0]=b}this.context=s;this.selector=a;return this}else if(!b&&/^\w+$/.test(a)){this.selector=a;this.context=s;a=s.getElementsByTagName(a);return c.merge(this,
+a)}else return!b||b.jquery?(b||T).find(a):c(b).find(a);else if(c.isFunction(a))return T.ready(a);if(a.selector!==w){this.selector=a.selector;this.context=a.context}return c.makeArray(a,this)},selector:"",jquery:"1.4.2",length:0,size:function(){return this.length},toArray:function(){return R.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this.slice(a)[0]:this[a]},pushStack:function(a,b,d){var f=c();c.isArray(a)?ba.apply(f,a):c.merge(f,a);f.prevObject=this;f.context=this.context;if(b===
+"find")f.selector=this.selector+(this.selector?" ":"")+d;else if(b)f.selector=this.selector+"."+b+"("+d+")";return f},each:function(a,b){return c.each(this,a,b)},ready:function(a){c.bindReady();if(c.isReady)a.call(s,c);else Q&&Q.push(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(R.apply(this,arguments),"slice",R.call(arguments).join(","))},map:function(a){return this.pushStack(c.map(this,
+function(b,d){return a.call(b,d,b)}))},end:function(){return this.prevObject||c(null)},push:ba,sort:[].sort,splice:[].splice};c.fn.init.prototype=c.fn;c.extend=c.fn.extend=function(){var a=arguments[0]||{},b=1,d=arguments.length,f=false,e,j,i,o;if(typeof a==="boolean"){f=a;a=arguments[1]||{};b=2}if(typeof a!=="object"&&!c.isFunction(a))a={};if(d===b){a=this;--b}for(;ba -1)return true;return false},val:function(a){if(a===w){var b=this[0];if(b){if(c.nodeName(b,"option"))return(b.attributes.value||{}).specified?b.value:b.text;if(c.nodeName(b,"select")){var d=b.selectedIndex,f=[],e=b.options;b=b.type==="select-one";if(d<0)return null;var j=b?d:0;for(d=b?d+1:e.length;j=0;else if(c.nodeName(this,"select")){var u=c.makeArray(r);c("option",this).each(function(){this.selected=
+c.inArray(c(this).val(),u)>=0});if(!u.length)this.selectedIndex=-1}else this.value=r}})}});c.extend({attrFn:{val:true,css:true,html:true,text:true,data:true,width:true,height:true,offset:true},attr:function(a,b,d,f){if(!a||a.nodeType===3||a.nodeType===8)return w;if(f&&b in c.attrFn)return c(a)[b](d);f=a.nodeType!==1||!c.isXMLDoc(a);var e=d!==w;b=f&&c.props[b]||b;if(a.nodeType===1){var j=$a.test(b);if(b in a&&f&&!j){if(e){b==="type"&&ab.test(a.nodeName)&&a.parentNode&&c.error("type property can't be changed");
+a[b]=d}if(c.nodeName(a,"form")&&a.getAttributeNode(b))return a.getAttributeNode(b).nodeValue;if(b==="tabIndex")return(b=a.getAttributeNode("tabIndex"))&&b.specified?b.value:bb.test(a.nodeName)||cb.test(a.nodeName)&&a.href?0:w;return a[b]}if(!c.support.style&&f&&b==="style"){if(e)a.style.cssText=""+d;return a.style.cssText}e&&a.setAttribute(b,""+d);a=!c.support.hrefNormalized&&f&&j?a.getAttribute(b,2):a.getAttribute(b);return a===null?w:a}return c.style(a,b,d)}});var O=/\.(.*)$/,db=function(a){return a.replace(/[^\w\s\.\|`]/g,
+function(b){return"\\"+b})};c.event={add:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){if(a.setInterval&&a!==A&&!a.frameElement)a=A;var e,j;if(d.handler){e=d;d=e.handler}if(!d.guid)d.guid=c.guid++;if(j=c.data(a)){var i=j.events=j.events||{},o=j.handle;if(!o)j.handle=o=function(){return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem,arguments):w};o.elem=a;b=b.split(" ");for(var k,n=0,r;k=b[n++];){j=e?c.extend({},e):{handler:d,data:f};if(k.indexOf(".")>-1){r=k.split(".");
+k=r.shift();j.namespace=r.slice(0).sort().join(".")}else{r=[];j.namespace=""}j.type=k;j.guid=d.guid;var u=i[k],z=c.event.special[k]||{};if(!u){u=i[k]=[];if(!z.setup||z.setup.call(a,f,r,o)===false)if(a.addEventListener)a.addEventListener(k,o,false);else a.attachEvent&&a.attachEvent("on"+k,o)}if(z.add){z.add.call(a,j);if(!j.handler.guid)j.handler.guid=d.guid}u.push(j);c.event.global[k]=true}a=null}}},global:{},remove:function(a,b,d,f){if(!(a.nodeType===3||a.nodeType===8)){var e,j=0,i,o,k,n,r,u,z=c.data(a),
+C=z&&z.events;if(z&&C){if(b&&b.type){d=b.handler;b=b.type}if(!b||typeof b==="string"&&b.charAt(0)==="."){b=b||"";for(e in C)c.event.remove(a,e+b)}else{for(b=b.split(" ");e=b[j++];){n=e;i=e.indexOf(".")<0;o=[];if(!i){o=e.split(".");e=o.shift();k=new RegExp("(^|\\.)"+c.map(o.slice(0).sort(),db).join("\\.(?:.*\\.)?")+"(\\.|$)")}if(r=C[e])if(d){n=c.event.special[e]||{};for(B=f||0;B=0){a.type=
+e=e.slice(0,-1);a.exclusive=true}if(!d){a.stopPropagation();c.event.global[e]&&c.each(c.cache,function(){this.events&&this.events[e]&&c.event.trigger(a,b,this.handle.elem)})}if(!d||d.nodeType===3||d.nodeType===8)return w;a.result=w;a.target=d;b=c.makeArray(b);b.unshift(a)}a.currentTarget=d;(f=c.data(d,"handle"))&&f.apply(d,b);f=d.parentNode||d.ownerDocument;try{if(!(d&&d.nodeName&&c.noData[d.nodeName.toLowerCase()]))if(d["on"+e]&&d["on"+e].apply(d,b)===false)a.result=false}catch(j){}if(!a.isPropagationStopped()&&
+f)c.event.trigger(a,b,f,true);else if(!a.isDefaultPrevented()){f=a.target;var i,o=c.nodeName(f,"a")&&e==="click",k=c.event.special[e]||{};if((!k._default||k._default.call(d,a)===false)&&!o&&!(f&&f.nodeName&&c.noData[f.nodeName.toLowerCase()])){try{if(f[e]){if(i=f["on"+e])f["on"+e]=null;c.event.triggered=true;f[e]()}}catch(n){}if(i)f["on"+e]=i;c.event.triggered=false}}},handle:function(a){var b,d,f,e;a=arguments[0]=c.event.fix(a||A.event);a.currentTarget=this;b=a.type.indexOf(".")<0&&!a.exclusive;
+if(!b){d=a.type.split(".");a.type=d.shift();f=new RegExp("(^|\\.)"+d.slice(0).sort().join("\\.(?:.*\\.)?")+"(\\.|$)")}e=c.data(this,"events");d=e[a.type];if(e&&d){d=d.slice(0);e=0;for(var j=d.length;e-1?c.map(a.options,function(f){return f.selected}).join("-"):"";else if(a.nodeName.toLowerCase()==="select")d=a.selectedIndex;return d},fa=function(a,b){var d=a.target,f,e;if(!(!da.test(d.nodeName)||d.readOnly)){f=c.data(d,"_change_data");e=Fa(d);if(a.type!=="focusout"||d.type!=="radio")c.data(d,"_change_data",
+e);if(!(f===w||e===f))if(f!=null||e){a.type="change";return c.event.trigger(a,b,d)}}};c.event.special.change={filters:{focusout:fa,click:function(a){var b=a.target,d=b.type;if(d==="radio"||d==="checkbox"||b.nodeName.toLowerCase()==="select")return fa.call(this,a)},keydown:function(a){var b=a.target,d=b.type;if(a.keyCode===13&&b.nodeName.toLowerCase()!=="textarea"||a.keyCode===32&&(d==="checkbox"||d==="radio")||d==="select-multiple")return fa.call(this,a)},beforeactivate:function(a){a=a.target;c.data(a,
+"_change_data",Fa(a))}},setup:function(){if(this.type==="file")return false;for(var a in ea)c.event.add(this,a+".specialChange",ea[a]);return da.test(this.nodeName)},teardown:function(){c.event.remove(this,".specialChange");return da.test(this.nodeName)}};ea=c.event.special.change.filters}s.addEventListener&&c.each({focus:"focusin",blur:"focusout"},function(a,b){function d(f){f=c.event.fix(f);f.type=b;return c.event.handle.call(this,f)}c.event.special[b]={setup:function(){this.addEventListener(a,
+d,true)},teardown:function(){this.removeEventListener(a,d,true)}}});c.each(["bind","one"],function(a,b){c.fn[b]=function(d,f,e){if(typeof d==="object"){for(var j in d)this[b](j,f,d[j],e);return this}if(c.isFunction(f)){e=f;f=w}var i=b==="one"?c.proxy(e,function(k){c(this).unbind(k,i);return e.apply(this,arguments)}):e;if(d==="unload"&&b!=="one")this.one(d,f,e);else{j=0;for(var o=this.length;j0){y=t;break}}t=t[g]}m[q]=y}}}var f=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,
+e=0,j=Object.prototype.toString,i=false,o=true;[0,0].sort(function(){o=false;return 0});var k=function(g,h,l,m){l=l||[];var q=h=h||s;if(h.nodeType!==1&&h.nodeType!==9)return[];if(!g||typeof g!=="string")return l;for(var p=[],v,t,y,S,H=true,M=x(h),I=g;(f.exec(""),v=f.exec(I))!==null;){I=v[3];p.push(v[1]);if(v[2]){S=v[3];break}}if(p.length>1&&r.exec(g))if(p.length===2&&n.relative[p[0]])t=ga(p[0]+p[1],h);else for(t=n.relative[p[0]]?[h]:k(p.shift(),h);p.length;){g=p.shift();if(n.relative[g])g+=p.shift();
+t=ga(g,t)}else{if(!m&&p.length>1&&h.nodeType===9&&!M&&n.match.ID.test(p[0])&&!n.match.ID.test(p[p.length-1])){v=k.find(p.shift(),h,M);h=v.expr?k.filter(v.expr,v.set)[0]:v.set[0]}if(h){v=m?{expr:p.pop(),set:z(m)}:k.find(p.pop(),p.length===1&&(p[0]==="~"||p[0]==="+")&&h.parentNode?h.parentNode:h,M);t=v.expr?k.filter(v.expr,v.set):v.set;if(p.length>0)y=z(t);else H=false;for(;p.length;){var D=p.pop();v=D;if(n.relative[D])v=p.pop();else D="";if(v==null)v=h;n.relative[D](y,v,M)}}else y=[]}y||(y=t);y||k.error(D||
+g);if(j.call(y)==="[object Array]")if(H)if(h&&h.nodeType===1)for(g=0;y[g]!=null;g++){if(y[g]&&(y[g]===true||y[g].nodeType===1&&E(h,y[g])))l.push(t[g])}else for(g=0;y[g]!=null;g++)y[g]&&y[g].nodeType===1&&l.push(t[g]);else l.push.apply(l,y);else z(y,l);if(S){k(S,q,l,m);k.uniqueSort(l)}return l};k.uniqueSort=function(g){if(B){i=o;g.sort(B);if(i)for(var h=1;h":function(g,h){var l=typeof h==="string";if(l&&!/\W/.test(h)){h=h.toLowerCase();for(var m=0,q=g.length;m=0))l||m.push(v);else if(l)h[p]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()},
+CHILD:function(g){if(g[1]==="nth"){var h=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=h[1]+(h[2]||1)-0;g[3]=h[3]-0}g[0]=e++;return g},ATTR:function(g,h,l,m,q,p){h=g[1].replace(/\\/g,"");if(!p&&n.attrMap[h])g[1]=n.attrMap[h];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,h,l,m,q){if(g[1]==="not")if((f.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=k(g[3],null,null,h);else{g=k.filter(g[3],h,l,true^q);l||m.push.apply(m,
+g);return false}else if(n.match.POS.test(g[0])||n.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled===true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,h,l){return!!k(l[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)},
+text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"===g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}},
+setFilters:{first:function(g,h){return h===0},last:function(g,h,l,m){return h===m.length-1},even:function(g,h){return h%2===0},odd:function(g,h){return h%2===1},lt:function(g,h,l){return hl[3]-0},nth:function(g,h,l){return l[3]-0===h},eq:function(g,h,l){return l[3]-0===h}},filter:{PSEUDO:function(g,h,l,m){var q=h[1],p=n.filters[q];if(p)return p(g,l,h,m);else if(q==="contains")return(g.textContent||g.innerText||a([g])||"").indexOf(h[3])>=0;else if(q==="not"){h=
+h[3];l=0;for(m=h.length;l=0}},ID:function(g,h){return g.nodeType===1&&g.getAttribute("id")===h},TAG:function(g,h){return h==="*"&&g.nodeType===1||g.nodeName.toLowerCase()===h},CLASS:function(g,h){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(h)>-1},ATTR:function(g,h){var l=h[1];g=n.attrHandle[l]?n.attrHandle[l](g):g[l]!=null?g[l]:g.getAttribute(l);l=g+"";var m=h[2];h=h[4];return g==null?m==="!=":m===
+"="?l===h:m==="*="?l.indexOf(h)>=0:m==="~="?(" "+l+" ").indexOf(h)>=0:!h?l&&g!==false:m==="!="?l!==h:m==="^="?l.indexOf(h)===0:m==="$="?l.substr(l.length-h.length)===h:m==="|="?l===h||l.substr(0,h.length+1)===h+"-":false},POS:function(g,h,l,m){var q=n.setFilters[h[2]];if(q)return q(g,l,h,m)}}},r=n.match.POS;for(var u in n.match){n.match[u]=new RegExp(n.match[u].source+/(?![^\[]*\])(?![^\(]*\))/.source);n.leftMatch[u]=new RegExp(/(^(?:.|\r|\n)*?)/.source+n.match[u].source.replace(/\\(\d+)/g,function(g,
+h){return"\\"+(h-0+1)}))}var z=function(g,h){g=Array.prototype.slice.call(g,0);if(h){h.push.apply(h,g);return h}return g};try{Array.prototype.slice.call(s.documentElement.childNodes,0)}catch(C){z=function(g,h){h=h||[];if(j.call(g)==="[object Array]")Array.prototype.push.apply(h,g);else if(typeof g.length==="number")for(var l=0,m=g.length;l
";if(!(h.querySelectorAll&&h.querySelectorAll(".TEST").length===0)){k=function(m,q,p,v){q=q||s;if(!v&&q.nodeType===9&&!x(q))try{return z(q.querySelectorAll(m),p)}catch(t){}return g(m,q,p,v)};for(var l in g)k[l]=g[l];h=null}}();
+(function(){var g=s.createElement("div");g.innerHTML="
";if(!(!g.getElementsByClassName||g.getElementsByClassName("e").length===0)){g.lastChild.className="e";if(g.getElementsByClassName("e").length!==1){n.order.splice(1,0,"CLASS");n.find.CLASS=function(h,l,m){if(typeof l.getElementsByClassName!=="undefined"&&!m)return l.getElementsByClassName(h[1])};g=null}}})();var E=s.compareDocumentPosition?function(g,h){return!!(g.compareDocumentPosition(h)&16)}:
+function(g,h){return g!==h&&(g.contains?g.contains(h):true)},x=function(g){return(g=(g?g.ownerDocument||g:0).documentElement)?g.nodeName!=="HTML":false},ga=function(g,h){var l=[],m="",q;for(h=h.nodeType?[h]:h;q=n.match.PSEUDO.exec(g);){m+=q[0];g=g.replace(n.match.PSEUDO,"")}g=n.relative[g]?g+"*":g;q=0;for(var p=h.length;q=0===d})};c.fn.extend({find:function(a){for(var b=this.pushStack("","find",a),d=0,f=0,e=this.length;f0)for(var j=d;j0},closest:function(a,b){if(c.isArray(a)){var d=[],f=this[0],e,j=
+{},i;if(f&&a.length){e=0;for(var o=a.length;e-1:c(f).is(e)){d.push({selector:i,elem:f});delete j[i]}}f=f.parentNode}}return d}var k=c.expr.match.POS.test(a)?c(a,b||this.context):null;return this.map(function(n,r){for(;r&&r.ownerDocument&&r!==b;){if(k?k.index(r)>-1:c(r).is(a))return r;r=r.parentNode}return null})},index:function(a){if(!a||typeof a===
+"string")return c.inArray(this[0],a?c(a):this.parent().children());return c.inArray(a.jquery?a[0]:a,this)},add:function(a,b){a=typeof a==="string"?c(a,b||this.context):c.makeArray(a);b=c.merge(this.get(),a);return this.pushStack(qa(a[0])||qa(b[0])?b:c.unique(b))},andSelf:function(){return this.add(this.prevObject)}});c.each({parent:function(a){return(a=a.parentNode)&&a.nodeType!==11?a:null},parents:function(a){return c.dir(a,"parentNode")},parentsUntil:function(a,b,d){return c.dir(a,"parentNode",
+d)},next:function(a){return c.nth(a,2,"nextSibling")},prev:function(a){return c.nth(a,2,"previousSibling")},nextAll:function(a){return c.dir(a,"nextSibling")},prevAll:function(a){return c.dir(a,"previousSibling")},nextUntil:function(a,b,d){return c.dir(a,"nextSibling",d)},prevUntil:function(a,b,d){return c.dir(a,"previousSibling",d)},siblings:function(a){return c.sibling(a.parentNode.firstChild,a)},children:function(a){return c.sibling(a.firstChild)},contents:function(a){return c.nodeName(a,"iframe")?
+a.contentDocument||a.contentWindow.document:c.makeArray(a.childNodes)}},function(a,b){c.fn[a]=function(d,f){var e=c.map(this,b,d);eb.test(a)||(f=d);if(f&&typeof f==="string")e=c.filter(f,e);e=this.length>1?c.unique(e):e;if((this.length>1||gb.test(f))&&fb.test(a))e=e.reverse();return this.pushStack(e,a,R.call(arguments).join(","))}});c.extend({filter:function(a,b,d){if(d)a=":not("+a+")";return c.find.matches(a,b)},dir:function(a,b,d){var f=[];for(a=a[b];a&&a.nodeType!==9&&(d===w||a.nodeType!==1||!c(a).is(d));){a.nodeType===
+1&&f.push(a);a=a[b]}return f},nth:function(a,b,d){b=b||1;for(var f=0;a;a=a[d])if(a.nodeType===1&&++f===b)break;return a},sibling:function(a,b){for(var d=[];a;a=a.nextSibling)a.nodeType===1&&a!==b&&d.push(a);return d}});var Ja=/ jQuery\d+="(?:\d+|null)"/g,V=/^\s+/,Ka=/(<([\w:]+)[^>]*?)\/>/g,hb=/^(?:area|br|col|embed|hr|img|input|link|meta|param)$/i,La=/<([\w:]+)/,ib=/"},F={option:[1,""," "],legend:[1,""," "],thead:[1,""],tr:[2,""],td:[3,""],col:[2,""],area:[1,""," "],_default:[0,"",""]};F.optgroup=F.option;F.tbody=F.tfoot=F.colgroup=F.caption=F.thead;F.th=F.td;if(!c.support.htmlSerialize)F._default=[1,"div","
"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d=
+c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==w)return this.empty().append((this[0]&&this[0].ownerDocument||s).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this,d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this},
+wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},
+prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a=c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,
+this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,f;(f=this[d])!=null;d++)if(!a||c.filter(a,[f]).length){if(!b&&f.nodeType===1){c.cleanData(f.getElementsByTagName("*"));c.cleanData([f])}f.parentNode&&f.parentNode.removeChild(f)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild);
+return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,f=this.ownerDocument;if(!d){d=f.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(Ja,"").replace(/=([^="'>\s]+\/)>/g,'="$1">').replace(V,"")],f)[0]}else return this.cloneNode(true)});if(a===true){ra(this,b);ra(this.find("*"),b.find("*"))}return b},html:function(a){if(a===w)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(Ja,
+""):null;else if(typeof a==="string"&&!ta.test(a)&&(c.support.leadingWhitespace||!V.test(a))&&!F[(La.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(Ka,Ma);try{for(var b=0,d=this.length;b0||e.cacheable||this.length>1?k.cloneNode(true):k)}o.length&&c.each(o,Qa)}return this}});c.fragments={};c.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){c.fn[a]=function(d){var f=[];d=c(d);var e=this.length===1&&this[0].parentNode;if(e&&e.nodeType===11&&e.childNodes.length===1&&d.length===1){d[b](this[0]);
+return this}else{e=0;for(var j=d.length;e0?this.clone(true):this).get();c.fn[b].apply(c(d[e]),i);f=f.concat(i)}return this.pushStack(f,a,d.selector)}}});c.extend({clean:function(a,b,d,f){b=b||s;if(typeof b.createElement==="undefined")b=b.ownerDocument||b[0]&&b[0].ownerDocument||s;for(var e=[],j=0,i;(i=a[j])!=null;j++){if(typeof i==="number")i+="";if(i){if(typeof i==="string"&&!jb.test(i))i=b.createTextNode(i);else if(typeof i==="string"){i=i.replace(Ka,Ma);var o=(La.exec(i)||["",
+""])[1].toLowerCase(),k=F[o]||F._default,n=k[0],r=b.createElement("div");for(r.innerHTML=k[1]+i+k[2];n--;)r=r.lastChild;if(!c.support.tbody){n=ib.test(i);o=o==="table"&&!n?r.firstChild&&r.firstChild.childNodes:k[1]===""&&!n?r.childNodes:[];for(k=o.length-1;k>=0;--k)c.nodeName(o[k],"tbody")&&!o[k].childNodes.length&&o[k].parentNode.removeChild(o[k])}!c.support.leadingWhitespace&&V.test(i)&&r.insertBefore(b.createTextNode(V.exec(i)[0]),r.firstChild);i=r.childNodes}if(i.nodeType)e.push(i);else e=
+c.merge(e,i)}}if(d)for(j=0;e[j];j++)if(f&&c.nodeName(e[j],"script")&&(!e[j].type||e[j].type.toLowerCase()==="text/javascript"))f.push(e[j].parentNode?e[j].parentNode.removeChild(e[j]):e[j]);else{e[j].nodeType===1&&e.splice.apply(e,[j+1,0].concat(c.makeArray(e[j].getElementsByTagName("script"))));d.appendChild(e[j])}return e},cleanData:function(a){for(var b,d,f=c.cache,e=c.event.special,j=c.support.deleteExpando,i=0,o;(o=a[i])!=null;i++)if(d=o[c.expando]){b=f[d];if(b.events)for(var k in b.events)e[k]?
+c.event.remove(o,k):Ca(o,k,b.handle);if(j)delete o[c.expando];else o.removeAttribute&&o.removeAttribute(c.expando);delete f[d]}}});var kb=/z-?index|font-?weight|opacity|zoom|line-?height/i,Na=/alpha\([^)]*\)/,Oa=/opacity=([^)]*)/,ha=/float/i,ia=/-([a-z])/ig,lb=/([A-Z])/g,mb=/^-?\d+(?:px)?$/i,nb=/^-?\d/,ob={position:"absolute",visibility:"hidden",display:"block"},pb=["Left","Right"],qb=["Top","Bottom"],rb=s.defaultView&&s.defaultView.getComputedStyle,Pa=c.support.cssFloat?"cssFloat":"styleFloat",ja=
+function(a,b){return b.toUpperCase()};c.fn.css=function(a,b){return X(this,a,b,true,function(d,f,e){if(e===w)return c.curCSS(d,f);if(typeof e==="number"&&!kb.test(f))e+="px";c.style(d,f,e)})};c.extend({style:function(a,b,d){if(!a||a.nodeType===3||a.nodeType===8)return w;if((b==="width"||b==="height")&&parseFloat(d)<0)d=w;var f=a.style||a,e=d!==w;if(!c.support.opacity&&b==="opacity"){if(e){f.zoom=1;b=parseInt(d,10)+""==="NaN"?"":"alpha(opacity="+d*100+")";a=f.filter||c.curCSS(a,"filter")||"";f.filter=
+Na.test(a)?a.replace(Na,b):b}return f.filter&&f.filter.indexOf("opacity=")>=0?parseFloat(Oa.exec(f.filter)[1])/100+"":""}if(ha.test(b))b=Pa;b=b.replace(ia,ja);if(e)f[b]=d;return f[b]},css:function(a,b,d,f){if(b==="width"||b==="height"){var e,j=b==="width"?pb:qb;function i(){e=b==="width"?a.offsetWidth:a.offsetHeight;f!=="border"&&c.each(j,function(){f||(e-=parseFloat(c.curCSS(a,"padding"+this,true))||0);if(f==="margin")e+=parseFloat(c.curCSS(a,"margin"+this,true))||0;else e-=parseFloat(c.curCSS(a,
+"border"+this+"Width",true))||0})}a.offsetWidth!==0?i():c.swap(a,ob,i);return Math.max(0,Math.round(e))}return c.curCSS(a,b,d)},curCSS:function(a,b,d){var f,e=a.style;if(!c.support.opacity&&b==="opacity"&&a.currentStyle){f=Oa.test(a.currentStyle.filter||"")?parseFloat(RegExp.$1)/100+"":"";return f===""?"1":f}if(ha.test(b))b=Pa;if(!d&&e&&e[b])f=e[b];else if(rb){if(ha.test(b))b="float";b=b.replace(lb,"-$1").toLowerCase();e=a.ownerDocument.defaultView;if(!e)return null;if(a=e.getComputedStyle(a,null))f=
+a.getPropertyValue(b);if(b==="opacity"&&f==="")f="1"}else if(a.currentStyle){d=b.replace(ia,ja);f=a.currentStyle[b]||a.currentStyle[d];if(!mb.test(f)&&nb.test(f)){b=e.left;var j=a.runtimeStyle.left;a.runtimeStyle.left=a.currentStyle.left;e.left=d==="fontSize"?"1em":f||0;f=e.pixelLeft+"px";e.left=b;a.runtimeStyle.left=j}}return f},swap:function(a,b,d){var f={};for(var e in b){f[e]=a.style[e];a.style[e]=b[e]}d.call(a);for(e in b)a.style[e]=f[e]}});if(c.expr&&c.expr.filters){c.expr.filters.hidden=function(a){var b=
+a.offsetWidth,d=a.offsetHeight,f=a.nodeName.toLowerCase()==="tr";return b===0&&d===0&&!f?true:b>0&&d>0&&!f?false:c.curCSS(a,"display")==="none"};c.expr.filters.visible=function(a){return!c.expr.filters.hidden(a)}}var sb=J(),tb=//gi,ub=/select|textarea/i,vb=/color|date|datetime|email|hidden|month|number|password|range|search|tel|text|time|url|week/i,N=/=\?(&|$)/,ka=/\?/,wb=/(\?|&)_=.*?(&|$)/,xb=/^(\w+:)?\/\/([^\/?#]+)/,yb=/%20/g,zb=c.fn.load;c.fn.extend({load:function(a,b,d){if(typeof a!==
+"string")return zb.call(this,a);else if(!this.length)return this;var f=a.indexOf(" ");if(f>=0){var e=a.slice(f,a.length);a=a.slice(0,f)}f="GET";if(b)if(c.isFunction(b)){d=b;b=null}else if(typeof b==="object"){b=c.param(b,c.ajaxSettings.traditional);f="POST"}var j=this;c.ajax({url:a,type:f,dataType:"html",data:b,complete:function(i,o){if(o==="success"||o==="notmodified")j.html(e?c("
").append(i.responseText.replace(tb,"")).find(e):i.responseText);d&&j.each(d,[i.responseText,o,i])}});return this},
+serialize:function(){return c.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?c.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||ub.test(this.nodeName)||vb.test(this.type))}).map(function(a,b){a=c(this).val();return a==null?null:c.isArray(a)?c.map(a,function(d){return{name:b.name,value:d}}):{name:b.name,value:a}}).get()}});c.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),
+function(a,b){c.fn[b]=function(d){return this.bind(b,d)}});c.extend({get:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b=null}return c.ajax({type:"GET",url:a,data:b,success:d,dataType:f})},getScript:function(a,b){return c.get(a,null,b,"script")},getJSON:function(a,b,d){return c.get(a,b,d,"json")},post:function(a,b,d,f){if(c.isFunction(b)){f=f||d;d=b;b={}}return c.ajax({type:"POST",url:a,data:b,success:d,dataType:f})},ajaxSetup:function(a){c.extend(c.ajaxSettings,a)},ajaxSettings:{url:location.href,
+global:true,type:"GET",contentType:"application/x-www-form-urlencoded",processData:true,async:true,xhr:A.XMLHttpRequest&&(A.location.protocol!=="file:"||!A.ActiveXObject)?function(){return new A.XMLHttpRequest}:function(){try{return new A.ActiveXObject("Microsoft.XMLHTTP")}catch(a){}},accepts:{xml:"application/xml, text/xml",html:"text/html",script:"text/javascript, application/javascript",json:"application/json, text/javascript",text:"text/plain",_default:"*/*"}},lastModified:{},etag:{},ajax:function(a){function b(){e.success&&
+e.success.call(k,o,i,x);e.global&&f("ajaxSuccess",[x,e])}function d(){e.complete&&e.complete.call(k,x,i);e.global&&f("ajaxComplete",[x,e]);e.global&&!--c.active&&c.event.trigger("ajaxStop")}function f(q,p){(e.context?c(e.context):c.event).trigger(q,p)}var e=c.extend(true,{},c.ajaxSettings,a),j,i,o,k=a&&a.context||e,n=e.type.toUpperCase();if(e.data&&e.processData&&typeof e.data!=="string")e.data=c.param(e.data,e.traditional);if(e.dataType==="jsonp"){if(n==="GET")N.test(e.url)||(e.url+=(ka.test(e.url)?
+"&":"?")+(e.jsonp||"callback")+"=?");else if(!e.data||!N.test(e.data))e.data=(e.data?e.data+"&":"")+(e.jsonp||"callback")+"=?";e.dataType="json"}if(e.dataType==="json"&&(e.data&&N.test(e.data)||N.test(e.url))){j=e.jsonpCallback||"jsonp"+sb++;if(e.data)e.data=(e.data+"").replace(N,"="+j+"$1");e.url=e.url.replace(N,"="+j+"$1");e.dataType="script";A[j]=A[j]||function(q){o=q;b();d();A[j]=w;try{delete A[j]}catch(p){}z&&z.removeChild(C)}}if(e.dataType==="script"&&e.cache===null)e.cache=false;if(e.cache===
+false&&n==="GET"){var r=J(),u=e.url.replace(wb,"$1_="+r+"$2");e.url=u+(u===e.url?(ka.test(e.url)?"&":"?")+"_="+r:"")}if(e.data&&n==="GET")e.url+=(ka.test(e.url)?"&":"?")+e.data;e.global&&!c.active++&&c.event.trigger("ajaxStart");r=(r=xb.exec(e.url))&&(r[1]&&r[1]!==location.protocol||r[2]!==location.host);if(e.dataType==="script"&&n==="GET"&&r){var z=s.getElementsByTagName("head")[0]||s.documentElement,C=s.createElement("script");C.src=e.url;if(e.scriptCharset)C.charset=e.scriptCharset;if(!j){var B=
+false;C.onload=C.onreadystatechange=function(){if(!B&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){B=true;b();d();C.onload=C.onreadystatechange=null;z&&C.parentNode&&z.removeChild(C)}}}z.insertBefore(C,z.firstChild);return w}var E=false,x=e.xhr();if(x){e.username?x.open(n,e.url,e.async,e.username,e.password):x.open(n,e.url,e.async);try{if(e.data||a&&a.contentType)x.setRequestHeader("Content-Type",e.contentType);if(e.ifModified){c.lastModified[e.url]&&x.setRequestHeader("If-Modified-Since",
+c.lastModified[e.url]);c.etag[e.url]&&x.setRequestHeader("If-None-Match",c.etag[e.url])}r||x.setRequestHeader("X-Requested-With","XMLHttpRequest");x.setRequestHeader("Accept",e.dataType&&e.accepts[e.dataType]?e.accepts[e.dataType]+", */*":e.accepts._default)}catch(ga){}if(e.beforeSend&&e.beforeSend.call(k,x,e)===false){e.global&&!--c.active&&c.event.trigger("ajaxStop");x.abort();return false}e.global&&f("ajaxSend",[x,e]);var g=x.onreadystatechange=function(q){if(!x||x.readyState===0||q==="abort"){E||
+d();E=true;if(x)x.onreadystatechange=c.noop}else if(!E&&x&&(x.readyState===4||q==="timeout")){E=true;x.onreadystatechange=c.noop;i=q==="timeout"?"timeout":!c.httpSuccess(x)?"error":e.ifModified&&c.httpNotModified(x,e.url)?"notmodified":"success";var p;if(i==="success")try{o=c.httpData(x,e.dataType,e)}catch(v){i="parsererror";p=v}if(i==="success"||i==="notmodified")j||b();else c.handleError(e,x,i,p);d();q==="timeout"&&x.abort();if(e.async)x=null}};try{var h=x.abort;x.abort=function(){x&&h.call(x);
+g("abort")}}catch(l){}e.async&&e.timeout>0&&setTimeout(function(){x&&!E&&g("timeout")},e.timeout);try{x.send(n==="POST"||n==="PUT"||n==="DELETE"?e.data:null)}catch(m){c.handleError(e,x,null,m);d()}e.async||g();return x}},handleError:function(a,b,d,f){if(a.error)a.error.call(a.context||a,b,d,f);if(a.global)(a.context?c(a.context):c.event).trigger("ajaxError",[b,a,f])},active:0,httpSuccess:function(a){try{return!a.status&&location.protocol==="file:"||a.status>=200&&a.status<300||a.status===304||a.status===
+1223||a.status===0}catch(b){}return false},httpNotModified:function(a,b){var d=a.getResponseHeader("Last-Modified"),f=a.getResponseHeader("Etag");if(d)c.lastModified[b]=d;if(f)c.etag[b]=f;return a.status===304||a.status===0},httpData:function(a,b,d){var f=a.getResponseHeader("content-type")||"",e=b==="xml"||!b&&f.indexOf("xml")>=0;a=e?a.responseXML:a.responseText;e&&a.documentElement.nodeName==="parsererror"&&c.error("parsererror");if(d&&d.dataFilter)a=d.dataFilter(a,b);if(typeof a==="string")if(b===
+"json"||!b&&f.indexOf("json")>=0)a=c.parseJSON(a);else if(b==="script"||!b&&f.indexOf("javascript")>=0)c.globalEval(a);return a},param:function(a,b){function d(i,o){if(c.isArray(o))c.each(o,function(k,n){b||/\[\]$/.test(i)?f(i,n):d(i+"["+(typeof n==="object"||c.isArray(n)?k:"")+"]",n)});else!b&&o!=null&&typeof o==="object"?c.each(o,function(k,n){d(i+"["+k+"]",n)}):f(i,o)}function f(i,o){o=c.isFunction(o)?o():o;e[e.length]=encodeURIComponent(i)+"="+encodeURIComponent(o)}var e=[];if(b===w)b=c.ajaxSettings.traditional;
+if(c.isArray(a)||a.jquery)c.each(a,function(){f(this.name,this.value)});else for(var j in a)d(j,a[j]);return e.join("&").replace(yb,"+")}});var la={},Ab=/toggle|show|hide/,Bb=/^([+-]=)?([\d+-.]+)(.*)$/,W,va=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]];c.fn.extend({show:function(a,b){if(a||a===0)return this.animate(K("show",3),a,b);else{a=0;for(b=this.length;a=0;f--)if(d[f].elem===this){b&&d[f](true);d.splice(f,1)}});b||this.dequeue();return this}});c.each({slideDown:K("show",1),slideUp:K("hide",1),slideToggle:K("toggle",1),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"}},function(a,b){c.fn[a]=function(d,f){return this.animate(b,d,f)}});c.extend({speed:function(a,b,d){var f=a&&typeof a==="object"?a:{complete:d||!d&&b||c.isFunction(a)&&a,duration:a,easing:d&&b||b&&!c.isFunction(b)&&b};f.duration=c.fx.off?0:typeof f.duration===
+"number"?f.duration:c.fx.speeds[f.duration]||c.fx.speeds._default;f.old=f.complete;f.complete=function(){f.queue!==false&&c(this).dequeue();c.isFunction(f.old)&&f.old.call(this)};return f},easing:{linear:function(a,b,d,f){return d+f*a},swing:function(a,b,d,f){return(-Math.cos(a*Math.PI)/2+0.5)*f+d}},timers:[],fx:function(a,b,d){this.options=b;this.elem=a;this.prop=d;if(!b.orig)b.orig={}}});c.fx.prototype={update:function(){this.options.step&&this.options.step.call(this.elem,this.now,this);(c.fx.step[this.prop]||
+c.fx.step._default)(this);if((this.prop==="height"||this.prop==="width")&&this.elem.style)this.elem.style.display="block"},cur:function(a){if(this.elem[this.prop]!=null&&(!this.elem.style||this.elem.style[this.prop]==null))return this.elem[this.prop];return(a=parseFloat(c.css(this.elem,this.prop,a)))&&a>-10000?a:parseFloat(c.curCSS(this.elem,this.prop))||0},custom:function(a,b,d){function f(j){return e.step(j)}this.startTime=J();this.start=a;this.end=b;this.unit=d||this.unit||"px";this.now=this.start;
+this.pos=this.state=0;var e=this;f.elem=this.elem;if(f()&&c.timers.push(f)&&!W)W=setInterval(c.fx.tick,13)},show:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.show=true;this.custom(this.prop==="width"||this.prop==="height"?1:0,this.cur());c(this.elem).show()},hide:function(){this.options.orig[this.prop]=c.style(this.elem,this.prop);this.options.hide=true;this.custom(this.cur(),0)},step:function(a){var b=J(),d=true;if(a||b>=this.options.duration+this.startTime){this.now=
+this.end;this.pos=this.state=1;this.update();this.options.curAnim[this.prop]=true;for(var f in this.options.curAnim)if(this.options.curAnim[f]!==true)d=false;if(d){if(this.options.display!=null){this.elem.style.overflow=this.options.overflow;a=c.data(this.elem,"olddisplay");this.elem.style.display=a?a:this.options.display;if(c.css(this.elem,"display")==="none")this.elem.style.display="block"}this.options.hide&&c(this.elem).hide();if(this.options.hide||this.options.show)for(var e in this.options.curAnim)c.style(this.elem,
+e,this.options.orig[e]);this.options.complete.call(this.elem)}return false}else{e=b-this.startTime;this.state=e/this.options.duration;a=this.options.easing||(c.easing.swing?"swing":"linear");this.pos=c.easing[this.options.specialEasing&&this.options.specialEasing[this.prop]||a](this.state,e,0,1,this.options.duration);this.now=this.start+(this.end-this.start)*this.pos;this.update()}return true}};c.extend(c.fx,{tick:function(){for(var a=c.timers,b=0;b
";
+a.insertBefore(b,a.firstChild);d=b.firstChild;f=d.firstChild;e=d.nextSibling.firstChild.firstChild;this.doesNotAddBorder=f.offsetTop!==5;this.doesAddBorderForTableAndCells=e.offsetTop===5;f.style.position="fixed";f.style.top="20px";this.supportsFixedPosition=f.offsetTop===20||f.offsetTop===15;f.style.position=f.style.top="";d.style.overflow="hidden";d.style.position="relative";this.subtractsBorderForOverflowNotVisible=f.offsetTop===-5;this.doesNotIncludeMarginInBodyOffset=a.offsetTop!==j;a.removeChild(b);
+c.offset.initialize=c.noop},bodyOffset:function(a){var b=a.offsetTop,d=a.offsetLeft;c.offset.initialize();if(c.offset.doesNotIncludeMarginInBodyOffset){b+=parseFloat(c.curCSS(a,"marginTop",true))||0;d+=parseFloat(c.curCSS(a,"marginLeft",true))||0}return{top:b,left:d}},setOffset:function(a,b,d){if(/static/.test(c.curCSS(a,"position")))a.style.position="relative";var f=c(a),e=f.offset(),j=parseInt(c.curCSS(a,"top",true),10)||0,i=parseInt(c.curCSS(a,"left",true),10)||0;if(c.isFunction(b))b=b.call(a,
+d,e);d={top:b.top-e.top+j,left:b.left-e.left+i};"using"in b?b.using.call(a,d):f.css(d)}};c.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),d=this.offset(),f=/^body|html$/i.test(b[0].nodeName)?{top:0,left:0}:b.offset();d.top-=parseFloat(c.curCSS(a,"marginTop",true))||0;d.left-=parseFloat(c.curCSS(a,"marginLeft",true))||0;f.top+=parseFloat(c.curCSS(b[0],"borderTopWidth",true))||0;f.left+=parseFloat(c.curCSS(b[0],"borderLeftWidth",true))||0;return{top:d.top-
+f.top,left:d.left-f.left}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||s.body;a&&!/^body|html$/i.test(a.nodeName)&&c.css(a,"position")==="static";)a=a.offsetParent;return a})}});c.each(["Left","Top"],function(a,b){var d="scroll"+b;c.fn[d]=function(f){var e=this[0],j;if(!e)return null;if(f!==w)return this.each(function(){if(j=wa(this))j.scrollTo(!a?f:c(j).scrollLeft(),a?f:c(j).scrollTop());else this[d]=f});else return(j=wa(e))?"pageXOffset"in j?j[a?"pageYOffset":
+"pageXOffset"]:c.support.boxModel&&j.document.documentElement[d]||j.document.body[d]:e[d]}});c.each(["Height","Width"],function(a,b){var d=b.toLowerCase();c.fn["inner"+b]=function(){return this[0]?c.css(this[0],d,false,"padding"):null};c.fn["outer"+b]=function(f){return this[0]?c.css(this[0],d,false,f?"margin":"border"):null};c.fn[d]=function(f){var e=this[0];if(!e)return f==null?null:this;if(c.isFunction(f))return this.each(function(j){var i=c(this);i[d](f.call(this,j,i[d]()))});return"scrollTo"in
+e&&e.document?e.document.compatMode==="CSS1Compat"&&e.document.documentElement["client"+b]||e.document.body["client"+b]:e.nodeType===9?Math.max(e.documentElement["client"+b],e.body["scroll"+b],e.documentElement["scroll"+b],e.body["offset"+b],e.documentElement["offset"+b]):f===w?c.css(e,d):this.css(d,typeof f==="string"?f:f+"px")}});A.jQuery=A.$=c})(window);
diff --git a/frontend/web/js/widget-carousel/lib/jquery.jcarousel.js b/frontend/web/js/widget-carousel/lib/jquery.jcarousel.js
new file mode 100644
index 0000000..1bbb0bb
--- /dev/null
+++ b/frontend/web/js/widget-carousel/lib/jquery.jcarousel.js
@@ -0,0 +1,1057 @@
+/*!
+ * jCarousel - Riding carousels with jQuery
+ * http://sorgalla.com/jcarousel/
+ *
+ * Copyright (c) 2006 Jan Sorgalla (http://sorgalla.com)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * Built on top of the jQuery library
+ * http://jquery.com
+ *
+ * Inspired by the "Carousel Component" by Bill Scott
+ * http://billwscott.com/carousel/
+ */
+
+/*global window, jQuery */
+(function($) {
+ // Default configuration properties.
+ var defaults = {
+ vertical: false,
+ rtl: false,
+ start: 1,
+ offset: 1,
+ size: null,
+ scroll: 3,
+ visible: null,
+ animation: 'normal',
+ easing: 'swing',
+ auto: 0,
+ wrap: null,
+ initCallback: null,
+ setupCallback: null,
+ reloadCallback: null,
+ itemLoadCallback: null,
+ itemFirstInCallback: null,
+ itemFirstOutCallback: null,
+ itemLastInCallback: null,
+ itemLastOutCallback: null,
+ itemVisibleInCallback: null,
+ itemVisibleOutCallback: null,
+ animationStepCallback: null,
+ buttonNextHTML: '
',
+ buttonPrevHTML: '
',
+ buttonNextEvent: 'click',
+ buttonPrevEvent: 'click',
+ buttonNextCallback: null,
+ buttonPrevCallback: null,
+ itemFallbackDimension: null
+ }, windowLoaded = false;
+
+ $(window).bind('load.jcarousel', function() { windowLoaded = true; });
+
+ /**
+ * The jCarousel object.
+ *
+ * @constructor
+ * @class jcarousel
+ * @param e {HTMLElement} The element to create the carousel for.
+ * @param o {Object} A set of key/value pairs to set as configuration properties.
+ * @cat Plugins/jCarousel
+ */
+ $.jcarousel = function(e, o) {
+ this.options = $.extend({}, defaults, o || {});
+
+ this.locked = false;
+ this.autoStopped = false;
+
+ this.container = null;
+ this.clip = null;
+ this.list = null;
+ this.buttonNext = null;
+ this.buttonPrev = null;
+ this.buttonNextState = null;
+ this.buttonPrevState = null;
+
+ // Only set if not explicitly passed as option
+ if (!o || o.rtl === undefined) {
+ this.options.rtl = ($(e).attr('dir') || $('html').attr('dir') || '').toLowerCase() == 'rtl';
+ }
+
+ this.wh = !this.options.vertical ? 'width' : 'height';
+ this.lt = !this.options.vertical ? (this.options.rtl ? 'right' : 'left') : 'top';
+
+ // Extract skin class
+ var skin = '', split = e.className.split(' ');
+
+ for (var i = 0; i < split.length; i++) {
+ if (split[i].indexOf('jcarousel-skin') != -1) {
+ $(e).removeClass(split[i]);
+ skin = split[i];
+ break;
+ }
+ }
+
+ if (e.nodeName.toUpperCase() == 'UL' || e.nodeName.toUpperCase() == 'OL') {
+ this.list = $(e);
+ this.clip = this.list.parents('.jcarousel-clip');
+ this.container = this.list.parents('.jcarousel-container');
+ } else {
+ this.container = $(e);
+ this.list = this.container.find('ul,ol').eq(0);
+ this.clip = this.container.find('.jcarousel-clip');
+ }
+
+ if (this.clip.size() === 0) {
+ this.clip = this.list.wrap('
').parent();
+ }
+
+ if (this.container.size() === 0) {
+ this.container = this.clip.wrap('
').parent();
+ }
+
+ if (skin !== '' && this.container.parent()[0].className.indexOf('jcarousel-skin') == -1) {
+ this.container.wrap('
');
+ }
+
+ this.buttonPrev = $('.jcarousel-prev', this.container);
+
+ if (this.buttonPrev.size() === 0 && this.options.buttonPrevHTML !== null) {
+ this.buttonPrev = $(this.options.buttonPrevHTML).appendTo(this.container);
+ }
+
+ this.buttonPrev.addClass(this.className('jcarousel-prev'));
+
+ this.buttonNext = $('.jcarousel-next', this.container);
+
+ if (this.buttonNext.size() === 0 && this.options.buttonNextHTML !== null) {
+ this.buttonNext = $(this.options.buttonNextHTML).appendTo(this.container);
+ }
+
+ this.buttonNext.addClass(this.className('jcarousel-next'));
+
+ this.clip.addClass(this.className('jcarousel-clip')).css({
+ position: 'relative'
+ });
+
+ this.list.addClass(this.className('jcarousel-list')).css({
+ overflow: 'hidden',
+ position: 'relative',
+ top: 0,
+ margin: 0,
+ padding: 0
+ }).css((this.options.rtl ? 'right' : 'left'), 0);
+
+ this.container.addClass(this.className('jcarousel-container')).css({
+ position: 'relative'
+ });
+
+ if (!this.options.vertical && this.options.rtl) {
+ this.container.addClass('jcarousel-direction-rtl').attr('dir', 'rtl');
+ }
+
+ var di = this.options.visible !== null ? Math.ceil(this.clipping() / this.options.visible) : null;
+ var li = this.list.children('li');
+
+ var self = this;
+
+ if (li.size() > 0) {
+ var wh = 0, j = this.options.offset;
+ li.each(function() {
+ self.format(this, j++);
+ wh += self.dimension(this, di);
+ });
+
+ this.list.css(this.wh, (wh + 100) + 'px');
+
+ // Only set if not explicitly passed as option
+ if (!o || o.size === undefined) {
+ this.options.size = li.size();
+ }
+ }
+
+ // For whatever reason, .show() does not work in Safari...
+ this.container.css('display', 'block');
+ this.buttonNext.css('display', 'block');
+ this.buttonPrev.css('display', 'block');
+
+ this.funcNext = function() { self.next(); };
+ this.funcPrev = function() { self.prev(); };
+ this.funcResize = function() {
+ if (self.resizeTimer) {
+ clearTimeout(self.resizeTimer);
+ }
+
+ self.resizeTimer = setTimeout(function() {
+ self.reload();
+ }, 100);
+ };
+
+ if (this.options.initCallback !== null) {
+ this.options.initCallback(this, 'init');
+ }
+
+ if (!windowLoaded && $.browser.safari) {
+ this.buttons(false, false);
+ $(window).bind('load.jcarousel', function() { self.setup(); });
+ } else {
+ this.setup();
+ }
+ };
+
+ // Create shortcut for internal use
+ var $jc = $.jcarousel;
+
+ $jc.fn = $jc.prototype = {
+ jcarousel: '0.2.8'
+ };
+
+ $jc.fn.extend = $jc.extend = $.extend;
+
+ $jc.fn.extend({
+ /**
+ * Setups the carousel.
+ *
+ * @method setup
+ * @return undefined
+ */
+ setup: function() {
+ this.first = null;
+ this.last = null;
+ this.prevFirst = null;
+ this.prevLast = null;
+ this.animating = false;
+ this.timer = null;
+ this.resizeTimer = null;
+ this.tail = null;
+ this.inTail = false;
+
+ if (this.locked) {
+ return;
+ }
+
+ this.list.css(this.lt, this.pos(this.options.offset) + 'px');
+ var p = this.pos(this.options.start, true);
+ this.prevFirst = this.prevLast = null;
+ this.animate(p, false);
+
+ $(window).unbind('resize.jcarousel', this.funcResize).bind('resize.jcarousel', this.funcResize);
+
+ if (this.options.setupCallback !== null) {
+ this.options.setupCallback(this);
+ }
+ },
+
+ /**
+ * Clears the list and resets the carousel.
+ *
+ * @method reset
+ * @return undefined
+ */
+ reset: function() {
+ this.list.empty();
+
+ this.list.css(this.lt, '0px');
+ this.list.css(this.wh, '10px');
+
+ if (this.options.initCallback !== null) {
+ this.options.initCallback(this, 'reset');
+ }
+
+ this.setup();
+ },
+
+ /**
+ * Reloads the carousel and adjusts positions.
+ *
+ * @method reload
+ * @return undefined
+ */
+ reload: function() {
+ if (this.tail !== null && this.inTail) {
+ this.list.css(this.lt, $jc.intval(this.list.css(this.lt)) + this.tail);
+ }
+
+ this.tail = null;
+ this.inTail = false;
+
+ if (this.options.reloadCallback !== null) {
+ this.options.reloadCallback(this);
+ }
+
+ if (this.options.visible !== null) {
+ var self = this;
+ var di = Math.ceil(this.clipping() / this.options.visible), wh = 0, lt = 0;
+ this.list.children('li').each(function(i) {
+ wh += self.dimension(this, di);
+ if (i + 1 < self.first) {
+ lt = wh;
+ }
+ });
+
+ this.list.css(this.wh, wh + 'px');
+ this.list.css(this.lt, -lt + 'px');
+ }
+
+ this.scroll(this.first, false);
+ },
+
+ /**
+ * Locks the carousel.
+ *
+ * @method lock
+ * @return undefined
+ */
+ lock: function() {
+ this.locked = true;
+ this.buttons();
+ },
+
+ /**
+ * Unlocks the carousel.
+ *
+ * @method unlock
+ * @return undefined
+ */
+ unlock: function() {
+ this.locked = false;
+ this.buttons();
+ },
+
+ /**
+ * Sets the size of the carousel.
+ *
+ * @method size
+ * @return undefined
+ * @param s {Number} The size of the carousel.
+ */
+ size: function(s) {
+ if (s !== undefined) {
+ this.options.size = s;
+ if (!this.locked) {
+ this.buttons();
+ }
+ }
+
+ return this.options.size;
+ },
+
+ /**
+ * Checks whether a list element exists for the given index (or index range).
+ *
+ * @method get
+ * @return bool
+ * @param i {Number} The index of the (first) element.
+ * @param i2 {Number} The index of the last element.
+ */
+ has: function(i, i2) {
+ if (i2 === undefined || !i2) {
+ i2 = i;
+ }
+
+ if (this.options.size !== null && i2 > this.options.size) {
+ i2 = this.options.size;
+ }
+
+ for (var j = i; j <= i2; j++) {
+ var e = this.get(j);
+ if (!e.length || e.hasClass('jcarousel-item-placeholder')) {
+ return false;
+ }
+ }
+
+ return true;
+ },
+
+ /**
+ * Returns a jQuery object with list element for the given index.
+ *
+ * @method get
+ * @return jQuery
+ * @param i {Number} The index of the element.
+ */
+ get: function(i) {
+ return $('>.jcarousel-item-' + i, this.list);
+ },
+
+ /**
+ * Adds an element for the given index to the list.
+ * If the element already exists, it updates the inner html.
+ * Returns the created element as jQuery object.
+ *
+ * @method add
+ * @return jQuery
+ * @param i {Number} The index of the element.
+ * @param s {String} The innerHTML of the element.
+ */
+ add: function(i, s) {
+ var e = this.get(i), old = 0, n = $(s);
+
+ if (e.length === 0) {
+ var c, j = $jc.intval(i);
+ e = this.create(i);
+ while (true) {
+ c = this.get(--j);
+ if (j <= 0 || c.length) {
+ if (j <= 0) {
+ this.list.prepend(e);
+ } else {
+ c.after(e);
+ }
+ break;
+ }
+ }
+ } else {
+ old = this.dimension(e);
+ }
+
+ if (n.get(0).nodeName.toUpperCase() == 'LI') {
+ e.replaceWith(n);
+ e = n;
+ } else {
+ e.empty().append(s);
+ }
+
+ this.format(e.removeClass(this.className('jcarousel-item-placeholder')), i);
+
+ var di = this.options.visible !== null ? Math.ceil(this.clipping() / this.options.visible) : null;
+ var wh = this.dimension(e, di) - old;
+
+ if (i > 0 && i < this.first) {
+ this.list.css(this.lt, $jc.intval(this.list.css(this.lt)) - wh + 'px');
+ }
+
+ this.list.css(this.wh, $jc.intval(this.list.css(this.wh)) + wh + 'px');
+
+ return e;
+ },
+
+ /**
+ * Removes an element for the given index from the list.
+ *
+ * @method remove
+ * @return undefined
+ * @param i {Number} The index of the element.
+ */
+ remove: function(i) {
+ var e = this.get(i);
+
+ // Check if item exists and is not currently visible
+ if (!e.length || (i >= this.first && i <= this.last)) {
+ return;
+ }
+
+ var d = this.dimension(e);
+
+ if (i < this.first) {
+ this.list.css(this.lt, $jc.intval(this.list.css(this.lt)) + d + 'px');
+ }
+
+ e.remove();
+
+ this.list.css(this.wh, $jc.intval(this.list.css(this.wh)) - d + 'px');
+ },
+
+ /**
+ * Moves the carousel forwards.
+ *
+ * @method next
+ * @return undefined
+ */
+ next: function() {
+ if (this.tail !== null && !this.inTail) {
+ this.scrollTail(false);
+ } else {
+ this.scroll(((this.options.wrap == 'both' || this.options.wrap == 'last') && this.options.size !== null && this.last == this.options.size) ? 1 : this.first + this.options.scroll);
+ }
+ },
+
+ /**
+ * Moves the carousel backwards.
+ *
+ * @method prev
+ * @return undefined
+ */
+ prev: function() {
+ if (this.tail !== null && this.inTail) {
+ this.scrollTail(true);
+ } else {
+ this.scroll(((this.options.wrap == 'both' || this.options.wrap == 'first') && this.options.size !== null && this.first == 1) ? this.options.size : this.first - this.options.scroll);
+ }
+ },
+
+ /**
+ * Scrolls the tail of the carousel.
+ *
+ * @method scrollTail
+ * @return undefined
+ * @param b {Boolean} Whether scroll the tail back or forward.
+ */
+ scrollTail: function(b) {
+ if (this.locked || this.animating || !this.tail) {
+ return;
+ }
+
+ this.pauseAuto();
+
+ var pos = $jc.intval(this.list.css(this.lt));
+
+ pos = !b ? pos - this.tail : pos + this.tail;
+ this.inTail = !b;
+
+ // Save for callbacks
+ this.prevFirst = this.first;
+ this.prevLast = this.last;
+
+ this.animate(pos);
+ },
+
+ /**
+ * Scrolls the carousel to a certain position.
+ *
+ * @method scroll
+ * @return undefined
+ * @param i {Number} The index of the element to scoll to.
+ * @param a {Boolean} Flag indicating whether to perform animation.
+ */
+ scroll: function(i, a) {
+ if (this.locked || this.animating) {
+ return;
+ }
+
+ this.pauseAuto();
+ this.animate(this.pos(i), a);
+ },
+
+ /**
+ * Prepares the carousel and return the position for a certian index.
+ *
+ * @method pos
+ * @return {Number}
+ * @param i {Number} The index of the element to scoll to.
+ * @param fv {Boolean} Whether to force last item to be visible.
+ */
+ pos: function(i, fv) {
+ var pos = $jc.intval(this.list.css(this.lt));
+
+ if (this.locked || this.animating) {
+ return pos;
+ }
+
+ if (this.options.wrap != 'circular') {
+ i = i < 1 ? 1 : (this.options.size && i > this.options.size ? this.options.size : i);
+ }
+
+ var back = this.first > i;
+
+ // Create placeholders, new list width/height
+ // and new list position
+ var f = this.options.wrap != 'circular' && this.first <= 1 ? 1 : this.first;
+ var c = back ? this.get(f) : this.get(this.last);
+ var j = back ? f : f - 1;
+ var e = null, l = 0, p = false, d = 0, g;
+
+ while (back ? --j >= i : ++j < i) {
+ e = this.get(j);
+ p = !e.length;
+ if (e.length === 0) {
+ e = this.create(j).addClass(this.className('jcarousel-item-placeholder'));
+ c[back ? 'before' : 'after' ](e);
+
+ if (this.first !== null && this.options.wrap == 'circular' && this.options.size !== null && (j <= 0 || j > this.options.size)) {
+ g = this.get(this.index(j));
+ if (g.length) {
+ e = this.add(j, g.clone(true));
+ }
+ }
+ }
+
+ c = e;
+ d = this.dimension(e);
+
+ if (p) {
+ l += d;
+ }
+
+ if (this.first !== null && (this.options.wrap == 'circular' || (j >= 1 && (this.options.size === null || j <= this.options.size)))) {
+ pos = back ? pos + d : pos - d;
+ }
+ }
+
+ // Calculate visible items
+ var clipping = this.clipping(), cache = [], visible = 0, v = 0;
+ c = this.get(i - 1);
+ j = i;
+
+ while (++visible) {
+ e = this.get(j);
+ p = !e.length;
+ if (e.length === 0) {
+ e = this.create(j).addClass(this.className('jcarousel-item-placeholder'));
+ // This should only happen on a next scroll
+ if (c.length === 0) {
+ this.list.prepend(e);
+ } else {
+ c[back ? 'before' : 'after' ](e);
+ }
+
+ if (this.first !== null && this.options.wrap == 'circular' && this.options.size !== null && (j <= 0 || j > this.options.size)) {
+ g = this.get(this.index(j));
+ if (g.length) {
+ e = this.add(j, g.clone(true));
+ }
+ }
+ }
+
+ c = e;
+ d = this.dimension(e);
+ if (d === 0) {
+ throw new Error('jCarousel: No width/height set for items. This will cause an infinite loop. Aborting...');
+ }
+
+ if (this.options.wrap != 'circular' && this.options.size !== null && j > this.options.size) {
+ cache.push(e);
+ } else if (p) {
+ l += d;
+ }
+
+ v += d;
+
+ if (v >= clipping) {
+ break;
+ }
+
+ j++;
+ }
+
+ // Remove out-of-range placeholders
+ for (var x = 0; x < cache.length; x++) {
+ cache[x].remove();
+ }
+
+ // Resize list
+ if (l > 0) {
+ this.list.css(this.wh, this.dimension(this.list) + l + 'px');
+
+ if (back) {
+ pos -= l;
+ this.list.css(this.lt, $jc.intval(this.list.css(this.lt)) - l + 'px');
+ }
+ }
+
+ // Calculate first and last item
+ var last = i + visible - 1;
+ if (this.options.wrap != 'circular' && this.options.size && last > this.options.size) {
+ last = this.options.size;
+ }
+
+ if (j > last) {
+ visible = 0;
+ j = last;
+ v = 0;
+ while (++visible) {
+ e = this.get(j--);
+ if (!e.length) {
+ break;
+ }
+ v += this.dimension(e);
+ if (v >= clipping) {
+ break;
+ }
+ }
+ }
+
+ var first = last - visible + 1;
+ if (this.options.wrap != 'circular' && first < 1) {
+ first = 1;
+ }
+
+ if (this.inTail && back) {
+ pos += this.tail;
+ this.inTail = false;
+ }
+
+ this.tail = null;
+ if (this.options.wrap != 'circular' && last == this.options.size && (last - visible + 1) >= 1) {
+ var m = $jc.intval(this.get(last).css(!this.options.vertical ? 'marginRight' : 'marginBottom'));
+ if ((v - m) > clipping) {
+ this.tail = v - clipping - m;
+ }
+ }
+
+ if (fv && i === this.options.size && this.tail) {
+ pos -= this.tail;
+ this.inTail = true;
+ }
+
+ // Adjust position
+ while (i-- > first) {
+ pos += this.dimension(this.get(i));
+ }
+
+ // Save visible item range
+ this.prevFirst = this.first;
+ this.prevLast = this.last;
+ this.first = first;
+ this.last = last;
+
+ return pos;
+ },
+
+ /**
+ * Animates the carousel to a certain position.
+ *
+ * @method animate
+ * @return undefined
+ * @param p {Number} Position to scroll to.
+ * @param a {Boolean} Flag indicating whether to perform animation.
+ */
+ animate: function(p, a) {
+ if (this.locked || this.animating) {
+ return;
+ }
+
+ this.animating = true;
+
+ var self = this;
+ var scrolled = function() {
+ self.animating = false;
+
+ if (p === 0) {
+ self.list.css(self.lt, 0);
+ }
+
+ if (!self.autoStopped && (self.options.wrap == 'circular' || self.options.wrap == 'both' || self.options.wrap == 'last' || self.options.size === null || self.last < self.options.size || (self.last == self.options.size && self.tail !== null && !self.inTail))) {
+ self.startAuto();
+ }
+
+ self.buttons();
+ self.notify('onAfterAnimation');
+
+ // This function removes items which are appended automatically for circulation.
+ // This prevents the list from growing infinitely.
+ if (self.options.wrap == 'circular' && self.options.size !== null) {
+ for (var i = self.prevFirst; i <= self.prevLast; i++) {
+ if (i !== null && !(i >= self.first && i <= self.last) && (i < 1 || i > self.options.size)) {
+ self.remove(i);
+ }
+ }
+ }
+ };
+
+ this.notify('onBeforeAnimation');
+
+ // Animate
+ if (!this.options.animation || a === false) {
+ this.list.css(this.lt, p + 'px');
+ scrolled();
+ } else {
+ var o = !this.options.vertical ? (this.options.rtl ? {'right': p} : {'left': p}) : {'top': p};
+ // Define animation settings.
+ var settings = {
+ duration: this.options.animation,
+ easing: this.options.easing,
+ complete: scrolled
+ };
+ // If we have a step callback, specify it as well.
+ if ($.isFunction(this.options.animationStepCallback)) {
+ settings.step = this.options.animationStepCallback;
+ }
+ // Start the animation.
+ this.list.animate(o, settings);
+ }
+ },
+
+ /**
+ * Starts autoscrolling.
+ *
+ * @method auto
+ * @return undefined
+ * @param s {Number} Seconds to periodically autoscroll the content.
+ */
+ startAuto: function(s) {
+ if (s !== undefined) {
+ this.options.auto = s;
+ }
+
+ if (this.options.auto === 0) {
+ return this.stopAuto();
+ }
+
+ if (this.timer !== null) {
+ return;
+ }
+
+ this.autoStopped = false;
+
+ var self = this;
+ this.timer = window.setTimeout(function() { self.next(); }, this.options.auto * 1000);
+ },
+
+ /**
+ * Stops autoscrolling.
+ *
+ * @method stopAuto
+ * @return undefined
+ */
+ stopAuto: function() {
+ this.pauseAuto();
+ this.autoStopped = true;
+ },
+
+ /**
+ * Pauses autoscrolling.
+ *
+ * @method pauseAuto
+ * @return undefined
+ */
+ pauseAuto: function() {
+ if (this.timer === null) {
+ return;
+ }
+
+ window.clearTimeout(this.timer);
+ this.timer = null;
+ },
+
+ /**
+ * Sets the states of the prev/next buttons.
+ *
+ * @method buttons
+ * @return undefined
+ */
+ buttons: function(n, p) {
+ if (n == null) {
+ n = !this.locked && this.options.size !== 0 && ((this.options.wrap && this.options.wrap != 'first') || this.options.size === null || this.last < this.options.size);
+ if (!this.locked && (!this.options.wrap || this.options.wrap == 'first') && this.options.size !== null && this.last >= this.options.size) {
+ n = this.tail !== null && !this.inTail;
+ }
+ }
+
+ if (p == null) {
+ p = !this.locked && this.options.size !== 0 && ((this.options.wrap && this.options.wrap != 'last') || this.first > 1);
+ if (!this.locked && (!this.options.wrap || this.options.wrap == 'last') && this.options.size !== null && this.first == 1) {
+ p = this.tail !== null && this.inTail;
+ }
+ }
+
+ var self = this;
+
+ if (this.buttonNext.size() > 0) {
+ this.buttonNext.unbind(this.options.buttonNextEvent + '.jcarousel', this.funcNext);
+
+ if (n) {
+ this.buttonNext.bind(this.options.buttonNextEvent + '.jcarousel', this.funcNext);
+ }
+
+ this.buttonNext[n ? 'removeClass' : 'addClass'](this.className('jcarousel-next-disabled')).attr('disabled', n ? false : true);
+
+ if (this.options.buttonNextCallback !== null && this.buttonNext.data('jcarouselstate') != n) {
+ this.buttonNext.each(function() { self.options.buttonNextCallback(self, this, n); }).data('jcarouselstate', n);
+ }
+ } else {
+ if (this.options.buttonNextCallback !== null && this.buttonNextState != n) {
+ this.options.buttonNextCallback(self, null, n);
+ }
+ }
+
+ if (this.buttonPrev.size() > 0) {
+ this.buttonPrev.unbind(this.options.buttonPrevEvent + '.jcarousel', this.funcPrev);
+
+ if (p) {
+ this.buttonPrev.bind(this.options.buttonPrevEvent + '.jcarousel', this.funcPrev);
+ }
+
+ this.buttonPrev[p ? 'removeClass' : 'addClass'](this.className('jcarousel-prev-disabled')).attr('disabled', p ? false : true);
+
+ if (this.options.buttonPrevCallback !== null && this.buttonPrev.data('jcarouselstate') != p) {
+ this.buttonPrev.each(function() { self.options.buttonPrevCallback(self, this, p); }).data('jcarouselstate', p);
+ }
+ } else {
+ if (this.options.buttonPrevCallback !== null && this.buttonPrevState != p) {
+ this.options.buttonPrevCallback(self, null, p);
+ }
+ }
+
+ this.buttonNextState = n;
+ this.buttonPrevState = p;
+ },
+
+ /**
+ * Notify callback of a specified event.
+ *
+ * @method notify
+ * @return undefined
+ * @param evt {String} The event name
+ */
+ notify: function(evt) {
+ var state = this.prevFirst === null ? 'init' : (this.prevFirst < this.first ? 'next' : 'prev');
+
+ // Load items
+ this.callback('itemLoadCallback', evt, state);
+
+ if (this.prevFirst !== this.first) {
+ this.callback('itemFirstInCallback', evt, state, this.first);
+ this.callback('itemFirstOutCallback', evt, state, this.prevFirst);
+ }
+
+ if (this.prevLast !== this.last) {
+ this.callback('itemLastInCallback', evt, state, this.last);
+ this.callback('itemLastOutCallback', evt, state, this.prevLast);
+ }
+
+ this.callback('itemVisibleInCallback', evt, state, this.first, this.last, this.prevFirst, this.prevLast);
+ this.callback('itemVisibleOutCallback', evt, state, this.prevFirst, this.prevLast, this.first, this.last);
+ },
+
+ callback: function(cb, evt, state, i1, i2, i3, i4) {
+ if (this.options[cb] == null || (typeof this.options[cb] != 'object' && evt != 'onAfterAnimation')) {
+ return;
+ }
+
+ var callback = typeof this.options[cb] == 'object' ? this.options[cb][evt] : this.options[cb];
+
+ if (!$.isFunction(callback)) {
+ return;
+ }
+
+ var self = this;
+
+ if (i1 === undefined) {
+ callback(self, state, evt);
+ } else if (i2 === undefined) {
+ this.get(i1).each(function() { callback(self, this, i1, state, evt); });
+ } else {
+ var call = function(i) {
+ self.get(i).each(function() { callback(self, this, i, state, evt); });
+ };
+ for (var i = i1; i <= i2; i++) {
+ if (i !== null && !(i >= i3 && i <= i4)) {
+ call(i);
+ }
+ }
+ }
+ },
+
+ create: function(i) {
+ return this.format('
+ *
+ *
+ *
+ * First item
+ * Second item
+ *
+ *
+ *
+ *
+ *
+ *
535&&"ontouchstart"in h)k+=" perspective(2000px)";e.style[g]=k}}}f.me=function(b,a){if(cb())vb(f.F(i,ab,b,a));else ab(b,a)};f.le=function(b,c){var a=t(b);if(a)b.style[a+"Origin"]=c};f.oe=function(a,c){if(q()&&p<9||p<10&&O())a.style.zoom=c==1?"":c;else{var b=t(a);if(b){var f="scale("+c+")",e=a.style[b],g=new RegExp(/[\s]*scale\(.*?\)/g),d=I(e,[g],f);a.style[b]=d}}};f.ne=function(a){if(!a.style[t(a)]||a.style[t(a)]=="none")a.style[t(a)]="perspective(2000px)"};f.Rb=function(b,a){return function(c){c=r(c);var e=c.type,d=c.relatedTarget||(e=="mouseout"?c.toElement:c.fromElement);(!d||d!==a&&!f.nf(a,d))&&b(c)}};f.c=function(a,c,d,b){a=f.hb(a);if(a.addEventListener){c=="mousewheel"&&a.addEventListener("DOMMouseScroll",d,b);a.addEventListener(c,d,b)}else if(a.attachEvent){a.attachEvent("on"+c,d);b&&a.setCapture&&a.setCapture()}};f.I=function(a,c,d,b){a=f.hb(a);if(a.removeEventListener){c=="mousewheel"&&a.removeEventListener("DOMMouseScroll",d,b);a.removeEventListener(c,d,b)}else if(a.detachEvent){a.detachEvent("on"+c,d);b&&a.releaseCapture&&a.releaseCapture()}};f.Fb=function(a){a=r(a);a.preventDefault&&a.preventDefault();a.cancel=c;a.returnValue=g};f.af=function(a){a=r(a);a.stopPropagation&&a.stopPropagation();a.cancelBubble=c};f.F=function(d,c){var a=[].slice.call(arguments,2),b=function(){var b=a.concat([].slice.call(arguments,0));return c.apply(d,b)};return b};f.gf=function(a,b){if(b==j)return a.textContent||a.innerText;var c=e.createTextNode(b);f.jc(a);a.appendChild(c)};f.V=function(d,c){for(var b=[],a=d.firstChild;a;a=a.nextSibling)(c||a.nodeType==1)&&b.push(a);return b};function rb(a,c,e,b){b=b||"u";for(a=a?a.firstChild:i;a;a=a.nextSibling)if(a.nodeType==1){if(S(a,b)==c)return a;if(!e){var d=rb(a,c,e,b);if(d)return d}}}f.C=rb;function Q(a,d,f,b){b=b||"u";var c=[];for(a=a?a.firstChild:i;a;a=a.nextSibling)if(a.nodeType==1){S(a,b)==d&&c.push(a);if(!f){var e=Q(a,d,f,b);if(e.length)c=c.concat(e)}}return c}function lb(a,c,d){for(a=a?a.firstChild:i;a;a=a.nextSibling)if(a.nodeType==1){if(a.tagName==c)return a;if(!d){var b=lb(a,c,d);if(b)return b}}}f.cf=lb;function db(a,c,e){var b=[];for(a=a?a.firstChild:i;a;a=a.nextSibling)if(a.nodeType==1){(!c||a.tagName==c)&&b.push(a);if(!e){var d=db(a,c,e);if(d.length)b=b.concat(d)}}return b}f.of=db;f.mf=function(b,a){return b.getElementsByTagName(a)};function C(){var e=arguments,d,c,b,a,g=1&e[0],f=1+g;d=e[f-1]||{};for(;f-1;f--){var d=c[f],e=V(i);w(e,w(d));a.Vb(e,d.style.cssText);a.Wb(e,d);a.wb(d)}return b};function Db(b){var q=this,o="",r=["av","pv","ds","dn"],g=[],p,k=0,h=0,d=0;function i(){H(b,p,g[d||k||h&2||h]);a.cb(b,"pointer-events",d?"none":"")}function c(){k=0;i();f.I(e,"mouseup",c);f.I(e,"touchend",c);f.I(e,"touchcancel",c)}function n(a){if(d)f.Fb(a);else{k=4;i();f.c(e,"mouseup",c);f.c(e,"touchend",c);f.c(e,"touchcancel",c)}}q.Ic=function(a){if(a!=j){h=a&2||a&1;i()}else return h};q.$Enable=function(a){if(a==j)return!d;d=a?0:3;i()};b=f.hb(b);var l=a.Oe(w(b));if(l)o=l.shift();m(r,function(a){g.push(o+a)});p=Z(" ",g);g.unshift("");f.c(b,"mousedown",n);f.c(b,"touchstart",n)}f.Ub=function(a){return new Db(a)};f.cb=E;f.ab=o("overflow");f.B=o("top",2);f.z=o("left",2);f.o=o("width",2);f.n=o("height",2);f.Vc=o("marginLeft",2);f.Uc=o("marginTop",2);f.E=o("position");f.N=o("display");f.H=o("zIndex",1);f.rb=function(b,a,c){if(a!=j)Bb(b,a,c);else return Ab(b)};f.Vb=function(a,b){if(b!=j)a.style.cssText=b;else return a.style.cssText};var R={$Opacity:f.rb,$Top:f.B,$Left:f.z,db:f.o,eb:f.n,xb:f.E,yg:f.N,$ZIndex:f.H},u;function J(){if(!u)u=C({zg:f.Uc,Ag:f.Vc,$Clip:f.Ve,kc:f.me},R);return u}function pb(){J();u.kc=u.kc;return u}f.ce=J;f.Wd=pb;f.Vd=function(c,b){J();var a={};m(b,function(d,b){if(R[b])a[b]=R[b](c)});return a};f.L=function(c,b){var a=J();m(b,function(d,b){a[b]&&a[b](c,d)})};f.Ad=function(b,a){pb();f.L(b,a)};var F=new function(){var a=this;function b(d,g){for(var j=d[0].length,i=d.length,h=g[0].length,f=[],c=0;c=j||d<=f))d=((d-f)%r+r)%r+f;if(!E||x||i||l!=d){var g=b.min(d,j);g=b.max(g,f);if(!E||x||i||g!=n){if(K){var h=(g-m)/(z||1);if(k.$Reverse)h=1-h;var p=a.td(P,K,h,I,H,J,k);a.e(p,function(b,a){C[a]&&C[a](R,b)})}e.rc(n-m,g-m);n=g;a.e(y,function(b,c){var a=o=p*q)c=p;w(c);if(!x&&c*q>=p*q)N(D);else t(L)}}function v(d,g,h){if(!s){s=c;x=h;D=g;d=b.max(d,f);d=b.min(d,j);p=d;q=p=0&&b=0&&h=0&&b=0&&cf||d>h){switch(e){case j:case m:a++;break;case k:case l:case o:case i:b++;break;case p:case n:default:a--}if(a<0||b<0||a>f||b>h){switch(e){case j:case m:a=f;b++;break;case o:case i:b=h;a++;break;case k:case l:b=h;a--;break;case p:case n:default:a=0;b++}if(b>h)b=h;else if(b<0)b=0;else if(a>f)a=f;else if(a<0)a=0}d=b;c=a}}return r};h.$FormationSquare=function(i){var a=i.$Cols||1,c=i.$Rows||1,j=[],d,e,f,h,k;f=ac?(a-c)/2:0;k=b.round(b.max(a/2,c/2))+1;for(d=0;d1||d.$Clip;if(d.$Zoom||d.$Rotate){var H=c;if(a.Q())if(d.$Cols*d.$Rows>1)H=g;else I=g;if(H){e.$Zoom=d.$Zoom?d.$Zoom-1:1;f.$Zoom=1;if(a.Q()||a.vc())e.$Zoom=b.min(e.$Zoom,2);var N=d.$Rotate;e.$Rotate=N*360*(x?-1:1);f.$Rotate=0}}if(I){if(d.$Clip){var w=d.$ScaleClip||1,i=t.Bb={};if(C&&z){i.$Top=h.eb/2*w;i.$Bottom=-i.$Top}else if(C)i.$Bottom=-h.eb*w;else if(z)i.$Top=h.eb*w;if(B&&A){i.$Left=h.db/2*w;i.$Right=-i.$Left}else if(B)i.$Right=-h.db*w;else if(A)i.$Left=h.db*w}r.$Clip=t;f.$Clip=h[v]}var L=o?1:-1,M=s?1:-1;if(d.x)e.$Left+=n*d.x*L;if(d.y)e.$Top+=l*d.y*M;a.e(e,function(b,c){if(a.Pc(b))if(b!=f[c])r[c]=b-f[c]});u[v]=k?f:e;var D=d.Od,y=b.round(m*d.$Delay/d.$Interval);j[v]=new Array(y);j[v].Cd=y;j[v].zd=y+D-1;for(var F=0;F<=D;F++){var E=a.td(f,r,F/D,d.$Easing,d.$During,d.$Round,{$Move:d.$Move,$OriginalWidth:n,$OriginalHeight:l});E.$ZIndex=E.$ZIndex||1;j[v].push(E)}})});o.reverse();a.e(o,function(b){a.e(b,function(c){var f=c[0],e=c[1],d=f+","+e,b=i;if(e||f)b=a.O(i);a.L(b,u[d]);a.ab(b,"hidden");a.E(b,"absolute");A.Zd(b);m[d]=b;a.A(b,!k)})})}function v(){var a=this,b=0;k.call(a,0,u);a.Gb=function(c,a){if(a-b>j){b=a;e&&e.Ob(a);h&&h.Ob(a)}};a.nb=r}f.Hd=function(){var a=0,c=t.$Transitions,d=c.length;if(w)a=x++%d;else a=b.floor(b.random()*d);c[a]&&(c[a].Z=a);return c[a]};f.Dd=function(w,x,i,k,a){r=a;a=m(a,j);var g=k.id,d=i.id;g["no-image"]=!k.Tb;d["no-image"]=!i.Tb;var l=g,n=d,v=a,c=a.$Brother||m({},j);if(!a.$SlideOut){l=d;n=g}var t=c.$Shift||0;h=new p(o,n,c,b.max(t-c.$Interval,0),s,q);e=new p(o,l,v,b.max(c.$Interval-t,0),s,q);h.Ob(0);e.Ob(0);u=b.max(h.Mc,e.Mc);f.Z=w};f.Db=function(){o.Db();h=i;e=i};f.Jd=function(){var a=i;if(e)a=new v;return a};if(a.Q()||a.vc()||y&&a.oc()<537)j=16;l.call(f);k.call(f,-1e7,1e7)};var f=h.$JssorSlider$=function(q,ec){var n=this;function Dc(){var a=this;k.call(a,-1e8,2e8);a.Td=function(){var c=a.Eb(),d=b.floor(c),f=s(d),e=c-b.floor(c);return{Z:f,Md:d,xb:e}};a.Gb=function(d,a){var e=b.floor(a);if(e!=a&&a>d)e++;Tb(e,c);n.i(f.$EVT_POSITION_CHANGE,s(a),s(d),a,d)}}function Cc(){var b=this;k.call(b,0,0,{ed:r});a.e(D,function(a){A&1&&a.Fd(r);b.nc(a);a.$Shift(hb/ac)})}function Bc(){var a=this,b=Sb.$Elmt;k.call(a,-1,2,{$Easing:d.$EaseLinear,wc:{xb:Yb},ed:r},b,{xb:1},{xb:-2});a.Nb=b}function pc(m,l){var a=this,d,e,h,j,b;k.call(a,-1e8,2e8,{md:100});a.ld=function(){Q=c;U=i;n.i(f.$EVT_SWIPE_START,s(w.T()),w.T())};a.kd=function(){Q=g;j=g;var a=w.Td();n.i(f.$EVT_SWIPE_END,s(w.T()),w.T());!a.xb&&Fc(a.Md,t)};a.Gb=function(g,f){var a;if(j)a=b;else{a=e;if(h){var c=f/h;a=p.$SlideEasing(c)*(e-d)+d}}w.v(a)};a.Qb=function(b,f,c,g){d=b;e=f;h=c;w.v(b);a.v(0);a.fd(c,g)};a.Nd=function(d){j=c;b=d;a.$Play(d,i,c)};a.Sd=function(a){b=a};w=new Dc;w.X(m);w.X(l)}function qc(){var c=this,b=Wb();a.H(b,0);a.cb(b,"pointerEvents","none");c.$Elmt=b;c.Zd=function(c){a.D(b,c);a.A(b)};c.Db=function(){a.K(b);a.jc(b)}}function zc(o,e){var d=this,q,x,N,y,j,C=[],H,v,W,K,Q,G,h,w,m;k.call(d,-u,u+1,{});function F(a){x&&x.Sb();q&&q.Sb();V(o,a);G=c;q=new L.$Class(o,L,1);x=new L.$Class(o,L);x.v(0);q.v(0)}function Y(){q.ZbJ||b>I)){var i=g,q=J/I*b/h;if(p.$FillMode&1)i=q>1;else if(p.$FillMode&2)i=q<1;l=i?h*I/b:J;k=i?I:b*J/h}a.o(j,l);a.n(j,k);a.B(j,(I-k)/2);a.z(j,(J-l)/2)}a.E(j,"absolute");n.i(f.$EVT_LOAD_END,e)}}a.K(r);o&&o(d)}function X(b,c,f,g){if(g==U&&t==e&&R)if(!Ec){var a=s(b);B.Dd(a,e,c,d,f);c.Xe();ab.Jb(a,1);ab.v(a);z.Qb(b,b,0)}}function bb(b){if(b==U&&t==e){if(!h){var a=i;if(B)if(B.Z==e)a=B.Jd();else B.Db();Y();h=new xc(o,e,a,d.Te(),d.Le());h.Jc(m)}!h.$IsPlaying()&&h.zc()}}function T(f,c,g){if(f==e){if(f!=c)D[c]&&D[c].Ue();else!g&&h&&h.Ye();m&&m.$Enable();var j=U=a.J();d.Ab(a.F(i,bb,j))}else{var l=b.abs(e-f),k=u+p.$LazyLoading-1;(!Q||l<=k)&&d.Ab()}}function cb(){if(t==e&&h){h.W();m&&m.$Quit();m&&m.$Disable();h.Oc()}}function fb(){t==e&&h&&h.W()}function Z(a){!M&&n.i(f.$EVT_CLICK,e,a)}function P(){m=w.pInstance;h&&h.Jc(m)}d.Ab=function(d,b){b=b||y;if(C.length&&!K){a.A(b);if(!W){W=c;n.i(f.$EVT_LOAD_START,e);a.e(C,function(b){if(!a.M(b,"src")){b.src=a.t(b,"src2");a.N(b,b["display-origin"])}})}a.bf(C,j,a.F(i,O,d,b))}else O(d,b)};d.df=function(){var g=e;if(p.$AutoPlaySteps<0)g-=r;var c=g+p.$AutoPlaySteps*vc;if(A&2)c=s(c);if(!(A&1))c=b.max(0,b.min(c,r-u));if(c!=e){if(B){var d=B.Hd(r);if(d){var h=U=a.J(),f=D[s(c)];return f.Ab(a.F(i,X,c,f,d,h),y)}}pb(c)}};d.bc=function(){T(e,e,c)};d.Ue=function(){m&&m.$Quit();m&&m.$Disable();d.rd();h&&h.ff();h=i;F()};d.Xe=function(){a.K(o)};d.rd=function(){a.A(o)};d.ef=function(){m&&m.$Enable()};function V(b,e,d){if(a.M(b,"jssor-slider"))return;d=d||0;if(!G){if(b.tagName=="IMG"){C.push(b);if(!a.M(b,"src")){Q=c;b["display-origin"]=a.N(b);a.K(b)}}a.Q()&&a.H(b,(a.H(b)||0)+1);if(p.$HWA&&a.oc())(a.oc()<534||!eb&&!a.ee())&&a.ne(b)}var f=a.V(b);a.e(f,function(f){var i=f.tagName,k=a.t(f,"u");if(k=="player"&&!w){w=f;if(w.pInstance)P();else a.c(w,"dataavailable",P)}if(k=="caption"){if(!a.Wc()&&!e){var h=a.O(f,g,c);a.Wb(h,f,b);a.wb(f,b);f=h;e=c}}else if(!G&&!d&&!j){if(i=="A"){if(a.t(f,"u")=="image")j=a.cf(f,"IMG");else j=a.C(f,"image",c);if(j){H=f;a.L(H,S);v=a.O(H,c);a.N(v,"block");a.L(v,S);a.rb(v,0);a.cb(v,"backgroundColor","#000")}}else if(i=="IMG"&&a.t(f,"u")=="image")j=f;if(j){j.border=0;a.L(j,S)}}V(f,e,d+1)})}d.rc=function(c,b){var a=u-b;Yb(N,a)};d.Te=function(){return q};d.Le=function(){return x};d.Z=e;l.call(d);var E=a.C(o,"thumb",c);if(E){d.hf=a.O(E);a.Kc(E,"id");a.K(E)}a.A(o);y=a.O(db);a.H(y,1e3);a.c(o,"click",Z);F(c);d.Tb=j;d.qd=v;d.id=o;d.Nb=N=o;a.D(N,y);n.$On(203,T);n.$On(28,fb);n.$On(24,cb)}function xc(G,i,p,u,s){var b=this,l=0,w=0,m,h,d,e,j,q,v,r,o=D[i];k.call(b,0,0);function x(){a.jc(O);cc&&j&&o.qd&&a.D(O,o.qd);a.A(O,!j&&o.Tb)}function y(){if(q){q=g;n.i(f.$EVT_ROLLBACK_END,i,d,l,h,d,e);b.v(h)}b.zc()}function z(a){r=a;b.W();b.zc()}b.zc=function(){var a=b.Eb();if(!C&&!Q&&!r&&t==i){if(!a){if(m&&!j){j=c;b.Oc(c);n.i(f.$EVT_SLIDESHOW_START,i,l,w,m,e)}x()}var g,p=f.$EVT_STATE_CHANGE;if(a!=e)if(a==d)g=e;else if(a==h)g=d;else if(!a)g=h;else if(a>d){q=c;g=d;p=f.$EVT_ROLLBACK_START}else g=b.jd();n.i(p,i,a,l,h,d,e);var k=R&&(!E||F);if(a==e)(d!=e&&!(E&12)||k)&&o.df();else(k||a!=d)&&b.fd(g,y)}};b.Ye=function(){d==e&&d==b.Eb()&&b.v(h)};b.ff=function(){B&&B.Z==i&&B.Db();var a=b.Eb();a=m){j=g;x();o.rd();B.Db();n.i(f.$EVT_SLIDESHOW_END,i,l,w,m,e)}n.i(f.$EVT_PROGRESS_CHANGE,i,a,l,h,d,e)};b.Jc=function(a){if(a&&!v){v=a;a.$On($JssorPlayer$.be,z)}};p&&b.nc(p);m=b.Y();b.Y();b.nc(u);h=u.Y();d=h+(a.ec(a.t(G,"idle"))||oc);s.$Shift(d);b.X(s);e=b.Y()}function Yb(g,f){var e=x>0?x:ib,c=Bb*f*(e&1),d=Cb*f*(e>>1&1);c=b.round(c);d=b.round(d);a.z(g,c);a.B(g,d)}function Ob(){rb=Q;Kb=z.jd();G=w.T()}function fc(){Ob();if(C||!F&&E&12){z.W();n.i(f.de)}}function dc(e){if(!C&&(F||!(E&12))&&!z.$IsPlaying()){var c=w.T(),a=b.ceil(G);if(e&&b.abs(H)>=p.$MinDragOffsetToSlide){a=b.ceil(c);a+=gb}if(!(A&1))a=b.min(r-u,b.max(a,0));var d=b.abs(a-c);d=1-b.pow(1-d,5);if(!M&&rb)z.Kd(Kb);else if(c==a){vb.ef();vb.bc()}else z.Qb(c,a,d*Ub)}}function Ib(b){!a.t(a.Ac(b),"nodrag")&&a.Fb(b)}function tc(a){Xb(a,1)}function Xb(b,d){b=a.Xc(b);var k=a.Ac(b);if(!K&&!a.t(k,"nodrag")&&uc()&&(!d||b.touches.length==1)){C=c;Ab=g;U=i;a.c(e,d?"touchmove":"mousemove",Db);a.J();M=0;fc();if(!rb)x=0;if(d){var j=b.touches[0];wb=j.clientX;xb=j.clientY}else{var h=a.Yc(b);wb=h.x;xb=h.y}H=0;cb=0;gb=0;n.i(f.$EVT_DRAG_START,s(G),G,b)}}function Db(e){if(C){e=a.Xc(e);var f;if(e.type!="mousemove"){var l=e.touches[0];f={x:l.clientX,y:l.clientY}}else f=a.Yc(e);if(f){var j=f.x-wb,k=f.y-xb;if(b.floor(G)!=G)x=x||ib&K;if((j||k)&&!x){if(K==3)if(b.abs(k)>b.abs(j))x=2;else x=1;else x=K;if(lb&&x==1&&b.abs(k)-b.abs(j)>3)Ab=c}if(x){var d=k,i=Cb;if(x==1){d=j;i=Bb}if(!(A&1)){if(d>0){var g=i*t,h=d-g;if(h>0)d=g+b.sqrt(h)*5}if(d<0){var g=i*(r-u-t),h=-d-g;if(h>0)d=-g-b.sqrt(h)*5}}if(H-cb<-2)gb=0;else if(H-cb>2)gb=-1;cb=H;H=d;ub=G-H/i/(Z||1);if(H&&x&&!Ab){a.Fb(e);if(!Q)z.Nd(ub);else z.Sd(ub)}}}}}function ob(){rc();if(C){C=g;a.J();a.I(e,"mousemove",Db);a.I(e,"touchmove",Db);M=H;z.W();var b=w.T();n.i(f.$EVT_DRAG_END,s(b),b,s(G),G);E&12&&Ob();dc(c)}}function jc(c){if(M){a.af(c);var b=a.Ac(c);while(b&&v!==b){b.tagName=="A"&&a.Fb(c);try{b=b.parentNode}catch(d){break}}}}function nc(a){D[t];t=s(a);vb=D[t];Tb(a);return t}function Fc(a,b){x=0;nc(a);n.i(f.$EVT_PARK,s(a),b)}function Tb(b,c){N=b;a.e(P,function(a){a.qc(s(b),b,c)})}function uc(){var b=f.pd||0,a=Y;if(lb)a&1&&(a&=1);f.pd|=a;return K=a&~b}function rc(){if(K){f.pd&=~Y;K=0}}function Wb(){var b=a.bb();a.L(b,S);a.E(b,"absolute");return b}function s(a){return(a%r+r)%r}function kc(d,c){var a=d;if(c){if(!A){a=b.min(b.max(a+N,0),r-u);c=g}else if(A&2){a=s(a+N);c=g}}else if(A)a=n.od(a);pb(a,p.$SlideDuration,c)}function zb(){a.e(P,function(a){a.Bc(a.Xb.$ChanceToShow<=F)})}function hc(){if(!F){F=1;zb();if(!C){E&12&&dc();E&3&&D[t].bc()}}}function gc(){if(F){F=0;zb();C||!(E&12)||fc()}}function ic(){S={db:J,eb:I,$Top:0,$Left:0};a.e(V,function(b){a.L(b,S);a.E(b,"absolute");/*a.ab(b,"hidden");*/a.K(b)});a.L(db,S)}function nb(b,a){pb(b,a,c)}function pb(f,e,k){if(Qb&&(!C&&(F||!(E&12))||p.$NaviQuitDrag)){Q=c;C=g;z.W();if(e==j)e=Ub;var d=Eb.Eb(),a=f;if(k){a=d+f;if(f>0)a=b.ceil(a);else a=b.floor(a)}if(A&2)a=s(a);if(!(A&1))a=b.max(0,b.min(a,r-u));var i=(a-d)%r;a=d+i;var h=d==a?0:e*b.abs(i);h=b.min(h,e*u*1.5);z.Qb(d,a,h||1)}}n.$PlayTo=pb;n.$GoTo=function(a){w.v(a)};n.$Next=function(){nb(1)};n.$Prev=function(){nb(-1)};n.$Pause=function(){R=g};n.$Play=function(){if(!R){R=c;D[t]&&D[t].bc()}};n.$SetSlideshowTransitions=function(a){p.$SlideshowOptions.$Transitions=a};n.$SetCaptionTransitions=function(b){L.$CaptionTransitions=b;L.Zb=a.J()};n.$SlidesCount=function(){return V.length};n.$CurrentIndex=function(){return t};n.$IsAutoPlaying=function(){return R};n.$IsDragging=function(){return C};n.$IsSliding=function(){return Q};n.$IsMouseOver=function(){return!F};n.$LastDragSucceded=function(){return M};function X(){return a.o(y||q)}function kb(){return a.n(y||q)}n.$OriginalWidth=n.$GetOriginalWidth=X;n.$OriginalHeight=n.$GetOriginalHeight=kb;function Gb(c,d){if(c==j)return a.o(q);if(!y){var b=a.bb(e);a.Ec(b,a.Ec(q));a.Vb(b,a.Vb(q));a.N(b,"block");a.E(b,"relative");a.B(b,0);a.z(b,0);a.ab(b,"visible");y=a.bb(e);a.E(y,"absolute");a.B(y,0);a.z(y,0);a.o(y,a.o(q));a.n(y,a.n(q));a.le(y,"0 0");a.D(y,b);var h=a.V(q);a.D(q,y);a.cb(q,"backgroundImage","");a.e(h,function(c){a.D(a.t(c,"noscale")?q:b,c)})}Z=c/(d?a.n:a.o)(y);a.oe(y,Z);var g=d?Z*X():c,f=d?c:Z*kb();a.o(q,g);a.n(q,f);a.e(P,function(a){a.hc(g,f)})}n.$ScaleHeight=n.$GetScaleHeight=function(b){if(b==j)return a.n(q);Gb(b,c)};n.$ScaleWidth=n.$SetScaleWidth=n.$GetScaleWidth=Gb;n.od=function(a){var d=b.ceil(s(hb/ac)),c=s(a-N+d);if(c>u){if(a-N>r/2)a-=r;else if(a-N<=-r/2)a+=r}else a=N+c-d;return a};l.call(n);n.$Elmt=q=a.hb(q);var p=a.l({$FillMode:0,$LazyLoading:1,$StartIndex:0,$AutoPlay:g,$Loop:1,$HWA:c,$NaviQuitDrag:c,$AutoPlaySteps:1,$AutoPlayInterval:3e3,$PauseOnHover:1,$SlideDuration:500,$SlideEasing:d.$EaseOutQuad,$MinDragOffsetToSlide:20,$SlideSpacing:0,$DisplayPieces:1,$ParkingPosition:0,$UISearchMode:1,$PlayOrientation:1,$DragOrientation:1},ec);if(p.$Idle!=j)p.$AutoPlayInterval=p.$Idle;if(p.$Cols!=j)p.$DisplayPieces=p.$Cols;var ib=p.$PlayOrientation&3,vc=(p.$PlayOrientation&4)/-4||1,fb=p.$SlideshowOptions,L=a.l({$Class:o,$PlayInMode:1,$PlayOutMode:1},p.$CaptionSliderOptions),sb=p.$BulletNavigatorOptions,W=p.$ArrowNavigatorOptions,bb=p.$ThumbnailNavigatorOptions,T=!p.$UISearchMode,y,v=a.C(q,"slides",T),db=a.C(q,"loading",T)||a.bb(e),Jb=a.C(q,"navigator",T),bc=a.C(q,"arrowleft",T),Zb=a.C(q,"arrowright",T),Hb=a.C(q,"thumbnavigator",T),mc=a.o(v),lc=a.n(v),S,V=[],wc=a.V(v);a.e(wc,function(b){if(b.tagName=="DIV"&&!a.t(b,"u"))V.push(b);else a.Q()&&a.H(b,(a.H(b)||0)+1)});var t=-1,N,vb,r=V.length,J=p.$SlideWidth||mc,I=p.$SlideHeight||lc,Vb=p.$SlideSpacing,Bb=J+Vb,Cb=I+Vb,ac=ib&1?Bb:Cb,u=b.min(p.$DisplayPieces,r),jb,x,K,Ab,P=[],Pb,Rb,Nb,cc,Ec,R,E=p.$PauseOnHover,oc=p.$AutoPlayInterval,Ub=p.$SlideDuration,tb,eb,hb,Qb=u1&&tb&&(!a.Wc()||a.Sc()>=8)}hb=eb||u>=r||!(A&1)?0:p.$ParkingPosition;Y=(u>1||hb?ib:-1)&p.$DragOrientation;var yb=v,D=[],B,O,Fb=a.he(),lb=Fb.ie,G,rb,Kb,ub;Fb.dd&&a.cb(yb,Fb.dd,([i,"pan-y","pan-x","none"])[Y]||"");ab=new Bc;if(eb)B=new tb(Sb,J,I,fb,lb);a.D(jb,ab.Nb);a.ab(v,"hidden");O=Wb();a.cb(O,"backgroundColor","#000");a.rb(O,0);a.Wb(O,yb.firstChild,yb);for(var qb=0;qb=t-j.$DisplayPieces);u=c}d.qc=function(b,a,c){if(c)e=a;else{e=b;r(u)}};d.Bc=r;var s;d.hc=function(i,d){if(!s||h.$Scale==g){var e=a.tb(b).clientWidth,d=a.tb(b).clientHeight;if(h.$AutoCenter&1){a.z(b,(e-q)/2);a.z(f,(e-q)/2)}if(h.$AutoCenter&2){a.B(b,(d-o)/2);a.B(f,(d-o)/2)}s=c}};var p;d.gc=function(d){t=d;e=0;if(!p){a.c(b,"click",a.F(i,n,-k));a.c(f,"click",a.F(i,n,k));a.Ub(b);a.Ub(f);p=c}};d.Xb=h=a.l({$Steps:1},j);k=h.$Steps;if(h.$Scale==g){a.M(b,"noscale",c);a.M(f,"noscale",c)}};h.$JssorThumbnailNavigator$=function(k,C){var h=this,z,q,d,w=[],A,y,n,r,s,u,t,p,v,e,o;l.call(h);k=a.hb(k);function B(l,e){var f=this,b,k,j;function n(){k.Ic(q==e)}function g(a){(a||!v.$LastDragSucceded())&&h.i(m.Mb,e)}f.Z=e;f.Hc=n;j=l.hf||l.Tb||a.bb();f.Nb=b=a.Dc(o,"thumbnailtemplate",j,c);k=a.Ub(b);d.$ActionMode&1&&a.c(b,"click",a.F(i,g,0));d.$ActionMode&2&&a.c(b,"mouseover",a.Rb(a.F(i,g,1),b))}h.qc=function(c,d,e){var a=q;q=c;a!=-1&&w[a].Hc();w[c].Hc();!e&&v.$PlayTo(v.od(b.floor(d/n)))};h.Bc=function(b){a.A(k,b)};h.hc=a.ac;var x;h.gc=function(F,C){if(!x){z=F;b.ceil(z/n);q=-1;p=b.min(p,C.length);var h=d.$Orientation&1,l=u+(u+r)*(n-1)*(1-h),j=t+(t+s)*(n-1)*h,o=l+(l+r)*(p-1)*h,m=j+(j+s)*(p-1)*(1-h);a.E(e,"absolute");a.ab(e,"hidden");d.$AutoCenter&1&&a.z(e,(A-o)/2);d.$AutoCenter&2&&a.B(e,(y-m)/2);a.o(e,o);a.n(e,m);var i=[];a.e(C,function(k,f){var g=new B(k,f),d=g.Nb,c=b.floor(f/n),j=f%n;a.z(d,(u+r)*j*(1-h));a.B(d,(t+s)*j*h);if(!i[c]){i[c]=a.bb();a.D(e,i[c])}a.D(i[c],d);w.push(g)});var E=a.l({$HWA:g,$AutoPlay:g,$NaviQuitDrag:g,$SlideWidth:l,$SlideHeight:j,$SlideSpacing:r*h+s*(1-h),$MinDragOffsetToSlide:12,$SlideDuration:200,$PauseOnHover:1,$PlayOrientation:d.$Orientation,$DragOrientation:d.$DisableDrag?0:d.$Orientation},d);v=new f(k,E);x=c}};h.Xb=d=a.l({$SpacingX:3,$SpacingY:3,$DisplayPieces:1,$Orientation:1,$AutoCenter:3,$ActionMode:1},C);if(d.$Rows!=j)d.$Lanes=d.$Rows;A=a.o(k);y=a.n(k);e=a.C(k,"slides",c);o=a.C(e,"prototype");u=a.o(o);t=a.n(o);a.wb(o,e);n=d.$Lanes||1;r=d.$SpacingX;s=d.$SpacingY;p=d.$DisplayPieces;d.$Scale==g&&a.M(k,"noscale",c)};function o(){k.call(this,0,0);this.Sb=a.ac}h.$JssorCaptionSlider$=function(p,h,f){var c=this,g,n=f?h.$PlayInMode:h.$PlayOutMode,e=h.$CaptionTransitions,o={nb:"t",$Delay:"d",$Duration:"du",x:"x",y:"y",$Rotate:"r",$Zoom:"z",$Opacity:"f",lb:"b"},d={Cb:function(b,a){if(!isNaN(a.ob))b=a.ob;else b*=a.ze;return b},$Opacity:function(b,a){return this.Cb(b-1,a)}};d.$Zoom=d.$Opacity;k.call(c,0,0);function l(r,m){var k=[],i,j=[],c=[];function h(c,d){var b={};a.e(o,function(g,h){var e=a.t(c,g+(d||""));if(e){var f={};if(g=="t")f.ob=e;else if(e.indexOf("%")+1)f.ze=a.ec(e)/100;else f.ob=a.ec(e);b[h]=f}});return b}function p(){return e[b.floor(b.random()*e.length)]}function g(f){var h;if(f=="*")h=p();else if(f){var d=e[a.Me(f)]||e[f];if(a.mc(d)){if(f!=i){i=f;c[f]=0;j[f]=d[b.floor(b.random()*d.length)]}else c[f]++;d=j[f];if(a.mc(d)){d=d.length&&d[c[f]%d.length];if(a.mc(d))d=d[b.floor(b.random()*d.length)]}}h=d;if(a.cd(h))h=g(h)}return h}var q=a.V(r);a.e(q,function(b){var c=[];c.$Elmt=b;var e=a.t(b,"u")=="caption";a.e(f?[0,3]:[2],function(k,o){if(e){var j,f;if(k!=2||!a.t(b,"t3")){f=h(b,k);if(k==2&&!f.nb){f.$Delay=f.$Delay||{ob:0};f=a.l(h(b,0),f)}}if(f&&f.nb){j=g(f.nb.ob);if(j){var i=a.l({$Delay:0},j);a.e(f,function(c,a){var b=(d[a]||d.Cb).apply(d,[i[a],f[a]]);if(!isNaN(b))i[a]=b});if(!o)if(f.lb)i.lb=f.lb.ob||0;else if(n&2)i.lb=0}}c.push(i)}if(m%2&&!o)c.V=l(b,m+1)});k.push(c)});return k}function m(w,c,z){var g={$Easing:c.$Easing,$Round:c.$Round,$During:c.$During,$Reverse:f&&!z},m=w,r=a.tb(w),l=a.o(m),j=a.n(m),y=a.o(r),x=a.n(r),h={},e={},i=c.$ScaleClip||1;if(c.$Opacity)e.$Opacity=1-c.$Opacity;g.$OriginalWidth=l;g.$OriginalHeight=j;if(c.$Zoom||c.$Rotate){e.$Zoom=(c.$Zoom||2)-2;if(a.Q()||a.vc())e.$Zoom=b.min(e.$Zoom,1);h.$Zoom=1;var B=c.$Rotate||0;e.$Rotate=B*360;h.$Rotate=0}else if(c.$Clip){var s={$Top:0,$Right:l,$Bottom:j,$Left:0},v=a.l({},s),d=v.Bb={},u=c.$Clip&4,p=c.$Clip&8,t=c.$Clip&1,q=c.$Clip&2;if(u&&p){d.$Top=j/2*i;d.$Bottom=-d.$Top}else if(u)d.$Bottom=-j*i;else if(p)d.$Top=j*i;if(t&&q){d.$Left=l/2*i;d.$Right=-d.$Left}else if(t)d.$Right=-l*i;else if(q)d.$Left=l*i;g.$Move=c.$Move;e.$Clip=v;h.$Clip=s}var n=0,o=0;if(c.x)n-=y*c.x;if(c.y)o-=x*c.y;if(n||o||g.$Move){e.$Left=n;e.$Top=o}var A=c.$Duration;h=a.l(h,a.Vd(m,e));g.wc=a.Wd();return new k(c.$Delay,A,g,m,h,e)}function i(b,d){a.e(d,function(a){var e,h=a.$Elmt,d=a[0],k=a[1];if(d){e=m(h,d);b=e.Jb(d.lb==j?b:d.lb,1)}b=i(b,a.V);if(k){var f=m(h,k,1);f.Jb(b,1);c.X(f);g.X(f)}e&&c.X(e)});return b}c.Sb=function(){c.v(c.Y()*(f||0));g.v(0)};g=new k(0,0);i(0,n?l(p,1):[])};})(window,document,Math,null,true,false)
\ No newline at end of file
diff --git a/frontend/web/updatemods/counter.txt b/frontend/web/updatemods/counter.txt
new file mode 100755
index 0000000..c227083
--- /dev/null
+++ b/frontend/web/updatemods/counter.txt
@@ -0,0 +1 @@
+0
\ No newline at end of file
diff --git a/frontend/web/updatemods/cr.php b/frontend/web/updatemods/cr.php
new file mode 100644
index 0000000..403c8d9
--- /dev/null
+++ b/frontend/web/updatemods/cr.php
@@ -0,0 +1,279 @@
+query("UPDATE `mod` SET `active`=1");
+/*
+if(is_file(dirname( __FILE__ )."/../upload/oldfile_1.csv")){
+
+ $db->query('update catalogs_config set value=value+1 where id=5');
+ $status = @$db->super_query('select value from catalogs_config where id=6',$db);
+
+ if($status[0]['value'] ==1){
+ exit;
+ } else {
+ $db->query('update catalogs_config set value=1 where id=6');
+ sleep(300);
+ }
+ $d1 = @$db->super_query('select value from catalogs_config where id=5',$db);
+ $num = $d1[0]['value'];
+
+} else{
+ exit;
+}
+*/
+$num = 1;
+$_SERVER['DOCUMENT_ROOT'] = realpath(dirname(__FILE__));
+$tmpfname = $_SERVER['DOCUMENT_ROOT'] . "/../upload/file_1_duble.csv";
+$handle24 = fopen($tmpfname, "w");
+
+
+//unlink($_SERVER['DOCUMENT_ROOT'] . "/tmp/noDB_mod.csv");
+
+//$link = mysql_connect(DBHOST,DBNAME,DBPASS);
+//if(@$link) echo "ok";
+//else echo "not";
+
+
+//$fg = @fopen(dirname( __FILE__ )."/cron/oldfile_1.csv","r");
+//if(!@$fg) exit;
+//@fclose($fg);
+//exit;
+
+$rrrrrrrrrrrr = array();
+
+$last_pid = "";
+
+$ma = array();
+
+
+$su = 0;
+$su2 = 0;
+
+$yy = @fopen(dirname ( __FILE__ )."/counter.txt","r+");
+$su = trim(fread($yy,128));
+fclose($yy);
+
+
+
+
+
+
+
+$fg = fopen(dirname( __FILE__ )."/../upload/file_1.csv","r");
+if(@$fg){
+ $cot = "";
+ while(!feof($fg))
+ $cot = $cot.fread($fg,512);
+ @fclose($fg);
+}
+$cot = explode("\n",$cot);
+
+//print_r($cot);
+if(trim($su)<=0 && count($cot)>2){
+ $fg = @fopen(dirname ( __FILE__ )."/../upload/noDB_mod.csv","w+");
+ fclose($fg);
+}
+
+for($i=$su;$i".$p['count'].' ';
+ $sale = ($p['count']>0 && $p['count']<$p2['count']) ? 1 : 0;
+ $res1 = $db->query("UPDATE `products` SET `sale`='".$sale."' WHERE `id`=".trim(@$product['in_modification'])." LIMIT 1;");
+/////////////////////////////////////////////
+///////////////////////////////////////////// ��������� � ���������� �������� � ������� ��� �����������.
+ if(@$product['in_modification']){
+ $row2 = $db->super_query("SELECT COUNT(*) as count FROM `mod` WHERE `active`=0 and `product_id`=".@$product['in_modification'].";");
+ if(trim($row2['count']) <= 0)
+ $db->query("UPDATE `products` SET `count_modifications` = 0 WHERE `id` = '".@$product['in_modification']."';");
+//else $db->query("UPDATE `catalogs_products` SET `count_modifications` = '".trim($row2['count'])."',`active` = '1' WHERE `id` = '".@$product['in_modification']."';");
+ else $db->query("UPDATE `products` SET `count_modifications` = '".trim($row2['count'])."' WHERE `id` = '".@$product['in_modification']."';");
+
+ }
+/////////////////////////////////////////////
+///////////////////////////////////////////// ���������� ����.
+ $row_6 = $db->super_query("SELECT COUNT(*) as count FROM `mod` WHERE `active`=0 and `product_id`='".@$product['in_modification']."'");
+ $row_7 = $db->super_query("SELECT COUNT(*) as count FROM `mod` WHERE `active`=0 and `product_id`='".@$product['in_modification']."' Group by cost");
+ print'('.$row_7['count'].')';
+ if($row_7['count']==$row_6['count']){
+
+ }else{
+ $row_8 = $db->super_query("SELECT cost,old_cost FROM `mod` WHERE `active`=0 and old_cost>0 AND `product_id`='".@$product['in_modification']."' Order by cost desc");
+ $line[1] = 0;//$row_8['cine_last'];
+ $line[2] = $cine;
+ print'['.$line[2].']';
+ }
+
+ if(trim($line[3])>0){
+ if(trim($line[2])!="0.00" && @$product['in_modification'] && trim($line[1]) != "" && trim($line[2])!=''){
+ $res = $db->query("UPDATE `products` SET `old_cost`=".trim($line[1]).", `cost1`=".trim($line[2])." WHERE `id`=".trim(@$product['in_modification'])." LIMIT 1;");
+
+ }
+ elseif(trim($line[1]) != "" && @$product['in_modification']) $res = $db->query("UPDATE `products` SET `old_cost`='0' ,`cost1`=".trim($line[1])." WHERE `id`=".trim(@$product['in_modification'])." LIMIT 1;");
+ if(@$res) echo "������ �� ���������� ��� ��������. ���: ".@$product['in_modification']."MySQL Fatal Error
+ MySQL Error!
+ The Error returned was:
+ '.$error.'
+
+ Error Number:
+ '.$error_num.'
+ ';
+
+ echo '
+
+
+
+
+
';
+
+ foreach ($images as $row)
+ {
+ echo '
';
+ }
+
+ echo '
';
+
+ echo '
+
+
+
+
';
+
+ echo '
+ 
+ 
+ 
+ 
+
+ $catalog->translit, 'catalog_id' => $catalog->id]) ?>
+
+ $catalog->translit, 'catalog_id' => $catalog->id]) ?>
+
+ 
+ 
');
+ app = '
