Dataman_Bannerslider - Version 0.1.1

Version Notes

First Release

Release Info

Developer	Dataman Computers System(P) Ltd.
Extension	Dataman_Bannerslider
Version	0.1.1
Comparing to
See all releases

Version 0.1.1

Files changed (62) hide show

app/code/local/Dataman/Bannerslider/Block/Adminhtml/Bannerslider.php +12 -0
app/code/local/Dataman/Bannerslider/Block/Adminhtml/Bannerslider/Edit.php +45 -0
app/code/local/Dataman/Bannerslider/Block/Adminhtml/Bannerslider/Edit/Form.php +19 -0
app/code/local/Dataman/Bannerslider/Block/Adminhtml/Bannerslider/Edit/Tab/Form.php +73 -0
app/code/local/Dataman/Bannerslider/Block/Adminhtml/Bannerslider/Edit/Tabs.php +24 -0
app/code/local/Dataman/Bannerslider/Block/Adminhtml/Bannerslider/Grid.php +116 -0
app/code/local/Dataman/Bannerslider/Block/Bannerslider.php +23 -0
app/code/local/Dataman/Bannerslider/Helper/Data.php +6 -0
app/code/local/Dataman/Bannerslider/Model/Bannerslider.php +10 -0
app/code/local/Dataman/Bannerslider/Model/Mysql4/Bannerslider.php +10 -0
app/code/local/Dataman/Bannerslider/Model/Mysql4/Bannerslider/Collection.php +10 -0
app/code/local/Dataman/Bannerslider/Model/Status.php +15 -0
app/code/local/Dataman/Bannerslider/Model/System/Config/Source/Dropdown/Values.php +54 -0
app/code/local/Dataman/Bannerslider/controllers/Adminhtml/BannersliderController.php +214 -0
app/code/local/Dataman/Bannerslider/controllers/IndexController.php +52 -0
app/code/local/Dataman/Bannerslider/data/bannerslider_setup/data-install-0.1.0.php +77 -0
app/code/local/Dataman/Bannerslider/etc/adminhtml.xml +22 -0
app/code/local/Dataman/Bannerslider/etc/config.xml +142 -0
app/code/local/Dataman/Bannerslider/etc/system.xml +68 -0
app/code/local/Dataman/Bannerslider/sql/bannerslider_setup/mysql4-install-0.1.0.php +23 -0
app/code/local/Dataman/Bannerslider/sql/bannerslider_setup/mysql4-upgrade-0.1.0-0.1.1.php +10 -0
app/design/adminhtml/default/default/layout/bannerslider.xml +8 -0
app/design/frontend/base/default/layout/bannerslider.xml +32 -0
app/design/frontend/base/default/template/bannerslider/bannerslider.phtml +6 -0
app/design/frontend/base/default/template/bannerslider/slider1.phtml +262 -0
app/design/frontend/base/default/template/bannerslider/slider10.phtml +169 -0
app/design/frontend/base/default/template/bannerslider/slider11.phtml +175 -0
app/design/frontend/base/default/template/bannerslider/slider2.phtml +238 -0
app/design/frontend/base/default/template/bannerslider/slider3.phtml +245 -0
app/design/frontend/base/default/template/bannerslider/slider4.phtml +252 -0
app/design/frontend/base/default/template/bannerslider/slider5.phtml +243 -0
app/design/frontend/base/default/template/bannerslider/slider6.phtml +215 -0
app/design/frontend/base/default/template/bannerslider/slider7.phtml +307 -0
app/design/frontend/base/default/template/bannerslider/slider8.phtml +180 -0
app/design/frontend/base/default/template/bannerslider/slider9.phtml +140 -0
app/etc/modules/Dataman_Bannerslider.xml +17 -0
js/bannerslider/jquery-1.9.1.min.js +20 -0
js/bannerslider/jssor.js +2850 -0
js/bannerslider/jssor.slider.js +4088 -0
media/bannerslider/images/a17.png +0 -0
media/bannerslider/images/slider1.jpg +0 -0
media/bannerslider/images/slider10.jpg +0 -0
media/bannerslider/images/slider2.jpg +0 -0
media/bannerslider/images/slider3.jpg +0 -0
media/bannerslider/images/slider4.jpg +0 -0
media/bannerslider/images/slider5.jpg +0 -0
media/bannerslider/images/slider6.jpg +0 -0
media/bannerslider/images/slider7.jpg +0 -0
media/bannerslider/images/slider8.jpg +0 -0
media/bannerslider/images/slider9.jpg +0 -0
package.xml +27 -0
skin/frontend/base/default/css/bannerslider/css/default.css +637 -0
skin/frontend/base/default/css/bannerslider/images/a02.png +0 -0
skin/frontend/base/default/css/bannerslider/images/a11.png +0 -0
skin/frontend/base/default/css/bannerslider/images/a13.png +0 -0
skin/frontend/base/default/css/bannerslider/images/a17.png +0 -0
skin/frontend/base/default/css/bannerslider/images/a20.png +0 -0
skin/frontend/base/default/css/bannerslider/images/b03.png +0 -0
skin/frontend/base/default/css/bannerslider/images/loading.gif +0 -0
skin/frontend/base/default/css/bannerslider/images/share-icons.png +0 -0
skin/frontend/base/default/css/bannerslider/images/sidebar.png +0 -0
skin/frontend/base/default/css/bannerslider/images/t01.png +0 -0

app/code/local/Dataman/Bannerslider/Block/Adminhtml/Bannerslider.php ADDED Viewed

	@@ -0,0 +1,12 @@


1	+ <?php
2	+ class Dataman_Bannerslider_Block_Adminhtml_Bannerslider extends Mage_Adminhtml_Block_Widget_Grid_Container
3	+ {
4	+ public function __construct()
5	+ {
6	+ $this->_controller = 'adminhtml_bannerslider';
7	+ $this->_blockGroup = 'bannerslider';
8	+ $this->_headerText = Mage::helper('bannerslider')->__('Banner Manager');
9	+ $this->_addButtonLabel = Mage::helper('bannerslider')->__('Add Banner');
10	+ parent::__construct();
11	+ }
12	+ }

app/code/local/Dataman/Bannerslider/Block/Adminhtml/Bannerslider/Edit.php ADDED Viewed

	@@ -0,0 +1,45 @@


1	+ <?php
2	+
3	+ class Dataman_Bannerslider_Block_Adminhtml_Bannerslider_Edit extends Mage_Adminhtml_Block_Widget_Form_Container
4	+ {
5	+ public function __construct()
6	+ {
7	+ parent::__construct();
8	+
9	+ $this->_objectId = 'id';
10	+ $this->_blockGroup = 'bannerslider';
11	+ $this->_controller = 'adminhtml_bannerslider';
12	+
13	+ $this->_updateButton('save', 'label', Mage::helper('bannerslider')->__('Save Item'));
14	+ $this->_updateButton('delete', 'label', Mage::helper('bannerslider')->__('Delete Item'));
15	+
16	+ $this->_addButton('saveandcontinue', array(
17	+ 'label' => Mage::helper('adminhtml')->__('Save And Continue Edit'),
18	+ 'onclick' => 'saveAndContinueEdit()',
19	+ 'class' => 'save',
20	+ ), -100);
21	+
22	+ $this->_formScripts[] = "
23	+ function toggleEditor() {
24	+ if (tinyMCE.getInstanceById('bannerslider_content') == null) {
25	+ tinyMCE.execCommand('mceAddControl', false, 'bannerslider_content');
26	+ } else {
27	+ tinyMCE.execCommand('mceRemoveControl', false, 'bannerslider_content');
28	+ }
29	+ }
30	+
31	+ function saveAndContinueEdit(){
32	+ editForm.submit($('edit_form').action+'back/edit/');
33	+ }
34	+ ";
35	+ }
36	+
37	+ public function getHeaderText()
38	+ {
39	+ if( Mage::registry('bannerslider_data') && Mage::registry('bannerslider_data')->getId() ) {
40	+ return Mage::helper('bannerslider')->__("Edit Banner '%s'", $this->htmlEscape(Mage::registry('bannerslider_data')->getTitle()));
41	+ } else {
42	+ return Mage::helper('bannerslider')->__('Add Banner');
43	+ }
44	+ }
45	+ }

app/code/local/Dataman/Bannerslider/Block/Adminhtml/Bannerslider/Edit/Form.php ADDED Viewed

	@@ -0,0 +1,19 @@


1	+ <?php
2	+
3	+ class Dataman_Bannerslider_Block_Adminhtml_Bannerslider_Edit_Form extends Mage_Adminhtml_Block_Widget_Form
4	+ {
5	+ protected function _prepareForm()
6	+ {
7	+ $form = new Varien_Data_Form(array(
8	+ 'id' => 'edit_form',
9	+ 'action' => $this->getUrl('//save', array('id' => $this->getRequest()->getParam('id'))),
10	+ 'method' => 'post',
11	+ 'enctype' => 'multipart/form-data'
12	+ )
13	+ );
14	+
15	+ $form->setUseContainer(true);
16	+ $this->setForm($form);
17	+ return parent::_prepareForm();
18	+ }
19	+ }

app/code/local/Dataman/Bannerslider/Block/Adminhtml/Bannerslider/Edit/Tab/Form.php ADDED Viewed

	@@ -0,0 +1,73 @@


1	+ <?php
2	+
3	+ class Dataman_Bannerslider_Block_Adminhtml_Bannerslider_Edit_Tab_Form extends Mage_Adminhtml_Block_Widget_Form
4	+ {
5	+ protected function _prepareForm()
6	+ {
7	+ $form = new Varien_Data_Form();
8	+ $this->setForm($form);
9	+ $fieldset = $form->addFieldset('bannerslider_form', array('legend'=>Mage::helper('bannerslider')->__('Item information')));
10	+
11	+ $fieldset->addField('title', 'text', array(
12	+ 'label' => Mage::helper('bannerslider')->__('Title'),
13	+ 'class' => 'required-entry',
14	+ 'required' => true,
15	+ 'name' => 'title',
16	+ ));
17	+
18	+ $fieldset->addField('filename', 'file', array(
19	+ 'label' => Mage::helper('bannerslider')->__('Banner Image'),
20	+ 'required' => false,
21	+ 'name' => 'filename',
22	+ ));
23	+
24	+ $fieldset->addField('status', 'select', array(
25	+ 'label' => Mage::helper('bannerslider')->__('Status'),
26	+ 'name' => 'status',
27	+ 'values' => array(
28	+ array(
29	+ 'value' => 1,
30	+ 'label' => Mage::helper('bannerslider')->__('Enabled'),
31	+ ),
32	+
33	+ array(
34	+ 'value' => 2,
35	+ 'label' => Mage::helper('bannerslider')->__('Disabled'),
36	+ ),
37	+ ),
38	+ ));
39	+
40	+ $fieldset->addField('content', 'editor', array(
41	+ 'name' => 'content',
42	+ 'label' => Mage::helper('bannerslider')->__('Alt Text'),
43	+ 'title' => Mage::helper('bannerslider')->__('Alt Text'),
44	+ 'wysiwyg' => false,
45	+ 'required' => false,
46	+ ));
47	+
48	+ $fieldset->addField('titlestatus', 'select', array(
49	+ 'label' => Mage::helper('bannerslider')->__('Display title on banner'),
50	+ 'name' => 'titlestatus',
51	+ 'values' => array(
52	+ array(
53	+ 'value' => 1,
54	+ 'label' => Mage::helper('bannerslider')->__('Enabled'),
55	+ ),
56	+
57	+ array(
58	+ 'value' => 2,
59	+ 'label' => Mage::helper('bannerslider')->__('Disabled'),
60	+ ),
61	+ ),
62	+ ));
63	+
64	+ if ( Mage::getSingleton('adminhtml/session')->getBannersliderData() )
65	+ {
66	+ $form->setValues(Mage::getSingleton('adminhtml/session')->getBannersliderData());
67	+ Mage::getSingleton('adminhtml/session')->setBannersliderData(null);
68	+ } elseif ( Mage::registry('bannerslider_data') ) {
69	+ $form->setValues(Mage::registry('bannerslider_data')->getData());
70	+ }
71	+ return parent::_prepareForm();
72	+ }
73	+ }

app/code/local/Dataman/Bannerslider/Block/Adminhtml/Bannerslider/Edit/Tabs.php ADDED Viewed

	@@ -0,0 +1,24 @@


1	+ <?php
2	+
3	+ class Dataman_Bannerslider_Block_Adminhtml_Bannerslider_Edit_Tabs extends Mage_Adminhtml_Block_Widget_Tabs
4	+ {
5	+
6	+ public function __construct()
7	+ {
8	+ parent::__construct();
9	+ $this->setId('bannerslider_tabs');
10	+ $this->setDestElementId('edit_form');
11	+ $this->setTitle(Mage::helper('bannerslider')->__('Banner Information'));
12	+ }
13	+
14	+ protected function _beforeToHtml()
15	+ {
16	+ $this->addTab('form_section', array(
17	+ 'label' => Mage::helper('bannerslider')->__('Banner Information'),
18	+ 'title' => Mage::helper('bannerslider')->__('Banner Information'),
19	+ 'content' => $this->getLayout()->createBlock('bannerslider/adminhtml_bannerslider_edit_tab_form')->toHtml(),
20	+ ));
21	+
22	+ return parent::_beforeToHtml();
23	+ }
24	+ }

app/code/local/Dataman/Bannerslider/Block/Adminhtml/Bannerslider/Grid.php ADDED Viewed

	@@ -0,0 +1,116 @@


1	+ <?php
2	+
3	+ class Dataman_Bannerslider_Block_Adminhtml_Bannerslider_Grid extends Mage_Adminhtml_Block_Widget_Grid
4	+ {
5	+ public function __construct()
6	+ {
7	+ parent::__construct();
8	+ $this->setId('bannersliderGrid');
9	+ $this->setDefaultSort('bannerslider_id');
10	+ $this->setDefaultDir('ASC');
11	+ $this->setSaveParametersInSession(true);
12	+ }
13	+
14	+ protected function _prepareCollection()
15	+ {
16	+ $collection = Mage::getModel('bannerslider/bannerslider')->getCollection();
17	+ $this->setCollection($collection);
18	+ return parent::_prepareCollection();
19	+ }
20	+
21	+ protected function _prepareColumns()
22	+ {
23	+ $this->addColumn('bannerslider_id', array(
24	+ 'header' => Mage::helper('bannerslider')->__('ID'),
25	+ 'align' =>'right',
26	+ 'width' => '50px',
27	+ 'index' => 'bannerslider_id',
28	+ ));
29	+
30	+ $this->addColumn('title', array(
31	+ 'header' => Mage::helper('bannerslider')->__('Title'),
32	+ 'align' =>'left',
33	+ 'index' => 'title',
34	+ ));
35	+
36	+ /*
37	+ $this->addColumn('content', array(
38	+ 'header' => Mage::helper('bannerslider')->__('Item Content'),
39	+ 'width' => '150px',
40	+ 'index' => 'content',
41	+ ));
42	+ */
43	+
44	+ $this->addColumn('status', array(
45	+ 'header' => Mage::helper('bannerslider')->__('Status'),
46	+ 'align' => 'left',
47	+ 'width' => '80px',
48	+ 'index' => 'status',
49	+ 'type' => 'options',
50	+ 'options' => array(
51	+ 1 => 'Enabled',
52	+ 2 => 'Disabled',
53	+ ),
54	+ ));
55	+
56	+ $this->addColumn('action',
57	+ array(
58	+ 'header' => Mage::helper('bannerslider')->__('Action'),
59	+ 'width' => '100',
60	+ 'type' => 'action',
61	+ 'getter' => 'getId',
62	+ 'actions' => array(
63	+ array(
64	+ 'caption' => Mage::helper('bannerslider')->__('Edit'),
65	+ 'url' => array('base'=> '//edit'),
66	+ 'field' => 'id'
67	+ )
68	+ ),
69	+ 'filter' => false,
70	+ 'sortable' => false,
71	+ 'index' => 'stores',
72	+ 'is_system' => true,
73	+ ));
74	+
75	+ $this->addExportType('//exportCsv', Mage::helper('bannerslider')->__('CSV'));
76	+ $this->addExportType('//exportXml', Mage::helper('bannerslider')->__('XML'));
77	+
78	+ return parent::_prepareColumns();
79	+ }
80	+
81	+ protected function _prepareMassaction()
82	+ {
83	+ $this->setMassactionIdField('bannerslider_id');
84	+ $this->getMassactionBlock()->setFormFieldName('bannerslider');
85	+
86	+ $this->getMassactionBlock()->addItem('delete', array(
87	+ 'label' => Mage::helper('bannerslider')->__('Delete'),
88	+ 'url' => $this->getUrl('//massDelete'),
89	+ 'confirm' => Mage::helper('bannerslider')->__('Are you sure?')
90	+ ));
91	+
92	+ $statuses = Mage::getSingleton('bannerslider/status')->getOptionArray();
93	+
94	+ array_unshift($statuses, array('label'=>'', 'value'=>''));
95	+ $this->getMassactionBlock()->addItem('status', array(
96	+ 'label'=> Mage::helper('bannerslider')->__('Change status'),
97	+ 'url' => $this->getUrl('//massStatus', array('_current'=>true)),
98	+ 'additional' => array(
99	+ 'visibility' => array(
100	+ 'name' => 'status',
101	+ 'type' => 'select',
102	+ 'class' => 'required-entry',
103	+ 'label' => Mage::helper('bannerslider')->__('Status'),
104	+ 'values' => $statuses
105	+ )
106	+ )
107	+ ));
108	+ return $this;
109	+ }
110	+
111	+ public function getRowUrl($row)
112	+ {
113	+ return $this->getUrl('//edit', array('id' => $row->getId()));
114	+ }
115	+
116	+ }

app/code/local/Dataman/Bannerslider/Block/Bannerslider.php ADDED Viewed

	@@ -0,0 +1,23 @@


1	+ <?php
2	+ class Dataman_Bannerslider_Block_Bannerslider extends Mage_Core_Block_Template
3	+ {
4	+ public function _prepareLayout()
5	+ {
6	+ return parent::_prepareLayout();
7	+ }
8	+
9	+
10	+ public function getEnable()
11	+ {
12	+ return Mage::getStoreConfig('tab1/general/enable');
13	+ }
14	+
15	+ public function getBannerslider()
16	+ {
17	+ if (!$this->hasData('bannerslider')) {
18	+ $this->setData('bannerslider', Mage::registry('bannerslider'));
19	+ }
20	+ return $this->getData('bannerslider');
21	+
22	+ }
23	+ }

app/code/local/Dataman/Bannerslider/Helper/Data.php ADDED Viewed

	@@ -0,0 +1,6 @@


1	+ <?php
2	+
3	+ class Dataman_Bannerslider_Helper_Data extends Mage_Core_Helper_Abstract
4	+ {
5	+
6	+ }

app/code/local/Dataman/Bannerslider/Model/Bannerslider.php ADDED Viewed

	@@ -0,0 +1,10 @@


1	+ <?php
2	+
3	+ class Dataman_Bannerslider_Model_Bannerslider extends Mage_Core_Model_Abstract
4	+ {
5	+ public function _construct()
6	+ {
7	+ parent::_construct();
8	+ $this->_init('bannerslider/bannerslider');
9	+ }
10	+ }

app/code/local/Dataman/Bannerslider/Model/Mysql4/Bannerslider.php ADDED Viewed

	@@ -0,0 +1,10 @@


1	+ <?php
2	+
3	+ class Dataman_Bannerslider_Model_Mysql4_Bannerslider extends Mage_Core_Model_Mysql4_Abstract
4	+ {
5	+ public function _construct()
6	+ {
7	+ // Note that the bannerslider_id refers to the key field in your database table.
8	+ $this->_init('bannerslider/bannerslider', 'bannerslider_id');
9	+ }
10	+ }

app/code/local/Dataman/Bannerslider/Model/Mysql4/Bannerslider/Collection.php ADDED Viewed

	@@ -0,0 +1,10 @@


1	+ <?php
2	+
3	+ class Dataman_Bannerslider_Model_Mysql4_Bannerslider_Collection extends Mage_Core_Model_Mysql4_Collection_Abstract
4	+ {
5	+ public function _construct()
6	+ {
7	+ parent::_construct();
8	+ $this->_init('bannerslider/bannerslider');
9	+ }
10	+ }

app/code/local/Dataman/Bannerslider/Model/Status.php ADDED Viewed

	@@ -0,0 +1,15 @@


1	+ <?php
2	+
3	+ class Dataman_Bannerslider_Model_Status extends Varien_Object
4	+ {
5	+ const STATUS_ENABLED = 1;
6	+ const STATUS_DISABLED = 2;
7	+
8	+ static public function getOptionArray()
9	+ {
10	+ return array(
11	+ self::STATUS_ENABLED => Mage::helper('bannerslider')->__('Enabled'),
12	+ self::STATUS_DISABLED => Mage::helper('bannerslider')->__('Disabled')
13	+ );
14	+ }
15	+ }

app/code/local/Dataman/Bannerslider/Model/System/Config/Source/Dropdown/Values.php ADDED Viewed

	@@ -0,0 +1,54 @@


1	+ <?php
2	+
3	+ class Dataman_Bannerslider_Model_System_Config_Source_Dropdown_Values
4	+ {
5	+ public function toOptionArray()
6	+ {
7	+ return array(
8	+ array(
9	+ 'value' => 'slider1',
10	+ 'label' => 'Rotational Slider',
11	+ ),
12	+ array(
13	+ 'value' => 'slider2',
14	+ 'label' => 'Rotational Slider with single thumbnail',
15	+ ),
16	+ array(
17	+ 'value' => 'slider3',
18	+ 'label' => 'Spinning cuboids to left',
19	+ ),
20	+ array(
21	+ 'value' => 'slider4',
22	+ 'label' => 'Simple transion with thumbnail',
23	+ ),
24	+ array(
25	+ 'value' => 'slider5',
26	+ 'label' => 'Slider with Vertical Thumbnail(Two Columns)',
27	+ ),
28	+ array(
29	+ 'value' => 'slider6',
30	+ 'label' => 'Thubnail within dotted border at bottom',
31	+ ),
32	+ array(
33	+ 'value' => 'slider7',
34	+ 'label' => 'Slider with Bullet Navigator',
35	+ ),
36	+ array(
37	+ 'value' => 'slider8',
38	+ 'label' => 'Slider with Vertical Thumbnail at Right',
39	+ ),
40	+ array(
41	+ 'value' => 'slider9',
42	+ 'label' => 'Slider having partial visibility of nearby banners',
43	+ ),
44	+ array(
45	+ 'value' => 'slider10',
46	+ 'label' => 'Slider with Tab Navigator',
47	+ ),
48	+ array(
49	+ 'value' => 'slider11',
50	+ 'label' => 'Slider with Thumbnail Navigator',
51	+ ),
52	+ );
53	+ }
54	+ }

app/code/local/Dataman/Bannerslider/controllers/Adminhtml/BannersliderController.php ADDED Viewed

	@@ -0,0 +1,214 @@


1	+ <?php
2	+
3	+ class Dataman_Bannerslider_Adminhtml_BannersliderController extends Mage_Adminhtml_Controller_action
4	+ {
5	+
6	+ protected function _initAction() {
7	+ $this->loadLayout()
8	+ ->_setActiveMenu('bannerslider/items')
9	+ ->_addBreadcrumb(Mage::helper('adminhtml')->__('Items Manager'), Mage::helper('adminhtml')->__('Item Manager'));
10	+
11	+ return $this;
12	+ }
13	+
14	+ public function indexAction() {
15	+ $this->_initAction()
16	+ ->renderLayout();
17	+ }
18	+
19	+ public function editAction() {
20	+ $id = $this->getRequest()->getParam('id');
21	+ $model = Mage::getModel('bannerslider/bannerslider')->load($id);
22	+
23	+ if ($model->getId() \|\| $id == 0) {
24	+ $data = Mage::getSingleton('adminhtml/session')->getFormData(true);
25	+ if (!empty($data)) {
26	+ $model->setData($data);
27	+ }
28	+
29	+ Mage::register('bannerslider_data', $model);
30	+
31	+ $this->loadLayout();
32	+ $this->_setActiveMenu('bannerslider/items');
33	+
34	+ $this->_addBreadcrumb(Mage::helper('adminhtml')->__('Item Manager'), Mage::helper('adminhtml')->__('Item Manager'));
35	+ $this->_addBreadcrumb(Mage::helper('adminhtml')->__('Item News'), Mage::helper('adminhtml')->__('Item News'));
36	+
37	+ $this->getLayout()->getBlock('head')->setCanLoadExtJs(true);
38	+
39	+ $this->_addContent($this->getLayout()->createBlock('bannerslider/adminhtml_bannerslider_edit'))
40	+ ->_addLeft($this->getLayout()->createBlock('bannerslider/adminhtml_bannerslider_edit_tabs'));
41	+
42	+ $this->renderLayout();
43	+ } else {
44	+ Mage::getSingleton('adminhtml/session')->addError(Mage::helper('bannerslider')->__('Item does not exist'));
45	+ $this->_redirect('//');
46	+ }
47	+ }
48	+
49	+ public function newAction() {
50	+ $this->_forward('edit');
51	+ }
52	+
53	+ public function saveAction() {
54	+ if ($data = $this->getRequest()->getPost()) {
55	+
56	+ if(isset($_FILES['filename']['name']) && $_FILES['filename']['name'] != '') {
57	+ try {
58	+ /* Starting upload */
59	+ $uploader = new Varien_File_Uploader('filename');
60	+
61	+ // Any extention would work
62	+ $uploader->setAllowedExtensions(array('jpg','jpeg','gif','png'));
63	+ $uploader->setAllowRenameFiles(false);
64	+
65	+ // Set the file upload mode
66	+ // false -> get the file directly in the specified folder
67	+ // true -> get the file in the product like folders
68	+ // (file.jpg will go in something like /media/f/i/file.jpg)
69	+ $uploader->setFilesDispersion(false);
70	+
71	+ // We set media as the upload dir
72	+ $path = Mage::getBaseDir('media') . DS . ('bannerslider') .DS . ('images') .DS ;
73	+ $uploader->save($path, $_FILES['filename']['name'] );
74	+
75	+ } catch (Exception $e) {
76	+
77	+ }
78	+
79	+ //this way the name is saved in DB
80	+ $data['filename'] = $_FILES['filename']['name'];
81	+ }
82	+
83	+
84	+ $model = Mage::getModel('bannerslider/bannerslider');
85	+ $model->setData($data)
86	+ ->setId($this->getRequest()->getParam('id'));
87	+
88	+ try {
89	+ if ($model->getCreatedTime == NULL \|\| $model->getUpdateTime() == NULL) {
90	+ $model->setCreatedTime(now())
91	+ ->setUpdateTime(now());
92	+ } else {
93	+ $model->setUpdateTime(now());
94	+ }
95	+
96	+ $model->save();
97	+ Mage::getSingleton('adminhtml/session')->addSuccess(Mage::helper('bannerslider')->__('Item was successfully saved'));
98	+ Mage::getSingleton('adminhtml/session')->setFormData(false);
99	+
100	+ if ($this->getRequest()->getParam('back')) {
101	+ $this->_redirect('//edit', array('id' => $model->getId()));
102	+ return;
103	+ }
104	+ $this->_redirect('//');
105	+ return;
106	+ } catch (Exception $e) {
107	+ Mage::getSingleton('adminhtml/session')->addError($e->getMessage());
108	+ Mage::getSingleton('adminhtml/session')->setFormData($data);
109	+ $this->_redirect('//edit', array('id' => $this->getRequest()->getParam('id')));
110	+ return;
111	+ }
112	+ }
113	+ Mage::getSingleton('adminhtml/session')->addError(Mage::helper('bannerslider')->__('Unable to find item to save'));
114	+ $this->_redirect('//');
115	+ }
116	+
117	+ public function deleteAction() {
118	+ if( $this->getRequest()->getParam('id') > 0 ) {
119	+ try {
120	+ $model = Mage::getModel('bannerslider/bannerslider');
121	+
122	+ $model->setId($this->getRequest()->getParam('id'))
123	+ ->delete();
124	+
125	+ Mage::getSingleton('adminhtml/session')->addSuccess(Mage::helper('adminhtml')->__('Item was successfully deleted'));
126	+ $this->_redirect('//');
127	+ } catch (Exception $e) {
128	+ Mage::getSingleton('adminhtml/session')->addError($e->getMessage());
129	+ $this->_redirect('//edit', array('id' => $this->getRequest()->getParam('id')));
130	+ }
131	+ }
132	+ $this->_redirect('//');
133	+ }
134	+
135	+ public function massDeleteAction() {
136	+ $bannersliderIds = $this->getRequest()->getParam('bannerslider');
137	+ if(!is_array($bannersliderIds)) {
138	+ Mage::getSingleton('adminhtml/session')->addError(Mage::helper('adminhtml')->__('Please select item(s)'));
139	+ } else {
140	+ try {
141	+ foreach ($bannersliderIds as $bannersliderId) {
142	+ $bannerslider = Mage::getModel('bannerslider/bannerslider')->load($bannersliderId);
143	+ $bannerslider->delete();
144	+ }
145	+ Mage::getSingleton('adminhtml/session')->addSuccess(
146	+ Mage::helper('adminhtml')->__(
147	+ 'Total of %d record(s) were successfully deleted', count($bannersliderIds)
148	+ )
149	+ );
150	+ } catch (Exception $e) {
151	+ Mage::getSingleton('adminhtml/session')->addError($e->getMessage());
152	+ }
153	+ }
154	+ $this->_redirect('//index');
155	+ }
156	+
157	+ public function massStatusAction()
158	+ {
159	+ $bannersliderIds = $this->getRequest()->getParam('bannerslider');
160	+ if(!is_array($bannersliderIds)) {
161	+ Mage::getSingleton('adminhtml/session')->addError($this->__('Please select item(s)'));
162	+ } else {
163	+ try {
164	+ foreach ($bannersliderIds as $bannersliderId) {
165	+ $bannerslider = Mage::getSingleton('bannerslider/bannerslider')
166	+ ->load($bannersliderId)
167	+ ->setStatus($this->getRequest()->getParam('status'))
168	+ ->setIsMassupdate(true)
169	+ ->save();
170	+ }
171	+ $this->_getSession()->addSuccess(
172	+ $this->__('Total of %d record(s) were successfully updated', count($bannersliderIds))
173	+ );
174	+ } catch (Exception $e) {
175	+ $this->_getSession()->addError($e->getMessage());
176	+ }
177	+ }
178	+ $this->_redirect('//index');
179	+ }
180	+
181	+ public function exportCsvAction()
182	+ {
183	+ $fileName = 'bannerslider.csv';
184	+ $content = $this->getLayout()->createBlock('bannerslider/adminhtml_bannerslider_grid')
185	+ ->getCsv();
186	+
187	+ $this->_sendUploadResponse($fileName, $content);
188	+ }
189	+
190	+ public function exportXmlAction()
191	+ {
192	+ $fileName = 'bannerslider.xml';
193	+ $content = $this->getLayout()->createBlock('bannerslider/adminhtml_bannerslider_grid')
194	+ ->getXml();
195	+
196	+ $this->_sendUploadResponse($fileName, $content);
197	+ }
198	+
199	+ protected function _sendUploadResponse($fileName, $content, $contentType='application/octet-stream')
200	+ {
201	+ $response = $this->getResponse();
202	+ $response->setHeader('HTTP/1.1 200 OK','');
203	+ $response->setHeader('Pragma', 'public', true);
204	+ $response->setHeader('Cache-Control', 'must-revalidate, post-check=0, pre-check=0', true);
205	+ $response->setHeader('Content-Disposition', 'attachment; filename='.$fileName);
206	+ $response->setHeader('Last-Modified', date('r'));
207	+ $response->setHeader('Accept-Ranges', 'bytes');
208	+ $response->setHeader('Content-Length', strlen($content));
209	+ $response->setHeader('Content-type', $contentType);
210	+ $response->setBody($content);
211	+ $response->sendResponse();
212	+ die;
213	+ }
214	+ }

app/code/local/Dataman/Bannerslider/controllers/IndexController.php ADDED Viewed

	@@ -0,0 +1,52 @@


1	+ <?php
2	+ class Dataman_Bannerslider_IndexController extends Mage_Core_Controller_Front_Action
3	+ {
4	+ public function indexAction()
5	+ {
6	+ if(!Mage::getStoreConfig('tab1/general/enable')){
7	+ $this->norouteAction();
8	+ return $this;
9	+ }
10	+
11	+
12	+ /*
13	+ * Load an object by id
14	+ * Request looking like:
15	+ * http://site.com/bannerslider?id=15
16	+ * or
17	+ * http://site.com/bannerslider/id/15
18	+ */
19	+
20	+ $bannerslider_id = $this->getRequest()->getParam('id');
21	+
22	+ if($bannerslider_id != null && $bannerslider_id != '') {
23	+ $bannerslider = Mage::getModel('bannerslider/bannerslider')->load($bannerslider_id)->getData();
24	+ } else {
25	+ $bannerslider = null;
26	+ }
27	+
28	+
29	+ /*
30	+ * If no param we load a the last created item
31	+ */
32	+
33	+ if($bannerslider == null) {
34	+ $resource = Mage::getSingleton('core/resource');
35	+ $read= $resource->getConnection('core_read');
36	+ $bannersliderTable = $resource->getTableName('bannerslider');
37	+
38	+ $select = $read->select()
39	+ ->from($bannersliderTable,array('bannerslider_id','title','filename','status'))
40	+ ->where('status',1)
41	+ ->order('created_time DESC') ;
42	+
43	+ $bannerslider = $read->fetchRow($select);
44	+ }
45	+ Mage::register('bannerslider', $bannerslider);
46	+
47	+
48	+
49	+ $this->loadLayout();
50	+ $this->renderLayout();
51	+ }
52	+ }

app/code/local/Dataman/Bannerslider/data/bannerslider_setup/data-install-0.1.0.php ADDED Viewed

	@@ -0,0 +1,77 @@


1	+ <?php
2	+ /**
3	+ * Banner data installation script
4	+ *
5	+ * @author Priyanka_Dataman
6	+ */
7	+
8	+ /**
9	+ * @var $installer Mage_Core_Model_Resource_Setup
10	+ */
11	+ $installer = $this;
12	+
13	+ /**
14	+ * @var $model Dataman_Bannerslider_Model_Bannerslider
15	+ */
16	+ $model = Mage::getModel('bannerslider/bannerslider');
17	+
18	+ // Set up data rows
19	+ $dataRows = array(
20	+ array(
21	+ 'title' => 'Slider 1',
22	+ 'filename' => 'slider1.jpg',
23	+ 'status' => '1',
24	+ ),
25	+
26	+ array(
27	+ 'title' => 'Slider 2',
28	+ 'filename' => 'slider2.jpg',
29	+ 'status' => '1',
30	+ ),
31	+
32	+ array(
33	+ 'title' => 'Slider 3',
34	+ 'filename' => 'slider3.jpg',
35	+ 'status' => '1',
36	+ ),
37	+ array(
38	+ 'title' => 'Slider 4',
39	+ 'filename' => 'slider4.jpg',
40	+ 'status' => '1',
41	+ ),
42	+ array(
43	+ 'title' => 'Slider 5',
44	+ 'filename' => 'slider5.jpg',
45	+ 'status' => '1',
46	+ ),
47	+ array(
48	+ 'title' => 'Slider 6',
49	+ 'filename' => 'slider6.jpg',
50	+ 'status' => '1',
51	+ ),
52	+ array(
53	+ 'title' => 'Slider 7',
54	+ 'filename' => 'slider7.jpg',
55	+ 'status' => '1',
56	+ ),
57	+ array(
58	+ 'title' => 'Slider 8',
59	+ 'filename' => 'slider8.jpg',
60	+ 'status' => '1',
61	+ ),
62	+ array(
63	+ 'title' => 'Slider 9',
64	+ 'filename' => 'slider9.jpg',
65	+ 'status' => '1',
66	+ ),
67	+ array(
68	+ 'title' => 'Slider 10',
69	+ 'filename' => 'slider10.jpg',
70	+ 'status' => '1',
71	+ ),
72	+ );
73	+
74	+ // Generate news items
75	+ foreach ($dataRows as $data) {
76	+ $model->setData($data)->setOrigData()->save();
77	+ }

app/code/local/Dataman/Bannerslider/etc/adminhtml.xml ADDED Viewed

	@@ -0,0 +1,22 @@


1	+ <?xml version="1.0"?>
2	+ <config>
3	+ <acl>
4	+ <resources>
5	+ <admin>
6	+ <children>
7	+ <system>
8	+ <children>
9	+ <config>
10	+ <children>
11	+ <tab1>
12	+ <title>Tab #1</title> <!-- Used in resources tree -->
13	+ </tab1>
14	+ </children>
15	+ </config>
16	+ </children>
17	+ </system>
18	+ </children>
19	+ </admin>
20	+ </resources>
21	+ </acl>
22	+ </config>

app/code/local/Dataman/Bannerslider/etc/config.xml ADDED Viewed

	@@ -0,0 +1,142 @@


1	+ <?xml version="1.0"?>
2	+ <!--
3	+ /**
4	+ * @category Dataman
5	+ * @package Dataman_Bannerslider
6	+ * @author Priyanka_dataman
7	+ * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
8	+ */
9	+ -->
10	+ <config>
11	+ <modules>
12	+ <Dataman_Bannerslider>
13	+ <version>0.1.1</version>
14	+ </Dataman_Bannerslider>
15	+ </modules>
16	+ <frontend>
17	+ <routers>
18	+ <bannerslider>
19	+ <use>standard</use>
20	+ <args>
21	+ <module>Dataman_Bannerslider</module>
22	+ <frontName>bannerslider</frontName>
23	+ </args>
24	+ </bannerslider>
25	+ </routers>
26	+ <layout>
27	+ <updates>
28	+ <bannerslider>
29	+ <file>bannerslider.xml</file>
30	+ </bannerslider>
31	+ </updates>
32	+ </layout>
33	+ </frontend>
34	+ <admin>
35	+ <routers>
36	+ <bannerslider>
37	+ <use>admin</use>
38	+ <args>
39	+ <module>Dataman_Bannerslider</module>
40	+ <frontName>bannerslider</frontName>
41	+ </args>
42	+ </bannerslider>
43	+ </routers>
44	+ </admin>
45	+ <adminhtml>
46	+ <menu>
47	+ <bannerslider module="bannerslider">
48	+ <title>Banner Slider</title>
49	+ <sort_order>71</sort_order>
50	+ <children>
51	+ <items module="bannerslider">
52	+ <title>Manage Banners</title>
53	+ <sort_order>0</sort_order>
54	+ <action>bannerslider/adminhtml_bannerslider</action>
55	+ </items>
56	+ </children>
57	+ </bannerslider>
58	+ </menu>
59	+ <acl>
60	+ <resources>
61	+ <all>
62	+ <title>Allow Everything</title>
63	+ </all>
64	+ <admin>
65	+ <children>
66	+ <Dataman_Bannerslider>
67	+ <title>Bannerslider Module</title>
68	+ <sort_order>10</sort_order>
69	+ </Dataman_Bannerslider>
70	+ </children>
71	+ </admin>
72	+ </resources>
73	+ </acl>
74	+ <layout>
75	+ <updates>
76	+ <bannerslider>
77	+ <file>bannerslider.xml</file>
78	+ </bannerslider>
79	+ </updates>
80	+ </layout>
81	+ </adminhtml>
82	+ <global>
83	+ <models>
84	+ <bannerslider>
85	+ <class>Dataman_Bannerslider_Model</class>
86	+ <resourceModel>bannerslider_mysql4</resourceModel>
87	+ </bannerslider>
88	+ <bannerslider_mysql4>
89	+ <class>Dataman_Bannerslider_Model_Mysql4</class>
90	+ <entities>
91	+ <bannerslider>
92	+ <table>bannerslider</table>
93	+ </bannerslider>
94	+ </entities>
95	+ </bannerslider_mysql4>
96	+ </models>
97	+ <resources>
98	+ <bannerslider_setup>
99	+ <setup>
100	+ <module>Dataman_Bannerslider</module>
101	+ <class>Mage_Core_Model_Resource_Setup</class>
102	+ </setup>
103	+ <connection>
104	+ <use>core_setup</use>
105	+ </connection>
106	+ </bannerslider_setup>
107	+ <bannerslider_write>
108	+ <connection>
109	+ <use>core_write</use>
110	+ </connection>
111	+ </bannerslider_write>
112	+ <bannerslider_read>
113	+ <connection>
114	+ <use>core_read</use>
115	+ </connection>
116	+ </bannerslider_read>
117	+ </resources>
118	+
119	+
120	+
121	+ <blocks>
122	+ <bannerslider>
123	+ <class>Dataman_Bannerslider_Block</class>
124	+ </bannerslider>
125	+ </blocks>
126	+ <helpers>
127	+ <bannerslider>
128	+ <class>Dataman_Bannerslider_Helper</class>
129	+ </bannerslider>
130	+ </helpers>
131	+ </global>
132	+ <default>
133	+ <tab1>
134	+ <general>
135	+ <enable>1</enable>
136	+ <text_field></text_field>
137	+ <slider_mode>1</slider_mode>
138	+ <slider_type>slider1</slider_type>
139	+ </general>
140	+ </tab1>
141	+ </default>
142	+ </config>

app/code/local/Dataman/Bannerslider/etc/system.xml ADDED Viewed

	@@ -0,0 +1,68 @@


1	+ <?xml version="1.0"?>
2	+ <config>
3	+ <tabs>
4	+ <myconf translate="label">
5	+ <label>Dataman_Bannerslider</label>
6	+ <sort_order>150</sort_order>
7	+ </myconf>
8	+ </tabs>
9	+ <sections>
10	+ <tab1 translate="label" module="adminhtml">
11	+ <label>Settings</label>
12	+ <tab>myconf</tab>
13	+ <sort_order>10</sort_order>
14	+ <show_in_default>1</show_in_default>
15	+ <show_in_website>1</show_in_website>
16	+ <show_in_store>1</show_in_store>
17	+ <groups>
18	+ <general translate="label comment">
19	+ <label>General Configuration</label>
20	+ <sort_order>50</sort_order>
21	+ <show_in_default>1</show_in_default>
22	+ <show_in_website>1</show_in_website>
23	+ <show_in_store>1</show_in_store>
24	+ <!--comment><![CDATA[This is a <strong>global comment</strong> about my <em>configuration</em>.<br />You can specify <u>custom html</u> tags. <a href="http://www.bubblecode.net/en" target="_blank">Click here for example!</a>]]></comment-->
25	+ <fields>
26	+ <enable translate="label comment">
27	+ <label>Enable</label>
28	+ <frontend_type>select</frontend_type>
29	+ <sort_order>1</sort_order>
30	+ <source_model>adminhtml/system_config_source_yesno</source_model>
31	+ <show_in_default>1</show_in_default>
32	+ <show_in_website>1</show_in_website>
33	+ <show_in_store>1</show_in_store>
34	+ </enable>
35	+ <slider_type translate="label comment">
36	+ <label>Slider Style</label>
37	+ <!--comment>Dropdown with global scope.</comment-->
38	+ <frontend_type>select</frontend_type>
39	+ <source_model>bannerslider/system_config_source_dropdown_values</source_model>
40	+ <sort_order>30</sort_order>
41	+ <show_in_default>1</show_in_default>
42	+ <show_in_website>0</show_in_website>
43	+ <show_in_store>0</show_in_store>
44	+ </slider_type>
45	+ <text_field translate="label comment">
46	+ <label>Width</label>
47	+ <comment>Put the value in px. For example 720. If you want to set auto, put value 0</comment>
48	+ <frontend_type>text</frontend_type>
49	+ <sort_order>20</sort_order>
50	+ <show_in_default>1</show_in_default>
51	+ <show_in_website>1</show_in_website>
52	+ <show_in_store>1</show_in_store>
53	+ </text_field>
54	+ <slider_mode translate="label comment">
55	+ <label>Display Slider on Home page</label>
56	+ <frontend_type>select</frontend_type>
57	+ <sort_order>2</sort_order>
58	+ <source_model>adminhtml/system_config_source_yesno</source_model>
59	+ <show_in_default>1</show_in_default>
60	+ <show_in_website>1</show_in_website>
61	+ <show_in_store>1</show_in_store>
62	+ </slider_mode>
63	+ </fields>
64	+ </general>
65	+ </groups>
66	+ </tab1>
67	+ </sections>
68	+ </config>

app/code/local/Dataman/Bannerslider/sql/bannerslider_setup/mysql4-install-0.1.0.php ADDED Viewed

	@@ -0,0 +1,23 @@


1	+ <?php
2	+
3	+ $installer = $this;
4	+
5	+ $installer->startSetup();
6	+
7	+ $installer->run("
8	+
9	+ -- DROP TABLE IF EXISTS {$this->getTable('bannerslider')};
10	+ CREATE TABLE {$this->getTable('bannerslider')} (
11	+ `bannerslider_id` int(11) unsigned NOT NULL auto_increment,
12	+ `title` varchar(255) NOT NULL default '',
13	+ `filename` varchar(255) NOT NULL default '',
14	+ `content` text NOT NULL default '',
15	+ `status` smallint(6) NOT NULL default '0',
16	+ `created_time` datetime NULL,
17	+ `update_time` datetime NULL,
18	+ PRIMARY KEY (`bannerslider_id`)
19	+ ) ENGINE=InnoDB DEFAULT CHARSET=utf8;
20	+
21	+ ");
22	+
23	+ $installer->endSetup();

app/code/local/Dataman/Bannerslider/sql/bannerslider_setup/mysql4-upgrade-0.1.0-0.1.1.php ADDED Viewed

	@@ -0,0 +1,10 @@


1	+ <?php
2	+
3	+ $installer = $this;
4	+ $installer->getConnection()->addColumn($this->getTable('bannerslider/bannerslider'), 'titlestatus', array(
5	+ 'type' => Varien_Db_Ddl_Table::TYPE_INTEGER,
6	+ 'length' => 1,
7	+ 'nullable' => false,
8	+ 'default' => 1,
9	+ 'comment' => 'Some comment here'
10	+ ));

app/design/adminhtml/default/default/layout/bannerslider.xml ADDED Viewed

	@@ -0,0 +1,8 @@


1	+ <?xml version="1.0"?>
2	+ <layout version="0.1.0">
3	+ <bannerslider_adminhtml_bannerslider_index>
4	+ <reference name="content">
5	+ <block type="bannerslider/adminhtml_bannerslider" name="bannerslider" />
6	+ </reference>
7	+ </bannerslider_adminhtml_bannerslider_index>
8	+ </layout>

app/design/frontend/base/default/layout/bannerslider.xml ADDED Viewed

	@@ -0,0 +1,32 @@


1	+ <?xml version="1.0"?>
2	+ <layout version="0.1.0">
3	+ <default>
4	+ <reference name="head">
5	+ <action method="addCss"><stylesheet>css/bannerslider/css/default.css</stylesheet></action>
6	+ <action method="addJs"><script>bannerslider/jquery-1.9.1.min.js</script></action>
7	+ <action method="addJs"><script>bannerslider/jssor.js</script></action>
8	+ <action method="addJs"><script>bannerslider/jssor.slider.js</script></action>
9	+ </reference>
10	+ </default>
11	+ <bannerslider_index_index>
12	+ <reference name="root">
13	+ <action method="setTemplate"><template>page/1column.phtml</template></action>
14	+ </reference>
15	+ <reference name="content">
16	+ <block type="bannerslider/bannerslider" name="bannerslider" template="bannerslider/bannerslider.phtml" />
17	+ </reference>
18	+ </bannerslider_index_index>
19	+
20	+
21	+ <!-- homepage -->
22	+ <cms_index_index>
23	+ <reference name="content">
24	+ <block type="bannerslider/bannerslider" name="cms.page.content.top" before="-">
25	+ <action method="setTemplate" ifconfig="tab1/general/slider_mode">
26	+ <template>bannerslider/bannerslider.phtml</template>
27	+ </action>
28	+ </block>
29	+ </reference>
30	+ </cms_index_index>
31	+ <!--End homepage -->
32	+ </layout>

app/design/frontend/base/default/template/bannerslider/bannerslider.phtml ADDED Viewed

	@@ -0,0 +1,6 @@


1	+ <?php
2	+ $slider_type=Mage::getStoreConfig('tab1/general/slider_type');
3	+ echo $this->getLayout()->createBlock('bannerslider/bannerslider')->setTemplate('bannerslider/'.$slider_type.'.phtml')->toHtml();
4	+
5	+
6	+

app/design/frontend/base/default/template/bannerslider/slider1.phtml ADDED Viewed

	@@ -0,0 +1,262 @@


1	+ <?php
2	+ $banner_width=intval(Mage::getStoreConfig('tab1/general/text_field'));
3	+ ?>
4	+
5	+ <!-- Rotator Type1-->
6	+ <script>
7	+ jQuery(document).ready(function ($) {
8	+ //Reference http://www.jssor.com/development/slider-with-slideshow-jquery.html
9	+ //Reference http://www.jssor.com/development/tool-slideshow-transition-viewer.html
10	+
11	+ var _SlideshowTransitions = [
12	+ //Rotate Overlap
13	+ { $Duration: 1200, $Zoom: 11, $Rotate: -1, $Easing: { $Zoom: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2, $Round: { $Rotate: 0.5 }, $Brother: { $Duration: 1200, $Zoom: 1, $Rotate: 1, $Easing: $JssorEasing$.$EaseSwing, $Opacity: 2, $Round: { $Rotate: 0.5 }, $Shift: 90 } },
14	+ //Switch
15	+ { $Duration: 1400, x: 0.25, $Zoom: 1.5, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Zoom: $JssorEasing$.$EaseInSine }, $Opacity: 2, $ZIndex: -10, $Brother: { $Duration: 1400, x: -0.25, $Zoom: 1.5, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Zoom: $JssorEasing$.$EaseInSine }, $Opacity: 2, $ZIndex: -10 } },
16	+ //Rotate Relay
17	+ { $Duration: 1200, $Zoom: 11, $Rotate: 1, $Easing: { $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2, $Round: { $Rotate: 1 }, $ZIndex: -10, $Brother: { $Duration: 1200, $Zoom: 11, $Rotate: -1, $Easing: { $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2, $Round: { $Rotate: 1 }, $ZIndex: -10, $Shift: 600 } },
18	+ //Doors
19	+ { $Duration: 1500, x: 0.5, $Cols: 2, $ChessMode: { $Column: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2, $Brother: { $Duration: 1500, $Opacity: 2 } },
20	+ //Rotate in+ out-
21	+ { $Duration: 1500, x: -0.3, y: 0.5, $Zoom: 1, $Rotate: 0.1, $During: { $Left: [0.6, 0.4], $Top: [0.6, 0.4], $Rotate: [0.6, 0.4], $Zoom: [0.6, 0.4] }, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Top: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2, $Brother: { $Duration: 1000, $Zoom: 11, $Rotate: -0.5, $Easing: { $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2, $Shift: 200 } },
22	+ //Fly Twins
23	+ { $Duration: 1500, x: 0.3, $During: { $Left: [0.6, 0.4] }, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true, $Brother: { $Duration: 1000, x: -0.3, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 } },
24	+ //Rotate in- out+
25	+ { $Duration: 1500, $Zoom: 11, $Rotate: 0.5, $During: { $Left: [0.4, 0.6], $Top: [0.4, 0.6], $Rotate: [0.4, 0.6], $Zoom: [0.4, 0.6] }, $Easing: { $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2, $Brother: { $Duration: 1000, $Zoom: 1, $Rotate: -0.5, $Easing: { $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2, $Shift: 200 } },
26	+ //Rotate Axis up overlap
27	+ { $Duration: 1200, x: 0.25, y: 0.5, $Rotate: -0.1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Top: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2, $Brother: { $Duration: 1200, x: -0.1, y: -0.7, $Rotate: 0.1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Top: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2 } },
28	+ //Chess Replace TB
29	+ { $Duration: 1600, x: 1, $Rows: 2, $ChessMode: { $Row: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInOutQuart, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Brother: { $Duration: 1600, x: -1, $Rows: 2, $ChessMode: { $Row: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInOutQuart, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 } },
30	+ //Chess Replace LR
31	+ { $Duration: 1600, y: -1, $Cols: 2, $ChessMode: { $Column: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInOutQuart, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Brother: { $Duration: 1600, y: 1, $Cols: 2, $ChessMode: { $Column: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInOutQuart, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 } },
32	+ //Shift TB
33	+ { $Duration: 1200, y: 1, $Easing: { $Top: $JssorEasing$.$EaseInOutQuart, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Brother: { $Duration: 1200, y: -1, $Easing: { $Top: $JssorEasing$.$EaseInOutQuart, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 } },
34	+ //Shift LR
35	+ { $Duration: 1200, x: 1, $Easing: { $Left: $JssorEasing$.$EaseInOutQuart, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Brother: { $Duration: 1200, x: -1, $Easing: { $Left: $JssorEasing$.$EaseInOutQuart, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 } },
36	+ //Return TB
37	+ { $Duration: 1200, y: -1, $Easing: { $Top: $JssorEasing$.$EaseInOutQuart, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $ZIndex: -10, $Brother: { $Duration: 1200, y: -1, $Easing: { $Top: $JssorEasing$.$EaseInOutQuart, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $ZIndex: -10, $Shift: -100 } },
38	+ //Return LR
39	+ { $Duration: 1200, x: 1, $Delay: 40, $Cols: 6, $Formation: $JssorSlideshowFormations$.$FormationStraight, $Easing: { $Left: $JssorEasing$.$EaseInOutQuart, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $ZIndex: -10, $Brother: { $Duration: 1200, x: 1, $Delay: 40, $Cols: 6, $Formation: $JssorSlideshowFormations$.$FormationStraight, $Easing: { $Top: $JssorEasing$.$EaseInOutQuart, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $ZIndex: -10, $Shift: -100 } },
40	+ //Rotate Axis down
41	+ { $Duration: 1500, x: -0.1, y: -0.7, $Rotate: 0.1, $During: { $Left: [0.6, 0.4], $Top: [0.6, 0.4], $Rotate: [0.6, 0.4] }, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Top: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2, $Brother: { $Duration: 1000, x: 0.2, y: 0.5, $Rotate: -0.1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Top: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2 } },
42	+ //Extrude Replace
43	+ { $Duration: 1600, x: -0.2, $Delay: 40, $Cols: 12, $During: { $Left: [0.4, 0.6] }, $SlideOut: true, $Formation: $JssorSlideshowFormations$.$FormationStraight, $Assembly: 260, $Easing: { $Left: $JssorEasing$.$EaseInOutExpo, $Opacity: $JssorEasing$.$EaseInOutQuad }, $Opacity: 2, $Outside: true, $Round: { $Top: 0.5 }, $Brother: { $Duration: 1000, x: 0.2, $Delay: 40, $Cols: 12, $Formation: $JssorSlideshowFormations$.$FormationStraight, $Assembly: 1028, $Easing: { $Left: $JssorEasing$.$EaseInOutExpo, $Opacity: $JssorEasing$.$EaseInOutQuad }, $Opacity: 2, $Round: { $Top: 0.5 } } }
44	+ ];
45	+
46	+ var _CaptionTransitions = [
47	+ //CLIP\|LR
48	+ {$Duration: 900, $Clip: 3, $Easing: $JssorEasing$.$EaseInOutCubic },
49	+ //CLIP\|TB
50	+ {$Duration: 900, $Clip: 12, $Easing: $JssorEasing$.$EaseInOutCubic },
51	+
52	+ //DDGDANCE\|LB
53	+ {$Duration: 1800, x: 0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} },
54	+ //DDGDANCE\|RB
55	+ {$Duration: 1800, x: -0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} },
56	+
57	+ //TORTUOUS\|HL
58	+ {$Duration: 1500, x: 0.2, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Left: [0, 0.7] }, $Round: { $Left: 1.3} },
59	+ //TORTUOUS\|VB
60	+ {$Duration: 1500, y: -0.2, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Top: [0, 0.7] }, $Round: { $Top: 1.3} },
61	+
62	+ //ZMF\|10
63	+ {$Duration: 600, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 },
64	+
65	+ //ZML\|R
66	+ {$Duration: 600, x: -0.6, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
67	+ //ZML\|B
68	+ {$Duration: 600, y: -0.6, $Zoom: 11, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
69	+
70	+ //ZMS\|B
71	+ {$Duration: 700, y: -0.6, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
72	+
73	+ //ZM*JDN\|LB
74	+ {$Duration: 1200, x: 0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
75	+ //ZM*JUP\|LB
76	+ {$Duration: 1200, x: 0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
77	+ //ZM*JUP\|RB
78	+ {$Duration: 1200, x: -0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
79	+
80	+ //ZM*WVR\|LT
81	+ {$Duration: 1200, x: 0.5, y: 0.3, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Rotate: 0.8} },
82	+ //ZM*WVR\|RT
83	+ {$Duration: 1200, x: -0.5, y: 0.3, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Rotate: 0.8} },
84	+ //ZM*WVR\|TL
85	+ {$Duration: 1200, x: 0.3, y: 0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Rotate: 0.8} },
86	+ //ZM*WVR\|BL
87	+ {$Duration: 1200, x: 0.3, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Rotate: 0.8} },
88	+
89	+ //RTT\|10
90	+ {$Duration: 700, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} },
91	+
92	+ //RTTL\|R
93	+ {$Duration: 700, x: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} },
94	+ //RTTL\|B
95	+ {$Duration: 700, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} },
96	+
97	+ //RTTS\|R
98	+ {$Duration: 700, x: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} },
99	+ //RTTS\|B
100	+ {$Duration: 700, y: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} },
101	+
102	+ //RTT*JDN\|RT
103	+ {$Duration: 1000, x: -0.8, y: 0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
104	+ //RTT*JDN\|LB
105	+ {$Duration: 1000, x: 0.8, y: -0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
106	+ //RTT*JUP\|RB
107	+ {$Duration: 1000, x: -0.8, y: -0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
108	+ {$Duration: 1000, x: -0.5, y: 0.8, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseLinear, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Left: [0, 0.5] }, $Round: { $Rotate: 0.5 } },
109	+ //RTT*JUP\|BR
110	+ {$Duration: 1000, x: -0.5, y: -0.8, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseLinear, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Left: [0, 0.5]} },
111	+
112	+ //R\|IB
113	+ {$Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 },
114	+ //B\|IB
115	+ {$Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 },
116	+
117	+ ];
118	+
119	+ var options = {
120	+ $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
121	+ $AutoPlaySteps: 1, //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
122	+ $AutoPlayInterval: 4000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
123	+ $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
124	+
125	+ $ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
126	+ $SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
127	+ $MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide , default value is 20
128	+ //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
129	+ //$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
130	+ $SlideSpacing: 0, //[Optional] Space between each slide in pixels, default value is 0
131	+ $DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
132	+ $ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
133	+ $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
134	+ $PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
135	+ $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
136	+
137	+ $SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not
138	+ $Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow
139	+ $Transitions: _SlideshowTransitions, //[Required] An array of slideshow transitions to play slideshow
140	+ $TransitionsOrder: 1, //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
141	+ $ShowLink: true //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
142	+ },
143	+
144	+ $CaptionSliderOptions: { //[Optional] Options which specifies how to animate caption
145	+ $Class: $JssorCaptionSlider$, //[Required] Class to create instance to animate caption
146	+ $CaptionTransitions: _CaptionTransitions, //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
147	+ $PlayInMode: 1, //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
148	+ $PlayOutMode: 3 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
149	+ },
150	+
151	+ $BulletNavigatorOptions: { //[Optional] Options to specify and enable navigator or not
152	+ $Class: $JssorBulletNavigator$, //[Required] Class to create navigator instance
153	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
154	+ $AutoCenter: 0, //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
155	+ $Steps: 1, //[Optional] Steps to go for each navigation request, default value is 1
156	+ $Lanes: 1, //[Optional] Specify lanes to arrange items, default value is 1
157	+ $SpacingX: 10, //[Optional] Horizontal space between each item in pixel, default value is 0
158	+ $SpacingY: 10, //[Optional] Vertical space between each item in pixel, default value is 0
159	+ $Orientation: 1 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
160	+ },
161	+
162	+ $ArrowNavigatorOptions: {
163	+ $Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
164	+ $ChanceToShow: 2 //[Required] 0 Never, 1 Mouse Over, 2 Always
165	+ }
166	+ };
167	+
168	+ var jssor_slider1 = new $JssorSlider$("slider1_container", options);
169	+ //responsive code begin
170	+ //you can remove responsive code if you don't want the slider scales while window resizes
171	+
172	+ function ScaleSlider() {
173	+ var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
174	+ var customWidth=<?php echo json_encode($banner_width); ?>;
175	+ if(customWidth==0){
176	+ customWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
177	+ }
178	+ if (parentWidth)
179	+ jssor_slider1.$ScaleWidth(Math.min(parentWidth, customWidth));
180	+ else
181	+ window.setTimeout(ScaleSlider, 30);
182	+ }
183	+
184	+ ScaleSlider();
185	+
186	+ $(window).bind("load", ScaleSlider);
187	+ $(window).bind("resize", ScaleSlider);
188	+ $(window).bind("orientationchange", ScaleSlider);
189	+
190	+ //responsive code end
191	+ });
192	+ </script>
193	+
194	+
195	+ <!-- You can move inline styles to css file or css block. -->
196	+ <div class="slidercontainer">
197	+ <div id="slider1_container" style="position: relative; width:800px;
198	+ height: 500px; overflow: hidden;">
199	+
200	+ <!-- Loading Screen -->
201	+ <div u="loading" style="position: absolute; top: 0px; left: 0px;">
202	+ <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
203	+ background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;">
204	+ </div>
205	+ <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
206	+ top: 0px; left: 0px;width: 100%;height:100%;">
207	+ </div>
208	+ </div>
209	+
210	+ <!-- Slides Container -->
211	+ <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; height: 500px; overflow: hidden;">
212	+
213	+ <?php
214	+
215	+ $collection = Mage::getModel('bannerslider/bannerslider')->getCollection();
216	+ $cnt = count($collection);
217	+
218	+ foreach ($collection as $item) {
219	+ if($item->getstatus()==1){
220	+ ?>
221	+ <div>
222	+ <a u=image href="#"><img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" /></a>
223	+ <?php if($item->gettitlestatus()==1){ ?>
224	+ <div u=caption t="*" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:300px; height:30px;">
225	+ <?php echo $item->gettitle();?>
226	+ </div>
227	+ <?php }?>
228	+ </div>
229	+ <?php }
230	+ }?>
231	+
232	+ </div>
233	+
234	+
235	+
236	+ <!-- Bullet Navigator Skin Begin -->
237	+
238	+ <!-- bullet navigator container -->
239	+
240	+ <div u="navigator" class="jssorb01" style="position: absolute; bottom: 16px; right: 10px;">
241	+ <!-- bullet navigator item prototype -->
242	+ <div u="prototype" style="POSITION: absolute; WIDTH: 12px; HEIGHT: 12px;"></div>
243	+ </div>
244	+ <!-- Bullet Navigator Skin End -->
245	+
246	+ <!-- Arrow Navigator Skin Begin -->
247	+
248	+
249	+
250	+
251	+ <!-- Arrow Left -->
252	+ <span u="arrowleft" class="jssora05l" style="width: 40px; height: 40px; top: 230px; left: 8px;">
253	+ </span>
254	+ <!-- Arrow Right -->
255	+ <span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 230px; right: 8px">
256	+ </span>
257	+ <!-- Arrow Navigator Skin End -->
258	+
259	+ </div>
260	+ <!-- End Rotator Type1-->
261	+ </div>
262	+

app/design/frontend/base/default/template/bannerslider/slider10.phtml ADDED Viewed

	@@ -0,0 +1,169 @@


1	+ <?php
2	+ $banner_width=intval(Mage::getStoreConfig('tab1/general/text_field'));
3	+ ?>
4	+ <!--tab-slider.source-->
5	+ <script>
6	+
7	+ jQuery(document).ready(function ($) {
8	+
9	+ var _CaptionTransitions = [];
10	+ _CaptionTransitions["L"] = { $Duration: 900, x: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
11	+ _CaptionTransitions["R"] = { $Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
12	+ _CaptionTransitions["T"] = { $Duration: 900, y: 0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
13	+ _CaptionTransitions["B"] = { $Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
14	+ _CaptionTransitions["TR"] = { $Duration: 900, x: -0.6, y: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
15	+
16	+ _CaptionTransitions["L\|IB"] = { $Duration: 1200, x: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
17	+ _CaptionTransitions["R\|IB"] = { $Duration: 1200, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
18	+ _CaptionTransitions["T\|IB"] = { $Duration: 1200, y: 0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
19	+
20	+ _CaptionTransitions["CLIP\|LR"] = { $Duration: 900, $Clip: 3, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
21	+ _CaptionTransitions["CLIP\|TB"] = { $Duration: 900, $Clip: 12, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
22	+ _CaptionTransitions["CLIP\|L"] = { $Duration: 900, $Clip: 1, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
23	+
24	+ _CaptionTransitions["MCLIP\|R"] = { $Duration: 900, $Clip: 2, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
25	+ _CaptionTransitions["MCLIP\|T"] = { $Duration: 900, $Clip: 4, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
26	+
27	+ _CaptionTransitions["WV\|B"] = { $Duration: 1200, x: -0.2, y: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Left: 1.5} };
28	+
29	+ _CaptionTransitions["TORTUOUS\|VB"] = { $Duration: 1800, y: -0.2, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Top: [0, 0.7] }, $Round: { $Top: 1.3} };
30	+
31	+ _CaptionTransitions["LISTH\|R"] = { $Duration: 1500, x: -0.8, $Clip: 1, $Easing: $JssorEasing$.$EaseInOutCubic, $ScaleClip: 0.8, $Opacity: 2, $During: { $Left: [0.4, 0.6], $Clip: [0, 0.4], $Opacity: [0.4, 0.6]} };
32	+
33	+ _CaptionTransitions["RTT\|360"] = { $Duration: 900, $Rotate: 1, $Easing: { $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2 };
34	+ _CaptionTransitions["RTT\|10"] = { $Duration: 900, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} };
35	+
36	+ _CaptionTransitions["RTTL\|BR"] = { $Duration: 900, x: -0.6, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} };
37	+
38	+ _CaptionTransitions["T\|IE*IE"] = { $Duration: 1800, y: 0.8, $Zoom: 11, $Rotate: -1.5, $Easing: { $Top: $JssorEasing$.$EaseInOutElastic, $Zoom: $JssorEasing$.$EaseInElastic, $Rotate: $JssorEasing$.$EaseInOutElastic }, $Opacity: 2, $During: { $Zoom: [0, 0.8], $Opacity: [0, 0.7] }, $Round: { $Rotate: 0.5} };
39	+
40	+ _CaptionTransitions["RTTS\|R"] = { $Duration: 900, x: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} };
41	+ _CaptionTransitions["RTTS\|T"] = { $Duration: 900, y: 0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} };
42	+
43	+ _CaptionTransitions["DDGDANCE\|RB"] = { $Duration: 1800, x: -0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} };
44	+ _CaptionTransitions["ZMF\|10"] = { $Duration: 900, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 };
45	+ _CaptionTransitions["DDG\|TR"] = { $Duration: 1200, x: -0.3, y: 0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 0.8} };
46	+
47	+ _CaptionTransitions["FLTTR\|R"] = { $Duration: 900, x: -0.2, y: -0.1, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Top: 1.3} };
48	+ _CaptionTransitions["FLTTRWN\|LT"] = { $Duration: 1800, x: 0.5, y: 0.2, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseInWave, $Zoom: $JssorEasing$.$EaseInOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.7], $Top: [0.1, 0.7] }, $Round: { $Top: 1.3} };
49	+
50	+ _CaptionTransitions["ATTACK\|BR"] = { $Duration: 1500, x: -0.1, y: -0.5, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseOutWave, $Top: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $During: { $Left: [0.3, 0.7], $Top: [0, 0.7] }, $Round: { $Left: 1.3} };
51	+
52	+ _CaptionTransitions["FADE"] = { $Duration: 900, $Opacity: 2 };
53	+
54	+ var options = {
55	+ $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
56	+ $AutoPlaySteps: 1, //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
57	+ $AutoPlayInterval: 4000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
58	+ $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
59	+
60	+ $ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
61	+ $SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
62	+ $MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide , default value is 20
63	+ //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
64	+ //$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
65	+ $SlideSpacing: 5, //[Optional] Space between each slide in pixels, default value is 0
66	+ $DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
67	+ $ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
68	+ $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
69	+ $PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
70	+ $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
71	+
72	+ $ThumbnailNavigatorOptions: {
73	+ $Class: $JssorThumbnailNavigator$, //[Required] Class to create thumbnail navigator instance
74	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
75	+
76	+ $ActionMode: 1, //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
77	+ $AutoCenter: 3, //[Optional] Auto center thumbnail items in the thumbnail navigator container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 3
78	+ $Lanes: 1, //[Optional] Specify lanes to arrange thumbnails, default value is 1
79	+ $SpacingX: 1, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
80	+ $SpacingY: 0, //[Optional] Vertical space between each thumbnail in pixel, default value is 0
81	+ $DisplayPieces: 5, //[Optional] Number of pieces to display, default value is 1
82	+ $ParkingPosition: 0, //[Optional] The offset position to park thumbnail
83	+ $Orientation: 1, //[Optional] Orientation to arrange thumbnails, 1 horizental, 2 vertical, default value is 1
84	+ $DisableDrag: true //[Optional] Disable drag or not, default value is false
85	+ },
86	+
87	+ $CaptionSliderOptions: { //[Optional] Options which specifies how to animate caption
88	+ $Class: $JssorCaptionSlider$, //[Required] Class to create instance to animate caption
89	+ $CaptionTransitions: _CaptionTransitions, //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
90	+ $PlayInMode: 1, //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
91	+ $PlayOutMode: 3 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
92	+ }
93	+ };
94	+
95	+ var jssor_slider1 = new $JssorSlider$("slider1_container", options);
96	+
97	+ //responsive code begin
98	+ //you can remove responsive code if you don't want the slider scales while window resizes
99	+ function ScaleSlider() {
100	+ var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
101	+ var customWidth=<?php echo json_encode($banner_width); ?>;
102	+ if(customWidth==0){
103	+ customWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
104	+ }
105	+ if (parentWidth) {
106	+ var sliderWidth = parentWidth;
107	+
108	+ //keep the slider width no more than 600
109	+ sliderWidth = Math.min(sliderWidth, customWidth);
110	+
111	+ jssor_slider1.$ScaleWidth(sliderWidth);
112	+ }
113	+ else
114	+ window.setTimeout(ScaleSlider, 30);
115	+ }
116	+ ScaleSlider();
117	+
118	+ $(window).bind("load", ScaleSlider);
119	+ $(window).bind("resize", ScaleSlider);
120	+ $(window).bind("orientationchange", ScaleSlider);
121	+ //responsive code end
122	+ });
123	+ </script>
124	+ <!-- Jssor Slider Begin -->
125	+ <!-- You can move inline styles to css file or css block. -->
126	+ <div class="slidercontainer">
127	+ <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 600px; height: 327px; background: #fff; overflow: hidden; ">
128	+
129	+ <!-- Slides Container -->
130	+ <div u="slides" style="cursor: move; position: absolute; left:0px; top: 27px; width: 600px; height: 300px;
131	+ overflow: hidden;">
132	+ <?php
133	+
134	+ $collection = Mage::getModel('bannerslider/bannerslider')->getCollection();
135	+
136	+ $cnt = count($collection);
137	+ foreach ($collection as $item) {
138	+ if($item->getstatus()==1){
139	+ ?>
140	+ <div>
141	+ <img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" style="width: 100%; height: 100%;" />
142	+ <?php if($item->gettitlestatus()==1){ ?>
143	+ <div u=caption t="CLIP\|LR" du="1500" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:250px; height:30px;">
144	+ <?php echo $item->gettitle(); ?>
145	+ </div>
146	+ <?php }?>
147	+ <div u="thumb"><?php echo $item->gettitle() ?></div>
148	+
149	+ </div>
150	+ <?php }
151	+ }?>
152	+ </div>
153	+
154	+ <!-- ThumbnailNavigator Skin Begin -->
155	+ <div u="thumbnavigator" class="jssort14" style="position: absolute; width: 504px; height: 27px; left:0px; top: 0px;background:#fff;">
156	+ <!-- Thumbnail Item Skin Begin -->
157	+ <div u="slides" style="cursor: move; top:0px; left:0px;">
158	+ <div u="prototype" class="p" style="POSITION: absolute; WIDTH: 100px; HEIGHT: 27px; TOP: 0; LEFT: 0; padding:0px; background:#fff;">
159	+ <div class=w><div u="thumbnailtemplate" class="c" style=" WIDTH: 100%; HEIGHT: 23px; position:absolute; TOP: 0; LEFT: 0; line-height:23px; text-align:center;"></div></div>
160	+ </div>
161	+ </div>
162	+ </div>
163	+ <!-- Thumbnail Item Skin End -->
164	+ </div>
165	+ <!-- ThumbnailNavigator Skin Begin -->
166	+ </div>
167	+ </div>
168	+ <!-- Jssor Slider End -->
169	+

app/design/frontend/base/default/template/bannerslider/slider11.phtml ADDED Viewed

	@@ -0,0 +1,175 @@


1	+ <?php
2	+ $banner_width=intval(Mage::getStoreConfig('tab1/general/text_field'));
3	+ ?>
4	+ <!--thumbnail-navigator-with-arrows.source-->
5	+
6	+ <script>
7	+ jQuery(document).ready(function ($) {
8	+ var _CaptionTransitions = [];
9	+ _CaptionTransitions["L"] = { $Duration: 900, x: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
10	+ _CaptionTransitions["R"] = { $Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
11	+ _CaptionTransitions["T"] = { $Duration: 900, y: 0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
12	+ _CaptionTransitions["B"] = { $Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
13	+ _CaptionTransitions["TR"] = { $Duration: 900, x: -0.6, y: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
14	+
15	+ _CaptionTransitions["L\|IB"] = { $Duration: 1200, x: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
16	+ _CaptionTransitions["R\|IB"] = { $Duration: 1200, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
17	+ _CaptionTransitions["T\|IB"] = { $Duration: 1200, y: 0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
18	+
19	+ _CaptionTransitions["CLIP\|LR"] = { $Duration: 900, $Clip: 3, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
20	+ _CaptionTransitions["CLIP\|TB"] = { $Duration: 900, $Clip: 12, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
21	+ _CaptionTransitions["CLIP\|L"] = { $Duration: 900, $Clip: 1, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
22	+
23	+ _CaptionTransitions["MCLIP\|R"] = { $Duration: 900, $Clip: 2, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
24	+ _CaptionTransitions["MCLIP\|T"] = { $Duration: 900, $Clip: 4, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
25	+
26	+ _CaptionTransitions["WV\|B"] = { $Duration: 1200, x: -0.2, y: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Left: 1.5} };
27	+
28	+ _CaptionTransitions["TORTUOUS\|VB"] = { $Duration: 1800, y: -0.2, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Top: [0, 0.7] }, $Round: { $Top: 1.3} };
29	+
30	+ _CaptionTransitions["LISTH\|R"] = { $Duration: 1500, x: -0.8, $Clip: 1, $Easing: $JssorEasing$.$EaseInOutCubic, $ScaleClip: 0.8, $Opacity: 2, $During: { $Left: [0.4, 0.6], $Clip: [0, 0.4], $Opacity: [0.4, 0.6]} };
31	+
32	+ _CaptionTransitions["RTT\|360"] = { $Duration: 900, $Rotate: 1, $Easing: { $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2 };
33	+ _CaptionTransitions["RTT\|10"] = { $Duration: 900, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} };
34	+
35	+ _CaptionTransitions["RTTL\|BR"] = { $Duration: 900, x: -0.6, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} };
36	+
37	+ _CaptionTransitions["T\|IE*IE"] = { $Duration: 1800, y: 0.8, $Zoom: 11, $Rotate: -1.5, $Easing: { $Top: $JssorEasing$.$EaseInOutElastic, $Zoom: $JssorEasing$.$EaseInElastic, $Rotate: $JssorEasing$.$EaseInOutElastic }, $Opacity: 2, $During: { $Zoom: [0, 0.8], $Opacity: [0, 0.7] }, $Round: { $Rotate: 0.5} };
38	+
39	+ _CaptionTransitions["RTTS\|R"] = { $Duration: 900, x: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} };
40	+ _CaptionTransitions["RTTS\|T"] = { $Duration: 900, y: 0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} };
41	+
42	+ _CaptionTransitions["DDGDANCE\|RB"] = { $Duration: 1800, x: -0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} };
43	+ _CaptionTransitions["ZMF\|10"] = { $Duration: 900, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 };
44	+ _CaptionTransitions["DDG\|TR"] = { $Duration: 1200, x: -0.3, y: 0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 0.8} };
45	+
46	+ _CaptionTransitions["FLTTR\|R"] = { $Duration: 900, x: -0.2, y: -0.1, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Top: 1.3} };
47	+ _CaptionTransitions["FLTTRWN\|LT"] = { $Duration: 1800, x: 0.5, y: 0.2, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseInWave, $Zoom: $JssorEasing$.$EaseInOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.7], $Top: [0.1, 0.7] }, $Round: { $Top: 1.3} };
48	+
49	+ _CaptionTransitions["ATTACK\|BR"] = { $Duration: 1500, x: -0.1, y: -0.5, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseOutWave, $Top: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $During: { $Left: [0.3, 0.7], $Top: [0, 0.7] }, $Round: { $Left: 1.3} };
50	+
51	+ _CaptionTransitions["FADE"] = { $Duration: 900, $Opacity: 2 };
52	+
53	+ var options = {
54	+ $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
55	+ $AutoPlayInterval: 4000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
56	+ $SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
57	+ $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
58	+ $UISearchMode: 0, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
59	+
60	+ $ThumbnailNavigatorOptions: {
61	+ $Class: $JssorThumbnailNavigator$, //[Required] Class to create thumbnail navigator instance
62	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
63	+
64	+ $Loop: 2, //[Optional] Enable loop(circular) of carousel or not, 0: stop, 1: loop, 2 rewind, default value is 1
65	+ $SpacingX: 3, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
66	+ $SpacingY: 3, //[Optional] Vertical space between each thumbnail in pixel, default value is 0
67	+ $DisplayPieces: 6, //[Optional] Number of pieces to display, default value is 1
68	+ $ParkingPosition: 204, //[Optional] The offset position to park thumbnail,
69	+
70	+ $ArrowNavigatorOptions: {
71	+ $Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
72	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
73	+ $AutoCenter: 2, //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
74	+ $Steps: 6 //[Optional] Steps to go for each navigation request, default value is 1
75	+ }
76	+ },
77	+ $CaptionSliderOptions: { //[Optional] Options which specifies how to animate caption
78	+ $Class: $JssorCaptionSlider$, //[Required] Class to create instance to animate caption
79	+ $CaptionTransitions: _CaptionTransitions, //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
80	+ $PlayInMode: 1, //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
81	+ $PlayOutMode: 3 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
82	+ }
83	+
84	+ };
85	+
86	+ var jssor_slider1 = new $JssorSlider$("slider1_container", options);
87	+
88	+ //responsive code begin
89	+ //you can remove responsive code if you don't want the slider scales while window resizes
90	+ function ScaleSlider() {
91	+ var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
92	+ var customWidth=<?php echo json_encode($banner_width); ?>;
93	+ if(customWidth==0){
94	+ customWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
95	+ }
96	+ if (parentWidth)
97	+ jssor_slider1.$ScaleWidth(Math.min(parentWidth, customWidth));
98	+ else
99	+ window.setTimeout(ScaleSlider, 30);
100	+ }
101	+ ScaleSlider();
102	+
103	+ $(window).bind("load", ScaleSlider);
104	+ $(window).bind("resize", ScaleSlider);
105	+ $(window).bind("orientationchange", ScaleSlider);
106	+ //responsive code end
107	+ });
108	+ </script>
109	+ <!-- Jssor Slider Begin -->
110	+ <!-- You can move inline styles to css file or css block. -->
111	+ <div class="slidercontainer">
112	+ <div id="slider1_container" style="position: relative; width: 720px;
113	+ height: 480px; overflow: hidden;">
114	+
115	+ <!-- Loading Screen -->
116	+ <div u="loading" style="position: absolute; top: 0px; left: 0px;">
117	+ <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
118	+ background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;">
119	+ </div>
120	+ <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
121	+ top: 0px; left: 0px;width: 100%;height:100%;">
122	+ </div>
123	+ </div>
124	+
125	+ <!-- Slides Container -->
126	+ <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 720px; height: 480px;
127	+ overflow: hidden;">
128	+ <?php
129	+
130	+ $collection = Mage::getModel('bannerslider/bannerslider')->getCollection();
131	+
132	+ $cnt = count($collection);
133	+ foreach ($collection as $item) {
134	+ if($item->getstatus()==1){
135	+ ?>
136	+ <div>
137	+ <img u="image" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" />
138	+ <img u="thumb" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" />
139	+ <?php if($item->gettitlestatus()==1){ ?>
140	+ <div u=caption t="DDGDANCE\|RB" t2="RTT\|10" d=-1800 du=3800 class="captionOrange" style="position:absolute; left:20px; top: 30px; width:300px; height:30px;">
141	+ <?php echo $item->gettitle();?></div>
142	+ <?php }?>
143	+ </div>
144	+ <?php }
145	+ }?>
146	+ </div>
147	+
148	+ <!-- Thumbnail Navigator Skin Begin -->
149	+ <div u="thumbnavigator" class="jssort07" style="position: absolute; width: 720px; height: 100px; left: 0px; bottom: 0px; overflow: hidden; ">
150	+ <div style=" background-color: #000; filter:alpha(opacity=30); opacity:.3; width: 100%; height:100%;"></div>
151	+ <!-- Thumbnail Item Skin Begin -->
152	+
153	+ <div u="slides" style="cursor: move;">
154	+ <div u="prototype" class="p" style="POSITION: absolute; WIDTH: 99px; HEIGHT: 66px; TOP: 0; LEFT: 0;">
155	+ <div u="thumbnailtemplate" class="i" style="position:absolute;"></div>
156	+ <div class="o">
157	+ </div>
158	+ </div>
159	+ </div>
160	+ <!-- Thumbnail Item Skin End -->
161	+ <!-- Arrow Navigator Skin Begin -->
162	+
163	+ <!-- Arrow Left -->
164	+ <span u="arrowleft" class="jssora11l" style="width: 37px; height: 37px; top: 123px; left: 8px;">
165	+ </span>
166	+ <!-- Arrow Right -->
167	+ <span u="arrowright" class="jssora11r" style="width: 37px; height: 37px; top: 123px; right: 8px">
168	+ </span>
169	+ <!-- Arrow Navigator Skin End -->
170	+ </div>
171	+ <!-- ThumbnailNavigator Skin End -->
172	+ <!-- Trigger -->
173	+ </div>
174	+ </div>
175	+ <!-- Jssor Slider End -->

app/design/frontend/base/default/template/bannerslider/slider2.phtml ADDED Viewed

	@@ -0,0 +1,238 @@


1	+ <?php
2	+ $banner_width=intval(Mage::getStoreConfig('tab1/general/text_field'));
3	+ ?>
4	+ <!-- Rotator Type3-->
5	+ <script>
6	+ jQuery(document).ready(function ($) {
7	+ //Reference http://www.jssor.com/development/slider-with-slideshow-jquery.html
8	+ //Reference http://www.jssor.com/development/tool-slideshow-transition-viewer.html
9	+
10	+ var _CaptionTransitions = [
11	+ //CLIP\|LR
12	+ {$Duration: 900, $Clip: 3, $Easing: $JssorEasing$.$EaseInOutCubic },
13	+ //CLIP\|TB
14	+ {$Duration: 900, $Clip: 12, $Easing: $JssorEasing$.$EaseInOutCubic },
15	+
16	+ //DDGDANCE\|LB
17	+ {$Duration: 1800, x: 0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} },
18	+ //DDGDANCE\|RB
19	+ {$Duration: 1800, x: -0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} },
20	+
21	+ //TORTUOUS\|HL
22	+ {$Duration: 1500, x: 0.2, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Left: [0, 0.7] }, $Round: { $Left: 1.3} },
23	+ //TORTUOUS\|VB
24	+ {$Duration: 1500, y: -0.2, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Top: [0, 0.7] }, $Round: { $Top: 1.3} },
25	+
26	+ //ZMF\|10
27	+ {$Duration: 600, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 },
28	+
29	+ //ZML\|R
30	+ {$Duration: 600, x: -0.6, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
31	+ //ZML\|B
32	+ {$Duration: 600, y: -0.6, $Zoom: 11, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
33	+
34	+ //ZMS\|B
35	+ {$Duration: 700, y: -0.6, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
36	+
37	+ //ZM*JDN\|LB
38	+ {$Duration: 1200, x: 0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
39	+ //ZM*JUP\|LB
40	+ {$Duration: 1200, x: 0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
41	+ //ZM*JUP\|RB
42	+ {$Duration: 1200, x: -0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
43	+
44	+ //ZM*WVR\|LT
45	+ {$Duration: 1200, x: 0.5, y: 0.3, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Rotate: 0.8} },
46	+ //ZM*WVR\|RT
47	+ {$Duration: 1200, x: -0.5, y: 0.3, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Rotate: 0.8} },
48	+ //ZM*WVR\|TL
49	+ {$Duration: 1200, x: 0.3, y: 0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Rotate: 0.8} },
50	+ //ZM*WVR\|BL
51	+ {$Duration: 1200, x: 0.3, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Rotate: 0.8} },
52	+
53	+ //RTT\|10
54	+ {$Duration: 700, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} },
55	+
56	+ //RTTL\|R
57	+ {$Duration: 700, x: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} },
58	+ //RTTL\|B
59	+ {$Duration: 700, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} },
60	+
61	+ //RTTS\|R
62	+ {$Duration: 700, x: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} },
63	+ //RTTS\|B
64	+ {$Duration: 700, y: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} },
65	+
66	+ //RTT*JDN\|RT
67	+ {$Duration: 1000, x: -0.8, y: 0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
68	+ //RTT*JDN\|LB
69	+ {$Duration: 1000, x: 0.8, y: -0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
70	+ //RTT*JUP\|RB
71	+ {$Duration: 1000, x: -0.8, y: -0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
72	+ {$Duration: 1000, x: -0.5, y: 0.8, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseLinear, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Left: [0, 0.5] }, $Round: { $Rotate: 0.5 } },
73	+ //RTT*JUP\|BR
74	+ {$Duration: 1000, x: -0.5, y: -0.8, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseLinear, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Left: [0, 0.5]} },
75	+
76	+ //R\|IB
77	+ {$Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 },
78	+ //B\|IB
79	+ {$Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 },
80	+
81	+ ];
82	+ var _SlideshowTransitions = [
83	+ //Fade in R
84	+ {$Duration: 1200, x: -0.3, $During: { $Left: [0.3, 0.7] }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
85	+ //Fade out L
86	+ , { $Duration: 1200, x: 0.3, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
87	+ ];
88	+
89	+ var options = {
90	+ $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
91	+ $AutoPlaySteps: 1, //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
92	+ $AutoPlayInterval: 4000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
93	+ $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
94	+
95	+ $ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
96	+ $SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
97	+ $MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide , default value is 20
98	+ //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
99	+ //$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
100	+ $SlideSpacing: 0, //[Optional] Space between each slide in pixels, default value is 0
101	+ $DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
102	+ $ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
103	+ $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
104	+ $PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
105	+ $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
106	+
107	+ $SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not
108	+ $Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow
109	+ $Transitions: _SlideshowTransitions, //[Required] An array of slideshow transitions to play slideshow
110	+ $TransitionsOrder: 1, //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
111	+ $ShowLink: true //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
112	+ },
113	+
114	+ $BulletNavigatorOptions: { //[Optional] Options to specify and enable navigator or not
115	+ $Class: $JssorBulletNavigator$, //[Required] Class to create navigator instance
116	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
117	+ $Lanes: 1, //[Optional] Specify lanes to arrange items, default value is 1
118	+ $SpacingX: 10, //[Optional] Horizontal space between each item in pixel, default value is 0
119	+ $SpacingY: 10 //[Optional] Vertical space between each item in pixel, default value is 0
120	+ },
121	+
122	+ $ArrowNavigatorOptions: {
123	+ $Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
124	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
125	+ $AutoCenter: 2 //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
126	+ },
127	+
128	+ $ThumbnailNavigatorOptions: {
129	+ $Class: $JssorThumbnailNavigator$, //[Required] Class to create thumbnail navigator instance
130	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
131	+ $ActionMode: 0, //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
132	+ $DisableDrag: true //[Optional] Disable drag or not, default value is false
133	+ },
134	+ $CaptionSliderOptions: { //[Optional] Options which specifies how to animate caption
135	+ $Class: $JssorCaptionSlider$, //[Required] Class to create instance to animate caption
136	+ $CaptionTransitions: _CaptionTransitions, //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
137	+ $PlayInMode: 1, //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
138	+ $PlayOutMode: 3 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
139	+ }
140	+
141	+ };
142	+
143	+ var jssor_sliderb = new $JssorSlider$("sliderb_container", options);
144	+ //responsive code begin
145	+ //you can remove responsive code if you don't want the slider scales while window resizes
146	+ function ScaleSlider() {
147	+ var parentWidth = jssor_sliderb.$Elmt.parentNode.clientWidth;
148	+ var customWidth=<?php echo json_encode($banner_width); ?>;
149	+ if(customWidth==0){
150	+ customWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
151	+ }
152	+ if (parentWidth)
153	+ jssor_sliderb.$ScaleWidth(Math.min(parentWidth, customWidth));
154	+ else
155	+ window.setTimeout(ScaleSlider, 30);
156	+ }
157	+ ScaleSlider();
158	+
159	+ $(window).bind("load", ScaleSlider);
160	+ $(window).bind("resize", ScaleSlider);
161	+ $(window).bind("orientationchange", ScaleSlider);
162	+ //responsive code end
163	+ });
164	+ </script>
165	+ <!-- Jssor Slider Begin -->
166	+ <!-- You can move inline styles to css file or css block. -->
167	+ <div class="slidercontainer">
168	+ <div id="sliderb_container" style="position: relative; width: 600px;
169	+ height: 300px; overflow: hidden;">
170	+
171	+ <!-- Loading Screen -->
172	+ <div u="loading" style="position: absolute; top: 0px; left: 0px;">
173	+ <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
174	+ background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;">
175	+ </div>
176	+ <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
177	+ top: 0px; left: 0px;width: 100%;height:100%;">
178	+ </div>
179	+ </div>
180	+
181	+ <!-- Slides Container -->
182	+ <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 300px;
183	+ overflow: hidden;">
184	+ <?php
185	+
186	+ $collection = Mage::getModel('bannerslider/bannerslider')->getCollection();
187	+
188	+ $cnt = count($collection);
189	+ foreach ($collection as $item) {
190	+ if($item->getstatus()==1){
191	+ ?>
192	+ <div>
193	+ <a u=image href="#"><img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" /></a>
194	+ <?php if($item->gettitlestatus()==1){ ?>
195	+ <div u=caption t="*" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:300px; height:30px;">
196	+ <?php echo $item->gettitle() ?>
197	+ </div>
198	+ <?php }?>
199	+ </div>
200	+ <?php }
201	+ }?>
202	+
203	+ <!-- ThumbnailNavigator Skin Begin -->
204	+ <div u="thumbnavigator" class="sliderb-T" style="position: absolute; bottom: 0px; left: 0px; height:45px; width:600px;">
205	+ <div style="filter: alpha(opacity=40); opacity:0.4; position: absolute; display: block;
206	+ background-color: #000000; top: 0px; left: 0px; width: 100%; height: 100%;">
207	+ </div>
208	+ <!-- Thumbnail Item Skin Begin -->
209	+ <div u="slides">
210	+ <div u="prototype" style="POSITION: absolute; WIDTH: 600px; HEIGHT: 45px; TOP: 0; LEFT: 0;">
211	+ <div u="thumbnailtemplate" style="font-family: verdana; font-weight: normal; POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; TOP: 0; LEFT: 0; color:#fff; line-height: 45px; font-size:20px; padding-left:10px;"></div>
212	+ </div>
213	+ </div>
214	+ <!-- Thumbnail Item Skin End -->
215	+ </div>
216	+ <!-- ThumbnailNavigator Skin End -->
217	+
218	+ <!-- Bullet Navigator Skin Begin -->
219	+
220	+ <!-- bullet navigator container -->
221	+ <div u="navigator" class="jssorb01" style="position: absolute; bottom: 16px; right: 10px;">
222	+ <!-- bullet navigator item prototype -->
223	+ <div u="prototype" style="POSITION: absolute; WIDTH: 12px; HEIGHT: 12px;"></div>
224	+ </div>
225	+ <!-- Bullet Navigator Skin End -->
226	+
227	+ <!-- Arrow Left -->
228	+ <span u="arrowleft" class="jssora05l" style="width: 40px; height: 40px; top: 123px; left: 8px;">
229	+ </span>
230	+ <!-- Arrow Right -->
231	+ <span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 123px; right: 8px">
232	+ </span>
233	+ <!-- Arrow Navigator Skin End -->
234	+ <!-- Trigger -->
235	+ </div>
236	+ </div>
237	+ </div>
238	+ <!-- End Rotator Type3-->

app/design/frontend/base/default/template/bannerslider/slider3.phtml ADDED Viewed

	@@ -0,0 +1,245 @@


1	+ <?php
2	+ $banner_width=intval(Mage::getStoreConfig('tab1/general/text_field'));
3	+ ?>
4	+
5	+ <!-- Rotator Type2-->
6	+ <script>
7	+ jQuery(document).ready(function ($) {
8	+ //Reference http://www.jssor.com/development/slider-with-slideshow-jquery.html
9	+ //Reference http://www.jssor.com/development/tool-slideshow-transition-viewer.html
10	+
11	+ var _CaptionTransitions = [
12	+ //CLIP\|LR
13	+ {$Duration: 900, $Clip: 3, $Easing: $JssorEasing$.$EaseInOutCubic },
14	+ //CLIP\|TB
15	+ {$Duration: 900, $Clip: 12, $Easing: $JssorEasing$.$EaseInOutCubic },
16	+
17	+ //DDGDANCE\|LB
18	+ {$Duration: 1800, x: 0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} },
19	+ //DDGDANCE\|RB
20	+ {$Duration: 1800, x: -0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} },
21	+
22	+ //TORTUOUS\|HL
23	+ {$Duration: 1500, x: 0.2, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Left: [0, 0.7] }, $Round: { $Left: 1.3} },
24	+ //TORTUOUS\|VB
25	+ {$Duration: 1500, y: -0.2, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Top: [0, 0.7] }, $Round: { $Top: 1.3} },
26	+
27	+ //ZMF\|10
28	+ {$Duration: 600, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 },
29	+
30	+ //ZML\|R
31	+ {$Duration: 600, x: -0.6, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
32	+ //ZML\|B
33	+ {$Duration: 600, y: -0.6, $Zoom: 11, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
34	+
35	+ //ZMS\|B
36	+ {$Duration: 700, y: -0.6, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
37	+
38	+ //ZM*JDN\|LB
39	+ {$Duration: 1200, x: 0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
40	+ //ZM*JUP\|LB
41	+ {$Duration: 1200, x: 0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
42	+ //ZM*JUP\|RB
43	+ {$Duration: 1200, x: -0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
44	+
45	+ //ZM*WVR\|LT
46	+ {$Duration: 1200, x: 0.5, y: 0.3, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Rotate: 0.8} },
47	+ //ZM*WVR\|RT
48	+ {$Duration: 1200, x: -0.5, y: 0.3, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Rotate: 0.8} },
49	+ //ZM*WVR\|TL
50	+ {$Duration: 1200, x: 0.3, y: 0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Rotate: 0.8} },
51	+ //ZM*WVR\|BL
52	+ {$Duration: 1200, x: 0.3, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Rotate: 0.8} },
53	+
54	+ //RTT\|10
55	+ {$Duration: 700, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} },
56	+
57	+ //RTTL\|R
58	+ {$Duration: 700, x: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} },
59	+ //RTTL\|B
60	+ {$Duration: 700, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} },
61	+
62	+ //RTTS\|R
63	+ {$Duration: 700, x: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} },
64	+ //RTTS\|B
65	+ {$Duration: 700, y: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} },
66	+
67	+ //RTT*JDN\|RT
68	+ {$Duration: 1000, x: -0.8, y: 0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
69	+ //RTT*JDN\|LB
70	+ {$Duration: 1000, x: 0.8, y: -0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
71	+ //RTT*JUP\|RB
72	+ {$Duration: 1000, x: -0.8, y: -0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
73	+ {$Duration: 1000, x: -0.5, y: 0.8, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseLinear, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Left: [0, 0.5] }, $Round: { $Rotate: 0.5 } },
74	+ //RTT*JUP\|BR
75	+ {$Duration: 1000, x: -0.5, y: -0.8, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseLinear, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Left: [0, 0.5]} },
76	+
77	+ //R\|IB
78	+ {$Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 },
79	+ //B\|IB
80	+ {$Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 },
81	+
82	+ ];
83	+
84	+ var _SlideshowTransitions = [
85	+ //Swing Outside in Stairs
86	+ {$Duration: 1200, x: 0.2, y: -0.1, $Delay: 20, $Cols: 8, $Rows: 4, $Clip: 15, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $Formation: $JssorSlideshowFormations$.$FormationStraightStairs, $Assembly: 260, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseInWave, $Clip: $JssorEasing$.$EaseOutQuad }, $Outside: true, $Round: { $Left: 1.3, $Top: 2.5} }
87	+
88	+ //Dodge Dance Outside out Stairs
89	+ , { $Duration: 1500, x: 0.3, y: -0.3, $Delay: 20, $Cols: 8, $Rows: 4, $Clip: 15, $During: { $Left: [0.1, 0.9], $Top: [0.1, 0.9] }, $SlideOut: true, $Formation: $JssorSlideshowFormations$.$FormationStraightStairs, $Assembly: 260, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Clip: $JssorEasing$.$EaseOutQuad }, $Outside: true, $Round: { $Left: 0.8, $Top: 2.5} }
90	+
91	+ //Dodge Pet Outside in Stairs
92	+ , { $Duration: 1500, x: 0.2, y: -0.1, $Delay: 20, $Cols: 8, $Rows: 4, $Clip: 15, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $Formation: $JssorSlideshowFormations$.$FormationStraightStairs, $Assembly: 260, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseInWave, $Clip: $JssorEasing$.$EaseOutQuad }, $Outside: true, $Round: { $Left: 0.8, $Top: 2.5} }
93	+
94	+ //Dodge Dance Outside in Random
95	+ , { $Duration: 1500, x: 0.3, y: -0.3, $Delay: 80, $Cols: 8, $Rows: 4, $Clip: 15, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Clip: $JssorEasing$.$EaseOutQuad }, $Outside: true, $Round: { $Left: 0.8, $Top: 2.5} }
96	+
97	+ //Flutter out Wind
98	+ , { $Duration: 1800, x: 1, y: 0.2, $Delay: 30, $Cols: 10, $Rows: 5, $Clip: 15, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $SlideOut: true, $Reverse: true, $Formation: $JssorSlideshowFormations$.$FormationStraightStairs, $Assembly: 2050, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseOutWave, $Clip: $JssorEasing$.$EaseInOutQuad }, $Outside: true, $Round: { $Top: 1.3} }
99	+
100	+ //Collapse Stairs
101	+ , { $Duration: 1200, $Delay: 30, $Cols: 8, $Rows: 4, $Clip: 15, $SlideOut: true, $Formation: $JssorSlideshowFormations$.$FormationStraightStairs, $Assembly: 2049, $Easing: $JssorEasing$.$EaseOutQuad }
102	+
103	+ //Collapse Random
104	+ , { $Duration: 1000, $Delay: 80, $Cols: 8, $Rows: 4, $Clip: 15, $SlideOut: true, $Easing: $JssorEasing$.$EaseOutQuad }
105	+
106	+ //Vertical Chess Stripe
107	+ , { $Duration: 1000, y: -1, $Cols: 12, $Formation: $JssorSlideshowFormations$.$FormationStraight, $ChessMode: { $Column: 12} }
108	+
109	+ //Extrude out Stripe
110	+ , { $Duration: 1000, x: -0.2, $Delay: 40, $Cols: 12, $SlideOut: true, $Formation: $JssorSlideshowFormations$.$FormationStraight, $Assembly: 260, $Easing: { $Left: $JssorEasing$.$EaseInOutExpo, $Opacity: $JssorEasing$.$EaseInOutQuad }, $Opacity: 2, $Outside: true, $Round: { $Top: 0.5} }
111	+
112	+ //Dominoes Stripe
113	+ , { $Duration: 2000, y: -1, $Delay: 60, $Cols: 15, $SlideOut: true, $Formation: $JssorSlideshowFormations$.$FormationStraight, $Easing: $JssorEasing$.$EaseOutJump, $Round: { $Top: 1.5} }
114	+ ];
115	+
116	+ var options = {
117	+ $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
118	+ $AutoPlaySteps: 1, //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
119	+ $AutoPlayInterval: 4000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
120	+ $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
121	+
122	+ $ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
123	+ $SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
124	+ $MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide , default value is 20
125	+ //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
126	+ //$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
127	+ $SlideSpacing: 0, //[Optional] Space between each slide in pixels, default value is 0
128	+ $DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
129	+ $ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
130	+ $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
131	+ $PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
132	+ $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
133	+
134	+ $SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not
135	+ $Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow
136	+ $Transitions: _SlideshowTransitions, //[Required] An array of slideshow transitions to play slideshow
137	+ $TransitionsOrder: 1, //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
138	+ $ShowLink: true //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
139	+ },
140	+
141	+ $BulletNavigatorOptions: { //[Optional] Options to specify and enable navigator or not
142	+ $Class: $JssorBulletNavigator$, //[Required] Class to create navigator instance
143	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
144	+ $AutoCenter: 0, //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
145	+ $Steps: 1, //[Optional] Steps to go for each navigation request, default value is 1
146	+ $Lanes: 1, //[Optional] Specify lanes to arrange items, default value is 1
147	+ $SpacingX: 10, //[Optional] Horizontal space between each item in pixel, default value is 0
148	+ $SpacingY: 10, //[Optional] Vertical space between each item in pixel, default value is 0
149	+ $Orientation: 1 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
150	+ },
151	+
152	+ $ArrowNavigatorOptions: {
153	+ $Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
154	+ $ChanceToShow: 2 //[Required] 0 Never, 1 Mouse Over, 2 Always
155	+ },
156	+ $CaptionSliderOptions: { //[Optional] Options which specifies how to animate caption
157	+ $Class: $JssorCaptionSlider$, //[Required] Class to create instance to animate caption
158	+ $CaptionTransitions: _CaptionTransitions, //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
159	+ $PlayInMode: 1, //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
160	+ $PlayOutMode: 3 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
161	+ }
162	+ };
163	+
164	+ var jssor_slider2 = new $JssorSlider$("slider2_container", options);
165	+
166	+ //responsive code begin
167	+ //you can remove responsive code if you don't want the slider scales while window resizes
168	+ function ScaleSlider() {
169	+ var parentWidth = jssor_slider2.$Elmt.parentNode.clientWidth;
170	+ var customWidth=<?php echo json_encode($banner_width); ?>;
171	+ if(customWidth==0){
172	+ customWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
173	+ }
174	+ if (parentWidth)
175	+ jssor_slider2.$ScaleWidth(Math.min(parentWidth, customWidth));
176	+ else
177	+ window.setTimeout(ScaleSlider, 30);
178	+ }
179	+
180	+ ScaleSlider();
181	+
182	+ $(window).bind("load", ScaleSlider);
183	+ $(window).bind("resize", ScaleSlider);
184	+ $(window).bind("orientationchange", ScaleSlider);
185	+
186	+ //responsive code end
187	+ });
188	+ </script>
189	+ <!-- Jssor Slider Begin -->
190	+ <!-- You can move inline styles to css file or css block. -->
191	+ <div class="slidercontainer">
192	+ <div id="slider2_container" style="position: relative; width: 600px;
193	+ height: 300px;">
194	+ <!-- Loading Screen -->
195	+ <div u="loading" style="position: absolute; top: 0px; left: 0px;">
196	+ <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
197	+ background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;">
198	+ </div>
199	+ <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
200	+ top: 0px; left: 0px;width: 100%;height:100%;">
201	+ </div>
202	+ </div>
203	+
204	+ <!-- Slides Container -->
205	+ <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 300px;
206	+ overflow: hidden;">
207	+ <?php
208	+
209	+ $collection = Mage::getModel('bannerslider/bannerslider')->getCollection();
210	+
211	+ $cnt = count($collection);
212	+ foreach ($collection as $item) {
213	+ if($item->getstatus()==1){
214	+ ?>
215	+ <div>
216	+ <a u=image href="#"><img src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" /></a>
217	+ <?php if($item->gettitlestatus()==1){ ?>
218	+ <div u=caption t="*" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:300px; height:30px;">
219	+ <?php echo $item->gettitle() ?>
220	+ </div>
221	+ <?php }?>
222	+ </div>
223	+ <?php }
224	+ }?>
225	+ </div>
226	+
227	+
228	+ <!-- bullet navigator container -->
229	+ <div u="navigator" class="jssorb01" style="position: absolute; bottom: 16px; right: 10px;">
230	+ <!-- bullet navigator item prototype -->
231	+ <div u="prototype" style="POSITION: absolute; WIDTH: 12px; HEIGHT: 12px;"></div>
232	+ </div>
233	+ <!-- Bullet Navigator Skin End -->
234	+
235	+ <!-- Arrow Left -->
236	+ <span u="arrowleft" class="jssora05l" style="width: 40px; height: 40px; top: 123px; left: 8px;">
237	+ </span>
238	+ <!-- Arrow Right -->
239	+ <span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 123px; right: 8px">
240	+ </span>
241	+ <!-- Arrow Navigator Skin End -->
242	+ </div>
243	+ </div>
244	+
245	+ <!-- End Rotator Type2-->

app/design/frontend/base/default/template/bannerslider/slider4.phtml ADDED Viewed

	@@ -0,0 +1,252 @@


1	+ <?php
2	+ $banner_width=intval(Mage::getStoreConfig('tab1/general/text_field'));
3	+ ?>
4	+ <!--image-gallery.source-->
5	+ <script>
6	+ jQuery(document).ready(function ($) {
7	+
8	+ var _CaptionTransitions = [
9	+ //CLIP\|LR
10	+ {$Duration: 900, $Clip: 3, $Easing: $JssorEasing$.$EaseInOutCubic },
11	+ //CLIP\|TB
12	+ {$Duration: 900, $Clip: 12, $Easing: $JssorEasing$.$EaseInOutCubic },
13	+
14	+ //DDGDANCE\|LB
15	+ {$Duration: 1800, x: 0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} },
16	+ //DDGDANCE\|RB
17	+ {$Duration: 1800, x: -0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} },
18	+
19	+ //TORTUOUS\|HL
20	+ {$Duration: 1500, x: 0.2, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Left: [0, 0.7] }, $Round: { $Left: 1.3} },
21	+ //TORTUOUS\|VB
22	+ {$Duration: 1500, y: -0.2, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Top: [0, 0.7] }, $Round: { $Top: 1.3} },
23	+
24	+ //ZMF\|10
25	+ {$Duration: 600, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 },
26	+
27	+ //ZML\|R
28	+ {$Duration: 600, x: -0.6, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
29	+ //ZML\|B
30	+ {$Duration: 600, y: -0.6, $Zoom: 11, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
31	+
32	+ //ZMS\|B
33	+ {$Duration: 700, y: -0.6, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
34	+
35	+ //ZM*JDN\|LB
36	+ {$Duration: 1200, x: 0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
37	+ //ZM*JUP\|LB
38	+ {$Duration: 1200, x: 0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
39	+ //ZM*JUP\|RB
40	+ {$Duration: 1200, x: -0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
41	+
42	+ //ZM*WVR\|LT
43	+ {$Duration: 1200, x: 0.5, y: 0.3, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Rotate: 0.8} },
44	+ //ZM*WVR\|RT
45	+ {$Duration: 1200, x: -0.5, y: 0.3, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Rotate: 0.8} },
46	+ //ZM*WVR\|TL
47	+ {$Duration: 1200, x: 0.3, y: 0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Rotate: 0.8} },
48	+ //ZM*WVR\|BL
49	+ {$Duration: 1200, x: 0.3, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Rotate: 0.8} },
50	+
51	+ //RTT\|10
52	+ {$Duration: 700, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} },
53	+
54	+ //RTTL\|R
55	+ {$Duration: 700, x: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} },
56	+ //RTTL\|B
57	+ {$Duration: 700, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} },
58	+
59	+ //RTTS\|R
60	+ {$Duration: 700, x: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} },
61	+ //RTTS\|B
62	+ {$Duration: 700, y: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} },
63	+
64	+ //RTT*JDN\|RT
65	+ {$Duration: 1000, x: -0.8, y: 0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
66	+ //RTT*JDN\|LB
67	+ {$Duration: 1000, x: 0.8, y: -0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
68	+ //RTT*JUP\|RB
69	+ {$Duration: 1000, x: -0.8, y: -0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
70	+ {$Duration: 1000, x: -0.5, y: 0.8, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseLinear, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Left: [0, 0.5] }, $Round: { $Rotate: 0.5 } },
71	+ //RTT*JUP\|BR
72	+ {$Duration: 1000, x: -0.5, y: -0.8, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseLinear, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Left: [0, 0.5]} },
73	+
74	+ //R\|IB
75	+ {$Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 },
76	+ //B\|IB
77	+ {$Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 },
78	+
79	+ ];
80	+
81	+ var _SlideshowTransitions = [
82	+ //Fade in L
83	+ {$Duration: 1200, x: 0.3, $During: { $Left: [0.3, 0.7] }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
84	+ //Fade out R
85	+ , { $Duration: 1200, x: -0.3, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
86	+ //Fade in R
87	+ , { $Duration: 1200, x: -0.3, $During: { $Left: [0.3, 0.7] }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
88	+ //Fade out L
89	+ , { $Duration: 1200, x: 0.3, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
90	+
91	+ //Fade in T
92	+ , { $Duration: 1200, y: 0.3, $During: { $Top: [0.3, 0.7] }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
93	+ //Fade out B
94	+ , { $Duration: 1200, y: -0.3, $SlideOut: true, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
95	+ //Fade in B
96	+ , { $Duration: 1200, y: -0.3, $During: { $Top: [0.3, 0.7] }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
97	+ //Fade out T
98	+ , { $Duration: 1200, y: 0.3, $SlideOut: true, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
99	+
100	+ //Fade in LR
101	+ , { $Duration: 1200, x: 0.3, $Cols: 2, $During: { $Left: [0.3, 0.7] }, $ChessMode: { $Column: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
102	+ //Fade out LR
103	+ , { $Duration: 1200, x: 0.3, $Cols: 2, $SlideOut: true, $ChessMode: { $Column: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
104	+ //Fade in TB
105	+ , { $Duration: 1200, y: 0.3, $Rows: 2, $During: { $Top: [0.3, 0.7] }, $ChessMode: { $Row: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
106	+ //Fade out TB
107	+ , { $Duration: 1200, y: 0.3, $Rows: 2, $SlideOut: true, $ChessMode: { $Row: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
108	+
109	+ //Fade in LR Chess
110	+ , { $Duration: 1200, y: 0.3, $Cols: 2, $During: { $Top: [0.3, 0.7] }, $ChessMode: { $Column: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
111	+ //Fade out LR Chess
112	+ , { $Duration: 1200, y: -0.3, $Cols: 2, $SlideOut: true, $ChessMode: { $Column: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
113	+ //Fade in TB Chess
114	+ , { $Duration: 1200, x: 0.3, $Rows: 2, $During: { $Left: [0.3, 0.7] }, $ChessMode: { $Row: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
115	+ //Fade out TB Chess
116	+ , { $Duration: 1200, x: -0.3, $Rows: 2, $SlideOut: true, $ChessMode: { $Row: 3 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
117	+
118	+ //Fade in Corners
119	+ , { $Duration: 1200, x: 0.3, y: 0.3, $Cols: 2, $Rows: 2, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $ChessMode: { $Column: 3, $Row: 12 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
120	+ //Fade out Corners
121	+ , { $Duration: 1200, x: 0.3, y: 0.3, $Cols: 2, $Rows: 2, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $SlideOut: true, $ChessMode: { $Column: 3, $Row: 12 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
122	+
123	+ //Fade Clip in H
124	+ , { $Duration: 1200, $Delay: 20, $Clip: 3, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
125	+ //Fade Clip out H
126	+ , { $Duration: 1200, $Delay: 20, $Clip: 3, $SlideOut: true, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseOutCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
127	+ //Fade Clip in V
128	+ , { $Duration: 1200, $Delay: 20, $Clip: 12, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
129	+ //Fade Clip out V
130	+ , { $Duration: 1200, $Delay: 20, $Clip: 12, $SlideOut: true, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseOutCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
131	+ ];
132	+
133	+ var options = {
134	+ $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
135	+ $AutoPlayInterval: 1500, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
136	+ $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
137	+
138	+ $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
139	+ $ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
140	+ $SlideDuration: 800, //Specifies default duration (swipe) for slide in milliseconds
141	+
142	+ $SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not
143	+ $Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow
144	+ $Transitions: _SlideshowTransitions, //[Required] An array of slideshow transitions to play slideshow
145	+ $TransitionsOrder: 1, //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
146	+ $ShowLink: true //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
147	+ },
148	+
149	+ $ArrowNavigatorOptions: { //[Optional] Options to specify and enable arrow navigator or not
150	+ $Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
151	+ $ChanceToShow: 1 //[Required] 0 Never, 1 Mouse Over, 2 Always
152	+ },
153	+
154	+ $ThumbnailNavigatorOptions: { //[Optional] Options to specify and enable thumbnail navigator or not
155	+ $Class: $JssorThumbnailNavigator$, //[Required] Class to create thumbnail navigator instance
156	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
157	+
158	+ $ActionMode: 1, //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
159	+ $SpacingX: 8, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
160	+ $DisplayPieces: 10, //[Optional] Number of pieces to display, default value is 1
161	+ $ParkingPosition: 360 //[Optional] The offset position to park thumbnail
162	+ },
163	+ $CaptionSliderOptions: { //[Optional] Options which specifies how to animate caption
164	+ $Class: $JssorCaptionSlider$, //[Required] Class to create instance to animate caption
165	+ $CaptionTransitions: _CaptionTransitions, //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
166	+ $PlayInMode: 1, //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
167	+ $PlayOutMode: 3 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
168	+ }
169	+ };
170	+
171	+ var jssor_slider1 = new $JssorSlider$("slider1_container", options);
172	+ //responsive code begin
173	+ //you can remove responsive code if you don't want the slider scales while window resizes
174	+ function ScaleSlider() {
175	+ var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
176	+ var customWidth=<?php echo json_encode($banner_width); ?>;
177	+ if(customWidth==0){
178	+ customWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
179	+ }
180	+ if (parentWidth)
181	+ jssor_slider1.$ScaleWidth(Math.max(Math.min(parentWidth, customWidth), 300));
182	+ else
183	+ window.setTimeout(ScaleSlider, 30);
184	+ }
185	+ ScaleSlider();
186	+
187	+ $(window).bind("load", ScaleSlider);
188	+ $(window).bind("resize", ScaleSlider);
189	+ $(window).bind("orientationchange", ScaleSlider);
190	+ //responsive code end
191	+ });
192	+ </script>
193	+ <!-- Jssor Slider Begin -->
194	+ <!-- You can move inline styles to css file or css block. -->
195	+ <div class="slidercontainer">
196	+ <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 800px;
197	+ height: 456px; background: #191919; overflow: hidden;">
198	+
199	+ <!-- Loading Screen -->
200	+ <div u="loading" style="position: absolute; top: 0px; left: 0px;">
201	+ <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
202	+ background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;">
203	+ </div>
204	+ <div class="loading_screen">
205	+ </div>
206	+ </div>
207	+
208	+ <!-- Slides Container -->
209	+ <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; height: 356px; overflow: hidden;">
210	+ <?php
211	+ $collection = Mage::getModel('bannerslider/bannerslider')->getCollection();
212	+ $cnt = count($collection);
213	+ foreach ($collection as $item) {
214	+ if($item->getstatus()==1){
215	+ ?>
216	+ <div>
217	+ <img u="image" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" />
218	+ <img u="thumb" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" />
219	+ <?php if($item->gettitlestatus()==1){ ?>
220	+ <div u=caption t="*" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:300px; height:30px;">
221	+ <?php echo $item->gettitle();?>
222	+ </div>
223	+ <?php }?>
224	+ </div>
225	+ <?php }
226	+ }?>
227	+
228	+ </div>
229	+
230	+ <!-- Arrow Left -->
231	+ <span u="arrowleft" class="jssora05l" style="width: 40px; height: 40px; top: 158px; left: 8px;">
232	+ </span>
233	+ <!-- Arrow Right -->
234	+ <span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 158px; right: 8px">
235	+ </span>
236	+ <!-- Arrow Navigator Skin End -->
237	+
238	+ <!-- Thumbnail Navigator Skin Begin -->
239	+ <div u="thumbnavigator" class="jssort01" style="position: absolute; width: 800px; height: 100px; left:0px; bottom: 0px;">
240	+
241	+ <div u="slides" style="cursor: move;">
242	+ <div u="prototype" class="p" style="position: absolute; width: 72px; height: 72px; top: 0; left: 0;">
243	+ <div class=w><div u="thumbnailtemplate" style=" width: 100%; height: 100%; border: none;position:absolute; top: 0; left: 0;"></div></div>
244	+ <div class=c>
245	+ </div>
246	+ </div>
247	+ </div>
248	+ <!-- Thumbnail Item Skin End -->
249	+ </div>
250	+ <!-- Thumbnail Navigator Skin End -->
251	+ </div>
252	+ </div>

app/design/frontend/base/default/template/bannerslider/slider5.phtml ADDED Viewed

	@@ -0,0 +1,243 @@


1	+ <?php
2	+ $banner_width=intval(Mage::getStoreConfig('tab1/general/text_field'));
3	+ ?>
4	+ <!--image-gallery-with-vertical-thumbnail.source-->
5	+
6	+ <script>
7	+ jQuery(document).ready(function ($) {
8	+
9	+ var _CaptionTransitions = [
10	+ //CLIP\|LR
11	+ {$Duration: 900, $Clip: 3, $Easing: $JssorEasing$.$EaseInOutCubic },
12	+ //CLIP\|TB
13	+ {$Duration: 900, $Clip: 12, $Easing: $JssorEasing$.$EaseInOutCubic },
14	+
15	+ //DDGDANCE\|LB
16	+ {$Duration: 1800, x: 0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} },
17	+ //DDGDANCE\|RB
18	+ {$Duration: 1800, x: -0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} },
19	+
20	+ //TORTUOUS\|HL
21	+ {$Duration: 1500, x: 0.2, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Left: [0, 0.7] }, $Round: { $Left: 1.3} },
22	+ //TORTUOUS\|VB
23	+ {$Duration: 1500, y: -0.2, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Top: [0, 0.7] }, $Round: { $Top: 1.3} },
24	+
25	+ //ZMF\|10
26	+ {$Duration: 600, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 },
27	+
28	+ //ZML\|R
29	+ {$Duration: 600, x: -0.6, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
30	+ //ZML\|B
31	+ {$Duration: 600, y: -0.6, $Zoom: 11, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
32	+
33	+ //ZMS\|B
34	+ {$Duration: 700, y: -0.6, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
35	+
36	+ //ZM*JDN\|LB
37	+ {$Duration: 1200, x: 0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
38	+ //ZM*JUP\|LB
39	+ {$Duration: 1200, x: 0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
40	+ //ZM*JUP\|RB
41	+ {$Duration: 1200, x: -0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
42	+
43	+ //ZM*WVR\|LT
44	+ {$Duration: 1200, x: 0.5, y: 0.3, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Rotate: 0.8} },
45	+ //ZM*WVR\|RT
46	+ {$Duration: 1200, x: -0.5, y: 0.3, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Rotate: 0.8} },
47	+ //ZM*WVR\|TL
48	+ {$Duration: 1200, x: 0.3, y: 0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Rotate: 0.8} },
49	+ //ZM*WVR\|BL
50	+ {$Duration: 1200, x: 0.3, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Rotate: 0.8} },
51	+
52	+ //RTT\|10
53	+ {$Duration: 700, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} },
54	+
55	+ //RTTL\|R
56	+ {$Duration: 700, x: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} },
57	+ //RTTL\|B
58	+ {$Duration: 700, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} },
59	+
60	+ //RTTS\|R
61	+ {$Duration: 700, x: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} },
62	+ //RTTS\|B
63	+ {$Duration: 700, y: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} },
64	+
65	+ //RTT*JDN\|RT
66	+ {$Duration: 1000, x: -0.8, y: 0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
67	+ //RTT*JDN\|LB
68	+ {$Duration: 1000, x: 0.8, y: -0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
69	+ //RTT*JUP\|RB
70	+ {$Duration: 1000, x: -0.8, y: -0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
71	+ {$Duration: 1000, x: -0.5, y: 0.8, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseLinear, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Left: [0, 0.5] }, $Round: { $Rotate: 0.5 } },
72	+ //RTT*JUP\|BR
73	+ {$Duration: 1000, x: -0.5, y: -0.8, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseLinear, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Left: [0, 0.5]} },
74	+
75	+ //R\|IB
76	+ {$Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 },
77	+ //B\|IB
78	+ {$Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 },
79	+
80	+ ];
81	+
82	+ var _SlideshowTransitions = [
83	+ //Zoom- in
84	+ {$Duration: 1200, $Zoom: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2 },
85	+ //Zoom+ out
86	+ {$Duration: 1000, $Zoom: 11, $SlideOut: true, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 },
87	+ //Rotate Zoom- in
88	+ {$Duration: 1200, $Zoom: 1, $Rotate: 1, $During: { $Zoom: [0.2, 0.8], $Rotate: [0.2, 0.8] }, $Easing: { $Zoom: $JssorEasing$.$EaseSwing, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseSwing }, $Opacity: 2, $Round: { $Rotate: 0.5} },
89	+ //Rotate Zoom+ out
90	+ {$Duration: 1000, $Zoom: 11, $Rotate: 1, $SlideOut: true, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} },
91	+
92	+ //Zoom HDouble- in
93	+ {$Duration: 1200, x: 0.5, $Cols: 2, $Zoom: 1, $Assembly: 2049, $ChessMode: { $Column: 15 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 },
94	+ //Zoom HDouble+ out
95	+ {$Duration: 1200, x: 4, $Cols: 2, $Zoom: 11, $SlideOut: true, $Assembly: 2049, $ChessMode: { $Column: 15 }, $Easing: { $Left: $JssorEasing$.$EaseInExpo, $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 },
96	+
97	+ //Rotate Zoom- in L
98	+ {$Duration: 1200, x: 0.6, $Zoom: 1, $Rotate: 1, $During: { $Left: [0.2, 0.8], $Zoom: [0.2, 0.8], $Rotate: [0.2, 0.8] }, $Easing: { $Left: $JssorEasing$.$EaseSwing, $Zoom: $JssorEasing$.$EaseSwing, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseSwing }, $Opacity: 2, $Round: { $Rotate: 0.5} },
99	+ //Rotate Zoom+ out R
100	+ {$Duration: 1000, x: -4, $Zoom: 11, $Rotate: 1, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInExpo, $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} },
101	+ //Rotate Zoom- in R
102	+ {$Duration: 1200, x: -0.6, $Zoom: 1, $Rotate: 1, $During: { $Left: [0.2, 0.8], $Zoom: [0.2, 0.8], $Rotate: [0.2, 0.8] }, $Easing: { $Left: $JssorEasing$.$EaseSwing, $Zoom: $JssorEasing$.$EaseSwing, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseSwing }, $Opacity: 2, $Round: { $Rotate: 0.5} },
103	+ //Rotate Zoom+ out L
104	+ {$Duration: 1000, x: 4, $Zoom: 11, $Rotate: 1, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInExpo, $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} },
105	+
106	+ //Rotate HDouble- in
107	+ {$Duration: 1200, x: 0.5, y: 0.3, $Cols: 2, $Zoom: 1, $Rotate: 1, $Assembly: 2049, $ChessMode: { $Column: 15 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseOutQuad, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.7} },
108	+ //Rotate HDouble- out
109	+ {$Duration: 1000, x: 0.5, y: 0.3, $Cols: 2, $Zoom: 1, $Rotate: 1, $SlideOut: true, $Assembly: 2049, $ChessMode: { $Column: 15 }, $Easing: { $Left: $JssorEasing$.$EaseInExpo, $Top: $JssorEasing$.$EaseInExpo, $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.7} },
110	+ //Rotate VFork in
111	+ {$Duration: 1200, x: -4, y: 2, $Rows: 2, $Zoom: 11, $Rotate: 1, $Assembly: 2049, $ChessMode: { $Row: 28 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseOutQuad, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.7} },
112	+ //Rotate HFork in
113	+ {$Duration: 1200, x: 1, y: 2, $Cols: 2, $Zoom: 11, $Rotate: 1, $Assembly: 2049, $ChessMode: { $Column: 19 }, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseOutQuad, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} }
114	+ ];
115	+
116	+ var options = {
117	+ $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
118	+ $AutoPlayInterval: 1500, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
119	+ $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
120	+
121	+ $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
122	+ $ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
123	+ $SlideDuration: 600, //Specifies default duration (swipe) for slide in milliseconds
124	+
125	+ $SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not
126	+ $Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow
127	+ $Transitions: _SlideshowTransitions, //[Required] An array of slideshow transitions to play slideshow
128	+ $TransitionsOrder: 1, //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
129	+ $ShowLink: true //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
130	+ },
131	+
132	+ $ArrowNavigatorOptions: { //[Optional] Options to specify and enable arrow navigator or not
133	+ $Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
134	+ $ChanceToShow: 1, //[Required] 0 Never, 1 Mouse Over, 2 Always
135	+ $AutoCenter: 2, //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
136	+ $Steps: 1 //[Optional] Steps to go for each navigation request, default value is 1
137	+ },
138	+
139	+ $ThumbnailNavigatorOptions: { //[Optional] Options to specify and enable thumbnail navigator or not
140	+ $Class: $JssorThumbnailNavigator$, //[Required] Class to create thumbnail navigator instance
141	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
142	+
143	+ $ActionMode: 1, //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
144	+ $Lanes: 2, //[Optional] Specify lanes to arrange thumbnails, default value is 1
145	+ $SpacingX: 14, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
146	+ $SpacingY: 12, //[Optional] Vertical space between each thumbnail in pixel, default value is 0
147	+ $DisplayPieces: 6, //[Optional] Number of pieces to display, default value is 1
148	+ $ParkingPosition: 156, //[Optional] The offset position to park thumbnail
149	+ $Orientation: 2 //[Optional] Orientation to arrange thumbnails, 1 horizental, 2 vertical, default value is 1
150	+ },
151	+ $CaptionSliderOptions: { //[Optional] Options which specifies how to animate caption
152	+ $Class: $JssorCaptionSlider$, //[Required] Class to create instance to animate caption
153	+ $CaptionTransitions: _CaptionTransitions, //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
154	+ $PlayInMode: 1, //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
155	+ $PlayOutMode: 3 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
156	+ }
157	+ };
158	+
159	+ var jssor_slider1 = new $JssorSlider$("slider1_container", options);
160	+ //responsive code begin
161	+ //you can remove responsive code if you don't want the slider scales while window resizes
162	+ function ScaleSlider() {
163	+ var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
164	+ var customWidth=<?php echo json_encode($banner_width); ?>;
165	+ if(customWidth==0){
166	+ customWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
167	+ }
168	+ if (parentWidth)
169	+ jssor_slider1.$ScaleWidth(Math.max(Math.min(parentWidth, customWidth), 300));
170	+ else
171	+ window.setTimeout(ScaleSlider, 30);
172	+ }
173	+ ScaleSlider();
174	+
175	+ $(window).bind("load", ScaleSlider);
176	+ $(window).bind("resize", ScaleSlider);
177	+ $(window).bind("orientationchange", ScaleSlider);
178	+ //responsive code end
179	+ });
180	+ </script>
181	+ <!-- Jssor Slider Begin -->
182	+ <!-- You can move inline styles to css file or css block. -->
183	+ <div class="slidercontainer">
184	+ <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 960px;
185	+ height: 480px; background: #191919; overflow: hidden;">
186	+
187	+ <!-- Loading Screen -->
188	+ <div u="loading" style="position: absolute; top: 0px; left: 0px;">
189	+ <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
190	+ background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;">
191	+ </div>
192	+ <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
193	+ top: 0px; left: 0px;width: 100%;height:100%;">
194	+ </div>
195	+ </div>
196	+
197	+ <!-- Slides Container -->
198	+ <div u="slides" style="cursor: move; position: absolute; left: 240px; top: 0px; width: 720px; height: 480px; overflow: hidden;">
199	+ <?php
200	+ $collection = Mage::getModel('bannerslider/bannerslider')->getCollection();
201	+ $cnt = count($collection);
202	+ foreach ($collection as $item) {
203	+ if($item->getstatus()==1){
204	+ ?>
205	+ <div>
206	+ <img u="image" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" />
207	+ <img u="thumb" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" />
208	+ <?php if($item->gettitlestatus()==1){ ?>
209	+ <div u=caption t="*" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:300px; height:30px;">
210	+ <?php echo $item->gettitle();?>
211	+ </div>
212	+ <?php }?>
213	+ </div>
214	+ <?php }
215	+ } ?>
216	+
217	+ </div>
218	+
219	+ <!-- Arrow Left -->
220	+ <span u="arrowleft" class="jssora05l" style="width: 40px; height: 40px; top: 158px; left: 248px;">
221	+ </span>
222	+ <!-- Arrow Right -->
223	+ <span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 158px; right: 8px">
224	+ </span>
225	+ <!-- Arrow Navigator Skin End -->
226	+
227	+ <!-- Thumbnail Navigator Skin 02 Begin -->
228	+ <div u="thumbnavigator" class="jssort02" style="position: absolute; width: 240px; height: 480px; left:0px; bottom: 0px;">
229	+
230	+ <!-- Thumbnail Item Skin Begin -->
231	+
232	+ <div u="slides" style="cursor: move;">
233	+ <div u="prototype" class="p" style="position: absolute; width: 99px; height: 66px; top: 0; left: 0;">
234	+ <div class=w><div u="thumbnailtemplate" style=" width: 100%; height: 100%; border: none;position:absolute; top: 0; left: 0;"></div></div>
235	+ <div class=c>
236	+ </div>
237	+ </div>
238	+ </div>
239	+ <!-- Thumbnail Item Skin End -->
240	+ </div>
241	+ <!-- Thumbnail Navigator Skin End -->
242	+ </div>
243	+ </div>

app/design/frontend/base/default/template/bannerslider/slider6.phtml ADDED Viewed

	@@ -0,0 +1,215 @@


1	+ <?php
2	+ $banner_width=intval(Mage::getStoreConfig('tab1/general/text_field'));
3	+ ?>
4	+ <!--image-slider-2.source-->
5	+ <script>
6	+
7	+ jQuery(document).ready(function ($) {
8	+ var _CaptionTransitions = [
9	+ //CLIP\|LR
10	+ {$Duration: 900, $Clip: 3, $Easing: $JssorEasing$.$EaseInOutCubic },
11	+ //CLIP\|TB
12	+ {$Duration: 900, $Clip: 12, $Easing: $JssorEasing$.$EaseInOutCubic },
13	+
14	+ //DDGDANCE\|LB
15	+ {$Duration: 1800, x: 0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} },
16	+ //DDGDANCE\|RB
17	+ {$Duration: 1800, x: -0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} },
18	+
19	+ //TORTUOUS\|HL
20	+ {$Duration: 1500, x: 0.2, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Left: [0, 0.7] }, $Round: { $Left: 1.3} },
21	+ //TORTUOUS\|VB
22	+ {$Duration: 1500, y: -0.2, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Top: [0, 0.7] }, $Round: { $Top: 1.3} },
23	+
24	+ //ZMF\|10
25	+ {$Duration: 600, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 },
26	+
27	+ //ZML\|R
28	+ {$Duration: 600, x: -0.6, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
29	+ //ZML\|B
30	+ {$Duration: 600, y: -0.6, $Zoom: 11, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
31	+
32	+ //ZMS\|B
33	+ {$Duration: 700, y: -0.6, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2 },
34	+
35	+ //ZM*JDN\|LB
36	+ {$Duration: 1200, x: 0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
37	+ //ZM*JUP\|LB
38	+ {$Duration: 1200, x: 0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
39	+ //ZM*JUP\|RB
40	+ {$Duration: 1200, x: -0.8, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
41	+
42	+ //ZM*WVR\|LT
43	+ {$Duration: 1200, x: 0.5, y: 0.3, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Rotate: 0.8} },
44	+ //ZM*WVR\|RT
45	+ {$Duration: 1200, x: -0.5, y: 0.3, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Rotate: 0.8} },
46	+ //ZM*WVR\|TL
47	+ {$Duration: 1200, x: 0.3, y: 0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Rotate: 0.8} },
48	+ //ZM*WVR\|BL
49	+ {$Duration: 1200, x: 0.3, y: -0.5, $Zoom: 11, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Rotate: 0.8} },
50	+
51	+ //RTT\|10
52	+ {$Duration: 700, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} },
53	+
54	+ //RTTL\|R
55	+ {$Duration: 700, x: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} },
56	+ //RTTL\|B
57	+ {$Duration: 700, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} },
58	+
59	+ //RTTS\|R
60	+ {$Duration: 700, x: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} },
61	+ //RTTS\|B
62	+ {$Duration: 700, y: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} },
63	+
64	+ //RTT*JDN\|RT
65	+ {$Duration: 1000, x: -0.8, y: 0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
66	+ //RTT*JDN\|LB
67	+ {$Duration: 1000, x: 0.8, y: -0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseOutCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
68	+ //RTT*JUP\|RB
69	+ {$Duration: 1000, x: -0.8, y: -0.5, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Top: [0, 0.5]} },
70	+ {$Duration: 1000, x: -0.5, y: 0.8, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseLinear, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Left: [0, 0.5] }, $Round: { $Rotate: 0.5 } },
71	+ //RTT*JUP\|BR
72	+ {$Duration: 1000, x: -0.5, y: -0.8, $Zoom: 11, $Rotate: 0.2, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseLinear, $Zoom: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $During: { $Left: [0, 0.5]} },
73	+
74	+ //R\|IB
75	+ {$Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 },
76	+ //B\|IB
77	+ {$Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 },
78	+
79	+ ];
80	+
81	+ var options = {
82	+ $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
83	+ $AutoPlaySteps: 1, //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
84	+ $AutoPlayInterval: 4000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
85	+ $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
86	+
87	+ $ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
88	+ $SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
89	+ $MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide , default value is 20
90	+ //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
91	+ //$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
92	+ $SlideSpacing: 0, //[Optional] Space between each slide in pixels, default value is 0
93	+ $DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
94	+ $ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
95	+ $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
96	+ $PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
97	+ $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
98	+
99	+ $ArrowNavigatorOptions: {
100	+ $Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
101	+ $ChanceToShow: 1, //[Required] 0 Never, 1 Mouse Over, 2 Always
102	+ $AutoCenter: 2, //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
103	+ $Steps: 1 //[Optional] Steps to go for each navigation request, default value is 1
104	+ },
105	+
106	+ $ThumbnailNavigatorOptions: {
107	+ $Class: $JssorThumbnailNavigator$, //[Required] Class to create thumbnail navigator instance
108	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
109	+
110	+ $ActionMode: 1, //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
111	+ $AutoCenter: 3, //[Optional] Auto center thumbnail items in the thumbnail navigator container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 3
112	+ $Lanes: 1, //[Optional] Specify lanes to arrange thumbnails, default value is 1
113	+ $SpacingX: 3, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
114	+ $SpacingY: 3, //[Optional] Vertical space between each thumbnail in pixel, default value is 0
115	+ $DisplayPieces: 9, //[Optional] Number of pieces to display, default value is 1
116	+ $ParkingPosition: 260, //[Optional] The offset position to park thumbnail
117	+ $Orientation: 1, //[Optional] Orientation to arrange thumbnails, 1 horizental, 2 vertical, default value is 1
118	+ $DisableDrag: false //[Optional] Disable drag or not, default value is false
119	+ },
120	+ $CaptionSliderOptions: { //[Optional] Options which specifies how to animate caption
121	+ $Class: $JssorCaptionSlider$, //[Required] Class to create instance to animate caption
122	+ $CaptionTransitions: _CaptionTransitions, //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
123	+ $PlayInMode: 1, //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
124	+ $PlayOutMode: 3 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
125	+ }
126	+ };
127	+
128	+ var jssor_slider2 = new $JssorSlider$("slider2_container", options);
129	+ //responsive code begin
130	+ //you can remove responsive code if you don't want the slider scales while window resizes
131	+ function ScaleSlider() {
132	+ var parentWidth = jssor_slider2.$Elmt.parentNode.clientWidth;
133	+ var customWidth=<?php echo json_encode($banner_width); ?>;
134	+ if(customWidth==0){
135	+ customWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
136	+ }
137	+ if (parentWidth)
138	+ jssor_slider2.$ScaleWidth(Math.min(parentWidth, customWidth));
139	+ else
140	+ window.setTimeout(ScaleSlider, 30);
141	+ }
142	+ ScaleSlider();
143	+
144	+ $(window).bind("load", ScaleSlider);
145	+ $(window).bind("resize", ScaleSlider);
146	+ $(window).bind("orientationchange", ScaleSlider);
147	+ //responsive code end
148	+ });
149	+ </script>
150	+ <!-- Jssor Slider Begin -->
151	+ <!-- You can move inline styles to css file or css block. -->
152	+ <div class="slidercontainer">
153	+ <div id="slider2_container" style="position: relative; top: 0px; left: 0px; width: 800px; height: 300px; overflow: hidden; ">
154	+
155	+ <!-- Loading Screen -->
156	+ <div u="loading" style="position: absolute; top: 0px; left: 0px;">
157	+ <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
158	+ background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;">
159	+ </div>
160	+ <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
161	+ top: 0px; left: 0px;width: 100%;height:100%;">
162	+ </div>
163	+ </div>
164	+
165	+ <!-- Slides Container -->
166	+ <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; height: 300px; overflow: hidden;">
167	+ <?php
168	+ $collection = Mage::getModel('bannerslider/bannerslider')->getCollection();
169	+ $cnt = count($collection);
170	+ foreach ($collection as $item) {
171	+ if($item->getstatus()==1){
172	+ ?>
173	+ <div>
174	+ <img u="image" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" />
175	+ <img u="thumb" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" />
176	+ <?php if($item->gettitlestatus()==1){ ?>
177	+ <div u=caption t="*" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:300px; height:30px;">
178	+ <?php echo $item->gettitle();?>
179	+ </div>
180	+ <?php }?>
181	+ </div>
182	+ <?php }
183	+ }?>
184	+ </div>
185	+
186	+ <!-- Arrow Navigator Skin Begin -->
187	+
188	+ <!-- Arrow Left -->
189	+ <span u="arrowleft" class="jssora02l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
190	+ </span>
191	+ <!-- Arrow Right -->
192	+ <span u="arrowright" class="jssora02r" style="width: 55px; height: 55px; top: 123px; right: 8px">
193	+ </span>
194	+ <!-- Arrow Navigator Skin End -->
195	+
196	+ <!-- ThumbnailNavigator Skin Begin -->
197	+ <div u="thumbnavigator" class="jssort03" style="position: absolute; width: 800px; height: 60px; left:0px; bottom: 0px;">
198	+ <div style=" background-color: #000; filter:alpha(opacity=30); opacity:.3; width: 100%; height:100%;"></div>
199	+
200	+ <!-- Thumbnail Item Skin Begin -->
201	+
202	+ <div u="slides" style="cursor: move;">
203	+ <div u="prototype" class="p" style="POSITION: absolute; WIDTH: 62px; HEIGHT: 32px; TOP: 0; LEFT: 0;">
204	+ <div class=w><div u="thumbnailtemplate" style=" WIDTH: 100%; HEIGHT: 100%; border: none;position:absolute; TOP: 0; LEFT: 0;"></div></div>
205	+ <div class=c style="POSITION: absolute; BACKGROUND-COLOR: #000; TOP: 0; LEFT: 0">
206	+ </div>
207	+ </div>
208	+ </div>
209	+ <!-- Thumbnail Item Skin End -->
210	+ </div>
211	+ <!-- ThumbnailNavigator Skin End -->
212	+ </div>
213	+ </div>
214	+
215	+ <!-- Jssor Slider End -->

app/design/frontend/base/default/template/bannerslider/slider7.phtml ADDED Viewed

	@@ -0,0 +1,307 @@


1	+ <?php
2	+ $banner_width=intval(Mage::getStoreConfig('tab1/general/text_field'));
3	+ ?>
4	+ <!--introduction-slider.source-->
5	+
6	+ <script>
7	+
8	+ jQuery(document).ready(function ($) {
9	+ //Reference http://www.jssor.com/development/slider-with-slideshow-jquery.html
10	+ //Reference http://www.jssor.com/development/tool-slideshow-transition-viewer.html
11	+
12	+ var _SlideshowTransitions = [
13	+ //Collapse Random
14	+ { $Duration: 1000, $Delay: 80, $Cols: 10, $Rows: 4, $Clip: 15, $SlideOut: true, $Easing: $JssorEasing$.$EaseOutQuad }
15	+
16	+ //Fade in LR Chess
17	+ , { $Duration: 1200, y: 0.3, $Cols: 2, $During: { $Top: [0.3, 0.7] }, $ChessMode: { $Column: 12 }, $Easing: { $Top: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Outside: true }
18	+
19	+ //Rotate VDouble+ out
20	+ , { $Duration: 1000, x: -1, y: 2, $Rows: 2, $Zoom: 11, $Rotate: 1, $SlideOut: true, $Assembly: 2049, $ChessMode: { $Row: 15 }, $Easing: { $Left: $JssorEasing$.$EaseInExpo, $Top: $JssorEasing$.$EaseInExpo, $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.85 } }
21	+
22	+ ////Swing Inside in Stairs
23	+ //, { $Duration: 1200, x: 0.2, y: -0.1, $Delay: 20, $Cols: 10, $Rows: 4, $Clip: 15, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $Formation: $JssorSlideshowFormations$.$FormationStraightStairs, $Assembly: 260, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseInWave, $Clip: $JssorEasing$.$EaseOutQuad }, $Round: { $Left: 1.3, $Top: 2.5} }
24	+
25	+ //Zoom HDouble+ out
26	+ , { $Duration: 1200, x: 4, $Cols: 2, $Zoom: 11, $SlideOut: true, $Assembly: 2049, $ChessMode: { $Column: 15 }, $Easing: { $Left: $JssorEasing$.$EaseInExpo, $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
27	+
28	+ ////Dodge Pet Inside in Stairs
29	+ //, { $Duration: 1500, x: 0.2, y: -0.1, $Delay: 20, $Cols: 10, $Rows: 4, $Clip: 15, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $Formation: $JssorSlideshowFormations$.$FormationStraightStairs, $Assembly: 260, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseInWave, $Clip: $JssorEasing$.$EaseOutQuad }, $Round: { $Left: 0.8, $Top: 2.5} }
30	+
31	+ //Rotate Zoom+ out BL
32	+ , { $Duration: 1200, x: 4, y: -4, $Zoom: 11, $Rotate: 1, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInExpo, $Top: $JssorEasing$.$EaseInExpo, $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8 } }
33	+
34	+ //Dodge Dance Inside in Random
35	+ , { $Duration: 1500, x: 0.3, y: -0.3, $Delay: 80, $Cols: 10, $Rows: 4, $Clip: 15, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Clip: $JssorEasing$.$EaseOutQuad }, $Round: { $Left: 0.8, $Top: 2.5 } }
36	+
37	+ //Rotate VFork+ out
38	+ , { $Duration: 1200, x: -3, y: 1, $Rows: 2, $Zoom: 11, $Rotate: 1, $SlideOut: true, $Assembly: 2049, $ChessMode: { $Row: 28 }, $Easing: { $Left: $JssorEasing$.$EaseInExpo, $Top: $JssorEasing$.$EaseInExpo, $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.7 } }
39	+
40	+ //Clip and Chess in
41	+ , { $Duration: 1200, y: -1, $Cols: 10, $Rows: 4, $Clip: 15, $During: { $Top: [0.5, 0.5], $Clip: [0, 0.5] }, $Formation: $JssorSlideshowFormations$.$FormationStraight, $ChessMode: { $Column: 12 }, $ScaleClip: 0.5 }
42	+
43	+ ////Swing Inside in Swirl
44	+ //, { $Duration: 1200, x: 0.2, y: -0.1, $Delay: 20, $Cols: 10, $Rows: 4, $Clip: 15, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $Formation: $JssorSlideshowFormations$.$FormationSwirl, $Assembly: 260, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseInWave, $Clip: $JssorEasing$.$EaseOutQuad }, $Round: { $Left: 1.3, $Top: 2.5} }
45	+
46	+ ////Rotate Zoom+ out
47	+ //, { $Duration: 1200, $Zoom: 11, $Rotate: 1, $SlideOut: true, $Easing: { $Zoom: $JssorEasing$.$EaseInCubic, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.7} }
48	+
49	+ ////Dodge Pet Inside in ZigZag
50	+ //, { $Duration: 1500, x: 0.2, y: -0.1, $Delay: 20, $Cols: 10, $Rows: 4, $Clip: 15, $During: { $Left: [0.3, 0.7], $Top: [0.3, 0.7] }, $Formation: $JssorSlideshowFormations$.$FormationZigZag, $Assembly: 260, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseInWave, $Clip: $JssorEasing$.$EaseOutQuad }, $Round: { $Left: 0.8, $Top: 2.5} }
51	+
52	+ //Rotate Zoom- out TL
53	+ , { $Duration: 1200, x: 0.5, y: 0.5, $Zoom: 1, $Rotate: 1, $SlideOut: true, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.5 } }
54	+
55	+ //Rotate Zoom- in BR
56	+ , { $Duration: 1200, x: -0.6, y: -0.6, $Zoom: 1, $Rotate: 1, $During: { $Left: [0.2, 0.8], $Top: [0.2, 0.8], $Zoom: [0.2, 0.8], $Rotate: [0.2, 0.8] }, $Easing: { $Zoom: $JssorEasing$.$EaseSwing, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseSwing }, $Opacity: 2, $Round: { $Rotate: 0.5 } }
57	+
58	+ // Wave out Eagle
59	+ , { $Duration: 1500, y: -0.5, $Delay: 60, $Cols: 24, $SlideOut: true, $Formation: $JssorSlideshowFormations$.$FormationCircle, $Easing: $JssorEasing$.$EaseInWave, $Round: { $Top: 1.5 } }
60	+
61	+ //Expand Stairs
62	+ , { $Duration: 1000, $Delay: 30, $Cols: 10, $Rows: 4, $Clip: 15, $Formation: $JssorSlideshowFormations$.$FormationStraightStairs, $Assembly: 2050, $Easing: $JssorEasing$.$EaseInQuad }
63	+
64	+ //Fade Clip out H
65	+ , { $Duration: 1200, $Delay: 20, $Clip: 3, $SlideOut: true, $Assembly: 260, $Easing: { $Clip: $JssorEasing$.$EaseOutCubic, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 }
66	+
67	+ ////Dodge Pet Inside in Random Chess
68	+ //, { $Duration: 1500, x: 0.2, y: -0.1, $Delay: 80, $Cols: 10, $Rows: 4, $Clip: 15, $During: { $Left: [0.2, 0.8], $Top: [0.2, 0.8] }, $ChessMode: { $Column: 15, $Row: 15 }, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseInWave, $Clip: $JssorEasing$.$EaseLinear }, $Round: { $Left: 0.8, $Top: 2.5} }
69	+ ];
70	+
71	+ //Reference http://www.jssor.com/development/slider-with-caption-jquery.html
72	+ //Reference http://www.jssor.com/development/reference-ui-definition.html#captiondefinition
73	+ //Reference http://www.jssor.com/development/tool-caption-transition-viewer.html
74	+
75	+ var _CaptionTransitions = [];
76	+ _CaptionTransitions["L"] = { $Duration: 900, x: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
77	+ _CaptionTransitions["R"] = { $Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
78	+ _CaptionTransitions["T"] = { $Duration: 900, y: 0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
79	+ _CaptionTransitions["B"] = { $Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
80	+ _CaptionTransitions["TR"] = { $Duration: 900, x: -0.6, y: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
81	+
82	+ _CaptionTransitions["L\|IB"] = { $Duration: 1200, x: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
83	+ _CaptionTransitions["R\|IB"] = { $Duration: 1200, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
84	+ _CaptionTransitions["T\|IB"] = { $Duration: 1200, y: 0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
85	+
86	+ _CaptionTransitions["CLIP\|LR"] = { $Duration: 900, $Clip: 3, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
87	+ _CaptionTransitions["CLIP\|TB"] = { $Duration: 900, $Clip: 12, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
88	+ _CaptionTransitions["CLIP\|L"] = { $Duration: 900, $Clip: 1, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
89	+
90	+ _CaptionTransitions["MCLIP\|R"] = { $Duration: 900, $Clip: 2, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
91	+ _CaptionTransitions["MCLIP\|T"] = { $Duration: 900, $Clip: 4, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
92	+
93	+ _CaptionTransitions["WV\|B"] = { $Duration: 1200, x: -0.2, y: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Left: 1.5} };
94	+
95	+ _CaptionTransitions["TORTUOUS\|VB"] = { $Duration: 1800, y: -0.2, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Top: [0, 0.7] }, $Round: { $Top: 1.3} };
96	+
97	+ _CaptionTransitions["LISTH\|R"] = { $Duration: 1500, x: -0.8, $Clip: 1, $Easing: $JssorEasing$.$EaseInOutCubic, $ScaleClip: 0.8, $Opacity: 2, $During: { $Left: [0.4, 0.6], $Clip: [0, 0.4], $Opacity: [0.4, 0.6]} };
98	+
99	+ _CaptionTransitions["RTT\|360"] = { $Duration: 900, $Rotate: 1, $Easing: { $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2 };
100	+ _CaptionTransitions["RTT\|10"] = { $Duration: 900, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} };
101	+
102	+ _CaptionTransitions["RTTL\|BR"] = { $Duration: 900, x: -0.6, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} };
103	+
104	+ _CaptionTransitions["T\|IE*IE"] = { $Duration: 1800, y: 0.8, $Zoom: 11, $Rotate: -1.5, $Easing: { $Top: $JssorEasing$.$EaseInOutElastic, $Zoom: $JssorEasing$.$EaseInElastic, $Rotate: $JssorEasing$.$EaseInOutElastic }, $Opacity: 2, $During: { $Zoom: [0, 0.8], $Opacity: [0, 0.7] }, $Round: { $Rotate: 0.5} };
105	+
106	+ _CaptionTransitions["RTTS\|R"] = { $Duration: 900, x: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} };
107	+ _CaptionTransitions["RTTS\|T"] = { $Duration: 900, y: 0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} };
108	+
109	+ _CaptionTransitions["DDGDANCE\|RB"] = { $Duration: 1800, x: -0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} };
110	+ _CaptionTransitions["ZMF\|10"] = { $Duration: 900, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 };
111	+ _CaptionTransitions["DDG\|TR"] = { $Duration: 1200, x: -0.3, y: 0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 0.8} };
112	+
113	+ _CaptionTransitions["FLTTR\|R"] = { $Duration: 900, x: -0.2, y: -0.1, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Top: 1.3} };
114	+ _CaptionTransitions["FLTTRWN\|LT"] = { $Duration: 1800, x: 0.5, y: 0.2, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseInWave, $Zoom: $JssorEasing$.$EaseInOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.7], $Top: [0.1, 0.7] }, $Round: { $Top: 1.3} };
115	+
116	+ _CaptionTransitions["ATTACK\|BR"] = { $Duration: 1500, x: -0.1, y: -0.5, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseOutWave, $Top: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $During: { $Left: [0.3, 0.7], $Top: [0, 0.7] }, $Round: { $Left: 1.3} };
117	+
118	+ _CaptionTransitions["FADE"] = { $Duration: 900, $Opacity: 2 };
119	+
120	+ var options = {
121	+ $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
122	+ $AutoPlaySteps: 1, //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
123	+ $AutoPlayInterval: 2000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
124	+ $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
125	+
126	+ $ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
127	+ $SlideEasing: $JssorEasing$.$EaseOutQuint, //[Optional] Specifies easing for right to left animation, default value is $JssorEasing$.$EaseOutQuad
128	+ $SlideDuration: 800, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
129	+ $MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide , default value is 20
130	+ //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
131	+ //$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
132	+ $SlideSpacing: 0, //[Optional] Space between each slide in pixels, default value is 0
133	+ $DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
134	+ $ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
135	+ $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
136	+ $PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
137	+ $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
138	+
139	+ $SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not
140	+ $Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow
141	+ $Transitions: _SlideshowTransitions, //[Required] An array of slideshow transitions to play slideshow
142	+ $TransitionsOrder: 1, //[Optional] The way to choose transition to play slide, 1 Sequence, 0 Random
143	+ $ShowLink: true //[Optional] Whether to bring slide link on top of the slider when slideshow is running, default value is false
144	+ },
145	+
146	+ $CaptionSliderOptions: { //[Optional] Options which specifies how to animate caption
147	+ $Class: $JssorCaptionSlider$, //[Required] Class to create instance to animate caption
148	+ $CaptionTransitions: _CaptionTransitions, //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
149	+ $PlayInMode: 1, //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
150	+ $PlayOutMode: 3 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
151	+ },
152	+
153	+ $ArrowNavigatorOptions: { //[Optional] Options to specify and enable arrow navigator or not
154	+ $Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
155	+ $ChanceToShow: 1, //[Required] 0 Never, 1 Mouse Over, 2 Always
156	+ $AutoCenter: 2, //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
157	+ $Steps: 1 //[Optional] Steps to go for each navigation request, default value is 1
158	+ },
159	+
160	+ $BulletNavigatorOptions: { //[Optional] Options to specify and enable navigator or not
161	+ $Class: $JssorBulletNavigator$, //[Required] Class to create navigator instance
162	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
163	+ $AutoCenter: 1, //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
164	+ $Steps: 1, //[Optional] Steps to go for each navigation request, default value is 1
165	+ $Lanes: 1, //[Optional] Specify lanes to arrange items, default value is 1
166	+ $SpacingX: 4, //[Optional] Horizontal space between each item in pixel, default value is 0
167	+ $SpacingY: 4, //[Optional] Vertical space between each item in pixel, default value is 0
168	+ $Orientation: 1 //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1
169	+ }
170	+ };
171	+
172	+ var jssor_slider1 = new $JssorSlider$("slider1_container", options);
173	+ //responsive code begin
174	+ //you can remove responsive code if you don't want the slider scales while window resizes
175	+ function ScaleSlider() {
176	+ var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
177	+ var customWidth=<?php echo json_encode($banner_width); ?>;
178	+ if(customWidth==0){
179	+ customWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
180	+ }
181	+ if (parentWidth)
182	+ jssor_slider1.$ScaleWidth(Math.max(Math.min(parentWidth, customWidth), 300));
183	+ else
184	+ window.setTimeout(ScaleSlider, 30);
185	+ }
186	+ ScaleSlider();
187	+
188	+ $(window).bind("load", ScaleSlider);
189	+ $(window).bind("resize", ScaleSlider);
190	+ $(window).bind("orientationchange", ScaleSlider);
191	+ //responsive code end
192	+ });
193	+ </script>
194	+
195	+ <!-- Jssor Slider Begin -->
196	+ <!-- You can move inline styles to css file or css block. -->
197	+ <div class="slidercontainer">
198	+ <div id="slider1_container" style="position: relative; width: 980px;
199	+ height: 380px; overflow: hidden;">
200	+
201	+ <!-- Loading Screen -->
202	+ <div u="loading" style="position: absolute; top: 0px; left: 0px;">
203	+ <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
204	+
205	+ background-color: #000; top: 0px; left: 0px;width: 100%; height:100%;">
206	+ </div>
207	+ <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
208	+
209	+ top: 0px; left: 0px;width: 100%;height:100%;">
210	+ </div>
211	+ </div>
212	+
213	+ <!-- Slides Container -->
214	+ <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 980px; height: 380px;
215	+ overflow: hidden;">
216	+ <?php
217	+
218	+ $collection = Mage::getModel('bannerslider/bannerslider')->getCollection();
219	+
220	+ $cnt = count($collection);
221	+ foreach ($collection as $item) {
222	+ if($item->getstatus()==1){
223	+ ?>
224	+
225	+
226	+ <div>
227	+ <img u="image" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" />
228	+ <?php if($item->gettitlestatus()==1){ ?>
229	+ <div u=caption t="CLIP\|LR" du="1500" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:500px; height:30px;">
230	+ <?php echo $item->gettitle() ?>
231	+ </div>
232	+ <?php }?>
233	+ <!--div u=caption t="L\|IB" t2=L d=-900 class="captionBlack" style="position:absolute; left:360px; top: 130px; width:60px; height:30px;">
234	+ comes
235	+ </div>
236	+ <div u=caption t="RTT\|360" d=-200 class="captionBlack" style="position:absolute; left:360px; top: 180px; width:60px; height:30px;">
237	+ with
238	+ </div>
239	+ <div u=caption t="DDGDANCE\|RB" t2="RTT\|10" d=-1800 du=3800 class="captionOrange" style="position:absolute; left:560px; top: 110px; width:200px; height:120px; text-align: left;">
240	+   Banner Slider<br />
241	+   Image Gallery Slider<br />
242	+   Image Slider<br />
243	+   Carousel Slider
244	+ </div>
245	+ <div u=caption t="T\|IE*IE" d=-1600 du=3800 t2="B" class="captionOrange" style="position:absolute; left:20px; top: 310px; width:330px; height:30px;">
246	+ slideshow and responsive slider ...
247	+ </div>
248	+ <div u="caption" t="ZMF\|10" t2="B" d=-1300 style="position:absolute;left:420px;top:280px;width:90px;height:40px;font-size:36px;color:#fff;line-height:40px;">390+</div>
249	+ <div u="caption" t="CLIP\|L" d=-300 style="position:absolute;left:520px;top:280px;width:160px;height:40px;font-size:36px;color:#fff;line-height:40px; text-align: center;">caption</div>
250	+ <a class="captionOrange" u="caption" t="CLIP\|L" d=-300 href="http://www.jssor.com/development/tool-caption-transition-viewer.html" style="position:absolute;left:720px;top:280px;width:220px;height:40px;font-size:36px;color:#fff;line-height:40px;">transitions</a-->
251	+ </div>
252	+ <?php }
253	+ }?>
254	+
255	+
256	+ <!-- Example to add fixed static share buttons in slider BEGIN -->
257	+ <!-- Remove it if no need -->
258	+ <!-- Share Button Styles -->
259	+
260	+
261	+ <div u="any" style="position: absolute; display: block; top: 6px; right: 16px; width: 280px; height: 40px;">
262	+
263	+ <a class="share-icon share-facebook" target="_blank" href="https://www.facebook.com/pages/Dataman-Computer-Systems-Pvt-Ltd/183729281657133" title="Share on Facebook"></a>
264	+ <a class="share-icon share-twitter" target="_blank" href="https://twitter.com/Datamanknp" title="Share on Twitter"></a>
265	+ <a class="share-icon share-googleplus" target="_blank" href="https://plus.google.com/u/0/117238765872717320790/posts" title="Share on Google Plus"></a>
266	+ <a class="share-icon share-linkedin" target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=http://jssor.com" title="Share on LinkedIn"></a>
267	+ <a class="share-icon share-stumbleupon" target="_blank" href="http://www.stumbleupon.com/submit?url=http://jssor.com&title=JavaScript%20jQuery%20Image%20Slider/Slideshow/Carousel/Gallery/Banner%20html%20TOUCH%20SWIPE%20Responsive" title="Share on StumbleUpon"></a>
268	+ <a class="share-icon share-pinterest" target="_blank" href="http://pinterest.com/pin/create/button/?url=http://jssor.com&media=http://jssor.com/img/site/jssor.slider.jpg&description=JavaScript%20jQuery%20Image%20Slider/Slideshow/Carousel/Gallery/Banner%20html%20TOUCH%20SWIPE%20Responsive" title="Share on Pinterst"></a>
269	+ <a class="share-icon share-email" target="_blank" href="mailto:?Subject=Jssor%20Slider&Body=Highly%20recommended%20JavaScript%20jQuery%20Image%20Slider/Slideshow/Carousel/Gallery/Banner%20html%20TOUCH%20SWIPE%20Responsive%20http://jssor.com" title="Share by Email"></a>
270	+ </div>
271	+ <!-- Example to add fixed static share buttons in slider END -->
272	+
273	+ <!-- Example to add fixed static QR code in slider BEGIN -->
274	+ <!-- Remove it if no need -->
275	+ <!-- QR Code Style -->
276	+ <style>
277	+ @media only screen and (max-width: 980px) {
278	+ .qr_code {
279	+ display: none;
280	+ }
281	+ }
282	+ </style>
283	+ <div u="any" class="qr_code" style="position: absolute; width: 80px; height: 80px; bottom: 20px; right: 20px; opacity: .5; filter: alpha(opacity=50);"></div>
284	+ <!-- Example to add fixed static QR code in slider END -->
285	+ </div>
286	+
287	+ <!-- Bullet Navigator Skin Begin -->
288	+
289	+ <!-- bullet navigator container -->
290	+ <div u="navigator" class="jssorb03" style="position: absolute; bottom: 16px; left: 6px;">
291	+ <!-- bullet navigator item prototype -->
292	+ <div u="prototype" style="POSITION: absolute; WIDTH: 21px; HEIGHT: 21px; text-align:center; line-height:21px; color:White; font-size:12px;"><div u="numbertemplate"></div></div>
293	+ </div>
294	+ <!-- Bullet Navigator Skin End -->
295	+
296	+ <!-- Arrow Navigator Skin Begin -->
297	+
298	+ <!-- Arrow Left -->
299	+ <span u="arrowleft" class="jssora20l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
300	+ </span>
301	+ <!-- Arrow Right -->
302	+ <span u="arrowright" class="jssora20r" style="width: 55px; height: 55px; top: 123px; right: 8px">
303	+ </span>
304	+ <!-- Arrow Navigator Skin End -->
305	+ </div>
306	+ </div>
307	+ <!-- Jssor Slider End -->

app/design/frontend/base/default/template/bannerslider/slider8.phtml ADDED Viewed

	@@ -0,0 +1,180 @@


1	+ <?php
2	+ $banner_width=intval(Mage::getStoreConfig('tab1/general/text_field'));
3	+ ?>
4	+ <!--list-slider.source-->
5	+ <script>
6	+
7	+ jQuery(document).ready(function ($) {
8	+ var _CaptionTransitions = [];
9	+ _CaptionTransitions["L"] = { $Duration: 900, x: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
10	+ _CaptionTransitions["R"] = { $Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
11	+ _CaptionTransitions["T"] = { $Duration: 900, y: 0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
12	+ _CaptionTransitions["B"] = { $Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
13	+ _CaptionTransitions["TR"] = { $Duration: 900, x: -0.6, y: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
14	+
15	+ _CaptionTransitions["L\|IB"] = { $Duration: 1200, x: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
16	+ _CaptionTransitions["R\|IB"] = { $Duration: 1200, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
17	+ _CaptionTransitions["T\|IB"] = { $Duration: 1200, y: 0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
18	+
19	+ _CaptionTransitions["CLIP\|LR"] = { $Duration: 900, $Clip: 3, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
20	+ _CaptionTransitions["CLIP\|TB"] = { $Duration: 900, $Clip: 12, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
21	+ _CaptionTransitions["CLIP\|L"] = { $Duration: 900, $Clip: 1, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
22	+
23	+ _CaptionTransitions["MCLIP\|R"] = { $Duration: 900, $Clip: 2, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
24	+ _CaptionTransitions["MCLIP\|T"] = { $Duration: 900, $Clip: 4, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
25	+
26	+ _CaptionTransitions["WV\|B"] = { $Duration: 1200, x: -0.2, y: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Left: 1.5} };
27	+
28	+ _CaptionTransitions["TORTUOUS\|VB"] = { $Duration: 1800, y: -0.2, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Top: [0, 0.7] }, $Round: { $Top: 1.3} };
29	+
30	+ _CaptionTransitions["LISTH\|R"] = { $Duration: 1500, x: -0.8, $Clip: 1, $Easing: $JssorEasing$.$EaseInOutCubic, $ScaleClip: 0.8, $Opacity: 2, $During: { $Left: [0.4, 0.6], $Clip: [0, 0.4], $Opacity: [0.4, 0.6]} };
31	+
32	+ _CaptionTransitions["RTT\|360"] = { $Duration: 900, $Rotate: 1, $Easing: { $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2 };
33	+ _CaptionTransitions["RTT\|10"] = { $Duration: 900, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} };
34	+
35	+ _CaptionTransitions["RTTL\|BR"] = { $Duration: 900, x: -0.6, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} };
36	+
37	+ _CaptionTransitions["T\|IE*IE"] = { $Duration: 1800, y: 0.8, $Zoom: 11, $Rotate: -1.5, $Easing: { $Top: $JssorEasing$.$EaseInOutElastic, $Zoom: $JssorEasing$.$EaseInElastic, $Rotate: $JssorEasing$.$EaseInOutElastic }, $Opacity: 2, $During: { $Zoom: [0, 0.8], $Opacity: [0, 0.7] }, $Round: { $Rotate: 0.5} };
38	+
39	+ _CaptionTransitions["RTTS\|R"] = { $Duration: 900, x: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} };
40	+ _CaptionTransitions["RTTS\|T"] = { $Duration: 900, y: 0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} };
41	+
42	+ _CaptionTransitions["DDGDANCE\|RB"] = { $Duration: 1800, x: -0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} };
43	+ _CaptionTransitions["ZMF\|10"] = { $Duration: 900, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 };
44	+ _CaptionTransitions["DDG\|TR"] = { $Duration: 1200, x: -0.3, y: 0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 0.8} };
45	+
46	+ _CaptionTransitions["FLTTR\|R"] = { $Duration: 900, x: -0.2, y: -0.1, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Top: 1.3} };
47	+ _CaptionTransitions["FLTTRWN\|LT"] = { $Duration: 1800, x: 0.5, y: 0.2, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseInWave, $Zoom: $JssorEasing$.$EaseInOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.7], $Top: [0.1, 0.7] }, $Round: { $Top: 1.3} };
48	+
49	+ _CaptionTransitions["ATTACK\|BR"] = { $Duration: 1500, x: -0.1, y: -0.5, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseOutWave, $Top: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $During: { $Left: [0.3, 0.7], $Top: [0, 0.7] }, $Round: { $Left: 1.3} };
50	+
51	+ _CaptionTransitions["FADE"] = { $Duration: 900, $Opacity: 2 };
52	+
53	+ var options = {
54	+ $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
55	+ $AutoPlaySteps: 1, //[Optional] Steps to go for each navigation request (this options applys only when slideshow disabled), the default value is 1
56	+ $AutoPlayInterval: 4000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000
57	+ $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
58	+ $Loop: 0, //[Optional] Enable loop(circular) of carousel or not, 0: stop, 1: loop, 2 rewind, default value is 1
59	+
60	+ $ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false
61	+ $SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
62	+ $MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide , default value is 20
63	+ //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
64	+ //$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
65	+ $SlideSpacing: 5, //[Optional] Space between each slide in pixels, default value is 0
66	+ $DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
67	+ $ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
68	+ $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
69	+ $PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
70	+ $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
71	+
72	+ $ThumbnailNavigatorOptions: {
73	+ $Class: $JssorThumbnailNavigator$, //[Required] Class to create thumbnail navigator instance
74	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
75	+
76	+ $Loop: 2, //[Optional] Enable loop(circular) of carousel or not, 0: stop, 1: loop, 2 rewind, default value is 1
77	+ $AutoCenter: 3, //[Optional] Auto center thumbnail items in the thumbnail navigator container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 3
78	+ $Lanes: 1, //[Optional] Specify lanes to arrange thumbnails, default value is 1
79	+ $SpacingX: 4, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
80	+ $SpacingY: 4, //[Optional] Vertical space between each thumbnail in pixel, default value is 0
81	+ $DisplayPieces: 4, //[Optional] Number of pieces to display, default value is 1
82	+ $ParkingPosition: 0, //[Optional] The offset position to park thumbnail
83	+ $Orientation: 2, //[Optional] Orientation to arrange thumbnails, 1 horizental, 2 vertical, default value is 1
84	+ $DisableDrag: false //[Optional] Disable drag or not, default value is false
85	+ },
86	+
87	+ $CaptionSliderOptions: { //[Optional] Options which specifies how to animate caption
88	+ $Class: $JssorCaptionSlider$, //[Required] Class to create instance to animate caption
89	+ $CaptionTransitions: _CaptionTransitions, //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
90	+ $PlayInMode: 1, //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
91	+ $PlayOutMode: 3 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
92	+ }
93	+ };
94	+
95	+ var jssor_slider1 = new $JssorSlider$("slider1_container", options);
96	+
97	+ //responsive code begin
98	+ //you can remove responsive code if you don't want the slider scales while window resizes
99	+ function ScaleSlider() {
100	+ var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
101	+ var customWidth=<?php echo json_encode($banner_width); ?>;
102	+ if(customWidth==0){
103	+ customWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
104	+ }
105	+ if (parentWidth) {
106	+ var sliderWidth = parentWidth;
107	+
108	+ //keep the slider width no more than 810
109	+ sliderWidth = Math.min(sliderWidth, customWidth);
110	+
111	+ jssor_slider1.$ScaleWidth(sliderWidth);
112	+ }
113	+ else
114	+ window.setTimeout(ScaleSlider, 30);
115	+ }
116	+ ScaleSlider();
117	+
118	+ $(window).bind("load", ScaleSlider);
119	+ $(window).bind("resize", ScaleSlider);
120	+ $(window).bind("orientationchange", ScaleSlider);
121	+ //responsive code end
122	+ });
123	+ </script>
124	+ <!-- Jssor Slider Begin -->
125	+ <!-- You can move inline styles to css file or css block. -->
126	+ <div class="slidercontainer">
127	+ <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 810px; height: 300px; background: #000; overflow: hidden; ">
128	+
129	+ <!-- Loading Screen -->
130	+ <div u="loading" style="position: absolute; top: 0px; left: 0px;">
131	+ <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
132	+ background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;">
133	+ </div>
134	+ <div style="position: absolute; display: block; background: url(../img/loading.gif) no-repeat center center;
135	+ top: 0px; left: 0px;width: 100%;height:100%;">
136	+ </div>
137	+ </div>
138	+
139	+ <!-- Slides Container -->
140	+ <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 600px; height: 300px;
141	+ overflow: hidden;">
142	+ <?php
143	+
144	+ $collection = Mage::getModel('bannerslider/bannerslider')->getCollection();
145	+
146	+ $cnt = count($collection);
147	+ foreach ($collection as $item) {
148	+ if($item->getstatus()==1){
149	+ ?>
150	+ <div>
151	+ <img u="image" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" />
152	+ <?php if($item->gettitlestatus()==1){ ?>
153	+ <div u=caption t="CLIP\|LR" du="1500" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:500px; height:30px;">
154	+ <?php echo $item->gettitle(); ?>
155	+ </div>
156	+ <?php }?>
157	+ <div u="thumb">
158	+ <img class="i" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" />
159	+
160	+ </div>
161	+ </div>
162	+ <?php }
163	+ }?>
164	+ </div>
165	+
166	+ <!-- ThumbnailNavigator Skin Begin -->
167	+ <div u="thumbnavigator" class="jssort11" style="position: absolute; width: 200px; height: 300px; left:605px; top:0px;">
168	+ <!-- Thumbnail Item Skin Begin -->
169	+
170	+ <div u="slides" style="cursor: move;">
171	+ <div u="prototype" class="p" style="position: absolute; width: 200px; height: 69px; top: 0; left: 0;">
172	+ <div u="thumbnailtemplate" style=" width: 100%; height: 100%; border: none;position:absolute; top: 0; left: 0;"></div>
173	+ </div>
174	+ </div>
175	+ <!-- Thumbnail Item Skin End -->
176	+ </div>
177	+ <!-- ThumbnailNavigator Skin End -->
178	+ </div>
179	+ </div>
180	+ <!-- Jssor Slider End -->

app/design/frontend/base/default/template/bannerslider/slider9.phtml ADDED Viewed

	@@ -0,0 +1,140 @@


1	+ <?php
2	+ $banner_width=intval(Mage::getStoreConfig('tab1/general/text_field'));
3	+ ?>
4	+ <!--nearby-image-partial-visible-slider.source-->
5	+ <script>
6	+
7	+ jQuery(document).ready(function ($) {
8	+ var _CaptionTransitions = [];
9	+ _CaptionTransitions["L"] = { $Duration: 900, x: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
10	+ _CaptionTransitions["R"] = { $Duration: 900, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
11	+ _CaptionTransitions["T"] = { $Duration: 900, y: 0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
12	+ _CaptionTransitions["B"] = { $Duration: 900, y: -0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
13	+ _CaptionTransitions["TR"] = { $Duration: 900, x: -0.6, y: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseInOutSine }, $Opacity: 2 };
14	+
15	+ _CaptionTransitions["L\|IB"] = { $Duration: 1200, x: 0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
16	+ _CaptionTransitions["R\|IB"] = { $Duration: 1200, x: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
17	+ _CaptionTransitions["T\|IB"] = { $Duration: 1200, y: 0.6, $Easing: { $Top: $JssorEasing$.$EaseInOutBack }, $Opacity: 2 };
18	+
19	+ _CaptionTransitions["CLIP\|LR"] = { $Duration: 900, $Clip: 3, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
20	+ _CaptionTransitions["CLIP\|TB"] = { $Duration: 900, $Clip: 12, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
21	+ _CaptionTransitions["CLIP\|L"] = { $Duration: 900, $Clip: 1, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
22	+
23	+ _CaptionTransitions["MCLIP\|R"] = { $Duration: 900, $Clip: 2, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
24	+ _CaptionTransitions["MCLIP\|T"] = { $Duration: 900, $Clip: 4, $Move: true, $Easing: { $Clip: $JssorEasing$.$EaseInOutCubic }, $Opacity: 2 };
25	+
26	+ _CaptionTransitions["WV\|B"] = { $Duration: 1200, x: -0.2, y: -0.6, $Easing: { $Left: $JssorEasing$.$EaseInWave, $Top: $JssorEasing$.$EaseLinear }, $Opacity: 2, $Round: { $Left: 1.5} };
27	+
28	+ _CaptionTransitions["TORTUOUS\|VB"] = { $Duration: 1800, y: -0.2, $Zoom: 1, $Easing: { $Top: $JssorEasing$.$EaseOutWave, $Zoom: $JssorEasing$.$EaseOutCubic }, $Opacity: 2, $During: { $Top: [0, 0.7] }, $Round: { $Top: 1.3} };
29	+
30	+ _CaptionTransitions["LISTH\|R"] = { $Duration: 1500, x: -0.8, $Clip: 1, $Easing: $JssorEasing$.$EaseInOutCubic, $ScaleClip: 0.8, $Opacity: 2, $During: { $Left: [0.4, 0.6], $Clip: [0, 0.4], $Opacity: [0.4, 0.6]} };
31	+
32	+ _CaptionTransitions["RTT\|360"] = { $Duration: 900, $Rotate: 1, $Easing: { $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInQuad }, $Opacity: 2 };
33	+ _CaptionTransitions["RTT\|10"] = { $Duration: 900, $Zoom: 11, $Rotate: 1, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $Round: { $Rotate: 0.8} };
34	+
35	+ _CaptionTransitions["RTTL\|BR"] = { $Duration: 900, x: -0.6, y: -0.6, $Zoom: 11, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInCubic, $Top: $JssorEasing$.$EaseInCubic, $Zoom: $JssorEasing$.$EaseInCubic, $Opacity: $JssorEasing$.$EaseLinear, $Rotate: $JssorEasing$.$EaseInCubic }, $Opacity: 2, $Round: { $Rotate: 0.8} };
36	+
37	+ _CaptionTransitions["T\|IE*IE"] = { $Duration: 1800, y: 0.8, $Zoom: 11, $Rotate: -1.5, $Easing: { $Top: $JssorEasing$.$EaseInOutElastic, $Zoom: $JssorEasing$.$EaseInElastic, $Rotate: $JssorEasing$.$EaseInOutElastic }, $Opacity: 2, $During: { $Zoom: [0, 0.8], $Opacity: [0, 0.7] }, $Round: { $Rotate: 0.5} };
38	+
39	+ _CaptionTransitions["RTTS\|R"] = { $Duration: 900, x: -0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Left: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} };
40	+ _CaptionTransitions["RTTS\|T"] = { $Duration: 900, y: 0.6, $Zoom: 1, $Rotate: 1, $Easing: { $Top: $JssorEasing$.$EaseInQuad, $Zoom: $JssorEasing$.$EaseInQuad, $Rotate: $JssorEasing$.$EaseInQuad, $Opacity: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $Round: { $Rotate: 1.2} };
41	+
42	+ _CaptionTransitions["DDGDANCE\|RB"] = { $Duration: 1800, x: -0.3, y: -0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump, $Zoom: $JssorEasing$.$EaseOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 2.5} };
43	+ _CaptionTransitions["ZMF\|10"] = { $Duration: 900, $Zoom: 11, $Easing: { $Zoom: $JssorEasing$.$EaseInExpo, $Opacity: $JssorEasing$.$EaseLinear }, $Opacity: 2 };
44	+ _CaptionTransitions["DDG\|TR"] = { $Duration: 1200, x: -0.3, y: 0.3, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInJump, $Top: $JssorEasing$.$EaseInJump }, $Opacity: 2, $During: { $Left: [0, 0.8], $Top: [0, 0.8] }, $Round: { $Left: 0.8, $Top: 0.8} };
45	+
46	+ _CaptionTransitions["FLTTR\|R"] = { $Duration: 900, x: -0.2, y: -0.1, $Easing: { $Left: $JssorEasing$.$EaseLinear, $Top: $JssorEasing$.$EaseInWave }, $Opacity: 2, $Round: { $Top: 1.3} };
47	+ _CaptionTransitions["FLTTRWN\|LT"] = { $Duration: 1800, x: 0.5, y: 0.2, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseInOutSine, $Top: $JssorEasing$.$EaseInWave, $Zoom: $JssorEasing$.$EaseInOutQuad }, $Opacity: 2, $During: { $Left: [0, 0.7], $Top: [0.1, 0.7] }, $Round: { $Top: 1.3} };
48	+
49	+ _CaptionTransitions["ATTACK\|BR"] = { $Duration: 1500, x: -0.1, y: -0.5, $Zoom: 1, $Easing: { $Left: $JssorEasing$.$EaseOutWave, $Top: $JssorEasing$.$EaseInExpo }, $Opacity: 2, $During: { $Left: [0.3, 0.7], $Top: [0, 0.7] }, $Round: { $Left: 1.3} };
50	+
51	+ _CaptionTransitions["FADE"] = { $Duration: 900, $Opacity: 2 };
52	+
53	+ var options = {
54	+ $AutoPlay: true,
55	+
56	+ $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slideshow is auto playing, default value is false
57	+
58	+ $ArrowKeyNavigation: true, //Allows arrow key to navigate or not
59	+ $SlideWidth: 600, //[Optional] Width of every slide in pixels, the default is width of 'slides' container
60	+ //$SlideHeight: 300, //[Optional] Height of every slide in pixels, the default is width of 'slides' container
61	+ $SlideSpacing: 0, //Space between each slide in pixels
62	+ $DisplayPieces: 2, //Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
63	+ $ParkingPosition: 100, //The offset position to park slide (this options applys only when slideshow disabled).
64	+
65	+ $ArrowNavigatorOptions: { //[Optional] Options to specify and enable arrow navigator or not
66	+ $Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance
67	+ $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always
68	+ $AutoCenter: 2, //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
69	+ $Steps: 1 //[Optional] Steps to go for each navigation request, default value is 1
70	+ },
71	+
72	+ $CaptionSliderOptions: { //[Optional] Options which specifies how to animate caption
73	+ $Class: $JssorCaptionSlider$, //[Required] Class to create instance to animate caption
74	+ $CaptionTransitions: _CaptionTransitions, //[Required] An array of caption transitions to play caption, see caption transition section at jssor slideshow transition builder
75	+ $PlayInMode: 1, //[Optional] 0 None (no play), 1 Chain (goes after main slide), 3 Chain Flatten (goes after main slide and flatten all caption animations), default value is 1
76	+ $PlayOutMode: 3 //[Optional] 0 None (no play), 1 Chain (goes before main slide), 3 Chain Flatten (goes before main slide and flatten all caption animations), default value is 1
77	+ }
78	+ };
79	+
80	+ var jssor_slider1 = new $JssorSlider$("slider1_container", options);
81	+
82	+ //responsive code begin
83	+ //you can remove responsive code if you don't want the slider scales while window resizes
84	+ function ScaleSlider() {
85	+ var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
86	+ var customWidth=<?php echo json_encode($banner_width); ?>;
87	+ if(customWidth==0){
88	+ customWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
89	+ }
90	+ if (parentWidth)
91	+ jssor_slider1.$ScaleWidth(Math.min(parentWidth, customWidth));
92	+ else
93	+ window.setTimeout(ScaleSlider, 30);
94	+ }
95	+ ScaleSlider();
96	+
97	+ $(window).bind("load", ScaleSlider);
98	+ $(window).bind("resize", ScaleSlider);
99	+ $(window).bind("orientationchange", ScaleSlider);
100	+ //responsive code end
101	+ });
102	+ </script>
103	+ <!-- Jssor Slider Begin -->
104	+ <!-- You can move inline styles to css file or css block. -->
105	+ <div class="slidercontainer">
106	+ <div id="slider1_container" style="position: relative; top: 0px; left: 0px; width: 800px;
107	+ height: 300px; overflow: hidden;">
108	+ <!-- Slides Container -->
109	+ <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; height: 300px;
110	+ overflow: hidden;">
111	+ <?php
112	+ $collection = Mage::getModel('bannerslider/bannerslider')->getCollection();
113	+ $cnt = count($collection);
114	+ foreach ($collection as $item) {
115	+ if($item->getstatus()==1){
116	+ ?>
117	+ <div><img u="image" src="<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA).'bannerslider/images/'.$item->getfilename() ?>" />
118	+ <?php if($item->gettitlestatus()==1){ ?>
119	+ <div u=caption t="CLIP\|LR" du="1500" class="captionOrange" style="position:absolute; left:20px; top: 30px; width:500px; height:30px;">
120	+ <?php echo $item->gettitle(); ?>
121	+ </div>
122	+ <?php }?>
123	+ </div>
124	+
125	+ <?php }
126	+ }?>
127	+ </div>
128	+
129	+ <!-- Arrow Navigator Skin Begin -->
130	+
131	+ <!-- Arrow Left -->
132	+ <span u="arrowleft" class="jssora13l" style="width: 40px; height: 50px; top: 123px; left: 30px;">
133	+ </span>
134	+ <!-- Arrow Right -->
135	+ <span u="arrowright" class="jssora13r" style="width: 40px; height: 50px; top: 123px; right: 30px">
136	+ </span>
137	+ <!-- Arrow Navigator Skin End -->
138	+ </div>
139	+ <!-- Jssor Slider End -->
140	+ </div>

app/etc/modules/Dataman_Bannerslider.xml ADDED Viewed

	@@ -0,0 +1,17 @@


1	+ <?xml version="1.0"?>
2	+ <!--
3	+ /**
4	+ * @category Dataman
5	+ * @package Dataman_Bannerslider
6	+ * @author Priyanka_dataman
7	+ * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
8	+ */
9	+ -->
10	+ <config>
11	+ <modules>
12	+ <Dataman_Bannerslider>
13	+ <active>true</active>
14	+ <codePool>local</codePool>
15	+ </Dataman_Bannerslider>
16	+ </modules>
17	+ </config>

js/bannerslider/jquery-1.9.1.min.js ADDED Viewed

	@@ -0,0 +1,20 @@


1	+
2	+ /*! jQuery v1.9.1 \| (c) 2005, 2012 jQuery Foundation, Inc. \| jquery.org/license
3	+ //@ sourceMappingURL=jquery.min.map
4	+ */
5	+ (function (e, t) {
6	+ var n, r, i = typeof t, o = e.document, a = e.location, s = e.jQuery, u = e.$, l = {}, c = [], p = "1.9.1", f = c.concat, d = c.push, h = c.slice, g = c.indexOf, m = l.toString, y = l.hasOwnProperty, v = p.trim, b = function (e, t) { return new b.fn.init(e, t, r) }, x = /[+-]?(?:\d\.\|)\d+(?:[eE][+-]?\d+\|)/.source, w = /\S+/g, T = /^[\s\uFEFF\xA0]+\|[\s\uFEFF\xA0]+$/g, N = /^(?:(<[\w\W]+>)[^>]\|#([\w-]))$/, C = /^<(\w+)\s\/?>(?:<\/\1>\|)$/, k = /^[\],:{}\s]$/, E = /(?:^\|:\|,)(?:\s\[)+/g, S = /\\(?:["\\\/bfnrt]\|u[\da-fA-F]{4})/g, A = /"[^"\\\r\n]"\|true\|false\|null\|-?(?:\d+\.\|)\d+(?:[eE][+-]?\d+\|)/g, j = /^-ms-/, D = /-([\da-z])/gi, L = function (e, t) { return t.toUpperCase() }, H = function (e) { (o.addEventListener \|\| "load" === e.type \|\| "complete" === o.readyState) && (q(), b.ready()) }, q = function () { o.addEventListener ? (o.removeEventListener("DOMContentLoaded", H, !1), e.removeEventListener("load", H, !1)) : (o.detachEvent("onreadystatechange", H), e.detachEvent("onload", H)) }; b.fn = b.prototype = { jquery: p, constructor: b, init: function (e, n, r) { var i, a; if (!e) return this; if ("string" == typeof e) { if (i = "<" === e.charAt(0) && ">" === e.charAt(e.length - 1) && e.length >= 3 ? [null, e, null] : N.exec(e), !i \|\| !i[1] && n) return !n \|\| n.jquery ? (n \|\| r).find(e) : this.constructor(n).find(e); if (i[1]) { if (n = n instanceof b ? n[0] : n, b.merge(this, b.parseHTML(i[1], n && n.nodeType ? n.ownerDocument \|\| n : o, !0)), C.test(i[1]) && b.isPlainObject(n)) for (i in n) b.isFunction(this[i]) ? this[i](n[i]) : this.attr(i, n[i]); return this } if (a = o.getElementById(i[2]), a && a.parentNode) { if (a.id !== i[2]) return r.find(e); this.length = 1, this[0] = a } return this.context = o, this.selector = e, this } return e.nodeType ? (this.context = this[0] = e, this.length = 1, this) : b.isFunction(e) ? r.ready(e) : (e.selector !== t && (this.selector = e.selector, this.context = e.context), b.makeArray(e, this)) }, selector: "", length: 0, size: function () { return this.length }, toArray: function () { return h.call(this) }, get: function (e) { return null == e ? this.toArray() : 0 > e ? this[this.length + e] : this[e] }, pushStack: function (e) { var t = b.merge(this.constructor(), e); return t.prevObject = this, t.context = this.context, t }, each: function (e, t) { return b.each(this, e, t) }, ready: function (e) { return b.ready.promise().done(e), this }, slice: function () { return this.pushStack(h.apply(this, arguments)) }, first: function () { return this.eq(0) }, last: function () { return this.eq(-1) }, eq: function (e) { var t = this.length, n = +e + (0 > e ? t : 0); return this.pushStack(n >= 0 && t > n ? [this[n]] : []) }, map: function (e) { return this.pushStack(b.map(this, function (t, n) { return e.call(t, n, t) })) }, end: function () { return this.prevObject \|\| this.constructor(null) }, push: d, sort: [].sort, splice: [].splice }, b.fn.init.prototype = b.fn, b.extend = b.fn.extend = function () { var e, n, r, i, o, a, s = arguments[0] \|\| {}, u = 1, l = arguments.length, c = !1; for ("boolean" == typeof s && (c = s, s = arguments[1] \|\| {}, u = 2), "object" == typeof s \|\| b.isFunction(s) \|\| (s = {}), l === u && (s = this, --u); l > u; u++) if (null != (o = arguments[u])) for (i in o) e = s[i], r = o[i], s !== r && (c && r && (b.isPlainObject(r) \|\| (n = b.isArray(r))) ? (n ? (n = !1, a = e && b.isArray(e) ? e : []) : a = e && b.isPlainObject(e) ? e : {}, s[i] = b.extend(c, a, r)) : r !== t && (s[i] = r)); return s }, b.extend({ noConflict: function (t) { return e.$ === b && (e.$ = u), t && e.jQuery === b && (e.jQuery = s), b }, isReady: !1, readyWait: 1, holdReady: function (e) { e ? b.readyWait++ : b.ready(!0) }, ready: function (e) { if (e === !0 ? ! --b.readyWait : !b.isReady) { if (!o.body) return setTimeout(b.ready); b.isReady = !0, e !== !0 && --b.readyWait > 0 \|\| (n.resolveWith(o, [b]), b.fn.trigger && b(o).trigger("ready").off("ready")) } }, isFunction: function (e) { return "function" === b.type(e) }, isArray: Array.isArray \|\| function (e) { return "array" === b.type(e) }, isWindow: function (e) { return null != e && e == e.window }, isNumeric: function (e) { return !isNaN(parseFloat(e)) && isFinite(e) }, type: function (e) { return null == e ? e + "" : "object" == typeof e \|\| "function" == typeof e ? l[m.call(e)] \|\| "object" : typeof e }, isPlainObject: function (e) { if (!e \|\| "object" !== b.type(e) \|\| e.nodeType \|\| b.isWindow(e)) return !1; try { if (e.constructor && !y.call(e, "constructor") && !y.call(e.constructor.prototype, "isPrototypeOf")) return !1 } catch (n) { return !1 } var r; for (r in e); return r === t \|\| y.call(e, r) }, isEmptyObject: function (e) { var t; for (t in e) return !1; return !0 }, error: function (e) { throw Error(e) }, parseHTML: function (e, t, n) { if (!e \|\| "string" != typeof e) return null; "boolean" == typeof t && (n = t, t = !1), t = t \|\| o; var r = C.exec(e), i = !n && []; return r ? [t.createElement(r[1])] : (r = b.buildFragment([e], t, i), i && b(i).remove(), b.merge([], r.childNodes)) }, parseJSON: function (n) { return e.JSON && e.JSON.parse ? e.JSON.parse(n) : null === n ? n : "string" == typeof n && (n = b.trim(n), n && k.test(n.replace(S, "@").replace(A, "]").replace(E, ""))) ? Function("return " + n)() : (b.error("Invalid JSON: " + n), t) }, parseXML: function (n) { var r, i; if (!n \|\| "string" != typeof n) return null; try { e.DOMParser ? (i = new DOMParser, r = i.parseFromString(n, "text/xml")) : (r = new ActiveXObject("Microsoft.XMLDOM"), r.async = "false", r.loadXML(n)) } catch (o) { r = t } return r && r.documentElement && !r.getElementsByTagName("parsererror").length \|\| b.error("Invalid XML: " + n), r }, noop: function () { }, globalEval: function (t) { t && b.trim(t) && (e.execScript \|\| function (t) { e.eval.call(e, t) })(t) }, camelCase: function (e) { return e.replace(j, "ms-").replace(D, L) }, nodeName: function (e, t) { return e.nodeName && e.nodeName.toLowerCase() === t.toLowerCase() }, each: function (e, t, n) { var r, i = 0, o = e.length, a = M(e); if (n) { if (a) { for (; o > i; i++) if (r = t.apply(e[i], n), r === !1) break } else for (i in e) if (r = t.apply(e[i], n), r === !1) break } else if (a) { for (; o > i; i++) if (r = t.call(e[i], i, e[i]), r === !1) break } else for (i in e) if (r = t.call(e[i], i, e[i]), r === !1) break; return e }, trim: v && !v.call("\ufeff\u00a0") ? function (e) { return null == e ? "" : v.call(e) } : function (e) { return null == e ? "" : (e + "").replace(T, "") }, makeArray: function (e, t) { var n = t \|\| []; return null != e && (M(Object(e)) ? b.merge(n, "string" == typeof e ? [e] : e) : d.call(n, e)), n }, inArray: function (e, t, n) { var r; if (t) { if (g) return g.call(t, e, n); for (r = t.length, n = n ? 0 > n ? Math.max(0, r + n) : n : 0; r > n; n++) if (n in t && t[n] === e) return n } return -1 }, merge: function (e, n) { var r = n.length, i = e.length, o = 0; if ("number" == typeof r) for (; r > o; o++) e[i++] = n[o]; else while (n[o] !== t) e[i++] = n[o++]; return e.length = i, e }, grep: function (e, t, n) { var r, i = [], o = 0, a = e.length; for (n = !!n; a > o; o++) r = !!t(e[o], o), n !== r && i.push(e[o]); return i }, map: function (e, t, n) { var r, i = 0, o = e.length, a = M(e), s = []; if (a) for (; o > i; i++) r = t(e[i], i, n), null != r && (s[s.length] = r); else for (i in e) r = t(e[i], i, n), null != r && (s[s.length] = r); return f.apply([], s) }, guid: 1, proxy: function (e, n) { var r, i, o; return "string" == typeof n && (o = e[n], n = e, e = o), b.isFunction(e) ? (r = h.call(arguments, 2), i = function () { return e.apply(n \|\| this, r.concat(h.call(arguments))) }, i.guid = e.guid = e.guid \|\| b.guid++, i) : t }, access: function (e, n, r, i, o, a, s) { var u = 0, l = e.length, c = null == r; if ("object" === b.type(r)) { o = !0; for (u in r) b.access(e, n, u, r[u], !0, a, s) } else if (i !== t && (o = !0, b.isFunction(i) \|\| (s = !0), c && (s ? (n.call(e, i), n = null) : (c = n, n = function (e, t, n) { return c.call(b(e), n) })), n)) for (; l > u; u++) n(e[u], r, s ? i : i.call(e[u], u, n(e[u], r))); return o ? e : c ? n.call(e) : l ? n(e[0], r) : a }, now: function () { return (new Date).getTime() } }), b.ready.promise = function (t) { if (!n) if (n = b.Deferred(), "complete" === o.readyState) setTimeout(b.ready); else if (o.addEventListener) o.addEventListener("DOMContentLoaded", H, !1), e.addEventListener("load", H, !1); else { o.attachEvent("onreadystatechange", H), e.attachEvent("onload", H); var r = !1; try { r = null == e.frameElement && o.documentElement } catch (i) { } r && r.doScroll && function a() { if (!b.isReady) { try { r.doScroll("left") } catch (e) { return setTimeout(a, 50) } q(), b.ready() } } () } return n.promise(t) }, b.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function (e, t) { l["[object " + t + "]"] = t.toLowerCase() }); function M(e) { var t = e.length, n = b.type(e); return b.isWindow(e) ? !1 : 1 === e.nodeType && t ? !0 : "array" === n \|\| "function" !== n && (0 === t \|\| "number" == typeof t && t > 0 && t - 1 in e) } r = b(o); var _ = {}; function F(e) { var t = _[e] = {}; return b.each(e.match(w) \|\| [], function (e, n) { t[n] = !0 }), t } b.Callbacks = function (e) { e = "string" == typeof e ? _[e] \|\| F(e) : b.extend({}, e); var n, r, i, o, a, s, u = [], l = !e.once && [], c = function (t) { for (r = e.memory && t, i = !0, a = s \|\| 0, s = 0, o = u.length, n = !0; u && o > a; a++) if (u[a].apply(t[0], t[1]) === !1 && e.stopOnFalse) { r = !1; break } n = !1, u && (l ? l.length && c(l.shift()) : r ? u = [] : p.disable()) }, p = { add: function () { if (u) { var t = u.length; (function i(t) { b.each(t, function (t, n) { var r = b.type(n); "function" === r ? e.unique && p.has(n) \|\| u.push(n) : n && n.length && "string" !== r && i(n) }) })(arguments), n ? o = u.length : r && (s = t, c(r)) } return this }, remove: function () { return u && b.each(arguments, function (e, t) { var r; while ((r = b.inArray(t, u, r)) > -1) u.splice(r, 1), n && (o >= r && o--, a >= r && a--) }), this }, has: function (e) { return e ? b.inArray(e, u) > -1 : !(!u \|\| !u.length) }, empty: function () { return u = [], this }, disable: function () { return u = l = r = t, this }, disabled: function () { return !u }, lock: function () { return l = t, r \|\| p.disable(), this }, locked: function () { return !l }, fireWith: function (e, t) { return t = t \|\| [], t = [e, t.slice ? t.slice() : t], !u \|\| i && !l \|\| (n ? l.push(t) : c(t)), this }, fire: function () { return p.fireWith(this, arguments), this }, fired: function () { return !!i } }; return p }, b.extend({ Deferred: function (e) { var t = [["resolve", "done", b.Callbacks("once memory"), "resolved"], ["reject", "fail", b.Callbacks("once memory"), "rejected"], ["notify", "progress", b.Callbacks("memory")]], n = "pending", r = { state: function () { return n }, always: function () { return i.done(arguments).fail(arguments), this }, then: function () { var e = arguments; return b.Deferred(function (n) { b.each(t, function (t, o) { var a = o[0], s = b.isFunction(e[t]) && e[t]; i[o[1]](function () { var e = s && s.apply(this, arguments); e && b.isFunction(e.promise) ? e.promise().done(n.resolve).fail(n.reject).progress(n.notify) : n[a + "With"](this === r ? n.promise() : this, s ? [e] : arguments) }) }), e = null }).promise() }, promise: function (e) { return null != e ? b.extend(e, r) : r } }, i = {}; return r.pipe = r.then, b.each(t, function (e, o) { var a = o[2], s = o[3]; r[o[1]] = a.add, s && a.add(function () { n = s }, t[1 ^ e][2].disable, t[2][2].lock), i[o[0]] = function () { return i[o[0] + "With"](this === i ? r : this, arguments), this }, i[o[0] + "With"] = a.fireWith }), r.promise(i), e && e.call(i, i), i }, when: function (e) { var t = 0, n = h.call(arguments), r = n.length, i = 1 !== r \|\| e && b.isFunction(e.promise) ? r : 0, o = 1 === i ? e : b.Deferred(), a = function (e, t, n) { return function (r) { t[e] = this, n[e] = arguments.length > 1 ? h.call(arguments) : r, n === s ? o.notifyWith(t, n) : --i \|\| o.resolveWith(t, n) } }, s, u, l; if (r > 1) for (s = Array(r), u = Array(r), l = Array(r); r > t; t++) n[t] && b.isFunction(n[t].promise) ? n[t].promise().done(a(t, l, n)).fail(o.reject).progress(a(t, u, s)) : --i; return i \|\| o.resolveWith(l, n), o.promise() } }), b.support = function () { var t, n, r, a, s, u, l, c, p, f, d = o.createElement("div"); if (d.setAttribute("className", "t"), d.innerHTML = " <link/><table></table><a href='/a'>a</a><input type='checkbox'/>", n = d.getElementsByTagName(""), r = d.getElementsByTagName("a")[0], !n \|\| !r \|\| !n.length) return {}; s = o.createElement("select"), l = s.appendChild(o.createElement("option")), a = d.getElementsByTagName("input")[0], r.style.cssText = "top:1px;float:left;opacity:.5", t = { getSetAttribute: "t" !== d.className, leadingWhitespace: 3 === d.firstChild.nodeType, tbody: !d.getElementsByTagName("tbody").length, htmlSerialize: !!d.getElementsByTagName("link").length, style: /top/.test(r.getAttribute("style")), hrefNormalized: "/a" === r.getAttribute("href"), opacity: /^0.5/.test(r.style.opacity), cssFloat: !!r.style.cssFloat, checkOn: !!a.value, optSelected: l.selected, enctype: !!o.createElement("form").enctype, html5Clone: "<:nav></:nav>" !== o.createElement("nav").cloneNode(!0).outerHTML, boxModel: "CSS1Compat" === o.compatMode, deleteExpando: !0, noCloneEvent: !0, inlineBlockNeedsLayout: !1, shrinkWrapBlocks: !1, reliableMarginRight: !0, boxSizingReliable: !0, pixelPosition: !1 }, a.checked = !0, t.noCloneChecked = a.cloneNode(!0).checked, s.disabled = !0, t.optDisabled = !l.disabled; try { delete d.test } catch (h) { t.deleteExpando = !1 } a = o.createElement("input"), a.setAttribute("value", ""), t.input = "" === a.getAttribute("value"), a.value = "t", a.setAttribute("type", "radio"), t.radioValue = "t" === a.value, a.setAttribute("checked", "t"), a.setAttribute("name", "t"), u = o.createDocumentFragment(), u.appendChild(a), t.appendChecked = a.checked, t.checkClone = u.cloneNode(!0).cloneNode(!0).lastChild.checked, d.attachEvent && (d.attachEvent("onclick", function () { t.noCloneEvent = !1 }), d.cloneNode(!0).click()); for (f in { submit: !0, change: !0, focusin: !0 }) d.setAttribute(c = "on" + f, "t"), t[f + "Bubbles"] = c in e \|\| d.attributes[c].expando === !1; return d.style.backgroundClip = "content-box", d.cloneNode(!0).style.backgroundClip = "", t.clearCloneStyle = "content-box" === d.style.backgroundClip, b(function () { var n, r, a, s = "padding:0;margin:0;border:0;display:block;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;", u = o.getElementsByTagName("body")[0]; u && (n = o.createElement("div"), n.style.cssText = "border:0;width:0;height:0;position:absolute;top:0;left:-9999px;margin-top:1px", u.appendChild(n).appendChild(d), d.innerHTML = "<table><tr><td></td><td>t</td></tr></table>", a = d.getElementsByTagName("td"), a[0].style.cssText = "padding:0;margin:0;border:0;display:none", p = 0 === a[0].offsetHeight, a[0].style.display = "", a[1].style.display = "none", t.reliableHiddenOffsets = p && 0 === a[0].offsetHeight, d.innerHTML = "", d.style.cssText = "box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:1px;border:1px;display:block;width:4px;margin-top:1%;position:absolute;top:1%;", t.boxSizing = 4 === d.offsetWidth, t.doesNotIncludeMarginInBodyOffset = 1 !== u.offsetTop, e.getComputedStyle && (t.pixelPosition = "1%" !== (e.getComputedStyle(d, null) \|\| {}).top, t.boxSizingReliable = "4px" === (e.getComputedStyle(d, null) \|\| { width: "4px" }).width, r = d.appendChild(o.createElement("div")), r.style.cssText = d.style.cssText = s, r.style.marginRight = r.style.width = "0", d.style.width = "1px", t.reliableMarginRight = !parseFloat((e.getComputedStyle(r, null) \|\| {}).marginRight)), typeof d.style.zoom !== i && (d.innerHTML = "", d.style.cssText = s + "width:1px;padding:1px;display:inline;zoom:1", t.inlineBlockNeedsLayout = 3 === d.offsetWidth, d.style.display = "block", d.innerHTML = "<div></div>", d.firstChild.style.width = "5px", t.shrinkWrapBlocks = 3 !== d.offsetWidth, t.inlineBlockNeedsLayout && (u.style.zoom = 1)), u.removeChild(n), n = d = a = r = null) }), n = s = u = l = r = a = null, t } (); var O = /(?:\{[\s\S]\}\|\[[\s\S]\])$/, B = /([A-Z])/g; function P(e, n, r, i) { if (b.acceptData(e)) { var o, a, s = b.expando, u = "string" == typeof n, l = e.nodeType, p = l ? b.cache : e, f = l ? e[s] : e[s] && s; if (f && p[f] && (i \|\| p[f].data) \|\| !u \|\| r !== t) return f \|\| (l ? e[s] = f = c.pop() \|\| b.guid++ : f = s), p[f] \|\| (p[f] = {}, l \|\| (p[f].toJSON = b.noop)), ("object" == typeof n \|\| "function" == typeof n) && (i ? p[f] = b.extend(p[f], n) : p[f].data = b.extend(p[f].data, n)), o = p[f], i \|\| (o.data \|\| (o.data = {}), o = o.data), r !== t && (o[b.camelCase(n)] = r), u ? (a = o[n], null == a && (a = o[b.camelCase(n)])) : a = o, a } } function R(e, t, n) { if (b.acceptData(e)) { var r, i, o, a = e.nodeType, s = a ? b.cache : e, u = a ? e[b.expando] : b.expando; if (s[u]) { if (t && (o = n ? s[u] : s[u].data)) { b.isArray(t) ? t = t.concat(b.map(t, b.camelCase)) : t in o ? t = [t] : (t = b.camelCase(t), t = t in o ? [t] : t.split(" ")); for (r = 0, i = t.length; i > r; r++) delete o[t[r]]; if (!(n ? $ : b.isEmptyObject)(o)) return } (n \|\| (delete s[u].data, $(s[u]))) && (a ? b.cleanData([e], !0) : b.support.deleteExpando \|\| s != s.window ? delete s[u] : s[u] = null) } } } b.extend({ cache: {}, expando: "jQuery" + (p + Math.random()).replace(/\D/g, ""), noData: { embed: !0, object: "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000", applet: !0 }, hasData: function (e) { return e = e.nodeType ? b.cache[e[b.expando]] : e[b.expando], !!e && !$(e) }, data: function (e, t, n) { return P(e, t, n) }, removeData: function (e, t) { return R(e, t) }, _data: function (e, t, n) { return P(e, t, n, !0) }, _removeData: function (e, t) { return R(e, t, !0) }, acceptData: function (e) { if (e.nodeType && 1 !== e.nodeType && 9 !== e.nodeType) return !1; var t = e.nodeName && b.noData[e.nodeName.toLowerCase()]; return !t \|\| t !== !0 && e.getAttribute("classid") === t } }), b.fn.extend({ data: function (e, n) { var r, i, o = this[0], a = 0, s = null; if (e === t) { if (this.length && (s = b.data(o), 1 === o.nodeType && !b._data(o, "parsedAttrs"))) { for (r = o.attributes; r.length > a; a++) i = r[a].name, i.indexOf("data-") \|\| (i = b.camelCase(i.slice(5)), W(o, i, s[i])); b._data(o, "parsedAttrs", !0) } return s } return "object" == typeof e ? this.each(function () { b.data(this, e) }) : b.access(this, function (n) { return n === t ? o ? W(o, e, b.data(o, e)) : null : (this.each(function () { b.data(this, e, n) }), t) }, null, n, arguments.length > 1, null, !0) }, removeData: function (e) { return this.each(function () { b.removeData(this, e) }) } }); function W(e, n, r) { if (r === t && 1 === e.nodeType) { var i = "data-" + n.replace(B, "-$1").toLowerCase(); if (r = e.getAttribute(i), "string" == typeof r) { try { r = "true" === r ? !0 : "false" === r ? !1 : "null" === r ? null : +r + "" === r ? +r : O.test(r) ? b.parseJSON(r) : r } catch (o) { } b.data(e, n, r) } else r = t } return r } function $(e) { var t; for (t in e) if (("data" !== t \|\| !b.isEmptyObject(e[t])) && "toJSON" !== t) return !1; return !0 } b.extend({ queue: function (e, n, r) { var i; return e ? (n = (n \|\| "fx") + "queue", i = b._data(e, n), r && (!i \|\| b.isArray(r) ? i = b._data(e, n, b.makeArray(r)) : i.push(r)), i \|\| []) : t }, dequeue: function (e, t) { t = t \|\| "fx"; var n = b.queue(e, t), r = n.length, i = n.shift(), o = b._queueHooks(e, t), a = function () { b.dequeue(e, t) }; "inprogress" === i && (i = n.shift(), r--), o.cur = i, i && ("fx" === t && n.unshift("inprogress"), delete o.stop, i.call(e, a, o)), !r && o && o.empty.fire() }, _queueHooks: function (e, t) { var n = t + "queueHooks"; return b._data(e, n) \|\| b._data(e, n, { empty: b.Callbacks("once memory").add(function () { b._removeData(e, t + "queue"), b._removeData(e, n) }) }) } }), b.fn.extend({ queue: function (e, n) { var r = 2; return "string" != typeof e && (n = e, e = "fx", r--), r > arguments.length ? b.queue(this[0], e) : n === t ? this : this.each(function () { var t = b.queue(this, e, n); b._queueHooks(this, e), "fx" === e && "inprogress" !== t[0] && b.dequeue(this, e) }) }, dequeue: function (e) { return this.each(function () { b.dequeue(this, e) }) }, delay: function (e, t) { return e = b.fx ? b.fx.speeds[e] \|\| e : e, t = t \|\| "fx", this.queue(t, function (t, n) { var r = setTimeout(t, e); n.stop = function () { clearTimeout(r) } }) }, clearQueue: function (e) { return this.queue(e \|\| "fx", []) }, promise: function (e, n) { var r, i = 1, o = b.Deferred(), a = this, s = this.length, u = function () { --i \|\| o.resolveWith(a, [a]) }; "string" != typeof e && (n = e, e = t), e = e \|\| "fx"; while (s--) r = b._data(a[s], e + "queueHooks"), r && r.empty && (i++, r.empty.add(u)); return u(), o.promise(n) } }); var I, z, X = /[\t\r\n]/g, U = /\r/g, V = /^(?:input\|select\|textarea\|button\|object)$/i, Y = /^(?:a\|area)$/i, J = /^(?:checked\|selected\|autofocus\|autoplay\|async\|controls\|defer\|disabled\|hidden\|loop\|multiple\|open\|readonly\|required\|scoped)$/i, G = /^(?:checked\|selected)$/i, Q = b.support.getSetAttribute, K = b.support.input; b.fn.extend({ attr: function (e, t) { return b.access(this, b.attr, e, t, arguments.length > 1) }, removeAttr: function (e) { return this.each(function () { b.removeAttr(this, e) }) }, prop: function (e, t) { return b.access(this, b.prop, e, t, arguments.length > 1) }, removeProp: function (e) { return e = b.propFix[e] \|\| e, this.each(function () { try { this[e] = t, delete this[e] } catch (n) { } }) }, addClass: function (e) { var t, n, r, i, o, a = 0, s = this.length, u = "string" == typeof e && e; if (b.isFunction(e)) return this.each(function (t) { b(this).addClass(e.call(this, t, this.className)) }); if (u) for (t = (e \|\| "").match(w) \|\| []; s > a; a++) if (n = this[a], r = 1 === n.nodeType && (n.className ? (" " + n.className + " ").replace(X, " ") : " ")) { o = 0; while (i = t[o++]) 0 > r.indexOf(" " + i + " ") && (r += i + " "); n.className = b.trim(r) } return this }, removeClass: function (e) { var t, n, r, i, o, a = 0, s = this.length, u = 0 === arguments.length \|\| "string" == typeof e && e; if (b.isFunction(e)) return this.each(function (t) { b(this).removeClass(e.call(this, t, this.className)) }); if (u) for (t = (e \|\| "").match(w) \|\| []; s > a; a++) if (n = this[a], r = 1 === n.nodeType && (n.className ? (" " + n.className + " ").replace(X, " ") : "")) { o = 0; while (i = t[o++]) while (r.indexOf(" " + i + " ") >= 0) r = r.replace(" " + i + " ", " "); n.className = e ? b.trim(r) : "" } return this }, toggleClass: function (e, t) { var n = typeof e, r = "boolean" == typeof t; return b.isFunction(e) ? this.each(function (n) { b(this).toggleClass(e.call(this, n, this.className, t), t) }) : this.each(function () { if ("string" === n) { var o, a = 0, s = b(this), u = t, l = e.match(w) \|\| []; while (o = l[a++]) u = r ? u : !s.hasClass(o), s[u ? "addClass" : "removeClass"](o) } else (n === i \|\| "boolean" === n) && (this.className && b._data(this, "__className__", this.className), this.className = this.className \|\| e === !1 ? "" : b._data(this, "__className__") \|\| "") }) }, hasClass: function (e) { var t = " " + e + " ", n = 0, r = this.length; for (; r > n; n++) if (1 === this[n].nodeType && (" " + this[n].className + " ").replace(X, " ").indexOf(t) >= 0) return !0; return !1 }, val: function (e) { var n, r, i, o = this[0]; { if (arguments.length) return i = b.isFunction(e), this.each(function (n) { var o, a = b(this); 1 === this.nodeType && (o = i ? e.call(this, n, a.val()) : e, null == o ? o = "" : "number" == typeof o ? o += "" : b.isArray(o) && (o = b.map(o, function (e) { return null == e ? "" : e + "" })), r = b.valHooks[this.type] \|\| b.valHooks[this.nodeName.toLowerCase()], r && "set" in r && r.set(this, o, "value") !== t \|\| (this.value = o)) }); if (o) return r = b.valHooks[o.type] \|\| b.valHooks[o.nodeName.toLowerCase()], r && "get" in r && (n = r.get(o, "value")) !== t ? n : (n = o.value, "string" == typeof n ? n.replace(U, "") : null == n ? "" : n) } } }), b.extend({ valHooks: { option: { get: function (e) { var t = e.attributes.value; return !t \|\| t.specified ? e.value : e.text } }, select: { get: function (e) { var t, n, r = e.options, i = e.selectedIndex, o = "select-one" === e.type \|\| 0 > i, a = o ? null : [], s = o ? i + 1 : r.length, u = 0 > i ? s : o ? i : 0; for (; s > u; u++) if (n = r[u], !(!n.selected && u !== i \|\| (b.support.optDisabled ? n.disabled : null !== n.getAttribute("disabled")) \|\| n.parentNode.disabled && b.nodeName(n.parentNode, "optgroup"))) { if (t = b(n).val(), o) return t; a.push(t) } return a }, set: function (e, t) { var n = b.makeArray(t); return b(e).find("option").each(function () { this.selected = b.inArray(b(this).val(), n) >= 0 }), n.length \|\| (e.selectedIndex = -1), n } } }, attr: function (e, n, r) { var o, a, s, u = e.nodeType; if (e && 3 !== u && 8 !== u && 2 !== u) return typeof e.getAttribute === i ? b.prop(e, n, r) : (a = 1 !== u \|\| !b.isXMLDoc(e), a && (n = n.toLowerCase(), o = b.attrHooks[n] \|\| (J.test(n) ? z : I)), r === t ? o && a && "get" in o && null !== (s = o.get(e, n)) ? s : (typeof e.getAttribute !== i && (s = e.getAttribute(n)), null == s ? t : s) : null !== r ? o && a && "set" in o && (s = o.set(e, r, n)) !== t ? s : (e.setAttribute(n, r + ""), r) : (b.removeAttr(e, n), t)) }, removeAttr: function (e, t) { var n, r, i = 0, o = t && t.match(w); if (o && 1 === e.nodeType) while (n = o[i++]) r = b.propFix[n] \|\| n, J.test(n) ? !Q && G.test(n) ? e[b.camelCase("default-" + n)] = e[r] = !1 : e[r] = !1 : b.attr(e, n, ""), e.removeAttribute(Q ? n : r) }, attrHooks: { type: { set: function (e, t) { if (!b.support.radioValue && "radio" === t && b.nodeName(e, "input")) { var n = e.value; return e.setAttribute("type", t), n && (e.value = n), t } } } }, propFix: { tabindex: "tabIndex", readonly: "readOnly", "for": "htmlFor", "class": "className", maxlength: "maxLength", cellspacing: "cellSpacing", cellpadding: "cellPadding", rowspan: "rowSpan", colspan: "colSpan", usemap: "useMap", frameborder: "frameBorder", contenteditable: "contentEditable" }, prop: function (e, n, r) { var i, o, a, s = e.nodeType; if (e && 3 !== s && 8 !== s && 2 !== s) return a = 1 !== s \|\| !b.isXMLDoc(e), a && (n = b.propFix[n] \|\| n, o = b.propHooks[n]), r !== t ? o && "set" in o && (i = o.set(e, r, n)) !== t ? i : e[n] = r : o && "get" in o && null !== (i = o.get(e, n)) ? i : e[n] }, propHooks: { tabIndex: { get: function (e) { var n = e.getAttributeNode("tabindex"); return n && n.specified ? parseInt(n.value, 10) : V.test(e.nodeName) \|\| Y.test(e.nodeName) && e.href ? 0 : t } }} }), z = { get: function (e, n) { var r = b.prop(e, n), i = "boolean" == typeof r && e.getAttribute(n), o = "boolean" == typeof r ? K && Q ? null != i : G.test(n) ? e[b.camelCase("default-" + n)] : !!i : e.getAttributeNode(n); return o && o.value !== !1 ? n.toLowerCase() : t }, set: function (e, t, n) { return t === !1 ? b.removeAttr(e, n) : K && Q \|\| !G.test(n) ? e.setAttribute(!Q && b.propFix[n] \|\| n, n) : e[b.camelCase("default-" + n)] = e[n] = !0, n } }, K && Q \|\| (b.attrHooks.value = { get: function (e, n) { var r = e.getAttributeNode(n); return b.nodeName(e, "input") ? e.defaultValue : r && r.specified ? r.value : t }, set: function (e, n, r) { return b.nodeName(e, "input") ? (e.defaultValue = n, t) : I && I.set(e, n, r) } }), Q \|\| (I = b.valHooks.button = { get: function (e, n) { var r = e.getAttributeNode(n); return r && ("id" === n \|\| "name" === n \|\| "coords" === n ? "" !== r.value : r.specified) ? r.value : t }, set: function (e, n, r) { var i = e.getAttributeNode(r); return i \|\| e.setAttributeNode(i = e.ownerDocument.createAttribute(r)), i.value = n += "", "value" === r \|\| n === e.getAttribute(r) ? n : t } }, b.attrHooks.contenteditable = { get: I.get, set: function (e, t, n) { I.set(e, "" === t ? !1 : t, n) } }, b.each(["width", "height"], function (e, n) { b.attrHooks[n] = b.extend(b.attrHooks[n], { set: function (e, r) { return "" === r ? (e.setAttribute(n, "auto"), r) : t } }) })), b.support.hrefNormalized \|\| (b.each(["href", "src", "width", "height"], function (e, n) { b.attrHooks[n] = b.extend(b.attrHooks[n], { get: function (e) { var r = e.getAttribute(n, 2); return null == r ? t : r } }) }), b.each(["href", "src"], function (e, t) { b.propHooks[t] = { get: function (e) { return e.getAttribute(t, 4) } } })), b.support.style \|\| (b.attrHooks.style = { get: function (e) { return e.style.cssText \|\| t }, set: function (e, t) { return e.style.cssText = t + "" } }), b.support.optSelected \|\| (b.propHooks.selected = b.extend(b.propHooks.selected, { get: function (e) { var t = e.parentNode; return t && (t.selectedIndex, t.parentNode && t.parentNode.selectedIndex), null } })), b.support.enctype \|\| (b.propFix.enctype = "encoding"), b.support.checkOn \|\| b.each(["radio", "checkbox"], function () { b.valHooks[this] = { get: function (e) { return null === e.getAttribute("value") ? "on" : e.value } } }), b.each(["radio", "checkbox"], function () { b.valHooks[this] = b.extend(b.valHooks[this], { set: function (e, n) { return b.isArray(n) ? e.checked = b.inArray(b(e).val(), n) >= 0 : t } }) }); var Z = /^(?:input\|select\|textarea)$/i, et = /^key/, tt = /^(?:mouse\|contextmenu)\|click/, nt = /^(?:focusinfocus\|focusoutblur)$/, rt = /^([^.])(?:\.(.+)\|)$/; function it() { return !0 } function ot() { return !1 } b.event = { global: {}, add: function (e, n, r, o, a) { var s, u, l, c, p, f, d, h, g, m, y, v = b._data(e); if (v) { r.handler && (c = r, r = c.handler, a = c.selector), r.guid \|\| (r.guid = b.guid++), (u = v.events) \|\| (u = v.events = {}), (f = v.handle) \|\| (f = v.handle = function (e) { return typeof b === i \|\| e && b.event.triggered === e.type ? t : b.event.dispatch.apply(f.elem, arguments) }, f.elem = e), n = (n \|\| "").match(w) \|\| [""], l = n.length; while (l--) s = rt.exec(n[l]) \|\| [], g = y = s[1], m = (s[2] \|\| "").split(".").sort(), p = b.event.special[g] \|\| {}, g = (a ? p.delegateType : p.bindType) \|\| g, p = b.event.special[g] \|\| {}, d = b.extend({ type: g, origType: y, data: o, handler: r, guid: r.guid, selector: a, needsContext: a && b.expr.match.needsContext.test(a), namespace: m.join(".") }, c), (h = u[g]) \|\| (h = u[g] = [], h.delegateCount = 0, p.setup && p.setup.call(e, o, m, f) !== !1 \|\| (e.addEventListener ? e.addEventListener(g, f, !1) : e.attachEvent && e.attachEvent("on" + g, f))), p.add && (p.add.call(e, d), d.handler.guid \|\| (d.handler.guid = r.guid)), a ? h.splice(h.delegateCount++, 0, d) : h.push(d), b.event.global[g] = !0; e = null } }, remove: function (e, t, n, r, i) { var o, a, s, u, l, c, p, f, d, h, g, m = b.hasData(e) && b._data(e); if (m && (c = m.events)) { t = (t \|\| "").match(w) \|\| [""], l = t.length; while (l--) if (s = rt.exec(t[l]) \|\| [], d = g = s[1], h = (s[2] \|\| "").split(".").sort(), d) { p = b.event.special[d] \|\| {}, d = (r ? p.delegateType : p.bindType) \|\| d, f = c[d] \|\| [], s = s[2] && RegExp("(^\|\\.)" + h.join("\\.(?:.\\.\|)") + "(\\.\|$)"), u = o = f.length; while (o--) a = f[o], !i && g !== a.origType \|\| n && n.guid !== a.guid \|\| s && !s.test(a.namespace) \|\| r && r !== a.selector && ("*" !== r \|\| !a.selector) \|\| (f.splice(o, 1), a.selector && f.delegateCount--, p.remove && p.remove.call(e, a)); u && !f.length && (p.teardown && p.teardown.call(e, h, m.handle) !== !1 \|\| b.removeEvent(e, d, m.handle), delete c[d]) } else for (d in c) b.event.remove(e, d + t[l], n, r, !0); b.isEmptyObject(c) && (delete m.handle, b._removeData(e, "events")) } }, trigger: function (n, r, i, a) { var s, u, l, c, p, f, d, h = [i \|\| o], g = y.call(n, "type") ? n.type : n, m = y.call(n, "namespace") ? n.namespace.split(".") : []; if (l = f = i = i \|\| o, 3 !== i.nodeType && 8 !== i.nodeType && !nt.test(g + b.event.triggered) && (g.indexOf(".") >= 0 && (m = g.split("."), g = m.shift(), m.sort()), u = 0 > g.indexOf(":") && "on" + g, n = n[b.expando] ? n : new b.Event(g, "object" == typeof n && n), n.isTrigger = !0, n.namespace = m.join("."), n.namespace_re = n.namespace ? RegExp("(^\|\\.)" + m.join("\\.(?:.\\.\|)") + "(\\.\|$)") : null, n.result = t, n.target \|\| (n.target = i), r = null == r ? [n] : b.makeArray(r, [n]), p = b.event.special[g] \|\| {}, a \|\| !p.trigger \|\| p.trigger.apply(i, r) !== !1)) { if (!a && !p.noBubble && !b.isWindow(i)) { for (c = p.delegateType \|\| g, nt.test(c + g) \|\| (l = l.parentNode); l; l = l.parentNode) h.push(l), f = l; f === (i.ownerDocument \|\| o) && h.push(f.defaultView \|\| f.parentWindow \|\| e) } d = 0; while ((l = h[d++]) && !n.isPropagationStopped()) n.type = d > 1 ? c : p.bindType \|\| g, s = (b._data(l, "events") \|\| {})[n.type] && b._data(l, "handle"), s && s.apply(l, r), s = u && l[u], s && b.acceptData(l) && s.apply && s.apply(l, r) === !1 && n.preventDefault(); if (n.type = g, !(a \|\| n.isDefaultPrevented() \|\| p._default && p._default.apply(i.ownerDocument, r) !== !1 \|\| "click" === g && b.nodeName(i, "a") \|\| !b.acceptData(i) \|\| !u \|\| !i[g] \|\| b.isWindow(i))) { f = i[u], f && (i[u] = null), b.event.triggered = g; try { i[g]() } catch (v) { } b.event.triggered = t, f && (i[u] = f) } return n.result } }, dispatch: function (e) { e = b.event.fix(e); var n, r, i, o, a, s = [], u = h.call(arguments), l = (b._data(this, "events") \|\| {})[e.type] \|\| [], c = b.event.special[e.type] \|\| {}; if (u[0] = e, e.delegateTarget = this, !c.preDispatch \|\| c.preDispatch.call(this, e) !== !1) { s = b.event.handlers.call(this, e, l), n = 0; while ((o = s[n++]) && !e.isPropagationStopped()) { e.currentTarget = o.elem, a = 0; while ((i = o.handlers[a++]) && !e.isImmediatePropagationStopped()) (!e.namespace_re \|\| e.namespace_re.test(i.namespace)) && (e.handleObj = i, e.data = i.data, r = ((b.event.special[i.origType] \|\| {}).handle \|\| i.handler).apply(o.elem, u), r !== t && (e.result = r) === !1 && (e.preventDefault(), e.stopPropagation())) } return c.postDispatch && c.postDispatch.call(this, e), e.result } }, handlers: function (e, n) { var r, i, o, a, s = [], u = n.delegateCount, l = e.target; if (u && l.nodeType && (!e.button \|\| "click" !== e.type)) for (; l != this; l = l.parentNode \|\| this) if (1 === l.nodeType && (l.disabled !== !0 \|\| "click" !== e.type)) { for (o = [], a = 0; u > a; a++) i = n[a], r = i.selector + " ", o[r] === t && (o[r] = i.needsContext ? b(r, this).index(l) >= 0 : b.find(r, this, null, [l]).length), o[r] && o.push(i); o.length && s.push({ elem: l, handlers: o }) } return n.length > u && s.push({ elem: this, handlers: n.slice(u) }), s }, fix: function (e) { if (e[b.expando]) return e; var t, n, r, i = e.type, a = e, s = this.fixHooks[i]; s \|\| (this.fixHooks[i] = s = tt.test(i) ? this.mouseHooks : et.test(i) ? this.keyHooks : {}), r = s.props ? this.props.concat(s.props) : this.props, e = new b.Event(a), t = r.length; while (t--) n = r[t], e[n] = a[n]; return e.target \|\| (e.target = a.srcElement \|\| o), 3 === e.target.nodeType && (e.target = e.target.parentNode), e.metaKey = !!e.metaKey, s.filter ? s.filter(e, a) : e }, props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "), fixHooks: {}, keyHooks: { props: "char charCode key keyCode".split(" "), filter: function (e, t) { return null == e.which && (e.which = null != t.charCode ? t.charCode : t.keyCode), e } }, mouseHooks: { props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "), filter: function (e, n) { var r, i, a, s = n.button, u = n.fromElement; return null == e.pageX && null != n.clientX && (i = e.target.ownerDocument \|\| o, a = i.documentElement, r = i.body, e.pageX = n.clientX + (a && a.scrollLeft \|\| r && r.scrollLeft \|\| 0) - (a && a.clientLeft \|\| r && r.clientLeft \|\| 0), e.pageY = n.clientY + (a && a.scrollTop \|\| r && r.scrollTop \|\| 0) - (a && a.clientTop \|\| r && r.clientTop \|\| 0)), !e.relatedTarget && u && (e.relatedTarget = u === e.target ? n.toElement : u), e.which \|\| s === t \|\| (e.which = 1 & s ? 1 : 2 & s ? 3 : 4 & s ? 2 : 0), e } }, special: { load: { noBubble: !0 }, click: { trigger: function () { return b.nodeName(this, "input") && "checkbox" === this.type && this.click ? (this.click(), !1) : t } }, focus: { trigger: function () { if (this !== o.activeElement && this.focus) try { return this.focus(), !1 } catch (e) { } }, delegateType: "focusin" }, blur: { trigger: function () { return this === o.activeElement && this.blur ? (this.blur(), !1) : t }, delegateType: "focusout" }, beforeunload: { postDispatch: function (e) { e.result !== t && (e.originalEvent.returnValue = e.result) } } }, simulate: function (e, t, n, r) { var i = b.extend(new b.Event, n, { type: e, isSimulated: !0, originalEvent: {} }); r ? b.event.trigger(i, null, t) : b.event.dispatch.call(t, i), i.isDefaultPrevented() && n.preventDefault() } }, b.removeEvent = o.removeEventListener ? function (e, t, n) { e.removeEventListener && e.removeEventListener(t, n, !1) } : function (e, t, n) { var r = "on" + t; e.detachEvent && (typeof e[r] === i && (e[r] = null), e.detachEvent(r, n)) }, b.Event = function (e, n) { return this instanceof b.Event ? (e && e.type ? (this.originalEvent = e, this.type = e.type, this.isDefaultPrevented = e.defaultPrevented \|\| e.returnValue === !1 \|\| e.getPreventDefault && e.getPreventDefault() ? it : ot) : this.type = e, n && b.extend(this, n), this.timeStamp = e && e.timeStamp \|\| b.now(), this[b.expando] = !0, t) : new b.Event(e, n) }, b.Event.prototype = { isDefaultPrevented: ot, isPropagationStopped: ot, isImmediatePropagationStopped: ot, preventDefault: function () { var e = this.originalEvent; this.isDefaultPrevented = it, e && (e.preventDefault ? e.preventDefault() : e.returnValue = !1) }, stopPropagation: function () { var e = this.originalEvent; this.isPropagationStopped = it, e && (e.stopPropagation && e.stopPropagation(), e.cancelBubble = !0) }, stopImmediatePropagation: function () { this.isImmediatePropagationStopped = it, this.stopPropagation() } }, b.each({ mouseenter: "mouseover", mouseleave: "mouseout" }, function (e, t) {
7	+ b.event.special[e] = { delegateType: t, bindType: t, handle: function (e) {
8	+ var n, r = this, i = e.relatedTarget, o = e.handleObj;
9	+ return (!i \|\| i !== r && !b.contains(r, i)) && (e.type = o.origType, n = o.handler.apply(this, arguments), e.type = t), n
10	+ }
11	+ }
12	+ }), b.support.submitBubbles \|\| (b.event.special.submit = { setup: function () { return b.nodeName(this, "form") ? !1 : (b.event.add(this, "click._submit keypress._submit", function (e) { var n = e.target, r = b.nodeName(n, "input") \|\| b.nodeName(n, "button") ? n.form : t; r && !b._data(r, "submitBubbles") && (b.event.add(r, "submit._submit", function (e) { e._submit_bubble = !0 }), b._data(r, "submitBubbles", !0)) }), t) }, postDispatch: function (e) { e._submit_bubble && (delete e._submit_bubble, this.parentNode && !e.isTrigger && b.event.simulate("submit", this.parentNode, e, !0)) }, teardown: function () { return b.nodeName(this, "form") ? !1 : (b.event.remove(this, "._submit"), t) } }), b.support.changeBubbles \|\| (b.event.special.change = { setup: function () { return Z.test(this.nodeName) ? (("checkbox" === this.type \|\| "radio" === this.type) && (b.event.add(this, "propertychange._change", function (e) { "checked" === e.originalEvent.propertyName && (this._just_changed = !0) }), b.event.add(this, "click._change", function (e) { this._just_changed && !e.isTrigger && (this._just_changed = !1), b.event.simulate("change", this, e, !0) })), !1) : (b.event.add(this, "beforeactivate._change", function (e) { var t = e.target; Z.test(t.nodeName) && !b._data(t, "changeBubbles") && (b.event.add(t, "change._change", function (e) { !this.parentNode \|\| e.isSimulated \|\| e.isTrigger \|\| b.event.simulate("change", this.parentNode, e, !0) }), b._data(t, "changeBubbles", !0)) }), t) }, handle: function (e) { var n = e.target; return this !== n \|\| e.isSimulated \|\| e.isTrigger \|\| "radio" !== n.type && "checkbox" !== n.type ? e.handleObj.handler.apply(this, arguments) : t }, teardown: function () { return b.event.remove(this, "._change"), !Z.test(this.nodeName) } }), b.support.focusinBubbles \|\| b.each({ focus: "focusin", blur: "focusout" }, function (e, t) { var n = 0, r = function (e) { b.event.simulate(t, e.target, b.event.fix(e), !0) }; b.event.special[t] = { setup: function () { 0 === n++ && o.addEventListener(e, r, !0) }, teardown: function () { 0 === --n && o.removeEventListener(e, r, !0) } } }), b.fn.extend({ on: function (e, n, r, i, o) { var a, s; if ("object" == typeof e) { "string" != typeof n && (r = r \|\| n, n = t); for (a in e) this.on(a, n, r, e[a], o); return this } if (null == r && null == i ? (i = n, r = n = t) : null == i && ("string" == typeof n ? (i = r, r = t) : (i = r, r = n, n = t)), i === !1) i = ot; else if (!i) return this; return 1 === o && (s = i, i = function (e) { return b().off(e), s.apply(this, arguments) }, i.guid = s.guid \|\| (s.guid = b.guid++)), this.each(function () { b.event.add(this, e, i, r, n) }) }, one: function (e, t, n, r) { return this.on(e, t, n, r, 1) }, off: function (e, n, r) { var i, o; if (e && e.preventDefault && e.handleObj) return i = e.handleObj, b(e.delegateTarget).off(i.namespace ? i.origType + "." + i.namespace : i.origType, i.selector, i.handler), this; if ("object" == typeof e) { for (o in e) this.off(o, n, e[o]); return this } return (n === !1 \|\| "function" == typeof n) && (r = n, n = t), r === !1 && (r = ot), this.each(function () { b.event.remove(this, e, r, n) }) }, bind: function (e, t, n) { return this.on(e, null, t, n) }, unbind: function (e, t) { return this.off(e, null, t) }, delegate: function (e, t, n, r) { return this.on(t, e, n, r) }, undelegate: function (e, t, n) { return 1 === arguments.length ? this.off(e, "") : this.off(t, e \|\| "", n) }, trigger: function (e, t) { return this.each(function () { b.event.trigger(e, t, this) }) }, triggerHandler: function (e, n) { var r = this[0]; return r ? b.event.trigger(e, n, r, !0) : t } }), function (e, t) { var n, r, i, o, a, s, u, l, c, p, f, d, h, g, m, y, v, x = "sizzle" + -new Date, w = e.document, T = {}, N = 0, C = 0, k = it(), E = it(), S = it(), A = typeof t, j = 1 << 31, D = [], L = D.pop, H = D.push, q = D.slice, M = D.indexOf \|\| function (e) { var t = 0, n = this.length; for (; n > t; t++) if (this[t] === e) return t; return -1 }, _ = "[\\x20\\t\\r\\n\\f]", F = "(?:\\\\.\|[\\w-]\|[^\\x00-\\xa0])+", O = F.replace("w", "w#"), B = "([^$\|!~]?=)", P = "\\[" + _ + "(" + F + ")" + _ + "(?:" + B + _ + "(?:(['\"])((?:\\\\.\|[^\\\\])?)\\3\|(" + O + ")\|)\|)" + _ + "\\]", R = ":(" + F + ")(?:\$((['\"])((?:\\\\.\|[^\\\\])?)\\3\|((?:\\\\.\|[^\\\\()[\\]]\|" + P.replace(3, 8) + "))\|.)\$\|)", W = RegExp("^" + _ + "+\|((?:^\|[^\\\\])(?:\\\\.))" + _ + "+$", "g"), $ = RegExp("^" + _ + "," + _ + ""), I = RegExp("^" + _ + "([\\x20\\t\\r\\n\\f>+~])" + _ + ""), z = RegExp(R), X = RegExp("^" + O + "$"), U = { ID: RegExp("^#(" + F + ")"), CLASS: RegExp("^\\.(" + F + ")"), NAME: RegExp("^\\[name=['\"]?(" + F + ")['\"]?\\]"), TAG: RegExp("^(" + F.replace("w", "w") + ")"), ATTR: RegExp("^" + P), PSEUDO: RegExp("^" + R), CHILD: RegExp("^:(only\|first\|last\|nth\|nth-last)-(child\|of-type)(?:\$" + _ + "(even\|odd\|(([+-]\|)(\\d)n\|)" + _ + "(?:([+-]\|)" + _ + "(\\d+)\|))" + _ + "\$\|)", "i"), needsContext: RegExp("^" + _ + "[>+~]\|:(even\|odd\|eq\|gt\|lt\|nth\|first\|last)(?:\$" + _ + "((?:-\\d)?\\d)" + _ + "\$\|)(?=[^-]\|$)", "i") }, V = /[\x20\t\r\n\f][+~]/, Y = /^[^{]+\{\s\[native code/, J = /^(?:#([\w-]+)\|(\w+)\|\.([\w-]+))$/, G = /^(?:input\|select\|textarea\|button)$/i, Q = /^h\d$/i, K = /'\|\\/g, Z = /\=[\x20\t\r\n\f]([^'"\]])[\x20\t\r\n\f]\]/g, et = /\\([\da-fA-F]{1,6}[\x20\t\r\n\f]?\|.)/g, tt = function (e, t) { var n = "0x" + t - 65536; return n !== n ? t : 0 > n ? String.fromCharCode(n + 65536) : String.fromCharCode(55296 \| n >> 10, 56320 \| 1023 & n) }; try { q.call(w.documentElement.childNodes, 0)[0].nodeType } catch (nt) { q = function (e) { var t, n = []; while (t = this[e++]) n.push(t); return n } } function rt(e) { return Y.test(e + "") } function it() { var e, t = []; return e = function (n, r) { return t.push(n += " ") > i.cacheLength && delete e[t.shift()], e[n] = r } } function ot(e) { return e[x] = !0, e } function at(e) { var t = p.createElement("div"); try { return e(t) } catch (n) { return !1 } finally { t = null } } function st(e, t, n, r) { var i, o, a, s, u, l, f, g, m, v; if ((t ? t.ownerDocument \|\| t : w) !== p && c(t), t = t \|\| p, n = n \|\| [], !e \|\| "string" != typeof e) return n; if (1 !== (s = t.nodeType) && 9 !== s) return []; if (!d && !r) { if (i = J.exec(e)) if (a = i[1]) { if (9 === s) { if (o = t.getElementById(a), !o \|\| !o.parentNode) return n; if (o.id === a) return n.push(o), n } else if (t.ownerDocument && (o = t.ownerDocument.getElementById(a)) && y(t, o) && o.id === a) return n.push(o), n } else { if (i[2]) return H.apply(n, q.call(t.getElementsByTagName(e), 0)), n; if ((a = i[3]) && T.getByClassName && t.getElementsByClassName) return H.apply(n, q.call(t.getElementsByClassName(a), 0)), n } if (T.qsa && !h.test(e)) { if (f = !0, g = x, m = t, v = 9 === s && e, 1 === s && "object" !== t.nodeName.toLowerCase()) { l = ft(e), (f = t.getAttribute("id")) ? g = f.replace(K, "\\$&") : t.setAttribute("id", g), g = "[id='" + g + "'] ", u = l.length; while (u--) l[u] = g + dt(l[u]); m = V.test(e) && t.parentNode \|\| t, v = l.join(",") } if (v) try { return H.apply(n, q.call(m.querySelectorAll(v), 0)), n } catch (b) { } finally { f \|\| t.removeAttribute("id") } } } return wt(e.replace(W, "$1"), t, n, r) } a = st.isXML = function (e) { var t = e && (e.ownerDocument \|\| e).documentElement; return t ? "HTML" !== t.nodeName : !1 }, c = st.setDocument = function (e) { var n = e ? e.ownerDocument \|\| e : w; return n !== p && 9 === n.nodeType && n.documentElement ? (p = n, f = n.documentElement, d = a(n), T.tagNameNoComments = at(function (e) { return e.appendChild(n.createComment("")), !e.getElementsByTagName("").length }), T.attributes = at(function (e) { e.innerHTML = "<select></select>"; var t = typeof e.lastChild.getAttribute("multiple"); return "boolean" !== t && "string" !== t }), T.getByClassName = at(function (e) { return e.innerHTML = "<div class='hidden e'></div><div class='hidden'></div>", e.getElementsByClassName && e.getElementsByClassName("e").length ? (e.lastChild.className = "e", 2 === e.getElementsByClassName("e").length) : !1 }), T.getByName = at(function (e) { e.id = x + 0, e.innerHTML = "<a name='" + x + "'></a><div name='" + x + "'></div>", f.insertBefore(e, f.firstChild); var t = n.getElementsByName && n.getElementsByName(x).length === 2 + n.getElementsByName(x + 0).length; return T.getIdNotName = !n.getElementById(x), f.removeChild(e), t }), i.attrHandle = at(function (e) { return e.innerHTML = "<a href='#'></a>", e.firstChild && typeof e.firstChild.getAttribute !== A && "#" === e.firstChild.getAttribute("href") }) ? {} : { href: function (e) { return e.getAttribute("href", 2) }, type: function (e) { return e.getAttribute("type") } }, T.getIdNotName ? (i.find.ID = function (e, t) { if (typeof t.getElementById !== A && !d) { var n = t.getElementById(e); return n && n.parentNode ? [n] : [] } }, i.filter.ID = function (e) { var t = e.replace(et, tt); return function (e) { return e.getAttribute("id") === t } }) : (i.find.ID = function (e, n) { if (typeof n.getElementById !== A && !d) { var r = n.getElementById(e); return r ? r.id === e \|\| typeof r.getAttributeNode !== A && r.getAttributeNode("id").value === e ? [r] : t : [] } }, i.filter.ID = function (e) { var t = e.replace(et, tt); return function (e) { var n = typeof e.getAttributeNode !== A && e.getAttributeNode("id"); return n && n.value === t } }), i.find.TAG = T.tagNameNoComments ? function (e, n) { return typeof n.getElementsByTagName !== A ? n.getElementsByTagName(e) : t } : function (e, t) { var n, r = [], i = 0, o = t.getElementsByTagName(e); if ("" === e) { while (n = o[i++]) 1 === n.nodeType && r.push(n); return r } return o }, i.find.NAME = T.getByName && function (e, n) { return typeof n.getElementsByName !== A ? n.getElementsByName(name) : t }, i.find.CLASS = T.getByClassName && function (e, n) { return typeof n.getElementsByClassName === A \|\| d ? t : n.getElementsByClassName(e) }, g = [], h = [":focus"], (T.qsa = rt(n.querySelectorAll)) && (at(function (e) { e.innerHTML = "<select><option selected=''></option></select>", e.querySelectorAll("[selected]").length \|\| h.push("\\[" + _ + "(?:checked\|disabled\|ismap\|multiple\|readonly\|selected\|value)"), e.querySelectorAll(":checked").length \|\| h.push(":checked") }), at(function (e) { e.innerHTML = "<input type='hidden' i=''/>", e.querySelectorAll("[i^='']").length && h.push("[^$]=" + _ + "(?:\"\"\|'')"), e.querySelectorAll(":enabled").length \|\| h.push(":enabled", ":disabled"), e.querySelectorAll(",:x"), h.push(",.:") })), (T.matchesSelector = rt(m = f.matchesSelector \|\| f.mozMatchesSelector \|\| f.webkitMatchesSelector \|\| f.oMatchesSelector \|\| f.msMatchesSelector)) && at(function (e) { T.disconnectedMatch = m.call(e, "div"), m.call(e, "[s!='']:x"), g.push("!=", R) }), h = RegExp(h.join("\|")), g = RegExp(g.join("\|")), y = rt(f.contains) \|\| f.compareDocumentPosition ? function (e, t) { var n = 9 === e.nodeType ? e.documentElement : e, r = t && t.parentNode; return e === r \|\| !(!r \|\| 1 !== r.nodeType \|\| !(n.contains ? n.contains(r) : e.compareDocumentPosition && 16 & e.compareDocumentPosition(r))) } : function (e, t) { if (t) while (t = t.parentNode) if (t === e) return !0; return !1 }, v = f.compareDocumentPosition ? function (e, t) { var r; return e === t ? (u = !0, 0) : (r = t.compareDocumentPosition && e.compareDocumentPosition && e.compareDocumentPosition(t)) ? 1 & r \|\| e.parentNode && 11 === e.parentNode.nodeType ? e === n \|\| y(w, e) ? -1 : t === n \|\| y(w, t) ? 1 : 0 : 4 & r ? -1 : 1 : e.compareDocumentPosition ? -1 : 1 } : function (e, t) { var r, i = 0, o = e.parentNode, a = t.parentNode, s = [e], l = [t]; if (e === t) return u = !0, 0; if (!o \|\| !a) return e === n ? -1 : t === n ? 1 : o ? -1 : a ? 1 : 0; if (o === a) return ut(e, t); r = e; while (r = r.parentNode) s.unshift(r); r = t; while (r = r.parentNode) l.unshift(r); while (s[i] === l[i]) i++; return i ? ut(s[i], l[i]) : s[i] === w ? -1 : l[i] === w ? 1 : 0 }, u = !1, [0, 0].sort(v), T.detectDuplicates = u, p) : p }, st.matches = function (e, t) { return st(e, null, null, t) }, st.matchesSelector = function (e, t) { if ((e.ownerDocument \|\| e) !== p && c(e), t = t.replace(Z, "='$1']"), !(!T.matchesSelector \|\| d \|\| g && g.test(t) \|\| h.test(t))) try { var n = m.call(e, t); if (n \|\| T.disconnectedMatch \|\| e.document && 11 !== e.document.nodeType) return n } catch (r) { } return st(t, p, null, [e]).length > 0 }, st.contains = function (e, t) { return (e.ownerDocument \|\| e) !== p && c(e), y(e, t) }, st.attr = function (e, t) { var n; return (e.ownerDocument \|\| e) !== p && c(e), d \|\| (t = t.toLowerCase()), (n = i.attrHandle[t]) ? n(e) : d \|\| T.attributes ? e.getAttribute(t) : ((n = e.getAttributeNode(t)) \|\| e.getAttribute(t)) && e[t] === !0 ? t : n && n.specified ? n.value : null }, st.error = function (e) { throw Error("Syntax error, unrecognized expression: " + e) }, st.uniqueSort = function (e) { var t, n = [], r = 1, i = 0; if (u = !T.detectDuplicates, e.sort(v), u) { for (; t = e[r]; r++) t === e[r - 1] && (i = n.push(r)); while (i--) e.splice(n[i], 1) } return e }; function ut(e, t) { var n = t && e, r = n && (~t.sourceIndex \|\| j) - (~e.sourceIndex \|\| j); if (r) return r; if (n) while (n = n.nextSibling) if (n === t) return -1; return e ? 1 : -1 } function lt(e) { return function (t) { var n = t.nodeName.toLowerCase(); return "input" === n && t.type === e } } function ct(e) { return function (t) { var n = t.nodeName.toLowerCase(); return ("input" === n \|\| "button" === n) && t.type === e } } function pt(e) { return ot(function (t) { return t = +t, ot(function (n, r) { var i, o = e([], n.length, t), a = o.length; while (a--) n[i = o[a]] && (n[i] = !(r[i] = n[i])) }) }) } o = st.getText = function (e) { var t, n = "", r = 0, i = e.nodeType; if (i) { if (1 === i \|\| 9 === i \|\| 11 === i) { if ("string" == typeof e.textContent) return e.textContent; for (e = e.firstChild; e; e = e.nextSibling) n += o(e) } else if (3 === i \|\| 4 === i) return e.nodeValue } else for (; t = e[r]; r++) n += o(t); return n }, i = st.selectors = { cacheLength: 50, createPseudo: ot, match: U, find: {}, relative: { ">": { dir: "parentNode", first: !0 }, " ": { dir: "parentNode" }, "+": { dir: "previousSibling", first: !0 }, "~": { dir: "previousSibling"} }, preFilter: { ATTR: function (e) { return e[1] = e[1].replace(et, tt), e[3] = (e[4] \|\| e[5] \|\| "").replace(et, tt), "~=" === e[2] && (e[3] = " " + e[3] + " "), e.slice(0, 4) }, CHILD: function (e) { return e[1] = e[1].toLowerCase(), "nth" === e[1].slice(0, 3) ? (e[3] \|\| st.error(e[0]), e[4] = +(e[4] ? e[5] + (e[6] \|\| 1) : 2 * ("even" === e[3] \|\| "odd" === e[3])), e[5] = +(e[7] + e[8] \|\| "odd" === e[3])) : e[3] && st.error(e[0]), e }, PSEUDO: function (e) { var t, n = !e[5] && e[2]; return U.CHILD.test(e[0]) ? null : (e[4] ? e[2] = e[4] : n && z.test(n) && (t = ft(n, !0)) && (t = n.indexOf(")", n.length - t) - n.length) && (e[0] = e[0].slice(0, t), e[2] = n.slice(0, t)), e.slice(0, 3)) } }, filter: { TAG: function (e) { return "" === e ? function () { return !0 } : (e = e.replace(et, tt).toLowerCase(), function (t) { return t.nodeName && t.nodeName.toLowerCase() === e }) }, CLASS: function (e) { var t = k[e + " "]; return t \|\| (t = RegExp("(^\|" + _ + ")" + e + "(" + _ + "\|$)")) && k(e, function (e) { return t.test(e.className \|\| typeof e.getAttribute !== A && e.getAttribute("class") \|\| "") }) }, ATTR: function (e, t, n) { return function (r) { var i = st.attr(r, e); return null == i ? "!=" === t : t ? (i += "", "=" === t ? i === n : "!=" === t ? i !== n : "^=" === t ? n && 0 === i.indexOf(n) : "=" === t ? n && i.indexOf(n) > -1 : "$=" === t ? n && i.slice(-n.length) === n : "~=" === t ? (" " + i + " ").indexOf(n) > -1 : "\|=" === t ? i === n \|\| i.slice(0, n.length + 1) === n + "-" : !1) : !0 } }, CHILD: function (e, t, n, r, i) { var o = "nth" !== e.slice(0, 3), a = "last" !== e.slice(-4), s = "of-type" === t; return 1 === r && 0 === i ? function (e) { return !!e.parentNode } : function (t, n, u) { var l, c, p, f, d, h, g = o !== a ? "nextSibling" : "previousSibling", m = t.parentNode, y = s && t.nodeName.toLowerCase(), v = !u && !s; if (m) { if (o) { while (g) { p = t; while (p = p[g]) if (s ? p.nodeName.toLowerCase() === y : 1 === p.nodeType) return !1; h = g = "only" === e && !h && "nextSibling" } return !0 } if (h = [a ? m.firstChild : m.lastChild], a && v) { c = m[x] \|\| (m[x] = {}), l = c[e] \|\| [], d = l[0] === N && l[1], f = l[0] === N && l[2], p = d && m.childNodes[d]; while (p = ++d && p && p[g] \|\| (f = d = 0) \|\| h.pop()) if (1 === p.nodeType && ++f && p === t) { c[e] = [N, d, f]; break } } else if (v && (l = (t[x] \|\| (t[x] = {}))[e]) && l[0] === N) f = l[1]; else while (p = ++d && p && p[g] \|\| (f = d = 0) \|\| h.pop()) if ((s ? p.nodeName.toLowerCase() === y : 1 === p.nodeType) && ++f && (v && ((p[x] \|\| (p[x] = {}))[e] = [N, f]), p === t)) break; return f -= i, f === r \|\| 0 === f % r && f / r >= 0 } } }, PSEUDO: function (e, t) { var n, r = i.pseudos[e] \|\| i.setFilters[e.toLowerCase()] \|\| st.error("unsupported pseudo: " + e); return r[x] ? r(t) : r.length > 1 ? (n = [e, e, "", t], i.setFilters.hasOwnProperty(e.toLowerCase()) ? ot(function (e, n) { var i, o = r(e, t), a = o.length; while (a--) i = M.call(e, o[a]), e[i] = !(n[i] = o[a]) }) : function (e) { return r(e, 0, n) }) : r } }, pseudos: { not: ot(function (e) { var t = [], n = [], r = s(e.replace(W, "$1")); return r[x] ? ot(function (e, t, n, i) { var o, a = r(e, null, i, []), s = e.length; while (s--) (o = a[s]) && (e[s] = !(t[s] = o)) }) : function (e, i, o) { return t[0] = e, r(t, null, o, n), !n.pop() } }), has: ot(function (e) { return function (t) { return st(e, t).length > 0 } }), contains: ot(function (e) { return function (t) { return (t.textContent \|\| t.innerText \|\| o(t)).indexOf(e) > -1 } }), lang: ot(function (e) { return X.test(e \|\| "") \|\| st.error("unsupported lang: " + e), e = e.replace(et, tt).toLowerCase(), function (t) { var n; do if (n = d ? t.getAttribute("xml:lang") \|\| t.getAttribute("lang") : t.lang) return n = n.toLowerCase(), n === e \|\| 0 === n.indexOf(e + "-"); while ((t = t.parentNode) && 1 === t.nodeType); return !1 } }), target: function (t) { var n = e.location && e.location.hash; return n && n.slice(1) === t.id }, root: function (e) { return e === f }, focus: function (e) { return e === p.activeElement && (!p.hasFocus \|\| p.hasFocus()) && !!(e.type \|\| e.href \|\| ~e.tabIndex) }, enabled: function (e) { return e.disabled === !1 }, disabled: function (e) { return e.disabled === !0 }, checked: function (e) { var t = e.nodeName.toLowerCase(); return "input" === t && !!e.checked \|\| "option" === t && !!e.selected }, selected: function (e) { return e.parentNode && e.parentNode.selectedIndex, e.selected === !0 }, empty: function (e) { for (e = e.firstChild; e; e = e.nextSibling) if (e.nodeName > "@" \|\| 3 === e.nodeType \|\| 4 === e.nodeType) return !1; return !0 }, parent: function (e) { return !i.pseudos.empty(e) }, header: function (e) { return Q.test(e.nodeName) }, input: function (e) { return G.test(e.nodeName) }, button: function (e) { var t = e.nodeName.toLowerCase(); return "input" === t && "button" === e.type \|\| "button" === t }, text: function (e) { var t; return "input" === e.nodeName.toLowerCase() && "text" === e.type && (null == (t = e.getAttribute("type")) \|\| t.toLowerCase() === e.type) }, first: pt(function () { return [0] }), last: pt(function (e, t) { return [t - 1] }), eq: pt(function (e, t, n) { return [0 > n ? n + t : n] }), even: pt(function (e, t) { var n = 0; for (; t > n; n += 2) e.push(n); return e }), odd: pt(function (e, t) { var n = 1; for (; t > n; n += 2) e.push(n); return e }), lt: pt(function (e, t, n) { var r = 0 > n ? n + t : n; for (; --r >= 0; ) e.push(r); return e }), gt: pt(function (e, t, n) { var r = 0 > n ? n + t : n; for (; t > ++r; ) e.push(r); return e })} }; for (n in { radio: !0, checkbox: !0, file: !0, password: !0, image: !0 }) i.pseudos[n] = lt(n); for (n in { submit: !0, reset: !0 }) i.pseudos[n] = ct(n); function ft(e, t) { var n, r, o, a, s, u, l, c = E[e + " "]; if (c) return t ? 0 : c.slice(0); s = e, u = [], l = i.preFilter; while (s) { (!n \|\| (r = $.exec(s))) && (r && (s = s.slice(r[0].length) \|\| s), u.push(o = [])), n = !1, (r = I.exec(s)) && (n = r.shift(), o.push({ value: n, type: r[0].replace(W, " ") }), s = s.slice(n.length)); for (a in i.filter) !(r = U[a].exec(s)) \|\| l[a] && !(r = l[a](r)) \|\| (n = r.shift(), o.push({ value: n, type: a, matches: r }), s = s.slice(n.length)); if (!n) break } return t ? s.length : s ? st.error(e) : E(e, u).slice(0) } function dt(e) { var t = 0, n = e.length, r = ""; for (; n > t; t++) r += e[t].value; return r } function ht(e, t, n) { var i = t.dir, o = n && "parentNode" === i, a = C++; return t.first ? function (t, n, r) { while (t = t[i]) if (1 === t.nodeType \|\| o) return e(t, n, r) } : function (t, n, s) { var u, l, c, p = N + " " + a; if (s) { while (t = t[i]) if ((1 === t.nodeType \|\| o) && e(t, n, s)) return !0 } else while (t = t[i]) if (1 === t.nodeType \|\| o) if (c = t[x] \|\| (t[x] = {}), (l = c[i]) && l[0] === p) { if ((u = l[1]) === !0 \|\| u === r) return u === !0 } else if (l = c[i] = [p], l[1] = e(t, n, s) \|\| r, l[1] === !0) return !0 } } function gt(e) { return e.length > 1 ? function (t, n, r) { var i = e.length; while (i--) if (!e[i](t, n, r)) return !1; return !0 } : e[0] } function mt(e, t, n, r, i) { var o, a = [], s = 0, u = e.length, l = null != t; for (; u > s; s++) (o = e[s]) && (!n \|\| n(o, r, i)) && (a.push(o), l && t.push(s)); return a } function yt(e, t, n, r, i, o) { return r && !r[x] && (r = yt(r)), i && !i[x] && (i = yt(i, o)), ot(function (o, a, s, u) { var l, c, p, f = [], d = [], h = a.length, g = o \|\| xt(t \|\| "", s.nodeType ? [s] : s, []), m = !e \|\| !o && t ? g : mt(g, f, e, s, u), y = n ? i \|\| (o ? e : h \|\| r) ? [] : a : m; if (n && n(m, y, s, u), r) { l = mt(y, d), r(l, [], s, u), c = l.length; while (c--) (p = l[c]) && (y[d[c]] = !(m[d[c]] = p)) } if (o) { if (i \|\| e) { if (i) { l = [], c = y.length; while (c--) (p = y[c]) && l.push(m[c] = p); i(null, y = [], l, u) } c = y.length; while (c--) (p = y[c]) && (l = i ? M.call(o, p) : f[c]) > -1 && (o[l] = !(a[l] = p)) } } else y = mt(y === a ? y.splice(h, y.length) : y), i ? i(null, a, y, u) : H.apply(a, y) }) } function vt(e) { var t, n, r, o = e.length, a = i.relative[e[0].type], s = a \|\| i.relative[" "], u = a ? 1 : 0, c = ht(function (e) { return e === t }, s, !0), p = ht(function (e) { return M.call(t, e) > -1 }, s, !0), f = [function (e, n, r) { return !a && (r \|\| n !== l) \|\| ((t = n).nodeType ? c(e, n, r) : p(e, n, r)) } ]; for (; o > u; u++) if (n = i.relative[e[u].type]) f = [ht(gt(f), n)]; else { if (n = i.filter[e[u].type].apply(null, e[u].matches), n[x]) { for (r = ++u; o > r; r++) if (i.relative[e[r].type]) break; return yt(u > 1 && gt(f), u > 1 && dt(e.slice(0, u - 1)).replace(W, "$1"), n, r > u && vt(e.slice(u, r)), o > r && vt(e = e.slice(r)), o > r && dt(e)) } f.push(n) } return gt(f) } function bt(e, t) { var n = 0, o = t.length > 0, a = e.length > 0, s = function (s, u, c, f, d) { var h, g, m, y = [], v = 0, b = "0", x = s && [], w = null != d, T = l, C = s \|\| a && i.find.TAG("", d && u.parentNode \|\| u), k = N += null == T ? 1 : Math.random() \|\| .1; for (w && (l = u !== p && u, r = n); null != (h = C[b]); b++) { if (a && h) { g = 0; while (m = e[g++]) if (m(h, u, c)) { f.push(h); break } w && (N = k, r = ++n) } o && ((h = !m && h) && v--, s && x.push(h)) } if (v += b, o && b !== v) { g = 0; while (m = t[g++]) m(x, y, u, c); if (s) { if (v > 0) while (b--) x[b] \|\| y[b] \|\| (y[b] = L.call(f)); y = mt(y) } H.apply(f, y), w && !s && y.length > 0 && v + t.length > 1 && st.uniqueSort(f) } return w && (N = k, l = T), x }; return o ? ot(s) : s } s = st.compile = function (e, t) { var n, r = [], i = [], o = S[e + " "]; if (!o) { t \|\| (t = ft(e)), n = t.length; while (n--) o = vt(t[n]), o[x] ? r.push(o) : i.push(o); o = S(e, bt(i, r)) } return o }; function xt(e, t, n) { var r = 0, i = t.length; for (; i > r; r++) st(e, t[r], n); return n } function wt(e, t, n, r) { var o, a, u, l, c, p = ft(e); if (!r && 1 === p.length) { if (a = p[0] = p[0].slice(0), a.length > 2 && "ID" === (u = a[0]).type && 9 === t.nodeType && !d && i.relative[a[1].type]) { if (t = i.find.ID(u.matches[0].replace(et, tt), t)[0], !t) return n; e = e.slice(a.shift().value.length) } o = U.needsContext.test(e) ? 0 : a.length; while (o--) { if (u = a[o], i.relative[l = u.type]) break; if ((c = i.find[l]) && (r = c(u.matches[0].replace(et, tt), V.test(a[0].type) && t.parentNode \|\| t))) { if (a.splice(o, 1), e = r.length && dt(a), !e) return H.apply(n, q.call(r, 0)), n; break } } } return s(e, p)(r, t, d, n, V.test(e)), n } i.pseudos.nth = i.pseudos.eq; function Tt() { } i.filters = Tt.prototype = i.pseudos, i.setFilters = new Tt, c(), st.attr = b.attr, b.find = st, b.expr = st.selectors, b.expr[":"] = b.expr.pseudos, b.unique = st.uniqueSort, b.text = st.getText, b.isXMLDoc = st.isXML, b.contains = st.contains } (e); var at = /Until$/, st = /^(?:parents\|prev(?:Until\|All))/, ut = /^.[^:#\[\.,]$/, lt = b.expr.match.needsContext, ct = { children: !0, contents: !0, next: !0, prev: !0 }; b.fn.extend({ find: function (e) { var t, n, r, i = this.length; if ("string" != typeof e) return r = this, this.pushStack(b(e).filter(function () { for (t = 0; i > t; t++) if (b.contains(r[t], this)) return !0 })); for (n = [], t = 0; i > t; t++) b.find(e, this[t], n); return n = this.pushStack(i > 1 ? b.unique(n) : n), n.selector = (this.selector ? this.selector + " " : "") + e, n }, has: function (e) { var t, n = b(e, this), r = n.length; return this.filter(function () { for (t = 0; r > t; t++) if (b.contains(this, n[t])) return !0 }) }, not: function (e) { return this.pushStack(ft(this, e, !1)) }, filter: function (e) { return this.pushStack(ft(this, e, !0)) }, is: function (e) { return !!e && ("string" == typeof e ? lt.test(e) ? b(e, this.context).index(this[0]) >= 0 : b.filter(e, this).length > 0 : this.filter(e).length > 0) }, closest: function (e, t) { var n, r = 0, i = this.length, o = [], a = lt.test(e) \|\| "string" != typeof e ? b(e, t \|\| this.context) : 0; for (; i > r; r++) { n = this[r]; while (n && n.ownerDocument && n !== t && 11 !== n.nodeType) { if (a ? a.index(n) > -1 : b.find.matchesSelector(n, e)) { o.push(n); break } n = n.parentNode } } return this.pushStack(o.length > 1 ? b.unique(o) : o) }, index: function (e) { return e ? "string" == typeof e ? b.inArray(this[0], b(e)) : b.inArray(e.jquery ? e[0] : e, this) : this[0] && this[0].parentNode ? this.first().prevAll().length : -1 }, add: function (e, t) { var n = "string" == typeof e ? b(e, t) : b.makeArray(e && e.nodeType ? [e] : e), r = b.merge(this.get(), n); return this.pushStack(b.unique(r)) }, addBack: function (e) { return this.add(null == e ? this.prevObject : this.prevObject.filter(e)) } }), b.fn.andSelf = b.fn.addBack; function pt(e, t) { do e = e[t]; while (e && 1 !== e.nodeType); return e } b.each({ parent: function (e) { var t = e.parentNode; return t && 11 !== t.nodeType ? t : null }, parents: function (e) { return b.dir(e, "parentNode") }, parentsUntil: function (e, t, n) { return b.dir(e, "parentNode", n) }, next: function (e) { return pt(e, "nextSibling") }, prev: function (e) { return pt(e, "previousSibling") }, nextAll: function (e) { return b.dir(e, "nextSibling") }, prevAll: function (e) { return b.dir(e, "previousSibling") }, nextUntil: function (e, t, n) { return b.dir(e, "nextSibling", n) }, prevUntil: function (e, t, n) { return b.dir(e, "previousSibling", n) }, siblings: function (e) { return b.sibling((e.parentNode \|\| {}).firstChild, e) }, children: function (e) { return b.sibling(e.firstChild) }, contents: function (e) { return b.nodeName(e, "iframe") ? e.contentDocument \|\| e.contentWindow.document : b.merge([], e.childNodes) } }, function (e, t) { b.fn[e] = function (n, r) { var i = b.map(this, t, n); return at.test(e) \|\| (r = n), r && "string" == typeof r && (i = b.filter(r, i)), i = this.length > 1 && !ct[e] ? b.unique(i) : i, this.length > 1 && st.test(e) && (i = i.reverse()), this.pushStack(i) } }), b.extend({ filter: function (e, t, n) { return n && (e = ":not(" + e + ")"), 1 === t.length ? b.find.matchesSelector(t[0], e) ? [t[0]] : [] : b.find.matches(e, t) }, dir: function (e, n, r) { var i = [], o = e[n]; while (o && 9 !== o.nodeType && (r === t \|\| 1 !== o.nodeType \|\| !b(o).is(r))) 1 === o.nodeType && i.push(o), o = o[n]; return i }, sibling: function (e, t) { var n = []; for (; e; e = e.nextSibling) 1 === e.nodeType && e !== t && n.push(e); return n } }); function ft(e, t, n) { if (t = t \|\| 0, b.isFunction(t)) return b.grep(e, function (e, r) { var i = !!t.call(e, r, e); return i === n }); if (t.nodeType) return b.grep(e, function (e) { return e === t === n }); if ("string" == typeof t) { var r = b.grep(e, function (e) { return 1 === e.nodeType }); if (ut.test(t)) return b.filter(t, r, !n); t = b.filter(t, r) } return b.grep(e, function (e) { return b.inArray(e, t) >= 0 === n }) } function dt(e) { var t = ht.split("\|"), n = e.createDocumentFragment(); if (n.createElement) while (t.length) n.createElement(t.pop()); return n } var ht = "abbr\|article\|aside\|audio\|bdi\|canvas\|data\|datalist\|details\|figcaption\|figure\|footer\|header\|hgroup\|mark\|meter\|nav\|output\|progress\|section\|summary\|time\|video", gt = / jQuery\d+="(?:null\|\d+)"/g, mt = RegExp("<(?:" + ht + ")[\\s/>]", "i"), yt = /^\s+/, vt = /<(?!area\|br\|col\|embed\|hr\|img\|input\|link\|meta\|param)(([\w:]+)[^>])\/>/gi, bt = /<([\w:]+)/, xt = /<tbody/i, wt = /<\|&#?\w+;/, Tt = /<(?:script\|style\|link)/i, Nt = /^(?:checkbox\|radio)$/i, Ct = /checked\s(?:[^=]\|=\s.checked.)/i, kt = /^$\|\/(?:java\|ecma)script/i, Et = /^true\/(.)/, St = /^\s<!(?:\[CDATA\[\|--)\|(?:\]\]\|--)>\s$/g, At = { option: [1, "<select multiple='multiple'>", "</select>"], legend: [1, "<fieldset>", "</fieldset>"], area: [1, "<map>", "</map>"], param: [1, "<object>", "</object>"], thead: [1, "<table>", "</table>"], tr: [2, "<table><tbody>", "</tbody></table>"], col: [2, "<table><tbody></tbody><colgroup>", "</colgroup></table>"], td: [3, "<table><tbody><tr>", "</tr></tbody></table>"], _default: b.support.htmlSerialize ? [0, "", ""] : [1, "X<div>", "</div>"] }, jt = dt(o), Dt = jt.appendChild(o.createElement("div")); At.optgroup = At.option, At.tbody = At.tfoot = At.colgroup = At.caption = At.thead, At.th = At.td, b.fn.extend({ text: function (e) { return b.access(this, function (e) { return e === t ? b.text(this) : this.empty().append((this[0] && this[0].ownerDocument \|\| o).createTextNode(e)) }, null, e, arguments.length) }, wrapAll: function (e) { if (b.isFunction(e)) return this.each(function (t) { b(this).wrapAll(e.call(this, t)) }); if (this[0]) { var t = b(e, this[0].ownerDocument).eq(0).clone(!0); this[0].parentNode && t.insertBefore(this[0]), t.map(function () { var e = this; while (e.firstChild && 1 === e.firstChild.nodeType) e = e.firstChild; return e }).append(this) } return this }, wrapInner: function (e) { return b.isFunction(e) ? this.each(function (t) { b(this).wrapInner(e.call(this, t)) }) : this.each(function () { var t = b(this), n = t.contents(); n.length ? n.wrapAll(e) : t.append(e) }) }, wrap: function (e) { var t = b.isFunction(e); return this.each(function (n) { b(this).wrapAll(t ? e.call(this, n) : e) }) }, unwrap: function () { return this.parent().each(function () { b.nodeName(this, "body") \|\| b(this).replaceWith(this.childNodes) }).end() }, append: function () { return this.domManip(arguments, !0, function (e) { (1 === this.nodeType \|\| 11 === this.nodeType \|\| 9 === this.nodeType) && this.appendChild(e) }) }, prepend: function () { return this.domManip(arguments, !0, function (e) { (1 === this.nodeType \|\| 11 === this.nodeType \|\| 9 === this.nodeType) && this.insertBefore(e, this.firstChild) }) }, before: function () { return this.domManip(arguments, !1, function (e) { this.parentNode && this.parentNode.insertBefore(e, this) }) }, after: function () { return this.domManip(arguments, !1, function (e) { this.parentNode && this.parentNode.insertBefore(e, this.nextSibling) }) }, remove: function (e, t) { var n, r = 0; for (; null != (n = this[r]); r++) (!e \|\| b.filter(e, [n]).length > 0) && (t \|\| 1 !== n.nodeType \|\| b.cleanData(Ot(n)), n.parentNode && (t && b.contains(n.ownerDocument, n) && Mt(Ot(n, "script")), n.parentNode.removeChild(n))); return this }, empty: function () { var e, t = 0; for (; null != (e = this[t]); t++) { 1 === e.nodeType && b.cleanData(Ot(e, !1)); while (e.firstChild) e.removeChild(e.firstChild); e.options && b.nodeName(e, "select") && (e.options.length = 0) } return this }, clone: function (e, t) { return e = null == e ? !1 : e, t = null == t ? e : t, this.map(function () { return b.clone(this, e, t) }) }, html: function (e) { return b.access(this, function (e) { var n = this[0] \|\| {}, r = 0, i = this.length; if (e === t) return 1 === n.nodeType ? n.innerHTML.replace(gt, "") : t; if (!("string" != typeof e \|\| Tt.test(e) \|\| !b.support.htmlSerialize && mt.test(e) \|\| !b.support.leadingWhitespace && yt.test(e) \|\| At[(bt.exec(e) \|\| ["", ""])[1].toLowerCase()])) { e = e.replace(vt, "<$1></$2>"); try { for (; i > r; r++) n = this[r] \|\| {}, 1 === n.nodeType && (b.cleanData(Ot(n, !1)), n.innerHTML = e); n = 0 } catch (o) { } } n && this.empty().append(e) }, null, e, arguments.length) }, replaceWith: function (e) { var t = b.isFunction(e); return t \|\| "string" == typeof e \|\| (e = b(e).not(this).detach()), this.domManip([e], !0, function (e) { var t = this.nextSibling, n = this.parentNode; n && (b(this).remove(), n.insertBefore(e, t)) }) }, detach: function (e) { return this.remove(e, !0) }, domManip: function (e, n, r) { e = f.apply([], e); var i, o, a, s, u, l, c = 0, p = this.length, d = this, h = p - 1, g = e[0], m = b.isFunction(g); if (m \|\| !(1 >= p \|\| "string" != typeof g \|\| b.support.checkClone) && Ct.test(g)) return this.each(function (i) { var o = d.eq(i); m && (e[0] = g.call(this, i, n ? o.html() : t)), o.domManip(e, n, r) }); if (p && (l = b.buildFragment(e, this[0].ownerDocument, !1, this), i = l.firstChild, 1 === l.childNodes.length && (l = i), i)) { for (n = n && b.nodeName(i, "tr"), s = b.map(Ot(l, "script"), Ht), a = s.length; p > c; c++) o = l, c !== h && (o = b.clone(o, !0, !0), a && b.merge(s, Ot(o, "script"))), r.call(n && b.nodeName(this[c], "table") ? Lt(this[c], "tbody") : this[c], o, c); if (a) for (u = s[s.length - 1].ownerDocument, b.map(s, qt), c = 0; a > c; c++) o = s[c], kt.test(o.type \|\| "") && !b._data(o, "globalEval") && b.contains(u, o) && (o.src ? b.ajax({ url: o.src, type: "GET", dataType: "script", async: !1, global: !1, "throws": !0 }) : b.globalEval((o.text \|\| o.textContent \|\| o.innerHTML \|\| "").replace(St, ""))); l = i = null } return this } }); function Lt(e, t) { return e.getElementsByTagName(t)[0] \|\| e.appendChild(e.ownerDocument.createElement(t)) } function Ht(e) { var t = e.getAttributeNode("type"); return e.type = (t && t.specified) + "/" + e.type, e } function qt(e) { var t = Et.exec(e.type); return t ? e.type = t[1] : e.removeAttribute("type"), e } function Mt(e, t) { var n, r = 0; for (; null != (n = e[r]); r++) b._data(n, "globalEval", !t \|\| b._data(t[r], "globalEval")) } function _t(e, t) { if (1 === t.nodeType && b.hasData(e)) { var n, r, i, o = b._data(e), a = b._data(t, o), s = o.events; if (s) { delete a.handle, a.events = {}; for (n in s) for (r = 0, i = s[n].length; i > r; r++) b.event.add(t, n, s[n][r]) } a.data && (a.data = b.extend({}, a.data)) } } function Ft(e, t) { var n, r, i; if (1 === t.nodeType) { if (n = t.nodeName.toLowerCase(), !b.support.noCloneEvent && t[b.expando]) { i = b._data(t); for (r in i.events) b.removeEvent(t, r, i.handle); t.removeAttribute(b.expando) } "script" === n && t.text !== e.text ? (Ht(t).text = e.text, qt(t)) : "object" === n ? (t.parentNode && (t.outerHTML = e.outerHTML), b.support.html5Clone && e.innerHTML && !b.trim(t.innerHTML) && (t.innerHTML = e.innerHTML)) : "input" === n && Nt.test(e.type) ? (t.defaultChecked = t.checked = e.checked, t.value !== e.value && (t.value = e.value)) : "option" === n ? t.defaultSelected = t.selected = e.defaultSelected : ("input" === n \|\| "textarea" === n) && (t.defaultValue = e.defaultValue) } } b.each({ appendTo: "append", prependTo: "prepend", insertBefore: "before", insertAfter: "after", replaceAll: "replaceWith" }, function (e, t) { b.fn[e] = function (e) { var n, r = 0, i = [], o = b(e), a = o.length - 1; for (; a >= r; r++) n = r === a ? this : this.clone(!0), b(o[r])[t](n), d.apply(i, n.get()); return this.pushStack(i) } }); function Ot(e, n) { var r, o, a = 0, s = typeof e.getElementsByTagName !== i ? e.getElementsByTagName(n \|\| "") : typeof e.querySelectorAll !== i ? e.querySelectorAll(n \|\| "*") : t; if (!s) for (s = [], r = e.childNodes \|\| e; null != (o = r[a]); a++) !n \|\| b.nodeName(o, n) ? s.push(o) : b.merge(s, Ot(o, n)); return n === t \|\| n && b.nodeName(e, n) ? b.merge([e], s) : s } function Bt(e) { Nt.test(e.type) && (e.defaultChecked = e.checked) } b.extend({ clone: function (e, t, n) { var r, i, o, a, s, u = b.contains(e.ownerDocument, e); if (b.support.html5Clone \|\| b.isXMLDoc(e) \|\| !mt.test("<" + e.nodeName + ">") ? o = e.cloneNode(!0) : (Dt.innerHTML = e.outerHTML, Dt.removeChild(o = Dt.firstChild)), !(b.support.noCloneEvent && b.support.noCloneChecked \|\| 1 !== e.nodeType && 11 !== e.nodeType \|\| b.isXMLDoc(e))) for (r = Ot(o), s = Ot(e), a = 0; null != (i = s[a]); ++a) r[a] && Ft(i, r[a]); if (t) if (n) for (s = s \|\| Ot(e), r = r \|\| Ot(o), a = 0; null != (i = s[a]); a++) _t(i, r[a]); else _t(e, o); return r = Ot(o, "script"), r.length > 0 && Mt(r, !u && Ot(e, "script")), r = s = i = null, o }, buildFragment: function (e, t, n, r) {
13	+ var i, o, a, s, u, l, c, p = e.length, f = dt(t), d = [], h = 0; for (; p > h; h++) if (o = e[h], o \|\| 0 === o) if ("object" === b.type(o)) b.merge(d, o.nodeType ? [o] : o); else if (wt.test(o)) {
14	+ s = s \|\| f.appendChild(t.createElement("div")), u = (bt.exec(o) \|\| ["", ""])[1].toLowerCase(), c = At[u] \|\| At._default, s.innerHTML = c[1] + o.replace(vt, "<$1></$2>") + c[2], i = c[0]; while (i--) s = s.lastChild; if (!b.support.leadingWhitespace && yt.test(o) && d.push(t.createTextNode(yt.exec(o)[0])), !b.support.tbody) {
15	+ o = "table" !== u \|\| xt.test(o) ? "<table>" !== c[1] \|\| xt.test(o) ? 0 : s : s.firstChild, i = o && o.childNodes.length; while (i--) b.nodeName(l = o.childNodes[i], "tbody") && !l.childNodes.length && o.removeChild(l)
16	+ } b.merge(d, s.childNodes), s.textContent = ""; while (s.firstChild) s.removeChild(s.firstChild); s = f.lastChild
17	+ } else d.push(t.createTextNode(o)); s && f.removeChild(s), b.support.appendChecked \|\| b.grep(Ot(d, "input"), Bt), h = 0; while (o = d[h++]) if ((!r \|\| -1 === b.inArray(o, r)) && (a = b.contains(o.ownerDocument, o), s = Ot(f.appendChild(o), "script"), a && Mt(s), n)) { i = 0; while (o = s[i++]) kt.test(o.type \|\| "") && n.push(o) } return s = null, f
18	+ }, cleanData: function (e, t) { var n, r, o, a, s = 0, u = b.expando, l = b.cache, p = b.support.deleteExpando, f = b.event.special; for (; null != (n = e[s]); s++) if ((t \|\| b.acceptData(n)) && (o = n[u], a = o && l[o])) { if (a.events) for (r in a.events) f[r] ? b.event.remove(n, r) : b.removeEvent(n, r, a.handle); l[o] && (delete l[o], p ? delete n[u] : typeof n.removeAttribute !== i ? n.removeAttribute(u) : n[u] = null, c.push(o)) } }
19	+ }); var Pt, Rt, Wt, $t = /alpha$[^)]$/i, It = /opacity\s=\s([^)])/, zt = /^(top\|right\|bottom\|left)$/, Xt = /^(none\|table(?!-c[ea]).+)/, Ut = /^margin/, Vt = RegExp("^(" + x + ")(.)$", "i"), Yt = RegExp("^(" + x + ")(?!px)[a-z%]+$", "i"), Jt = RegExp("^([+-])=(" + x + ")", "i"), Gt = { BODY: "block" }, Qt = { position: "absolute", visibility: "hidden", display: "block" }, Kt = { letterSpacing: 0, fontWeight: 400 }, Zt = ["Top", "Right", "Bottom", "Left"], en = ["Webkit", "O", "Moz", "ms"]; function tn(e, t) { if (t in e) return t; var n = t.charAt(0).toUpperCase() + t.slice(1), r = t, i = en.length; while (i--) if (t = en[i] + n, t in e) return t; return r } function nn(e, t) { return e = t \|\| e, "none" === b.css(e, "display") \|\| !b.contains(e.ownerDocument, e) } function rn(e, t) { var n, r, i, o = [], a = 0, s = e.length; for (; s > a; a++) r = e[a], r.style && (o[a] = b._data(r, "olddisplay"), n = r.style.display, t ? (o[a] \|\| "none" !== n \|\| (r.style.display = ""), "" === r.style.display && nn(r) && (o[a] = b._data(r, "olddisplay", un(r.nodeName)))) : o[a] \|\| (i = nn(r), (n && "none" !== n \|\| !i) && b._data(r, "olddisplay", i ? n : b.css(r, "display")))); for (a = 0; s > a; a++) r = e[a], r.style && (t && "none" !== r.style.display && "" !== r.style.display \|\| (r.style.display = t ? o[a] \|\| "" : "none")); return e } b.fn.extend({ css: function (e, n) { return b.access(this, function (e, n, r) { var i, o, a = {}, s = 0; if (b.isArray(n)) { for (o = Rt(e), i = n.length; i > s; s++) a[n[s]] = b.css(e, n[s], !1, o); return a } return r !== t ? b.style(e, n, r) : b.css(e, n) }, e, n, arguments.length > 1) }, show: function () { return rn(this, !0) }, hide: function () { return rn(this) }, toggle: function (e) { var t = "boolean" == typeof e; return this.each(function () { (t ? e : nn(this)) ? b(this).show() : b(this).hide() }) } }), b.extend({ cssHooks: { opacity: { get: function (e, t) { if (t) { var n = Wt(e, "opacity"); return "" === n ? "1" : n } } } }, cssNumber: { columnCount: !0, fillOpacity: !0, fontWeight: !0, lineHeight: !0, opacity: !0, orphans: !0, widows: !0, zIndex: !0, zoom: !0 }, cssProps: { "float": b.support.cssFloat ? "cssFloat" : "styleFloat" }, style: function (e, n, r, i) { if (e && 3 !== e.nodeType && 8 !== e.nodeType && e.style) { var o, a, s, u = b.camelCase(n), l = e.style; if (n = b.cssProps[u] \|\| (b.cssProps[u] = tn(l, u)), s = b.cssHooks[n] \|\| b.cssHooks[u], r === t) return s && "get" in s && (o = s.get(e, !1, i)) !== t ? o : l[n]; if (a = typeof r, "string" === a && (o = Jt.exec(r)) && (r = (o[1] + 1) o[2] + parseFloat(b.css(e, n)), a = "number"), !(null == r \|\| "number" === a && isNaN(r) \|\| ("number" !== a \|\| b.cssNumber[u] \|\| (r += "px"), b.support.clearCloneStyle \|\| "" !== r \|\| 0 !== n.indexOf("background") \|\| (l[n] = "inherit"), s && "set" in s && (r = s.set(e, r, i)) === t))) try { l[n] = r } catch (c) { } } }, css: function (e, n, r, i) { var o, a, s, u = b.camelCase(n); return n = b.cssProps[u] \|\| (b.cssProps[u] = tn(e.style, u)), s = b.cssHooks[n] \|\| b.cssHooks[u], s && "get" in s && (a = s.get(e, !0, r)), a === t && (a = Wt(e, n, i)), "normal" === a && n in Kt && (a = Kt[n]), "" === r \|\| r ? (o = parseFloat(a), r === !0 \|\| b.isNumeric(o) ? o \|\| 0 : a) : a }, swap: function (e, t, n, r) { var i, o, a = {}; for (o in t) a[o] = e.style[o], e.style[o] = t[o]; i = n.apply(e, r \|\| []); for (o in t) e.style[o] = a[o]; return i } }), e.getComputedStyle ? (Rt = function (t) { return e.getComputedStyle(t, null) }, Wt = function (e, n, r) { var i, o, a, s = r \|\| Rt(e), u = s ? s.getPropertyValue(n) \|\| s[n] : t, l = e.style; return s && ("" !== u \|\| b.contains(e.ownerDocument, e) \|\| (u = b.style(e, n)), Yt.test(u) && Ut.test(n) && (i = l.width, o = l.minWidth, a = l.maxWidth, l.minWidth = l.maxWidth = l.width = u, u = s.width, l.width = i, l.minWidth = o, l.maxWidth = a)), u }) : o.documentElement.currentStyle && (Rt = function (e) { return e.currentStyle }, Wt = function (e, n, r) { var i, o, a, s = r \|\| Rt(e), u = s ? s[n] : t, l = e.style; return null == u && l && l[n] && (u = l[n]), Yt.test(u) && !zt.test(n) && (i = l.left, o = e.runtimeStyle, a = o && o.left, a && (o.left = e.currentStyle.left), l.left = "fontSize" === n ? "1em" : u, u = l.pixelLeft + "px", l.left = i, a && (o.left = a)), "" === u ? "auto" : u }); function on(e, t, n) { var r = Vt.exec(t); return r ? Math.max(0, r[1] - (n \|\| 0)) + (r[2] \|\| "px") : t } function an(e, t, n, r, i) { var o = n === (r ? "border" : "content") ? 4 : "width" === t ? 1 : 0, a = 0; for (; 4 > o; o += 2) "margin" === n && (a += b.css(e, n + Zt[o], !0, i)), r ? ("content" === n && (a -= b.css(e, "padding" + Zt[o], !0, i)), "margin" !== n && (a -= b.css(e, "border" + Zt[o] + "Width", !0, i))) : (a += b.css(e, "padding" + Zt[o], !0, i), "padding" !== n && (a += b.css(e, "border" + Zt[o] + "Width", !0, i))); return a } function sn(e, t, n) { var r = !0, i = "width" === t ? e.offsetWidth : e.offsetHeight, o = Rt(e), a = b.support.boxSizing && "border-box" === b.css(e, "boxSizing", !1, o); if (0 >= i \|\| null == i) { if (i = Wt(e, t, o), (0 > i \|\| null == i) && (i = e.style[t]), Yt.test(i)) return i; r = a && (b.support.boxSizingReliable \|\| i === e.style[t]), i = parseFloat(i) \|\| 0 } return i + an(e, t, n \|\| (a ? "border" : "content"), r, o) + "px" } function un(e) { var t = o, n = Gt[e]; return n \|\| (n = ln(e, t), "none" !== n && n \|\| (Pt = (Pt \|\| b("<iframe frameborder='0' width='0' height='0'/>").css("cssText", "display:block !important")).appendTo(t.documentElement), t = (Pt[0].contentWindow \|\| Pt[0].contentDocument).document, t.write("<!doctype html><html><body>"), t.close(), n = ln(e, t), Pt.detach()), Gt[e] = n), n } function ln(e, t) { var n = b(t.createElement(e)).appendTo(t.body), r = b.css(n[0], "display"); return n.remove(), r } b.each(["height", "width"], function (e, n) { b.cssHooks[n] = { get: function (e, r, i) { return r ? 0 === e.offsetWidth && Xt.test(b.css(e, "display")) ? b.swap(e, Qt, function () { return sn(e, n, i) }) : sn(e, n, i) : t }, set: function (e, t, r) { var i = r && Rt(e); return on(e, t, r ? an(e, n, r, b.support.boxSizing && "border-box" === b.css(e, "boxSizing", !1, i), i) : 0) } } }), b.support.opacity \|\| (b.cssHooks.opacity = { get: function (e, t) { return It.test((t && e.currentStyle ? e.currentStyle.filter : e.style.filter) \|\| "") ? .01 * parseFloat(RegExp.$1) + "" : t ? "1" : "" }, set: function (e, t) { var n = e.style, r = e.currentStyle, i = b.isNumeric(t) ? "alpha(opacity=" + 100 * t + ")" : "", o = r && r.filter \|\| n.filter \|\| ""; n.zoom = 1, (t >= 1 \|\| "" === t) && "" === b.trim(o.replace($t, "")) && n.removeAttribute && (n.removeAttribute("filter"), "" === t \|\| r && !r.filter) \|\| (n.filter = $t.test(o) ? o.replace($t, i) : o + " " + i) } }), b(function () { b.support.reliableMarginRight \|\| (b.cssHooks.marginRight = { get: function (e, n) { return n ? b.swap(e, { display: "inline-block" }, Wt, [e, "marginRight"]) : t } }), !b.support.pixelPosition && b.fn.position && b.each(["top", "left"], function (e, n) { b.cssHooks[n] = { get: function (e, r) { return r ? (r = Wt(e, n), Yt.test(r) ? b(e).position()[n] + "px" : r) : t } } }) }), b.expr && b.expr.filters && (b.expr.filters.hidden = function (e) { return 0 >= e.offsetWidth && 0 >= e.offsetHeight \|\| !b.support.reliableHiddenOffsets && "none" === (e.style && e.style.display \|\| b.css(e, "display")) }, b.expr.filters.visible = function (e) { return !b.expr.filters.hidden(e) }), b.each({ margin: "", padding: "", border: "Width" }, function (e, t) { b.cssHooks[e + t] = { expand: function (n) { var r = 0, i = {}, o = "string" == typeof n ? n.split(" ") : [n]; for (; 4 > r; r++) i[e + Zt[r] + t] = o[r] \|\| o[r - 2] \|\| o[0]; return i } }, Ut.test(e) \|\| (b.cssHooks[e + t].set = on) }); var cn = /%20/g, pn = /\[\]$/, fn = /\r?\n/g, dn = /^(?:submit\|button\|image\|reset\|file)$/i, hn = /^(?:input\|select\|textarea\|keygen)/i; b.fn.extend({ serialize: function () { return b.param(this.serializeArray()) }, serializeArray: function () { return this.map(function () { var e = b.prop(this, "elements"); return e ? b.makeArray(e) : this }).filter(function () { var e = this.type; return this.name && !b(this).is(":disabled") && hn.test(this.nodeName) && !dn.test(e) && (this.checked \|\| !Nt.test(e)) }).map(function (e, t) { var n = b(this).val(); return null == n ? null : b.isArray(n) ? b.map(n, function (e) { return { name: t.name, value: e.replace(fn, "\r\n")} }) : { name: t.name, value: n.replace(fn, "\r\n")} }).get() } }), b.param = function (e, n) { var r, i = [], o = function (e, t) { t = b.isFunction(t) ? t() : null == t ? "" : t, i[i.length] = encodeURIComponent(e) + "=" + encodeURIComponent(t) }; if (n === t && (n = b.ajaxSettings && b.ajaxSettings.traditional), b.isArray(e) \|\| e.jquery && !b.isPlainObject(e)) b.each(e, function () { o(this.name, this.value) }); else for (r in e) gn(r, e[r], n, o); return i.join("&").replace(cn, "+") }; function gn(e, t, n, r) { var i; if (b.isArray(t)) b.each(t, function (t, i) { n \|\| pn.test(e) ? r(e, i) : gn(e + "[" + ("object" == typeof i ? t : "") + "]", i, n, r) }); else if (n \|\| "object" !== b.type(t)) r(e, t); else for (i in t) gn(e + "[" + i + "]", t[i], n, r) } b.each("blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu".split(" "), function (e, t) { b.fn[t] = function (e, n) { return arguments.length > 0 ? this.on(t, null, e, n) : this.trigger(t) } }), b.fn.hover = function (e, t) { return this.mouseenter(e).mouseleave(t \|\| e) }; var mn, yn, vn = b.now(), bn = /\?/, xn = /#.$/, wn = /([?&])_=[^&]/, Tn = /^(.?):[ \t]([^\r\n])\r?$/gm, Nn = /^(?:about\|app\|app-storage\|.+-extension\|file\|res\|widget):$/, Cn = /^(?:GET\|HEAD)$/, kn = /^\/\//, En = /^([\w.+-]+:)(?:\/\/([^\/?#:])(?::(\d+)\|)\|)/, Sn = b.fn.load, An = {}, jn = {}, Dn = "/".concat(""); try { yn = a.href } catch (Ln) { yn = o.createElement("a"), yn.href = "", yn = yn.href } mn = En.exec(yn.toLowerCase()) \|\| []; function Hn(e) { return function (t, n) { "string" != typeof t && (n = t, t = ""); var r, i = 0, o = t.toLowerCase().match(w) \|\| []; if (b.isFunction(n)) while (r = o[i++]) "+" === r[0] ? (r = r.slice(1) \|\| "", (e[r] = e[r] \|\| []).unshift(n)) : (e[r] = e[r] \|\| []).push(n) } } function qn(e, n, r, i) { var o = {}, a = e === jn; function s(u) { var l; return o[u] = !0, b.each(e[u] \|\| [], function (e, u) { var c = u(n, r, i); return "string" != typeof c \|\| a \|\| o[c] ? a ? !(l = c) : t : (n.dataTypes.unshift(c), s(c), !1) }), l } return s(n.dataTypes[0]) \|\| !o[""] && s("") } function Mn(e, n) { var r, i, o = b.ajaxSettings.flatOptions \|\| {}; for (i in n) n[i] !== t && ((o[i] ? e : r \|\| (r = {}))[i] = n[i]); return r && b.extend(!0, e, r), e } b.fn.load = function (e, n, r) { if ("string" != typeof e && Sn) return Sn.apply(this, arguments); var i, o, a, s = this, u = e.indexOf(" "); return u >= 0 && (i = e.slice(u, e.length), e = e.slice(0, u)), b.isFunction(n) ? (r = n, n = t) : n && "object" == typeof n && (a = "POST"), s.length > 0 && b.ajax({ url: e, type: a, dataType: "html", data: n }).done(function (e) { o = arguments, s.html(i ? b("<div>").append(b.parseHTML(e)).find(i) : e) }).complete(r && function (e, t) { s.each(r, o \|\| [e.responseText, t, e]) }), this }, b.each(["ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend"], function (e, t) { b.fn[t] = function (e) { return this.on(t, e) } }), b.each(["get", "post"], function (e, n) { b[n] = function (e, r, i, o) { return b.isFunction(r) && (o = o \|\| i, i = r, r = t), b.ajax({ url: e, type: n, dataType: o, data: r, success: i }) } }), b.extend({ active: 0, lastModified: {}, etag: {}, ajaxSettings: { url: yn, type: "GET", isLocal: Nn.test(mn[1]), global: !0, processData: !0, async: !0, contentType: "application/x-www-form-urlencoded; charset=UTF-8", accepts: { "": Dn, text: "text/plain", html: "text/html", xml: "application/xml, text/xml", json: "application/json, text/javascript" }, contents: { xml: /xml/, html: /html/, json: /json/ }, responseFields: { xml: "responseXML", text: "responseText" }, converters: { " text": e.String, "text html": !0, "text json": b.parseJSON, "text xml": b.parseXML }, flatOptions: { url: !0, context: !0} }, ajaxSetup: function (e, t) { return t ? Mn(Mn(e, b.ajaxSettings), t) : Mn(b.ajaxSettings, e) }, ajaxPrefilter: Hn(An), ajaxTransport: Hn(jn), ajax: function (e, n) { "object" == typeof e && (n = e, e = t), n = n \|\| {}; var r, i, o, a, s, u, l, c, p = b.ajaxSetup({}, n), f = p.context \|\| p, d = p.context && (f.nodeType \|\| f.jquery) ? b(f) : b.event, h = b.Deferred(), g = b.Callbacks("once memory"), m = p.statusCode \|\| {}, y = {}, v = {}, x = 0, T = "canceled", N = { readyState: 0, getResponseHeader: function (e) { var t; if (2 === x) { if (!c) { c = {}; while (t = Tn.exec(a)) c[t[1].toLowerCase()] = t[2] } t = c[e.toLowerCase()] } return null == t ? null : t }, getAllResponseHeaders: function () { return 2 === x ? a : null }, setRequestHeader: function (e, t) { var n = e.toLowerCase(); return x \|\| (e = v[n] = v[n] \|\| e, y[e] = t), this }, overrideMimeType: function (e) { return x \|\| (p.mimeType = e), this }, statusCode: function (e) { var t; if (e) if (2 > x) for (t in e) m[t] = [m[t], e[t]]; else N.always(e[N.status]); return this }, abort: function (e) { var t = e \|\| T; return l && l.abort(t), k(0, t), this } }; if (h.promise(N).complete = g.add, N.success = N.done, N.error = N.fail, p.url = ((e \|\| p.url \|\| yn) + "").replace(xn, "").replace(kn, mn[1] + "//"), p.type = n.method \|\| n.type \|\| p.method \|\| p.type, p.dataTypes = b.trim(p.dataType \|\| "").toLowerCase().match(w) \|\| [""], null == p.crossDomain && (r = En.exec(p.url.toLowerCase()), p.crossDomain = !(!r \|\| r[1] === mn[1] && r[2] === mn[2] && (r[3] \|\| ("http:" === r[1] ? 80 : 443)) == (mn[3] \|\| ("http:" === mn[1] ? 80 : 443)))), p.data && p.processData && "string" != typeof p.data && (p.data = b.param(p.data, p.traditional)), qn(An, p, n, N), 2 === x) return N; u = p.global, u && 0 === b.active++ && b.event.trigger("ajaxStart"), p.type = p.type.toUpperCase(), p.hasContent = !Cn.test(p.type), o = p.url, p.hasContent \|\| (p.data && (o = p.url += (bn.test(o) ? "&" : "?") + p.data, delete p.data), p.cache === !1 && (p.url = wn.test(o) ? o.replace(wn, "$1_=" + vn++) : o + (bn.test(o) ? "&" : "?") + "_=" + vn++)), p.ifModified && (b.lastModified[o] && N.setRequestHeader("If-Modified-Since", b.lastModified[o]), b.etag[o] && N.setRequestHeader("If-None-Match", b.etag[o])), (p.data && p.hasContent && p.contentType !== !1 \|\| n.contentType) && N.setRequestHeader("Content-Type", p.contentType), N.setRequestHeader("Accept", p.dataTypes[0] && p.accepts[p.dataTypes[0]] ? p.accepts[p.dataTypes[0]] + ("" !== p.dataTypes[0] ? ", " + Dn + "; q=0.01" : "") : p.accepts[""]); for (i in p.headers) N.setRequestHeader(i, p.headers[i]); if (p.beforeSend && (p.beforeSend.call(f, N, p) === !1 \|\| 2 === x)) return N.abort(); T = "abort"; for (i in { success: 1, error: 1, complete: 1 }) N[i](p[i]); if (l = qn(jn, p, n, N)) { N.readyState = 1, u && d.trigger("ajaxSend", [N, p]), p.async && p.timeout > 0 && (s = setTimeout(function () { N.abort("timeout") }, p.timeout)); try { x = 1, l.send(y, k) } catch (C) { if (!(2 > x)) throw C; k(-1, C) } } else k(-1, "No Transport"); function k(e, n, r, i) { var c, y, v, w, T, C = n; 2 !== x && (x = 2, s && clearTimeout(s), l = t, a = i \|\| "", N.readyState = e > 0 ? 4 : 0, r && (w = _n(p, N, r)), e >= 200 && 300 > e \|\| 304 === e ? (p.ifModified && (T = N.getResponseHeader("Last-Modified"), T && (b.lastModified[o] = T), T = N.getResponseHeader("etag"), T && (b.etag[o] = T)), 204 === e ? (c = !0, C = "nocontent") : 304 === e ? (c = !0, C = "notmodified") : (c = Fn(p, w), C = c.state, y = c.data, v = c.error, c = !v)) : (v = C, (e \|\| !C) && (C = "error", 0 > e && (e = 0))), N.status = e, N.statusText = (n \|\| C) + "", c ? h.resolveWith(f, [y, C, N]) : h.rejectWith(f, [N, C, v]), N.statusCode(m), m = t, u && d.trigger(c ? "ajaxSuccess" : "ajaxError", [N, p, c ? y : v]), g.fireWith(f, [N, C]), u && (d.trigger("ajaxComplete", [N, p]), --b.active \|\| b.event.trigger("ajaxStop"))) } return N }, getScript: function (e, n) { return b.get(e, t, n, "script") }, getJSON: function (e, t, n) { return b.get(e, t, n, "json") } }); function _n(e, n, r) { var i, o, a, s, u = e.contents, l = e.dataTypes, c = e.responseFields; for (s in c) s in r && (n[c[s]] = r[s]); while ("" === l[0]) l.shift(), o === t && (o = e.mimeType \|\| n.getResponseHeader("Content-Type")); if (o) for (s in u) if (u[s] && u[s].test(o)) { l.unshift(s); break } if (l[0] in r) a = l[0]; else { for (s in r) { if (!l[0] \|\| e.converters[s + " " + l[0]]) { a = s; break } i \|\| (i = s) } a = a \|\| i } return a ? (a !== l[0] && l.unshift(a), r[a]) : t } function Fn(e, t) { var n, r, i, o, a = {}, s = 0, u = e.dataTypes.slice(), l = u[0]; if (e.dataFilter && (t = e.dataFilter(t, e.dataType)), u[1]) for (i in e.converters) a[i.toLowerCase()] = e.converters[i]; for (; r = u[++s]; ) if ("" !== r) { if ("" !== l && l !== r) { if (i = a[l + " " + r] \|\| a["* " + r], !i) for (n in a) if (o = n.split(" "), o[1] === r && (i = a[l + " " + o[0]] \|\| a["* " + o[0]])) { i === !0 ? i = a[n] : a[n] !== !0 && (r = o[0], u.splice(s--, 0, r)); break } if (i !== !0) if (i && e["throws"]) t = i(t); else try { t = i(t) } catch (c) { return { state: "parsererror", error: i ? c : "No conversion from " + l + " to " + r} } } l = r } return { state: "success", data: t} } b.ajaxSetup({ accepts: { script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript" }, contents: { script: /(?:java\|ecma)script/ }, converters: { "text script": function (e) { return b.globalEval(e), e } } }), b.ajaxPrefilter("script", function (e) { e.cache === t && (e.cache = !1), e.crossDomain && (e.type = "GET", e.global = !1) }), b.ajaxTransport("script", function (e) { if (e.crossDomain) { var n, r = o.head \|\| b("head")[0] \|\| o.documentElement; return { send: function (t, i) { n = o.createElement("script"), n.async = !0, e.scriptCharset && (n.charset = e.scriptCharset), n.src = e.url, n.onload = n.onreadystatechange = function (e, t) { (t \|\| !n.readyState \|\| /loaded\|complete/.test(n.readyState)) && (n.onload = n.onreadystatechange = null, n.parentNode && n.parentNode.removeChild(n), n = null, t \|\| i(200, "success")) }, r.insertBefore(n, r.firstChild) }, abort: function () { n && n.onload(t, !0) } } } }); var On = [], Bn = /(=)\?(?=&\|$)\|\?\?/; b.ajaxSetup({ jsonp: "callback", jsonpCallback: function () { var e = On.pop() \|\| b.expando + "_" + vn++; return this[e] = !0, e } }), b.ajaxPrefilter("json jsonp", function (n, r, i) { var o, a, s, u = n.jsonp !== !1 && (Bn.test(n.url) ? "url" : "string" == typeof n.data && !(n.contentType \|\| "").indexOf("application/x-www-form-urlencoded") && Bn.test(n.data) && "data"); return u \|\| "jsonp" === n.dataTypes[0] ? (o = n.jsonpCallback = b.isFunction(n.jsonpCallback) ? n.jsonpCallback() : n.jsonpCallback, u ? n[u] = n[u].replace(Bn, "$1" + o) : n.jsonp !== !1 && (n.url += (bn.test(n.url) ? "&" : "?") + n.jsonp + "=" + o), n.converters["script json"] = function () { return s \|\| b.error(o + " was not called"), s[0] }, n.dataTypes[0] = "json", a = e[o], e[o] = function () { s = arguments }, i.always(function () { e[o] = a, n[o] && (n.jsonpCallback = r.jsonpCallback, On.push(o)), s && b.isFunction(a) && a(s[0]), s = a = t }), "script") : t }); var Pn, Rn, Wn = 0, $n = e.ActiveXObject && function () { var e; for (e in Pn) Pn[e](t, !0) }; function In() { try { return new e.XMLHttpRequest } catch (t) { } } function zn() { try { return new e.ActiveXObject("Microsoft.XMLHTTP") } catch (t) { } } b.ajaxSettings.xhr = e.ActiveXObject ? function () { return !this.isLocal && In() \|\| zn() } : In, Rn = b.ajaxSettings.xhr(), b.support.cors = !!Rn && "withCredentials" in Rn, Rn = b.support.ajax = !!Rn, Rn && b.ajaxTransport(function (n) { if (!n.crossDomain \|\| b.support.cors) { var r; return { send: function (i, o) { var a, s, u = n.xhr(); if (n.username ? u.open(n.type, n.url, n.async, n.username, n.password) : u.open(n.type, n.url, n.async), n.xhrFields) for (s in n.xhrFields) u[s] = n.xhrFields[s]; n.mimeType && u.overrideMimeType && u.overrideMimeType(n.mimeType), n.crossDomain \|\| i["X-Requested-With"] \|\| (i["X-Requested-With"] = "XMLHttpRequest"); try { for (s in i) u.setRequestHeader(s, i[s]) } catch (l) { } u.send(n.hasContent && n.data \|\| null), r = function (e, i) { var s, l, c, p; try { if (r && (i \|\| 4 === u.readyState)) if (r = t, a && (u.onreadystatechange = b.noop, $n && delete Pn[a]), i) 4 !== u.readyState && u.abort(); else { p = {}, s = u.status, l = u.getAllResponseHeaders(), "string" == typeof u.responseText && (p.text = u.responseText); try { c = u.statusText } catch (f) { c = "" } s \|\| !n.isLocal \|\| n.crossDomain ? 1223 === s && (s = 204) : s = p.text ? 200 : 404 } } catch (d) { i \|\| o(-1, d) } p && o(s, c, p, l) }, n.async ? 4 === u.readyState ? setTimeout(r) : (a = ++Wn, $n && (Pn \|\| (Pn = {}, b(e).unload($n)), Pn[a] = r), u.onreadystatechange = r) : r() }, abort: function () { r && r(t, !0) } } } }); var Xn, Un, Vn = /^(?:toggle\|show\|hide)$/, Yn = RegExp("^(?:([+-])=\|)(" + x + ")([a-z%])$", "i"), Jn = /queueHooks$/, Gn = [nr], Qn = { "": [function (e, t) { var n, r, i = this.createTween(e, t), o = Yn.exec(t), a = i.cur(), s = +a \|\| 0, u = 1, l = 20; if (o) { if (n = +o[2], r = o[3] \|\| (b.cssNumber[e] ? "" : "px"), "px" !== r && s) { s = b.css(i.elem, e, !0) \|\| n \|\| 1; do u = u \|\| ".5", s /= u, b.style(i.elem, e, s + r); while (u !== (u = i.cur() / a) && 1 !== u && --l) } i.unit = r, i.start = s, i.end = o[1] ? s + (o[1] + 1) * n : n } return i } ] }; function Kn() { return setTimeout(function () { Xn = t }), Xn = b.now() } function Zn(e, t) { b.each(t, function (t, n) { var r = (Qn[t] \|\| []).concat(Qn[""]), i = 0, o = r.length; for (; o > i; i++) if (r[i].call(e, t, n)) return }) } function er(e, t, n) { var r, i, o = 0, a = Gn.length, s = b.Deferred().always(function () { delete u.elem }), u = function () { if (i) return !1; var t = Xn \|\| Kn(), n = Math.max(0, l.startTime + l.duration - t), r = n / l.duration \|\| 0, o = 1 - r, a = 0, u = l.tweens.length; for (; u > a; a++) l.tweens[a].run(o); return s.notifyWith(e, [l, o, n]), 1 > o && u ? n : (s.resolveWith(e, [l]), !1) }, l = s.promise({ elem: e, props: b.extend({}, t), opts: b.extend(!0, { specialEasing: {} }, n), originalProperties: t, originalOptions: n, startTime: Xn \|\| Kn(), duration: n.duration, tweens: [], createTween: function (t, n) { var r = b.Tween(e, l.opts, t, n, l.opts.specialEasing[t] \|\| l.opts.easing); return l.tweens.push(r), r }, stop: function (t) { var n = 0, r = t ? l.tweens.length : 0; if (i) return this; for (i = !0; r > n; n++) l.tweens[n].run(1); return t ? s.resolveWith(e, [l, t]) : s.rejectWith(e, [l, t]), this } }), c = l.props; for (tr(c, l.opts.specialEasing); a > o; o++) if (r = Gn[o].call(l, e, c, l.opts)) return r; return Zn(l, c), b.isFunction(l.opts.start) && l.opts.start.call(e, l), b.fx.timer(b.extend(u, { elem: e, anim: l, queue: l.opts.queue })), l.progress(l.opts.progress).done(l.opts.done, l.opts.complete).fail(l.opts.fail).always(l.opts.always) } function tr(e, t) { var n, r, i, o, a; for (i in e) if (r = b.camelCase(i), o = t[r], n = e[i], b.isArray(n) && (o = n[1], n = e[i] = n[0]), i !== r && (e[r] = n, delete e[i]), a = b.cssHooks[r], a && "expand" in a) { n = a.expand(n), delete e[r]; for (i in n) i in e \|\| (e[i] = n[i], t[i] = o) } else t[r] = o } b.Animation = b.extend(er, { tweener: function (e, t) { b.isFunction(e) ? (t = e, e = [""]) : e = e.split(" "); var n, r = 0, i = e.length; for (; i > r; r++) n = e[r], Qn[n] = Qn[n] \|\| [], Qn[n].unshift(t) }, prefilter: function (e, t) { t ? Gn.unshift(e) : Gn.push(e) } }); function nr(e, t, n) { var r, i, o, a, s, u, l, c, p, f = this, d = e.style, h = {}, g = [], m = e.nodeType && nn(e); n.queue \|\| (c = b._queueHooks(e, "fx"), null == c.unqueued && (c.unqueued = 0, p = c.empty.fire, c.empty.fire = function () { c.unqueued \|\| p() }), c.unqueued++, f.always(function () { f.always(function () { c.unqueued--, b.queue(e, "fx").length \|\| c.empty.fire() }) })), 1 === e.nodeType && ("height" in t \|\| "width" in t) && (n.overflow = [d.overflow, d.overflowX, d.overflowY], "inline" === b.css(e, "display") && "none" === b.css(e, "float") && (b.support.inlineBlockNeedsLayout && "inline" !== un(e.nodeName) ? d.zoom = 1 : d.display = "inline-block")), n.overflow && (d.overflow = "hidden", b.support.shrinkWrapBlocks \|\| f.always(function () { d.overflow = n.overflow[0], d.overflowX = n.overflow[1], d.overflowY = n.overflow[2] })); for (i in t) if (a = t[i], Vn.exec(a)) { if (delete t[i], u = u \|\| "toggle" === a, a === (m ? "hide" : "show")) continue; g.push(i) } if (o = g.length) { s = b._data(e, "fxshow") \|\| b._data(e, "fxshow", {}), "hidden" in s && (m = s.hidden), u && (s.hidden = !m), m ? b(e).show() : f.done(function () { b(e).hide() }), f.done(function () { var t; b._removeData(e, "fxshow"); for (t in h) b.style(e, t, h[t]) }); for (i = 0; o > i; i++) r = g[i], l = f.createTween(r, m ? s[r] : 0), h[r] = s[r] \|\| b.style(e, r), r in s \|\| (s[r] = l.start, m && (l.end = l.start, l.start = "width" === r \|\| "height" === r ? 1 : 0)) } } function rr(e, t, n, r, i) { return new rr.prototype.init(e, t, n, r, i) } b.Tween = rr, rr.prototype = { constructor: rr, init: function (e, t, n, r, i, o) { this.elem = e, this.prop = n, this.easing = i \|\| "swing", this.options = t, this.start = this.now = this.cur(), this.end = r, this.unit = o \|\| (b.cssNumber[n] ? "" : "px") }, cur: function () { var e = rr.propHooks[this.prop]; return e && e.get ? e.get(this) : rr.propHooks._default.get(this) }, run: function (e) { var t, n = rr.propHooks[this.prop]; return this.pos = t = this.options.duration ? b.easing[this.easing](e, this.options.duration * e, 0, 1, this.options.duration) : e, this.now = (this.end - this.start) * t + this.start, this.options.step && this.options.step.call(this.elem, this.now, this), n && n.set ? n.set(this) : rr.propHooks._default.set(this), this } }, rr.prototype.init.prototype = rr.prototype, rr.propHooks = { _default: { get: function (e) { var t; return null == e.elem[e.prop] \|\| e.elem.style && null != e.elem.style[e.prop] ? (t = b.css(e.elem, e.prop, ""), t && "auto" !== t ? t : 0) : e.elem[e.prop] }, set: function (e) { b.fx.step[e.prop] ? b.fx.step[e.prop](e) : e.elem.style && (null != e.elem.style[b.cssProps[e.prop]] \|\| b.cssHooks[e.prop]) ? b.style(e.elem, e.prop, e.now + e.unit) : e.elem[e.prop] = e.now } } }, rr.propHooks.scrollTop = rr.propHooks.scrollLeft = { set: function (e) { e.elem.nodeType && e.elem.parentNode && (e.elem[e.prop] = e.now) } }, b.each(["toggle", "show", "hide"], function (e, t) { var n = b.fn[t]; b.fn[t] = function (e, r, i) { return null == e \|\| "boolean" == typeof e ? n.apply(this, arguments) : this.animate(ir(t, !0), e, r, i) } }), b.fn.extend({ fadeTo: function (e, t, n, r) { return this.filter(nn).css("opacity", 0).show().end().animate({ opacity: t }, e, n, r) }, animate: function (e, t, n, r) { var i = b.isEmptyObject(e), o = b.speed(t, n, r), a = function () { var t = er(this, b.extend({}, e), o); a.finish = function () { t.stop(!0) }, (i \|\| b._data(this, "finish")) && t.stop(!0) }; return a.finish = a, i \|\| o.queue === !1 ? this.each(a) : this.queue(o.queue, a) }, stop: function (e, n, r) { var i = function (e) { var t = e.stop; delete e.stop, t(r) }; return "string" != typeof e && (r = n, n = e, e = t), n && e !== !1 && this.queue(e \|\| "fx", []), this.each(function () { var t = !0, n = null != e && e + "queueHooks", o = b.timers, a = b._data(this); if (n) a[n] && a[n].stop && i(a[n]); else for (n in a) a[n] && a[n].stop && Jn.test(n) && i(a[n]); for (n = o.length; n--; ) o[n].elem !== this \|\| null != e && o[n].queue !== e \|\| (o[n].anim.stop(r), t = !1, o.splice(n, 1)); (t \|\| !r) && b.dequeue(this, e) }) }, finish: function (e) { return e !== !1 && (e = e \|\| "fx"), this.each(function () { var t, n = b._data(this), r = n[e + "queue"], i = n[e + "queueHooks"], o = b.timers, a = r ? r.length : 0; for (n.finish = !0, b.queue(this, e, []), i && i.cur && i.cur.finish && i.cur.finish.call(this), t = o.length; t--; ) o[t].elem === this && o[t].queue === e && (o[t].anim.stop(!0), o.splice(t, 1)); for (t = 0; a > t; t++) r[t] && r[t].finish && r[t].finish.call(this); delete n.finish }) } }); function ir(e, t) { var n, r = { height: e }, i = 0; for (t = t ? 1 : 0; 4 > i; i += 2 - t) n = Zt[i], r["margin" + n] = r["padding" + n] = e; return t && (r.opacity = r.width = e), r } b.each({ slideDown: ir("show"), slideUp: ir("hide"), slideToggle: ir("toggle"), fadeIn: { opacity: "show" }, fadeOut: { opacity: "hide" }, fadeToggle: { opacity: "toggle"} }, function (e, t) { b.fn[e] = function (e, n, r) { return this.animate(t, e, n, r) } }), b.speed = function (e, t, n) { var r = e && "object" == typeof e ? b.extend({}, e) : { complete: n \|\| !n && t \|\| b.isFunction(e) && e, duration: e, easing: n && t \|\| t && !b.isFunction(t) && t }; return r.duration = b.fx.off ? 0 : "number" == typeof r.duration ? r.duration : r.duration in b.fx.speeds ? b.fx.speeds[r.duration] : b.fx.speeds._default, (null == r.queue \|\| r.queue === !0) && (r.queue = "fx"), r.old = r.complete, r.complete = function () { b.isFunction(r.old) && r.old.call(this), r.queue && b.dequeue(this, r.queue) }, r }, b.easing = { linear: function (e) { return e }, swing: function (e) { return .5 - Math.cos(e * Math.PI) / 2 } }, b.timers = [], b.fx = rr.prototype.init, b.fx.tick = function () { var e, n = b.timers, r = 0; for (Xn = b.now(); n.length > r; r++) e = n[r], e() \|\| n[r] !== e \|\| n.splice(r--, 1); n.length \|\| b.fx.stop(), Xn = t }, b.fx.timer = function (e) { e() && b.timers.push(e) && b.fx.start() }, b.fx.interval = 13, b.fx.start = function () { Un \|\| (Un = setInterval(b.fx.tick, b.fx.interval)) }, b.fx.stop = function () { clearInterval(Un), Un = null }, b.fx.speeds = { slow: 600, fast: 200, _default: 400 }, b.fx.step = {}, b.expr && b.expr.filters && (b.expr.filters.animated = function (e) { return b.grep(b.timers, function (t) { return e === t.elem }).length }), b.fn.offset = function (e) { if (arguments.length) return e === t ? this : this.each(function (t) { b.offset.setOffset(this, e, t) }); var n, r, o = { top: 0, left: 0 }, a = this[0], s = a && a.ownerDocument; if (s) return n = s.documentElement, b.contains(n, a) ? (typeof a.getBoundingClientRect !== i && (o = a.getBoundingClientRect()), r = or(s), { top: o.top + (r.pageYOffset \|\| n.scrollTop) - (n.clientTop \|\| 0), left: o.left + (r.pageXOffset \|\| n.scrollLeft) - (n.clientLeft \|\| 0) }) : o }, b.offset = { setOffset: function (e, t, n) { var r = b.css(e, "position"); "static" === r && (e.style.position = "relative"); var i = b(e), o = i.offset(), a = b.css(e, "top"), s = b.css(e, "left"), u = ("absolute" === r \|\| "fixed" === r) && b.inArray("auto", [a, s]) > -1, l = {}, c = {}, p, f; u ? (c = i.position(), p = c.top, f = c.left) : (p = parseFloat(a) \|\| 0, f = parseFloat(s) \|\| 0), b.isFunction(t) && (t = t.call(e, n, o)), null != t.top && (l.top = t.top - o.top + p), null != t.left && (l.left = t.left - o.left + f), "using" in t ? t.using.call(e, l) : i.css(l) } }, b.fn.extend({ position: function () { if (this[0]) { var e, t, n = { top: 0, left: 0 }, r = this[0]; return "fixed" === b.css(r, "position") ? t = r.getBoundingClientRect() : (e = this.offsetParent(), t = this.offset(), b.nodeName(e[0], "html") \|\| (n = e.offset()), n.top += b.css(e[0], "borderTopWidth", !0), n.left += b.css(e[0], "borderLeftWidth", !0)), { top: t.top - n.top - b.css(r, "marginTop", !0), left: t.left - n.left - b.css(r, "marginLeft", !0)} } }, offsetParent: function () { return this.map(function () { var e = this.offsetParent \|\| o.documentElement; while (e && !b.nodeName(e, "html") && "static" === b.css(e, "position")) e = e.offsetParent; return e \|\| o.documentElement }) } }), b.each({ scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function (e, n) { var r = /Y/.test(n); b.fn[e] = function (i) { return b.access(this, function (e, i, o) { var a = or(e); return o === t ? a ? n in a ? a[n] : a.document.documentElement[i] : e[i] : (a ? a.scrollTo(r ? b(a).scrollLeft() : o, r ? o : b(a).scrollTop()) : e[i] = o, t) }, e, i, arguments.length, null) } }); function or(e) { return b.isWindow(e) ? e : 9 === e.nodeType ? e.defaultView \|\| e.parentWindow : !1 } b.each({ Height: "height", Width: "width" }, function (e, n) { b.each({ padding: "inner" + e, content: n, "": "outer" + e }, function (r, i) { b.fn[i] = function (i, o) { var a = arguments.length && (r \|\| "boolean" != typeof i), s = r \|\| (i === !0 \|\| o === !0 ? "margin" : "border"); return b.access(this, function (n, r, i) { var o; return b.isWindow(n) ? n.document.documentElement["client" + e] : 9 === n.nodeType ? (o = n.documentElement, Math.max(n.body["scroll" + e], o["scroll" + e], n.body["offset" + e], o["offset" + e], o["client" + e])) : i === t ? b.css(n, r, s) : b.style(n, r, i, s) }, n, a ? i : t, a, null) } }) }), e.jQuery = e.$ = b, "function" == typeof define && define.amd && define.amd.jQuery && define("jquery", [], function () { return b })
20	+ })(window);

js/bannerslider/jssor.js ADDED Viewed

	@@ -0,0 +1,2850 @@


1	+ /*
2	+ * Jssor 18.0
3	+ * http://www.jssor.com/
4	+ *
5	+ * Licensed under the MIT license:
6	+ * http://www.opensource.org/licenses/MIT
7	+ *
8	+ * TERMS OF USE - Jssor
9	+ *
10	+ * Copyright 2014 Jssor
11	+ *
12	+ * Permission is hereby granted, free of charge, to any person obtaining
13	+ * a copy of this software and associated documentation files (the
14	+ * "Software"), to deal in the Software without restriction, including
15	+ * without limitation the rights to use, copy, modify, merge, publish,
16	+ * distribute, sublicense, and/or sell copies of the Software, and to
17	+ * permit persons to whom the Software is furnished to do so, subject to
18	+ * the following conditions:
19	+ *
20	+ * The above copyright notice and this permission notice shall be
21	+ * included in all copies or substantial portions of the Software.
22	+ *
23	+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
24	+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
25	+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
26	+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
27	+ * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
28	+ * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
29	+ * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
30	+ */
31	+
32	+ /! Jssor /
33	+
34	+ //$JssorDebug$
35	+ var $JssorDebug$ = new function () {
36	+
37	+ this.$DebugMode = true;
38	+
39	+ // Methods
40	+
41	+ this.$Log = function (msg, important) {
42	+ var console = window.console \|\| {};
43	+ var debug = this.$DebugMode;
44	+
45	+ if (debug && console.log) {
46	+ console.log(msg);
47	+ } else if (debug && important) {
48	+ alert(msg);
49	+ }
50	+ };
51	+
52	+ this.$Error = function (msg, e) {
53	+ var console = window.console \|\| {};
54	+ var debug = this.$DebugMode;
55	+
56	+ if (debug && console.error) {
57	+ console.error(msg);
58	+ } else if (debug) {
59	+ alert(msg);
60	+ }
61	+
62	+ if (debug) {
63	+ // since we're debugging, fail fast by crashing
64	+ throw e \|\| new Error(msg);
65	+ }
66	+ };
67	+
68	+ this.$Fail = function (msg) {
69	+ throw new Error(msg);
70	+ };
71	+
72	+ this.$Assert = function (value, msg) {
73	+ var debug = this.$DebugMode;
74	+ if (debug) {
75	+ if (!value)
76	+ throw new Error("Assert failed " + msg \|\| "");
77	+ }
78	+ };
79	+
80	+ this.$Trace = function (msg) {
81	+ var console = window.console \|\| {};
82	+ var debug = this.$DebugMode;
83	+
84	+ if (debug && console.log) {
85	+ console.log(msg);
86	+ }
87	+ };
88	+
89	+ this.$Execute = function (func) {
90	+ var debug = this.$DebugMode;
91	+ if (debug)
92	+ func();
93	+ };
94	+
95	+ this.$LiveStamp = function (obj, id) {
96	+ var debug = this.$DebugMode;
97	+ if (debug) {
98	+ var stamp = document.createElement("DIV");
99	+ stamp.setAttribute("id", id);
100	+
101	+ obj.$Live = stamp;
102	+ }
103	+ };
104	+
105	+ this.$C_AbstractMethod = function () {
106	+ /// <summary>
107	+ /// Tells compiler the method is abstract, it should be implemented by subclass.
108	+ /// </summary>
109	+
110	+ throw new Error("The method is abstract, it should be implemented by subclass.");
111	+ };
112	+
113	+ function C_AbstractClass (instance) {
114	+ /// <summary>
115	+ /// Tells compiler the class is abstract, it should be implemented by subclass.
116	+ /// </summary>
117	+
118	+ if(instance.constructor === C_AbstractClass.caller)
119	+ throw new Error("Cannot create instance of an abstract class.");
120	+ }
121	+
122	+ this.$C_AbstractClass = C_AbstractClass;
123	+ };
124	+
125	+ //$JssorEasing$
126	+ var $JssorEasing$ = window.$JssorEasing$ = {
127	+ $EaseLinear: function (t) {
128	+ return t;
129	+ },
130	+ $EaseGoBack: function (t) {
131	+ return 1 - Math.abs((t *= 2) - 1);
132	+ },
133	+ $EaseSwing: function (t) {
134	+ return -Math.cos(t * Math.PI) / 2 + .5;
135	+ },
136	+ $EaseInQuad: function (t) {
137	+ return t * t;
138	+ },
139	+ $EaseOutQuad: function (t) {
140	+ return -t * (t - 2);
141	+ },
142	+ $EaseInOutQuad: function (t) {
143	+ return (t = 2) < 1 ? 1 / 2 t * t : -1 / 2 * (--t * (t - 2) - 1);
144	+ },
145	+ $EaseInCubic: function (t) {
146	+ return t * t * t;
147	+ },
148	+ $EaseOutCubic: function (t) {
149	+ return (t -= 1) * t * t + 1;
150	+ },
151	+ $EaseInOutCubic: function (t) {
152	+ return (t = 2) < 1 ? 1 / 2 t * t * t : 1 / 2 * ((t -= 2) * t * t + 2);
153	+ },
154	+ $EaseInQuart: function (t) {
155	+ return t * t * t * t;
156	+ },
157	+ $EaseOutQuart: function (t) {
158	+ return -((t -= 1) * t * t * t - 1);
159	+ },
160	+ $EaseInOutQuart: function (t) {
161	+ return (t = 2) < 1 ? 1 / 2 t * t * t * t : -1 / 2 * ((t -= 2) * t * t * t - 2);
162	+ },
163	+ $EaseInQuint: function (t) {
164	+ return t * t * t * t * t;
165	+ },
166	+ $EaseOutQuint: function (t) {
167	+ return (t -= 1) * t * t * t * t + 1;
168	+ },
169	+ $EaseInOutQuint: function (t) {
170	+ return (t = 2) < 1 ? 1 / 2 t * t * t * t * t : 1 / 2 * ((t -= 2) * t * t * t * t + 2);
171	+ },
172	+ $EaseInSine: function (t) {
173	+ return 1 - Math.cos(t * Math.PI / 2);
174	+ },
175	+ $EaseOutSine: function (t) {
176	+ return Math.sin(t * Math.PI / 2);
177	+ },
178	+ $EaseInOutSine: function (t) {
179	+ return -1 / 2 * (Math.cos(Math.PI * t) - 1);
180	+ },
181	+ $EaseInExpo: function (t) {
182	+ return t == 0 ? 0 : Math.pow(2, 10 * (t - 1));
183	+ },
184	+ $EaseOutExpo: function (t) {
185	+ return t == 1 ? 1 : -Math.pow(2, -10 * t) + 1;
186	+ },
187	+ $EaseInOutExpo: function (t) {
188	+ return t == 0 \|\| t == 1 ? t : (t = 2) < 1 ? 1 / 2 Math.pow(2, 10 * (t - 1)) : 1 / 2 * (-Math.pow(2, -10 * --t) + 2);
189	+ },
190	+ $EaseInCirc: function (t) {
191	+ return -(Math.sqrt(1 - t * t) - 1);
192	+ },
193	+ $EaseOutCirc: function (t) {
194	+ return Math.sqrt(1 - (t -= 1) * t);
195	+ },
196	+ $EaseInOutCirc: function (t) {
197	+ return (t = 2) < 1 ? -1 / 2 (Math.sqrt(1 - t * t) - 1) : 1 / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1);
198	+ },
199	+ $EaseInElastic: function (t) {
200	+ if (!t \|\| t == 1)
201	+ return t;
202	+ var p = .3, s = .075;
203	+ return -(Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * 2 * Math.PI / p));
204	+ },
205	+ $EaseOutElastic: function (t) {
206	+ if (!t \|\| t == 1)
207	+ return t;
208	+ var p = .3, s = .075;
209	+ return Math.pow(2, -10 * t) * Math.sin((t - s) * 2 * Math.PI / p) + 1;
210	+ },
211	+ $EaseInOutElastic: function (t) {
212	+ if (!t \|\| t == 1)
213	+ return t;
214	+ var p = .45, s = .1125;
215	+ return (t = 2) < 1 ? -.5 Math.pow(2, 10 * (t -= 1)) * Math.sin((t - s) * 2 * Math.PI / p) : Math.pow(2, -10 * (t -= 1)) * Math.sin((t - s) * 2 * Math.PI / p) * .5 + 1;
216	+ },
217	+ $EaseInBack: function (t) {
218	+ var s = 1.70158;
219	+ return t * t * ((s + 1) * t - s);
220	+ },
221	+ $EaseOutBack: function (t) {
222	+ var s = 1.70158;
223	+ return (t -= 1) * t * ((s + 1) * t + s) + 1;
224	+ },
225	+ $EaseInOutBack: function (t) {
226	+ var s = 1.70158;
227	+ return (t = 2) < 1 ? 1 / 2 t * t * (((s = 1.525) + 1) t - s) : 1 / 2 * ((t -= 2) * t * (((s = 1.525) + 1) t + s) + 2);
228	+ },
229	+ $EaseInBounce: function (t) {
230	+ return 1 - $JssorEasing$.$EaseOutBounce(1 - t)
231	+ },
232	+ $EaseOutBounce: function (t) {
233	+ return t < 1 / 2.75 ? 7.5625 * t * t : t < 2 / 2.75 ? 7.5625 * (t -= 1.5 / 2.75) * t + .75 : t < 2.5 / 2.75 ? 7.5625 * (t -= 2.25 / 2.75) * t + .9375 : 7.5625 * (t -= 2.625 / 2.75) * t + .984375;
234	+ },
235	+ $EaseInOutBounce: function (t) {
236	+ return t < 1 / 2 ? $JssorEasing$.$EaseInBounce(t * 2) * .5 : $JssorEasing$.$EaseOutBounce(t * 2 - 1) * .5 + .5;
237	+ },
238	+ $EaseInWave: function (t) {
239	+ return 1 - Math.cos(t * Math.PI * 2)
240	+ },
241	+ $EaseOutWave: function (t) {
242	+ return Math.sin(t * Math.PI * 2);
243	+ },
244	+ $EaseOutJump: function (t) {
245	+ return 1 - (((t = 2) < 1) ? (t = 1 - t) t * t : (t -= 1) * t * t);
246	+ },
247	+ $EaseInJump: function (t) {
248	+ return ((t = 2) < 1) ? t t * t : (t = 2 - t) * t * t;
249	+ }
250	+ };
251	+
252	+ var $JssorDirection$ = window.$JssorDirection$ = {
253	+ $TO_LEFT: 0x0001,
254	+ $TO_RIGHT: 0x0002,
255	+ $TO_TOP: 0x0004,
256	+ $TO_BOTTOM: 0x0008,
257	+ $HORIZONTAL: 0x0003,
258	+ $VERTICAL: 0x000C,
259	+ $LEFTRIGHT: 0x0003,
260	+ $TOPBOTOM: 0x000C,
261	+ $TOPLEFT: 0x0005,
262	+ $TOPRIGHT: 0x0006,
263	+ $BOTTOMLEFT: 0x0009,
264	+ $BOTTOMRIGHT: 0x000A,
265	+ $AROUND: 0x000F,
266	+
267	+ $GetDirectionHorizontal: function (direction) {
268	+ return direction & 0x0003;
269	+ },
270	+ $GetDirectionVertical: function (direction) {
271	+ return direction & 0x000C;
272	+ },
273	+ $ChessHorizontal: function (direction) {
274	+ return (~direction & 0x0003) + (direction & 0x000C);
275	+ },
276	+ $ChessVertical: function (direction) {
277	+ return (~direction & 0x000C) + (direction & 0x0003);
278	+ },
279	+ $IsToLeft: function (direction) {
280	+ return (direction & 0x0003) == 0x0001;
281	+ },
282	+ $IsToRight: function (direction) {
283	+ return (direction & 0x0003) == 0x0002;
284	+ },
285	+ $IsToTop: function (direction) {
286	+ return (direction & 0x000C) == 0x0004;
287	+ },
288	+ $IsToBottom: function (direction) {
289	+ return (direction & 0x000C) == 0x0008;
290	+ },
291	+ $IsHorizontal: function (direction) {
292	+ return (direction & 0x0003) > 0;
293	+ },
294	+ $IsVertical: function (direction) {
295	+ return (direction & 0x000C) > 0;
296	+ }
297	+ };
298	+
299	+ var $JssorKeyCode$ = {
300	+ $BACKSPACE: 8,
301	+ $COMMA: 188,
302	+ $DELETE: 46,
303	+ $DOWN: 40,
304	+ $END: 35,
305	+ $ENTER: 13,
306	+ $ESCAPE: 27,
307	+ $HOME: 36,
308	+ $LEFT: 37,
309	+ $NUMPAD_ADD: 107,
310	+ $NUMPAD_DECIMAL: 110,
311	+ $NUMPAD_DIVIDE: 111,
312	+ $NUMPAD_ENTER: 108,
313	+ $NUMPAD_MULTIPLY: 106,
314	+ $NUMPAD_SUBTRACT: 109,
315	+ $PAGE_DOWN: 34,
316	+ $PAGE_UP: 33,
317	+ $PERIOD: 190,
318	+ $RIGHT: 39,
319	+ $SPACE: 32,
320	+ $TAB: 9,
321	+ $UP: 38
322	+ };
323	+
324	+ var $JssorAlignment$ = {
325	+ $TopLeft: 0x11,
326	+ $TopCenter: 0x12,
327	+ $TopRight: 0x14,
328	+ $MiddleLeft: 0x21,
329	+ $MiddleCenter: 0x22,
330	+ $MiddleRight: 0x24,
331	+ $BottomLeft: 0x41,
332	+ $BottomCenter: 0x42,
333	+ $BottomRight: 0x44,
334	+
335	+ $IsTop: function (aligment) {
336	+ return aligment & 0x10 > 0;
337	+ },
338	+ $IsMiddle: function (alignment) {
339	+ return alignment & 0x20 > 0;
340	+ },
341	+ $IsBottom: function (alignment) {
342	+ return alignment & 0x40 > 0;
343	+ },
344	+ $IsLeft: function (alignment) {
345	+ return alignment & 0x01 > 0;
346	+ },
347	+ $IsCenter: function (alignment) {
348	+ return alignment & 0x02 > 0;
349	+ },
350	+ $IsRight: function (alignment) {
351	+ return alignment & 0x04 > 0;
352	+ }
353	+ };
354	+
355	+ var $JssorMatrix$;
356	+
357	+ var $JssorAnimator$;
358	+
359	+ // $Jssor$ is a static class, so make it singleton instance
360	+ var $Jssor$ = window.$Jssor$ = new function () {
361	+ // Fields
362	+ var _This = this;
363	+
364	+ var REGEX_WHITESPACE_GLOBAL = /\S+/g;
365	+
366	+ var ROWSER_UNKNOWN = 0;
367	+ var BROWSER_IE = 1;
368	+ var BROWSER_FIREFOX = 2;
369	+ var BROWSER_FIREFOX = 3;
370	+ var BROWSER_CHROME = 4;
371	+ var BROWSER_OPERA = 5;
372	+
373	+ //var arrActiveX = ["Msxml2.XMLHTTP", "Msxml3.XMLHTTP", "Microsoft.XMLHTTP"];
374	+
375	+ var browser = 0;
376	+ var browserRuntimeVersion = 0;
377	+ var browserEngineVersion = 0;
378	+ var browserJavascriptVersion = 0;
379	+ var webkitVersion = 0;
380	+
381	+ var app = navigator.appName;
382	+ var ver = navigator.appVersion;
383	+ var ua = navigator.userAgent;
384	+
385	+ var _DocElmt = document.documentElement;
386	+ var _TransformProperty;
387	+
388	+ function DetectBrowser() {
389	+ if (!browser) {
390	+ if (app == "Microsoft Internet Explorer" &&
391	+ !!window.attachEvent && !!window.ActiveXObject) {
392	+
393	+ var ieOffset = ua.indexOf("MSIE");
394	+ browser = BROWSER_IE;
395	+ browserEngineVersion = ParseFloat(ua.substring(ieOffset + 5, ua.indexOf(";", ieOffset)));
396	+
397	+ //check IE javascript version
398	+ /*@cc_on
399	+ browserJavascriptVersion = @_jscript_version;
400	+ @*/
401	+
402	+ // update: for intranet sites and compat view list sites, IE sends
403	+ // an IE7 User-Agent to the server to be interoperable, and even if
404	+ // the page requests a later IE version, IE will still report the
405	+ // IE7 UA to JS. we should be robust to self
406	+ //var docMode = document.documentMode;
407	+ //if (typeof docMode !== "undefined") {
408	+ // browserRuntimeVersion = docMode;
409	+ //}
410	+
411	+ browserRuntimeVersion = document.documentMode \|\| browserEngineVersion;
412	+
413	+ }
414	+ else if (app == "Netscape" && !!window.addEventListener) {
415	+
416	+ var ffOffset = ua.indexOf("Firefox");
417	+ var saOffset = ua.indexOf("Safari");
418	+ var chOffset = ua.indexOf("Chrome");
419	+ var webkitOffset = ua.indexOf("AppleWebKit");
420	+
421	+ if (ffOffset >= 0) {
422	+ browser = BROWSER_FIREFOX;
423	+ browserRuntimeVersion = ParseFloat(ua.substring(ffOffset + 8));
424	+ }
425	+ else if (saOffset >= 0) {
426	+ var slash = ua.substring(0, saOffset).lastIndexOf("/");
427	+ browser = (chOffset >= 0) ? BROWSER_CHROME : BROWSER_FIREFOX;
428	+ browserRuntimeVersion = ParseFloat(ua.substring(slash + 1, saOffset));
429	+ }
430	+
431	+ if (webkitOffset >= 0)
432	+ webkitVersion = ParseFloat(ua.substring(webkitOffset + 12));
433	+ }
434	+ else {
435	+ var match = /(opera)(?:.*version\|)[ \/]([\w.]+)/i.exec(ua);
436	+ if (match) {
437	+ browser = BROWSER_OPERA;
438	+ browserRuntimeVersion = ParseFloat(match[2]);
439	+ }
440	+ }
441	+ }
442	+ }
443	+
444	+ function IsBrowserIE() {
445	+ DetectBrowser();
446	+ return browser == BROWSER_IE;
447	+ }
448	+
449	+ function IsBrowserIeQuirks() {
450	+ return IsBrowserIE() && (browserRuntimeVersion < 6 \|\| document.compatMode == "BackCompat"); //Composite to "CSS1Compat"
451	+ }
452	+
453	+ function IsBrowserFireFox() {
454	+ DetectBrowser();
455	+ return browser == BROWSER_FIREFOX;
456	+ }
457	+
458	+ function IsBrowserSafari() {
459	+ DetectBrowser();
460	+ return browser == BROWSER_FIREFOX;
461	+ }
462	+
463	+ function IsBrowserChrome() {
464	+ DetectBrowser();
465	+ return browser == BROWSER_CHROME;
466	+ }
467	+
468	+ function IsBrowserOpera() {
469	+ DetectBrowser();
470	+ return browser == BROWSER_OPERA;
471	+ }
472	+
473	+ function IsBrowserBadTransform() {
474	+ return IsBrowserSafari() && (webkitVersion > 534) && (webkitVersion < 535);
475	+ }
476	+
477	+ function IsBrowserIe9Earlier() {
478	+ return IsBrowserIE() && browserRuntimeVersion < 9;
479	+ }
480	+
481	+ function GetTransformProperty(elmt) {
482	+
483	+ if (!_TransformProperty) {
484	+ // Note that in some versions of IE9 it is critical that
485	+ // msTransform appear in this list before MozTransform
486	+
487	+ each(['transform', 'WebkitTransform', 'msTransform', 'MozTransform', 'OTransform'], function (property) {
488	+ if (elmt.style[property] != undefined) {
489	+ _TransformProperty = property;
490	+ return true;
491	+ }
492	+ });
493	+
494	+ _TransformProperty = _TransformProperty \|\| "transform";
495	+ }
496	+
497	+ return _TransformProperty;
498	+ }
499	+
500	+ // Helpers
501	+ function getOffsetParent(elmt, isFixed) {
502	+ // IE and Opera "fixed" position elements don't have offset parents.
503	+ // regardless, if it's fixed, its offset parent is the body.
504	+ if (isFixed && elmt != document.body) {
505	+ return document.body;
506	+ } else {
507	+ return elmt.offsetParent;
508	+ }
509	+ }
510	+
511	+ function toString(obj) {
512	+ return Object.prototype.toString.call(obj);
513	+ }
514	+
515	+ // [[Class]] -> type pairs
516	+ var class2type;
517	+
518	+ function each(object, callback) {
519	+ if (toString(object) == "[object Array]") {
520	+ for (var i = 0; i < object.length; i++) {
521	+ if (callback(object[i], i, object)) {
522	+ return true;
523	+ }
524	+ }
525	+ }
526	+ else {
527	+ for (var name in object) {
528	+ if (callback(object[name], name, object)) {
529	+ return true;
530	+ }
531	+ }
532	+ }
533	+ }
534	+
535	+ function GetClass2Type() {
536	+ if (!class2type) {
537	+ class2type = {};
538	+ each(["Boolean", "Number", "String", "Function", "Array", "Date", "RegExp", "Object"], function (name) {
539	+ class2type["[object " + name + "]"] = name.toLowerCase();
540	+ });
541	+ }
542	+
543	+ return class2type;
544	+ }
545	+
546	+ function type(obj) {
547	+ return obj == null ? String(obj) : GetClass2Type()[toString(obj)] \|\| "object";
548	+ }
549	+
550	+ function isPlainObject(obj) {
551	+ // Must be an Object.
552	+ // Because of IE, we also have to check the presence of the constructor property.
553	+ // Make sure that DOM nodes and window objects don't pass through, as well
554	+ if (!obj \|\| type(obj) !== "object" \|\| obj.nodeType \|\| _This.$IsWindow(obj)) {
555	+ return false;
556	+ }
557	+
558	+ var hasOwn = Object.prototype.hasOwnProperty;
559	+
560	+ try {
561	+ // Not own constructor property must be Object
562	+ if (obj.constructor &&
563	+ !hasOwn.call(obj, "constructor") &&
564	+ !hasOwn.call(obj.constructor.prototype, "isPrototypeOf")) {
565	+ return false;
566	+ }
567	+ } catch (e) {
568	+ // IE8,9 Will throw exceptions on certain host objects #9897
569	+ return false;
570	+ }
571	+
572	+ // Own properties are enumerated firstly, so to speed up,
573	+ // if last one is own, then all properties are own.
574	+
575	+ var key;
576	+ for (key in obj) { }
577	+
578	+ return key === undefined \|\| hasOwn.call(obj, key);
579	+ }
580	+
581	+ function Point(x, y) {
582	+ return { x: x, y: y };
583	+ }
584	+
585	+ function Delay(code, delay) {
586	+ setTimeout(code, delay \|\| 0);
587	+ }
588	+
589	+ function RemoveByReg(str, reg) {
590	+ var m = reg.exec(str);
591	+
592	+ if (m) {
593	+ var header = str.substr(0, m.index);
594	+ var tailer = str.substr(m.lastIndex + 1, str.length - (m.lastIndex + 1));
595	+ str = header + tailer;
596	+ }
597	+
598	+ return str;
599	+ }
600	+
601	+ function BuildNewCss(oldCss, removeRegs, replaceValue) {
602	+ var css = (!oldCss \|\| oldCss == "inherit") ? "" : oldCss;
603	+
604	+ each(removeRegs, function (removeReg) {
605	+ var m = removeReg.exec(css);
606	+
607	+ if (m) {
608	+ var header = css.substr(0, m.index);
609	+ var tailer = css.substr(m.lastIndex + 1, css.length - (m.lastIndex + 1));
610	+ css = header + tailer;
611	+ }
612	+ });
613	+
614	+ css = replaceValue + (css.indexOf(" ") != 0 ? " " : "") + css;
615	+
616	+ return css;
617	+ }
618	+
619	+ function SetStyleFilterIE(elmt, value) {
620	+ if (browserRuntimeVersion < 9) {
621	+ elmt.style.filter = value;
622	+ }
623	+ }
624	+
625	+ function SetStyleMatrixIE(elmt, matrix, offset) {
626	+ //matrix is not for ie9+ running in ie8- mode
627	+ if (browserJavascriptVersion < 9) {
628	+ var oldFilterValue = elmt.style.filter;
629	+ var matrixReg = new RegExp(/[\s]progid:DXImageTransform\.Microsoft\.Matrix$[^$]\)/g);
630	+ var matrixValue = matrix ? "progid:DXImageTransform.Microsoft.Matrix(" + "M11=" + matrix[0][0] + ", M12=" + matrix[0][1] + ", M21=" + matrix[1][0] + ", M22=" + matrix[1][1] + ", SizingMethod='auto expand')" : "";
631	+
632	+ var newFilterValue = BuildNewCss(oldFilterValue, [matrixReg], matrixValue);
633	+
634	+ SetStyleFilterIE(elmt, newFilterValue);
635	+
636	+ _This.$CssMarginTop(elmt, offset.y);
637	+ _This.$CssMarginLeft(elmt, offset.x);
638	+ }
639	+ }
640	+
641	+ // Methods
642	+
643	+ _This.$IsBrowserIE = IsBrowserIE;
644	+
645	+ _This.$IsBrowserIeQuirks = IsBrowserIeQuirks;
646	+
647	+ _This.$IsBrowserFireFox = IsBrowserFireFox;
648	+
649	+ _This.$IsBrowserSafari = IsBrowserSafari;
650	+
651	+ _This.$IsBrowserChrome = IsBrowserChrome;
652	+
653	+ _This.$IsBrowserOpera = IsBrowserOpera;
654	+
655	+ _This.$IsBrowserBadTransform = IsBrowserBadTransform;
656	+
657	+ _This.$IsBrowserIe9Earlier = IsBrowserIe9Earlier;
658	+
659	+ _This.$BrowserVersion = function () {
660	+ return browserRuntimeVersion;
661	+ };
662	+
663	+ _This.$BrowserEngineVersion = function () {
664	+ return browserEngineVersion \|\| browserRuntimeVersion;
665	+ };
666	+
667	+ _This.$WebKitVersion = function () {
668	+ DetectBrowser();
669	+
670	+ return webkitVersion;
671	+ };
672	+
673	+ _This.$Delay = Delay;
674	+
675	+ _This.$Inherit = function (instance, baseClass) {
676	+ baseClass.apply(instance, [].slice.call(arguments, 2));
677	+ return Extend({}, instance);
678	+ };
679	+
680	+ function Construct(instance, constructor) {
681	+ instance.constructor === Construct.caller && instance.$Construct && instance.$Construct();
682	+ }
683	+
684	+ _This.$Construct = Construct;
685	+
686	+ _This.$GetElement = function (elmt) {
687	+ if (_This.$IsString(elmt)) {
688	+ elmt = document.getElementById(elmt);
689	+ }
690	+
691	+ return elmt;
692	+ };
693	+
694	+ function GetEvent(event) {
695	+ return event \|\| window.event;
696	+ }
697	+
698	+ _This.$GetEvent = GetEvent;
699	+
700	+ _This.$EventSrc = function (event) {
701	+ event = GetEvent(event);
702	+ return event.target \|\| event.srcElement \|\| document;
703	+ };
704	+
705	+ _This.$EventDst = function (event) {
706	+ event = GetEvent(event);
707	+ return event.relatedTarget \|\| event.toElement;
708	+ };
709	+
710	+ _This.$MousePosition = function (event) {
711	+ event = GetEvent(event);
712	+ var body = document.body;
713	+
714	+ return {
715	+ x: event.pageX \|\| event.clientX + (_DocElmt.scrollLeft \|\| body.scrollLeft \|\| 0) - (_DocElmt.clientLeft \|\| body.clientLeft \|\| 0) \|\| 0,
716	+ y: event.pageY \|\| event.clientY + (_DocElmt.scrollTop \|\| body.scrollTop \|\| 0) - (_DocElmt.clientTop \|\| body.clientTop \|\| 0) \|\| 0
717	+ };
718	+ };
719	+
720	+ _This.$PageScroll = function () {
721	+ var body = document.body;
722	+
723	+ return {
724	+ x: (window.pageXOffset \|\| _DocElmt.scrollLeft \|\| body.scrollLeft \|\| 0) - (_DocElmt.clientLeft \|\| body.clientLeft \|\| 0),
725	+ y: (window.pageYOffset \|\| _DocElmt.scrollTop \|\| body.scrollTop \|\| 0) - (_DocElmt.clientTop \|\| body.clientTop \|\| 0)
726	+ };
727	+ };
728	+
729	+ _This.$WindowSize = function () {
730	+ var body = document.body;
731	+
732	+ return {
733	+ x: body.clientWidth \|\| _DocElmt.clientWidth,
734	+ y: body.clientHeight \|\| _DocElmt.clientHeight
735	+ };
736	+ };
737	+
738	+ //_This.$GetElementPosition = function (elmt) {
739	+ // elmt = _This.$GetElement(elmt);
740	+ // var result = Point();
741	+
742	+ // // technique from:
743	+ // // http://www.quirksmode.org/js/findpos.html
744	+ // // with special check for "fixed" elements.
745	+
746	+ // while (elmt) {
747	+ // result.x += elmt.offsetLeft;
748	+ // result.y += elmt.offsetTop;
749	+
750	+ // var isFixed = _This.$GetElementStyle(elmt).position == "fixed";
751	+
752	+ // if (isFixed) {
753	+ // result = result.$Plus(_This.$PageScroll(window));
754	+ // }
755	+
756	+ // elmt = getOffsetParent(elmt, isFixed);
757	+ // }
758	+
759	+ // return result;
760	+ //};
761	+
762	+ //_This.$GetMouseScroll = function (event) {
763	+ // event = GetEvent(event);
764	+ // var delta = 0; // default value
765	+
766	+ // // technique from:
767	+ // // http://blog.paranoidferret.com/index.php/2007/10/31/javascript-tutorial-the-scroll-wheel/
768	+
769	+ // if (typeof (event.wheelDelta) == "number") {
770	+ // delta = event.wheelDelta;
771	+ // } else if (typeof (event.detail) == "number") {
772	+ // delta = event.detail * -1;
773	+ // } else {
774	+ // $JssorDebug$.$Fail("Unknown event mouse scroll, no known technique.");
775	+ // }
776	+
777	+ // // normalize value to [-1, 1]
778	+ // return delta ? delta / Math.abs(delta) : 0;
779	+ //};
780	+
781	+ //_This.$MakeAjaxRequest = function (url, callback) {
782	+ // var async = typeof (callback) == "function";
783	+ // var req = null;
784	+
785	+ // if (async) {
786	+ // var actual = callback;
787	+ // var callback = function () {
788	+ // Delay($Jssor$.$CreateCallback(null, actual, req), 1);
789	+ // };
790	+ // }
791	+
792	+ // if (window.ActiveXObject) {
793	+ // for (var i = 0; i < arrActiveX.length; i++) {
794	+ // try {
795	+ // req = new ActiveXObject(arrActiveX[i]);
796	+ // break;
797	+ // } catch (e) {
798	+ // continue;
799	+ // }
800	+ // }
801	+ // } else if (window.XMLHttpRequest) {
802	+ // req = new XMLHttpRequest();
803	+ // }
804	+
805	+ // if (!req) {
806	+ // $JssorDebug$.$Fail("Browser doesn't support XMLHttpRequest.");
807	+ // }
808	+
809	+ // if (async) {
810	+ // req.onreadystatechange = function () {
811	+ // if (req.readyState == 4) {
812	+ // // prevent memory leaks by breaking circular reference now
813	+ // req.onreadystatechange = new Function();
814	+ // callback();
815	+ // }
816	+ // };
817	+ // }
818	+
819	+ // try {
820	+ // req.open("GET", url, async);
821	+ // req.send(null);
822	+ // } catch (e) {
823	+ // $JssorDebug$.$Log(e.name + " while making AJAX request: " + e.message);
824	+
825	+ // req.onreadystatechange = null;
826	+ // req = null;
827	+
828	+ // if (async) {
829	+ // callback();
830	+ // }
831	+ // }
832	+
833	+ // return async ? null : req;
834	+ //};
835	+
836	+ //_This.$ParseXml = function (string) {
837	+ // var xmlDoc = null;
838	+
839	+ // if (window.ActiveXObject) {
840	+ // try {
841	+ // xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
842	+ // xmlDoc.async = false;
843	+ // xmlDoc.loadXML(string);
844	+ // } catch (e) {
845	+ // $JssorDebug$.$Log(e.name + " while parsing XML (ActiveX): " + e.message);
846	+ // }
847	+ // } else if (window.DOMParser) {
848	+ // try {
849	+ // var parser = new DOMParser();
850	+ // xmlDoc = parser.parseFromString(string, "text/xml");
851	+ // } catch (e) {
852	+ // $JssorDebug$.$Log(e.name + " while parsing XML (DOMParser): " + e.message);
853	+ // }
854	+ // } else {
855	+ // $JssorDebug$.$Fail("Browser doesn't support XML DOM.");
856	+ // }
857	+
858	+ // return xmlDoc;
859	+ //};
860	+
861	+ function Css(elmt, name, value) {
862	+ /// <summary>
863	+ /// access css
864	+ /// $Jssor$.$Css(elmt, name); //get css value
865	+ /// $Jssor$.$Css(elmt, name, value); //set css value
866	+ /// </summary>
867	+ /// <param name="elmt" type="HTMLElement">
868	+ /// the element to access css
869	+ /// </param>
870	+ /// <param name="name" type="String">
871	+ /// the name of css property
872	+ /// </param>
873	+ /// <param name="value" optional="true">
874	+ /// the value to set
875	+ /// </param>
876	+ if (value != undefined) {
877	+ elmt.style[name] = value;
878	+ }
879	+ else {
880	+ var style = elmt.currentStyle \|\| elmt.style;
881	+ value = style[name];
882	+
883	+ if (value == "" && window.getComputedStyle) {
884	+ style = elmt.ownerDocument.defaultView.getComputedStyle(elmt, null);
885	+
886	+ style && (value = style.getPropertyValue(name) \|\| style[name]);
887	+ }
888	+
889	+ return value;
890	+ }
891	+ }
892	+
893	+ function CssN(elmt, name, value, isDimensional) {
894	+ /// <summary>
895	+ /// access css as numeric
896	+ /// $Jssor$.$CssN(elmt, name); //get css value
897	+ /// $Jssor$.$CssN(elmt, name, value); //set css value
898	+ /// </summary>
899	+ /// <param name="elmt" type="HTMLElement">
900	+ /// the element to access css
901	+ /// </param>
902	+ /// <param name="name" type="String">
903	+ /// the name of css property
904	+ /// </param>
905	+ /// <param name="value" type="Number" optional="true">
906	+ /// the value to set
907	+ /// </param>
908	+ if (value != undefined) {
909	+ isDimensional && (value += "px");
910	+ Css(elmt, name, value);
911	+ }
912	+ else {
913	+ return ParseFloat(Css(elmt, name));
914	+ }
915	+ }
916	+
917	+ function CssP(elmt, name, value) {
918	+ /// <summary>
919	+ /// access css in pixel as numeric, like 'top', 'left', 'width', 'height'
920	+ /// $Jssor$.$CssP(elmt, name); //get css value
921	+ /// $Jssor$.$CssP(elmt, name, value); //set css value
922	+ /// </summary>
923	+ /// <param name="elmt" type="HTMLElement">
924	+ /// the element to access css
925	+ /// </param>
926	+ /// <param name="name" type="String">
927	+ /// the name of css property
928	+ /// </param>
929	+ /// <param name="value" type="Number" optional="true">
930	+ /// the value to set
931	+ /// </param>
932	+ return CssN(elmt, name, value, true);
933	+ }
934	+
935	+ function CssProxy(name, numericOrDimension) {
936	+ /// <summary>
937	+ /// create proxy to access css, CssProxy(name[, numericOrDimension]);
938	+ /// </summary>
939	+ /// <param name="elmt" type="HTMLElement">
940	+ /// the element to access css
941	+ /// </param>
942	+ /// <param name="numericOrDimension" type="Number" optional="true">
943	+ /// not set: access original css, 1: access css as numeric, 2: access css in pixel as numeric
944	+ /// </param>
945	+ var isDimensional = numericOrDimension & 2;
946	+ var cssAccessor = numericOrDimension ? CssN : Css;
947	+ return function (elmt, value) {
948	+ return cssAccessor(elmt, name, value, isDimensional);
949	+ };
950	+ }
951	+
952	+ function GetStyleOpacity(elmt) {
953	+ if (IsBrowserIE() && browserEngineVersion < 9) {
954	+ var match = /opacity=([^)]*)/.exec(elmt.style.filter \|\| "");
955	+ return match ? (ParseFloat(match[1]) / 100) : 1;
956	+ }
957	+ else
958	+ return ParseFloat(elmt.style.opacity \|\| "1");
959	+ }
960	+
961	+ function SetStyleOpacity(elmt, opacity, ie9EarlierForce) {
962	+
963	+ if (IsBrowserIE() && browserEngineVersion < 9) {
964	+ //var filterName = "filter"; // browserEngineVersion < 8 ? "filter" : "-ms-filter";
965	+ var finalFilter = elmt.style.filter \|\| "";
966	+
967	+ // for CSS filter browsers (IE), remove alpha filter if it's unnecessary.
968	+ // update: doing _This always since IE9 beta seems to have broken the
969	+ // behavior if we rely on the programmatic filters collection.
970	+ var alphaReg = new RegExp(/[\s]alpha$[^$]\)/g);
971	+
972	+ // important: note the lazy star! _This protects against
973	+ // multiple filters; we don't want to delete the other ones.
974	+ // update: also trimming extra whitespace around filter.
975	+
976	+ var ieOpacity = Math.round(100 * opacity);
977	+ var alphaFilter = "";
978	+ if (ieOpacity < 100 \|\| ie9EarlierForce) {
979	+ alphaFilter = "alpha(opacity=" + ieOpacity + ") ";
980	+ //elmt.style["-ms-filter"] = "progid:DXImageTransform.Microsoft.Alpha(opacity=" + ieOpacity + ") ";
981	+ }
982	+
983	+ var newFilterValue = BuildNewCss(finalFilter, [alphaReg], alphaFilter);
984	+
985	+ SetStyleFilterIE(elmt, newFilterValue);
986	+ }
987	+
988	+ //if (!IsBrowserIE() \|\| browserEngineVersion >= 9)
989	+ else {
990	+ elmt.style.opacity = opacity == 1 ? "" : Math.round(opacity * 100) / 100;
991	+ }
992	+ }
993	+
994	+ function SetStyleTransformInternal(elmt, transform) {
995	+ var rotate = transform.$Rotate \|\| 0;
996	+ var scale = transform.$Scale == undefined ? 1 : transform.$Scale;
997	+
998	+ if (IsBrowserIe9Earlier()) {
999	+ var matrix = _This.$CreateMatrix(rotate / 180 * Math.PI, scale, scale);
1000	+ SetStyleMatrixIE(elmt, (!rotate && scale == 1) ? null : matrix, _This.$GetMatrixOffset(matrix, transform.$OriginalWidth, transform.$OriginalHeight));
1001	+ }
1002	+ else {
1003	+ //rotate(15deg) scale(.5) translateZ(0)
1004	+ var transformProperty = GetTransformProperty(elmt);
1005	+ if (transformProperty) {
1006	+ var transformValue = "rotate(" + rotate % 360 + "deg) scale(" + scale + ")";
1007	+
1008	+ //needed for touch device, no need for desktop device
1009	+ if (IsBrowserChrome() && webkitVersion > 535 && "ontouchstart" in window)
1010	+ transformValue += " perspective(2000px)";
1011	+
1012	+ elmt.style[transformProperty] = transformValue;
1013	+ }
1014	+ }
1015	+ }
1016	+
1017	+ _This.$SetStyleTransform = function (elmt, transform) {
1018	+ if (IsBrowserBadTransform()) {
1019	+ Delay(_This.$CreateCallback(null, SetStyleTransformInternal, elmt, transform));
1020	+ }
1021	+ else {
1022	+ SetStyleTransformInternal(elmt, transform);
1023	+ }
1024	+ };
1025	+
1026	+ _This.$SetStyleTransformOrigin = function (elmt, transformOrigin) {
1027	+ var transformProperty = GetTransformProperty(elmt);
1028	+
1029	+ if (transformProperty)
1030	+ elmt.style[transformProperty + "Origin"] = transformOrigin;
1031	+ };
1032	+
1033	+ _This.$CssScale = function (elmt, scale) {
1034	+
1035	+ if (IsBrowserIE() && browserEngineVersion < 9 \|\| (browserEngineVersion < 10 && IsBrowserIeQuirks())) {
1036	+ elmt.style.zoom = (scale == 1) ? "" : scale;
1037	+ }
1038	+ else {
1039	+ var transformProperty = GetTransformProperty(elmt);
1040	+
1041	+ if (transformProperty) {
1042	+ //rotate(15deg) scale(.5)
1043	+ var transformValue = "scale(" + scale + ")";
1044	+
1045	+ var oldTransformValue = elmt.style[transformProperty];
1046	+ var scaleReg = new RegExp(/[\s]scale$.?$/g);
1047	+
1048	+ var newTransformValue = BuildNewCss(oldTransformValue, [scaleReg], transformValue);
1049	+
1050	+ elmt.style[transformProperty] = newTransformValue;
1051	+ }
1052	+ }
1053	+ };
1054	+
1055	+ _This.$EnableHWA = function (elmt) {
1056	+ if (!elmt.style[GetTransformProperty(elmt)] \|\| elmt.style[GetTransformProperty(elmt)] == "none")
1057	+ elmt.style[GetTransformProperty(elmt)] = "perspective(2000px)";
1058	+ };
1059	+
1060	+ _This.$DisableHWA = function (elmt) {
1061	+ //if (force \|\| elmt.style[GetTransformProperty(elmt)] == "perspective(2000px)")
1062	+ elmt.style[GetTransformProperty(elmt)] = "none";
1063	+ };
1064	+
1065	+ var ie8OffsetWidth = 0;
1066	+ var ie8OffsetHeight = 0;
1067	+ //var ie8WindowResizeCallbackHandlers;
1068	+ //var ie8LastVerticalScrollbar;
1069	+ //var toggleInfo = "";
1070	+
1071	+ //function Ie8WindowResizeFilter(window, handler) {
1072	+
1073	+ // var trigger = true;
1074	+
1075	+ // var checkElement = (IsBrowserIeQuirks() ? window.document.body : window.document.documentElement);
1076	+ // if (checkElement) {
1077	+ // //check vertical bar
1078	+ // //var hasVerticalBar = checkElement.scrollHeight > checkElement.clientHeight;
1079	+ // //var verticalBarToggle = hasVerticalBar != ie8LastVerticalScrollbar;
1080	+ // //ie8LastVerticalScrollbar = hasVerticalBar;
1081	+
1082	+ // var widthChange = checkElement.offsetWidth - ie8OffsetWidth;
1083	+ // var heightChange = checkElement.offsetHeight - ie8OffsetHeight;
1084	+ // if (widthChange \|\| heightChange) {
1085	+
1086	+ // ie8OffsetWidth += widthChange;
1087	+ // ie8OffsetHeight += heightChange;
1088	+ // }
1089	+ // else
1090	+ // trigger = false;
1091	+ // }
1092	+
1093	+ // trigger && handler();
1094	+ //}
1095	+
1096	+ //_This.$OnWindowResize = function (window, handler) {
1097	+
1098	+ // if (IsBrowserIE() && browserEngineVersion < 9) {
1099	+ // if (!ie8WindowResizeCallbackHandlers) {
1100	+ // ie8WindowResizeCallbackHandlers = [handler];
1101	+ // handler = _This.$CreateCallback(null, Ie8WindowResizeFilter, window);
1102	+ // }
1103	+ // else {
1104	+ // ie8WindowResizeCallbackHandlers.push(handler);
1105	+ // return;
1106	+ // }
1107	+ // }
1108	+
1109	+ // _This.$AddEvent(window, "resize", handler);
1110	+ //};
1111	+
1112	+ _This.$WindowResizeFilter = function (window, handler) {
1113	+ return IsBrowserIe9Earlier() ? function () {
1114	+
1115	+ var trigger = true;
1116	+
1117	+ var checkElement = (IsBrowserIeQuirks() ? window.document.body : window.document.documentElement);
1118	+ if (checkElement) {
1119	+ //check vertical bar
1120	+ //var hasVerticalBar = checkElement.scrollHeight > checkElement.clientHeight;
1121	+ //var verticalBarToggle = hasVerticalBar != ie8LastVerticalScrollbar;
1122	+ //ie8LastVerticalScrollbar = hasVerticalBar;
1123	+
1124	+ var widthChange = checkElement.offsetWidth - ie8OffsetWidth;
1125	+ var heightChange = checkElement.offsetHeight - ie8OffsetHeight;
1126	+ if (widthChange \|\| heightChange) {
1127	+ ie8OffsetWidth += widthChange;
1128	+ ie8OffsetHeight += heightChange;
1129	+ }
1130	+ else
1131	+ trigger = false;
1132	+ }
1133	+
1134	+ trigger && handler();
1135	+
1136	+ } : handler;
1137	+ };
1138	+
1139	+ _This.$MouseOverOutFilter = function (handler, target) {
1140	+ /// <param name="target" type="HTMLDomElement">
1141	+ /// The target element to detect mouse over/out events. (for ie < 9 compatibility)
1142	+ /// </param>
1143	+
1144	+ $JssorDebug$.$Execute(function () {
1145	+ if (!target) {
1146	+ throw new Error("Null reference, parameter \"target\".");
1147	+ }
1148	+ });
1149	+
1150	+ return function (event) {
1151	+ event = GetEvent(event);
1152	+
1153	+ var eventName = event.type;
1154	+ var related = event.relatedTarget \|\| (eventName == "mouseout" ? event.toElement : event.fromElement);
1155	+
1156	+ if (!related \|\| (related !== target && !_This.$IsChild(target, related))) {
1157	+ handler(event);
1158	+ }
1159	+ };
1160	+ };
1161	+
1162	+ _This.$AddEvent = function (elmt, eventName, handler, useCapture) {
1163	+ elmt = _This.$GetElement(elmt);
1164	+
1165	+ // technique from:
1166	+ // http://blog.paranoidferret.com/index.php/2007/08/10/javascript-working-with-events/
1167	+
1168	+ if (elmt.addEventListener) {
1169	+ if (eventName == "mousewheel") {
1170	+ elmt.addEventListener("DOMMouseScroll", handler, useCapture);
1171	+ }
1172	+ // we are still going to add the mousewheel -- not a mistake!
1173	+ // _This is for opera, since it uses onmousewheel but needs addEventListener.
1174	+ elmt.addEventListener(eventName, handler, useCapture);
1175	+ }
1176	+ else if (elmt.attachEvent) {
1177	+ elmt.attachEvent("on" + eventName, handler);
1178	+ if (useCapture && elmt.setCapture) {
1179	+ elmt.setCapture();
1180	+ }
1181	+ }
1182	+
1183	+ $JssorDebug$.$Execute(function () {
1184	+ if (!elmt.addEventListener && !elmt.attachEvent) {
1185	+ $JssorDebug$.$Fail("Unable to attach event handler, no known technique.");
1186	+ }
1187	+ });
1188	+
1189	+ };
1190	+
1191	+ _This.$RemoveEvent = function (elmt, eventName, handler, useCapture) {
1192	+ elmt = _This.$GetElement(elmt);
1193	+
1194	+ // technique from:
1195	+ // http://blog.paranoidferret.com/index.php/2007/08/10/javascript-working-with-events/
1196	+
1197	+ if (elmt.removeEventListener) {
1198	+ if (eventName == "mousewheel") {
1199	+ elmt.removeEventListener("DOMMouseScroll", handler, useCapture);
1200	+ }
1201	+ // we are still going to remove the mousewheel -- not a mistake!
1202	+ // _This is for opera, since it uses onmousewheel but needs removeEventListener.
1203	+ elmt.removeEventListener(eventName, handler, useCapture);
1204	+ }
1205	+ else if (elmt.detachEvent) {
1206	+ elmt.detachEvent("on" + eventName, handler);
1207	+ if (useCapture && elmt.releaseCapture) {
1208	+ elmt.releaseCapture();
1209	+ }
1210	+ }
1211	+ };
1212	+
1213	+ _This.$FireEvent = function (elmt, eventName) {
1214	+ //var document = elmt.document;
1215	+
1216	+ $JssorDebug$.$Execute(function () {
1217	+ if (!document.createEvent && !document.createEventObject) {
1218	+ $JssorDebug$.$Fail("Unable to fire event, no known technique.");
1219	+ }
1220	+
1221	+ if (!elmt.dispatchEvent && !elmt.fireEvent) {
1222	+ $JssorDebug$.$Fail("Unable to fire event, no known technique.");
1223	+ }
1224	+ });
1225	+
1226	+ var evento;
1227	+
1228	+ if (document.createEvent) {
1229	+ evento = document.createEvent("HTMLEvents");
1230	+ evento.initEvent(eventName, false, false);
1231	+ elmt.dispatchEvent(evento);
1232	+ }
1233	+ else {
1234	+ var ieEventName = "on" + eventName;
1235	+ evento = document.createEventObject();
1236	+ //event.eventType = ieEventName;
1237	+ //event.eventName = ieEventName;
1238	+
1239	+ elmt.fireEvent(ieEventName, evento);
1240	+ }
1241	+ };
1242	+
1243	+ _This.$AddEventBrowserMouseUp = function (handler, userCapture) {
1244	+ _This.$AddEvent((IsBrowserIe9Earlier()) ? document : window, "mouseup", handler, userCapture);
1245	+ };
1246	+
1247	+ _This.$RemoveEventBrowserMouseUp = function (handler, userCapture) {
1248	+ _This.$RemoveEvent((IsBrowserIe9Earlier()) ? document : window, "mouseup", handler, userCapture);
1249	+ };
1250	+
1251	+ //_This.$AddEventBrowserMouseDown = function (handler, userCapture) {
1252	+ // _This.$AddEvent((IsBrowserIe9Earlier()) ? document : window, "mousedown", handler, userCapture);
1253	+ //};
1254	+
1255	+ //_This.$RemoveEventBrowserMouseDown = function (handler, userCapture) {
1256	+ // _This.$RemoveEvent((IsBrowserIe9Earlier()) ? document : window, "mousedown", handler, userCapture);
1257	+ //};
1258	+
1259	+ _This.$CancelEvent = function (event) {
1260	+ event = GetEvent(event);
1261	+
1262	+ // technique from:
1263	+ // http://blog.paranoidferret.com/index.php/2007/08/10/javascript-working-with-events/
1264	+
1265	+ if (event.preventDefault) {
1266	+ event.preventDefault(); // W3C for preventing default
1267	+ }
1268	+
1269	+ event.cancel = true; // legacy for preventing default
1270	+ event.returnValue = false; // IE for preventing default
1271	+ };
1272	+
1273	+ _This.$StopEvent = function (event) {
1274	+ event = GetEvent(event);
1275	+
1276	+ // technique from:
1277	+ // http://blog.paranoidferret.com/index.php/2007/08/10/javascript-working-with-events/
1278	+
1279	+ if (event.stopPropagation) {
1280	+ event.stopPropagation(); // W3C for stopping propagation
1281	+ }
1282	+
1283	+ event.cancelBubble = true; // IE for stopping propagation
1284	+ };
1285	+
1286	+ _This.$CreateCallback = function (object, method) {
1287	+ // create callback args
1288	+ var initialArgs = [].slice.call(arguments, 2);
1289	+
1290	+ // create closure to apply method
1291	+ var callback = function () {
1292	+ // concatenate new args, but make a copy of initialArgs first
1293	+ var args = initialArgs.concat([].slice.call(arguments, 0));
1294	+
1295	+ return method.apply(object, args);
1296	+ };
1297	+
1298	+ //$JssorDebug$.$LiveStamp(callback, "callback_" + ($Jssor$.$GetNow() & 0xFFFFFF));
1299	+
1300	+ return callback;
1301	+ };
1302	+
1303	+ var _Freeer;
1304	+ _This.$FreeElement = function (elmt) {
1305	+ if (!_Freeer)
1306	+ _Freeer = _This.$CreateDiv();
1307	+
1308	+ if (elmt) {
1309	+ $Jssor$.$AppendChild(_Freeer, elmt);
1310	+ $Jssor$.$ClearInnerHtml(_Freeer);
1311	+ }
1312	+ };
1313	+
1314	+ _This.$InnerText = function (elmt, text) {
1315	+ if (text == undefined)
1316	+ return elmt.textContent \|\| elmt.innerText;
1317	+
1318	+ var textNode = document.createTextNode(text);
1319	+ _This.$ClearInnerHtml(elmt);
1320	+ elmt.appendChild(textNode);
1321	+ };
1322	+
1323	+ _This.$InnerHtml = function (elmt, html) {
1324	+ if (html == undefined)
1325	+ return elmt.innerHTML;
1326	+
1327	+ elmt.innerHTML = html;
1328	+ };
1329	+
1330	+ _This.$GetClientRect = function (elmt) {
1331	+ var rect = elmt.getBoundingClientRect();
1332	+
1333	+ return { x: rect.left, y: rect.top, w: rect.right - rect.left, h: rect.bottom - rect.top };
1334	+ };
1335	+
1336	+ _This.$ClearInnerHtml = function (elmt) {
1337	+ elmt.innerHTML = "";
1338	+ };
1339	+
1340	+ _This.$EncodeHtml = function (text) {
1341	+ var div = _This.$CreateDiv();
1342	+ _This.$InnerText(div, text);
1343	+ return _This.$InnerHtml(div);
1344	+ };
1345	+
1346	+ _This.$DecodeHtml = function (html) {
1347	+ var div = _This.$CreateDiv();
1348	+ _This.$InnerHtml(div, html);
1349	+ return _This.$InnerText(div);
1350	+ };
1351	+
1352	+ _This.$SelectElement = function (elmt) {
1353	+ var userSelection;
1354	+ if (window.getSelection) {
1355	+ //W3C default
1356	+ userSelection = window.getSelection();
1357	+ }
1358	+ var theRange = null;
1359	+ if (document.createRange) {
1360	+ theRange = document.createRange();
1361	+ theRange.selectNode(elmt);
1362	+ }
1363	+ else {
1364	+ theRange = document.body.createTextRange();
1365	+ theRange.moveToElementText(elmt);
1366	+ theRange.select();
1367	+ }
1368	+ //set user selection
1369	+ if (userSelection)
1370	+ userSelection.addRange(theRange);
1371	+ };
1372	+
1373	+ _This.$DeselectElements = function () {
1374	+ if (document.selection) {
1375	+ document.selection.empty();
1376	+ } else if (window.getSelection) {
1377	+ window.getSelection().removeAllRanges();
1378	+ }
1379	+ };
1380	+
1381	+ _This.$Children = function (elmt) {
1382	+ var children = [];
1383	+
1384	+ for (var tmpEl = elmt.firstChild; tmpEl; tmpEl = tmpEl.nextSibling) {
1385	+ if (tmpEl.nodeType == 1) {
1386	+ children.push(tmpEl);
1387	+ }
1388	+ }
1389	+
1390	+ return children;
1391	+ };
1392	+
1393	+ function FindChild(elmt, attrValue, noDeep, attrName) {
1394	+ attrName = attrName \|\| "u";
1395	+
1396	+ for (elmt = elmt ? elmt.firstChild : null; elmt; elmt = elmt.nextSibling) {
1397	+ if (elmt.nodeType == 1) {
1398	+ if (AttributeEx(elmt, attrName) == attrValue)
1399	+ return elmt;
1400	+
1401	+ if (!noDeep) {
1402	+ var childRet = FindChild(elmt, attrValue, noDeep, attrName);
1403	+ if (childRet)
1404	+ return childRet;
1405	+ }
1406	+ }
1407	+ }
1408	+ }
1409	+
1410	+ _This.$FindChild = FindChild;
1411	+
1412	+ function FindChildren(elmt, attrValue, noDeep, attrName) {
1413	+ attrName = attrName \|\| "u";
1414	+
1415	+ var ret = [];
1416	+
1417	+ for (elmt = elmt ? elmt.firstChild : null; elmt; elmt = elmt.nextSibling) {
1418	+ if (elmt.nodeType == 1) {
1419	+ if (AttributeEx(elmt, attrName) == attrValue)
1420	+ ret.push(elmt);
1421	+
1422	+ if (!noDeep) {
1423	+ var childRet = FindChildren(elmt, attrValue, noDeep, attrName);
1424	+ if (childRet.length)
1425	+ ret = ret.concat(childRet);
1426	+ }
1427	+ }
1428	+ }
1429	+
1430	+ return ret;
1431	+ }
1432	+
1433	+ _This.$FindChildren = FindChildren;
1434	+
1435	+ function FindChildByTag(elmt, tagName, noDeep) {
1436	+
1437	+ for (elmt = elmt ? elmt.firstChild : null; elmt; elmt = elmt.nextSibling) {
1438	+ if (elmt.nodeType == 1) {
1439	+ if (elmt.tagName == tagName)
1440	+ return elmt;
1441	+
1442	+ if (!noDeep) {
1443	+ var childRet = FindChildByTag(elmt, tagName, noDeep);
1444	+ if (childRet)
1445	+ return childRet;
1446	+ }
1447	+ }
1448	+ }
1449	+ }
1450	+
1451	+ _This.$FindChildByTag = FindChildByTag;
1452	+
1453	+ function FindChildrenByTag(elmt, tagName, noDeep) {
1454	+ var ret = [];
1455	+
1456	+ for (elmt = elmt ? elmt.firstChild : null; elmt; elmt = elmt.nextSibling) {
1457	+ if (elmt.nodeType == 1) {
1458	+ if (!tagName \|\| elmt.tagName == tagName)
1459	+ ret.push(elmt);
1460	+
1461	+ if (!noDeep) {
1462	+ var childRet = FindChildrenByTag(elmt, tagName, noDeep);
1463	+ if (childRet.length)
1464	+ ret = ret.concat(childRet);
1465	+ }
1466	+ }
1467	+ }
1468	+
1469	+ return ret;
1470	+ }
1471	+
1472	+ _This.$FindChildrenByTag = FindChildrenByTag;
1473	+
1474	+ _This.$GetElementsByTag = function (elmt, tagName) {
1475	+ return elmt.getElementsByTagName(tagName);
1476	+ };
1477	+
1478	+ function Extend(target) {
1479	+ for (var i = 1; i < arguments.length; i++) {
1480	+
1481	+ var options = arguments[i];
1482	+
1483	+ // Only deal with non-null/undefined values
1484	+ if (options) {
1485	+ // Extend the base object
1486	+ for (var name in options) {
1487	+ target[name] = options[name];
1488	+ }
1489	+ }
1490	+ }
1491	+
1492	+ // Return the modified object
1493	+ return target;
1494	+ }
1495	+
1496	+ _This.$Extend = Extend;
1497	+
1498	+ function Unextend(target, options) {
1499	+ $JssorDebug$.$Assert(options);
1500	+
1501	+ var unextended = {};
1502	+
1503	+ // Extend the base object
1504	+ for (var name in target) {
1505	+ if (target[name] != options[name]) {
1506	+ unextended[name] = target[name];
1507	+ }
1508	+ }
1509	+
1510	+ // Return the modified object
1511	+ return unextended;
1512	+ }
1513	+
1514	+ _This.$Unextend = Unextend;
1515	+
1516	+ _This.$IsUndefined = function (obj) {
1517	+ return type(obj) == "undefined";
1518	+ };
1519	+
1520	+ _This.$IsFunction = function (obj) {
1521	+ return type(obj) == "function";
1522	+ };
1523	+
1524	+ _This.$IsArray = function (obj) {
1525	+ return type(obj) == "array";
1526	+ };
1527	+
1528	+ _This.$IsString = function (obj) {
1529	+ return type(obj) == "string";
1530	+ };
1531	+
1532	+ _This.$IsNumeric = function (obj) {
1533	+ return !isNaN(ParseFloat(obj)) && isFinite(obj);
1534	+ };
1535	+
1536	+ _This.$IsWindow = function (obj) {
1537	+ return obj && obj == obj.window;
1538	+ };
1539	+
1540	+ _This.$Type = type;
1541	+
1542	+ // args is for internal usage only
1543	+ _This.$Each = each;
1544	+
1545	+ _This.$IsPlainObject = isPlainObject;
1546	+
1547	+ function CreateElement(tagName) {
1548	+ return document.createElement(tagName);
1549	+ }
1550	+
1551	+ _This.$CreateElement = CreateElement;
1552	+
1553	+ _This.$CreateDiv = function () {
1554	+ return CreateElement("DIV", document);
1555	+ };
1556	+
1557	+ _This.$CreateSpan = function () {
1558	+ return CreateElement("SPAN", document);
1559	+ };
1560	+
1561	+ _This.$EmptyFunction = function () { };
1562	+
1563	+ function Attribute(elmt, name, value) {
1564	+ if (value == undefined)
1565	+ return elmt.getAttribute(name);
1566	+
1567	+ elmt.setAttribute(name, value);
1568	+ }
1569	+
1570	+ function AttributeEx(elmt, name) {
1571	+ return Attribute(elmt, name) \|\| Attribute(elmt, "data-" + name);
1572	+ }
1573	+
1574	+ _This.$Attribute = Attribute;
1575	+ _This.$AttributeEx = AttributeEx;
1576	+
1577	+ function ClassName(elmt, className) {
1578	+ if (className == undefined)
1579	+ return elmt.className;
1580	+
1581	+ elmt.className = className;
1582	+ }
1583	+
1584	+ _This.$ClassName = ClassName;
1585	+
1586	+ function ToHash(array) {
1587	+ var hash = {};
1588	+
1589	+ each(array, function (item) {
1590	+ hash[item] = item;
1591	+ });
1592	+
1593	+ return hash;
1594	+ }
1595	+
1596	+ _This.$ToHash = ToHash;
1597	+
1598	+ function Join(separator, strings) {
1599	+ /// <param name="separator" type="String">
1600	+ /// The element to show the dialog around
1601	+ /// </param>
1602	+ /// <param name="strings" type="Array" value="['1']">
1603	+ /// The element to show the dialog around
1604	+ /// </param>
1605	+
1606	+ var joined = "";
1607	+
1608	+ each(strings, function (str) {
1609	+ joined && (joined += separator);
1610	+ joined += str;
1611	+ });
1612	+
1613	+ return joined;
1614	+ }
1615	+
1616	+ _This.$Join = Join;
1617	+
1618	+ _This.$AddClass = function (elmt, className) {
1619	+ var newClassName = ClassName(elmt) + " " + className;
1620	+ ClassName(elmt, Join(" ", ToHash(newClassName.match(REGEX_WHITESPACE_GLOBAL))));
1621	+ };
1622	+
1623	+ _This.$RemoveClass = function (elmt, className) {
1624	+ ClassName(elmt, Join(" ", _This.$Unextend(ToHash(ClassName(elmt).match(REGEX_WHITESPACE_GLOBAL)), ToHash(className.match(REGEX_WHITESPACE_GLOBAL)))));
1625	+ };
1626	+
1627	+ _This.$ParentNode = function (elmt) {
1628	+ return elmt.parentNode;
1629	+ };
1630	+
1631	+ _This.$HideElement = function (elmt) {
1632	+ _This.$CssDisplay(elmt, "none");
1633	+ };
1634	+
1635	+ _This.$EnableElement = function (elmt, notEnable) {
1636	+ if (notEnable) {
1637	+ _This.$Attribute(elmt, "disabled", true);
1638	+ }
1639	+ else {
1640	+ _This.$RemoveAttribute(elmt, "disabled");
1641	+ }
1642	+ };
1643	+
1644	+ _This.$HideElements = function (elmts) {
1645	+ for (var i = 0; i < elmts.length; i++) {
1646	+ _This.$HideElement(elmts[i]);
1647	+ }
1648	+ };
1649	+
1650	+ _This.$ShowElement = function (elmt, hide) {
1651	+ _This.$CssDisplay(elmt, hide ? "none" : "");
1652	+ };
1653	+
1654	+ _This.$ShowElements = function (elmts, hide) {
1655	+ for (var i = 0; i < elmts.length; i++) {
1656	+ _This.$ShowElement(elmts[i], hide);
1657	+ }
1658	+ };
1659	+
1660	+ _This.$RemoveAttribute = function (elmt, attrbuteName) {
1661	+ elmt.removeAttribute(attrbuteName);
1662	+ };
1663	+
1664	+ _This.$CanClearClip = function () {
1665	+ return IsBrowserIE() && browserRuntimeVersion < 10;
1666	+ };
1667	+
1668	+ _This.$SetStyleClip = function (elmt, clip) {
1669	+ if (clip) {
1670	+ elmt.style.clip = "rect(" + Math.round(clip.$Top) + "px " + Math.round(clip.$Right) + "px " + Math.round(clip.$Bottom) + "px " + Math.round(clip.$Left) + "px)";
1671	+ }
1672	+ else {
1673	+ var cssText = elmt.style.cssText;
1674	+ var clipRegs = [
1675	+ new RegExp(/[\s]clip: rect$.?$[;]?/i),
1676	+ new RegExp(/[\s]cliptop: .?[;]?/i),
1677	+ new RegExp(/[\s]clipright: .?[;]?/i),
1678	+ new RegExp(/[\s]clipbottom: .?[;]?/i),
1679	+ new RegExp(/[\s]clipleft: .?[;]?/i)
1680	+ ];
1681	+
1682	+ var newCssText = BuildNewCss(cssText, clipRegs, "");
1683	+
1684	+ $Jssor$.$CssCssText(elmt, newCssText);
1685	+ }
1686	+ };
1687	+
1688	+ _This.$GetNow = function () {
1689	+ return new Date().getTime();
1690	+ };
1691	+
1692	+ _This.$AppendChild = function (elmt, child) {
1693	+ elmt.appendChild(child);
1694	+ };
1695	+
1696	+ _This.$AppendChildren = function (elmt, children) {
1697	+ each(children, function (child) {
1698	+ _This.$AppendChild(elmt, child);
1699	+ });
1700	+ };
1701	+
1702	+ _This.$InsertBefore = function (elmt, child, refObject) {
1703	+ elmt.insertBefore(child, refObject);
1704	+ };
1705	+
1706	+ _This.$InsertAdjacentHtml = function (elmt, where, text) {
1707	+ elmt.insertAdjacentHTML(where, text);
1708	+ };
1709	+
1710	+ _This.$RemoveChild = function (elmt, child) {
1711	+ elmt.removeChild(child);
1712	+ };
1713	+
1714	+ _This.$RemoveChildren = function (elmt, children) {
1715	+ each(children, function (child) {
1716	+ _This.$RemoveChild(elmt, child);
1717	+ });
1718	+ };
1719	+
1720	+ _This.$ClearChildren = function (elmt) {
1721	+ _This.$RemoveChildren(elmt, _This.$Children(elmt));
1722	+ };
1723	+
1724	+ _This.$ParseInt = function (str, radix) {
1725	+ return parseInt(str, radix \|\| 10);
1726	+ };
1727	+
1728	+ function ParseFloat(str) {
1729	+ return parseFloat(str);
1730	+ }
1731	+
1732	+ _This.$ParseFloat = ParseFloat;
1733	+
1734	+ _This.$IsChild = function (elmtA, elmtB) {
1735	+ var body = document.body;
1736	+ while (elmtB && elmtA != elmtB && body != elmtB) {
1737	+ try {
1738	+ elmtB = elmtB.parentNode;
1739	+ } catch (e) {
1740	+ // Firefox sometimes fires events for XUL elements, which throws
1741	+ // a "permission denied" error. so this is not a child.
1742	+ return false;
1743	+ }
1744	+ }
1745	+ return elmtA == elmtB;
1746	+ };
1747	+
1748	+ function CloneNode(elmt, noDeep) {
1749	+ return elmt.cloneNode(!noDeep);
1750	+ }
1751	+
1752	+ _This.$CloneNode = CloneNode;
1753	+
1754	+ function TranslateTransition(transition) {
1755	+ if (transition) {
1756	+ var flyDirection = transition.$FlyDirection;
1757	+
1758	+ if (flyDirection & 1) {
1759	+ transition.x = transition.$ScaleHorizontal \|\| 1;
1760	+ }
1761	+ if (flyDirection & 2) {
1762	+ transition.x = -transition.$ScaleHorizontal \|\| -1;
1763	+ }
1764	+ if (flyDirection & 4) {
1765	+ transition.y = transition.$ScaleVertical \|\| 1;
1766	+ }
1767	+ if (flyDirection & 8) {
1768	+ transition.y = -transition.$ScaleVertical \|\| -1;
1769	+ }
1770	+
1771	+ if (transition.$Rotate == true)
1772	+ transition.$Rotate = 1;
1773	+
1774	+ TranslateTransition(transition.$Brother);
1775	+ }
1776	+ }
1777	+
1778	+ _This.$TranslateTransitions = function (transitions) {
1779	+ /// <summary>
1780	+ /// For backward compatibility only.
1781	+ /// </summary>
1782	+ if (transitions) {
1783	+ for (var i = 0; i < transitions.length; i++) {
1784	+ TranslateTransition(transitions[i]);
1785	+ }
1786	+ for (var name in transitions) {
1787	+ TranslateTransition(transitions[name]);
1788	+ }
1789	+ }
1790	+ };
1791	+
1792	+ //function ImageLoader() {
1793	+ // var _ThisImageLoader = this;
1794	+ // var _BaseImageLoader = _This.$Inherit(_ThisImageLoader, $JssorObject$);
1795	+
1796	+ // var _ImageLoading = 1;
1797	+ // var _MainImageSrc;
1798	+ // var _MainImage;
1799	+ // var _CompleteCallback;
1800	+ // var _MainImageAbort;
1801	+
1802	+ // function LoadCompleteCallback(image, abort) {
1803	+ // _ImageLoading--;
1804	+
1805	+ // if (image) {
1806	+ // _This.$RemoveEvent(image, "load");
1807	+ // _This.$RemoveEvent(image, "abort");
1808	+ // _This.$RemoveEvent(image, "error");
1809	+
1810	+ // if (_MainImageSrc == image.src) {
1811	+ // _MainImage = image;
1812	+ // _MainImageAbort = abort;
1813	+ // }
1814	+ // }
1815	+
1816	+ // _CompleteCallback && _CompleteCallback(_MainImage, _MainImageAbort);
1817	+ // }
1818	+
1819	+ // function LoadImage(src) {
1820	+ // _ImageLoading++;
1821	+
1822	+ // if (IsBrowserOpera() && browserRuntimeVersion < 11.6 \|\| !src) {
1823	+ // LoadImageCallback(callback, null, !src);
1824	+ // }
1825	+ // else {
1826	+ // var image = new Image();
1827	+
1828	+ // _This.$AddEvent(image, "load", _This.$CreateCallback(null, LoadImageCallback, image, false));
1829	+
1830	+ // var abortHandler = _This.$CreateCallback(null, LoadImageCallback, image, true);
1831	+ // _This.$AddEvent(image, "abort", abortHandler);
1832	+ // _This.$AddEvent(image, "error", abortHandler);
1833	+
1834	+ // image.src = src;
1835	+ // }
1836	+ // }
1837	+
1838	+ // _ThisImageLoader.$LoadImage = function (src, callback) {
1839	+ // _MainImageSrc = src;
1840	+ // _CompleteCallback = callback;
1841	+
1842	+ // LoadImage(src);
1843	+ // LoadComplete();
1844	+ // };
1845	+
1846	+ // _ThisImageLoader.$LoadImages = function (imageElmts, mainImageElmt, callback) {
1847	+ // mainImageElmt && (_MainImageSrc = mainImageElmt.src);
1848	+ // _CompleteCallback = callback;
1849	+
1850	+ // each(imageElmts, function (imageElmt) {
1851	+ // LoadImage(imageElmt.src);
1852	+ // });
1853	+ // LoadComplete();
1854	+ // };
1855	+ //}
1856	+
1857	+ _This.$LoadImage = function (src, callback) {
1858	+ var image = new Image();
1859	+
1860	+ function LoadImageCompleteHandler(abort) {
1861	+ _This.$RemoveEvent(image, "load", LoadImageCompleteHandler);
1862	+ _This.$RemoveEvent(image, "abort", ErrorOrAbortHandler);
1863	+ _This.$RemoveEvent(image, "error", ErrorOrAbortHandler);
1864	+
1865	+ if (callback)
1866	+ callback(image, abort);
1867	+ }
1868	+
1869	+ function ErrorOrAbortHandler() {
1870	+ LoadImageCompleteHandler(true);
1871	+ }
1872	+
1873	+ if (IsBrowserOpera() && browserRuntimeVersion < 11.6 \|\| !src) {
1874	+ LoadImageCompleteHandler(!src);
1875	+ }
1876	+ else {
1877	+
1878	+ _This.$AddEvent(image, "load", LoadImageCompleteHandler);
1879	+ _This.$AddEvent(image, "abort", ErrorOrAbortHandler);
1880	+ _This.$AddEvent(image, "error", ErrorOrAbortHandler);
1881	+
1882	+ image.src = src;
1883	+ }
1884	+ };
1885	+
1886	+ _This.$LoadImages = function (imageElmts, mainImageElmt, callback) {
1887	+
1888	+ var _ImageLoading = imageElmts.length + 1;
1889	+
1890	+ function LoadImageCompleteEventHandler(image, abort) {
1891	+ _ImageLoading--;
1892	+ if (mainImageElmt && image && image.src == mainImageElmt.src)
1893	+ mainImageElmt = image;
1894	+ !_ImageLoading && callback && callback(mainImageElmt);
1895	+ }
1896	+
1897	+ each(imageElmts, function (imageElmt) {
1898	+ _This.$LoadImage(imageElmt.src, LoadImageCompleteEventHandler);
1899	+ });
1900	+
1901	+ LoadImageCompleteEventHandler();
1902	+ };
1903	+
1904	+ _This.$BuildElement = function (template, tagName, replacer, createCopy) {
1905	+ if (createCopy)
1906	+ template = CloneNode(template);
1907	+
1908	+ var templateHolders = FindChildren(template, tagName);
1909	+ if (!templateHolders.length)
1910	+ templateHolders = $Jssor$.$GetElementsByTag(template, tagName);
1911	+
1912	+ for (var j = templateHolders.length -1; j > -1; j--) {
1913	+ var templateHolder = templateHolders[j];
1914	+ var replaceItem = CloneNode(replacer);
1915	+ ClassName(replaceItem, ClassName(templateHolder));
1916	+ $Jssor$.$CssCssText(replaceItem, templateHolder.style.cssText);
1917	+
1918	+ var thumbnailPlaceHolderParent = $Jssor$.$ParentNode(templateHolder);
1919	+ $Jssor$.$InsertBefore(thumbnailPlaceHolderParent, replaceItem, templateHolder);
1920	+ $Jssor$.$RemoveChild(thumbnailPlaceHolderParent, templateHolder);
1921	+ }
1922	+
1923	+ return template;
1924	+ };
1925	+
1926	+ var _MouseDownButtons;
1927	+ function JssorButtonEx(elmt) {
1928	+ var _Self = this;
1929	+
1930	+ var _OriginClassName;
1931	+
1932	+ var _IsMouseDown; //class name 'dn'
1933	+ var _IsActive; //class name 'av'
1934	+ var _IsDisabled; //class name 'ds'
1935	+
1936	+ function Highlight() {
1937	+ var className = _OriginClassName;
1938	+
1939	+ if (_IsDisabled) {
1940	+ className += 'ds';
1941	+ }
1942	+ else if (_IsMouseDown) {
1943	+ className += 'dn';
1944	+ }
1945	+ else if (_IsActive) {
1946	+ className += "av";
1947	+ }
1948	+
1949	+ ClassName(elmt, className);
1950	+ }
1951	+
1952	+ function OnMouseDown(event) {
1953	+ if (_IsDisabled) {
1954	+ _This.$CancelEvent(event);
1955	+ }
1956	+ else {
1957	+ _MouseDownButtons.push(_Self);
1958	+
1959	+ _IsMouseDown = true;
1960	+
1961	+ Highlight();
1962	+ }
1963	+ }
1964	+
1965	+ _Self.$MouseUp = function () {
1966	+ /// <summary>
1967	+ /// Internal member function, do not use it.
1968	+ /// </summary>
1969	+ /// <private />
1970	+
1971	+ _IsMouseDown = false;
1972	+
1973	+ Highlight();
1974	+ };
1975	+
1976	+ _Self.$Activate = function (activate) {
1977	+ if (activate != undefined) {
1978	+ _IsActive = activate;
1979	+
1980	+ Highlight();
1981	+ }
1982	+ else {
1983	+ return _IsActive;
1984	+ }
1985	+ };
1986	+
1987	+ _Self.$Enable = function (enable) {
1988	+ if (enable != undefined) {
1989	+ _IsDisabled = !enable;
1990	+
1991	+ Highlight();
1992	+ }
1993	+ else {
1994	+ return !_IsDisabled;
1995	+ }
1996	+ };
1997	+
1998	+ //JssorButtonEx Constructor
1999	+ {
2000	+ elmt = _This.$GetElement(elmt);
2001	+
2002	+ if (!_MouseDownButtons) {
2003	+ _This.$AddEventBrowserMouseUp(function () {
2004	+ var oldMouseDownButtons = _MouseDownButtons;
2005	+ _MouseDownButtons = [];
2006	+
2007	+ each(oldMouseDownButtons, function (button) {
2008	+ button.$MouseUp();
2009	+ });
2010	+ });
2011	+
2012	+ _MouseDownButtons = [];
2013	+ }
2014	+
2015	+ _OriginClassName = ClassName(elmt);
2016	+
2017	+ $Jssor$.$AddEvent(elmt, "mousedown", OnMouseDown);
2018	+ }
2019	+ }
2020	+
2021	+ _This.$Buttonize = function (elmt) {
2022	+ return new JssorButtonEx(elmt);
2023	+ };
2024	+
2025	+ _This.$Css = Css;
2026	+ _This.$CssN = CssN;
2027	+ _This.$CssP = CssP;
2028	+
2029	+ _This.$CssOverflow = CssProxy("overflow");
2030	+
2031	+ _This.$CssTop = CssProxy("top", 2);
2032	+ _This.$CssLeft = CssProxy("left", 2);
2033	+ _This.$CssWidth = CssProxy("width", 2);
2034	+ _This.$CssHeight = CssProxy("height", 2);
2035	+ _This.$CssMarginLeft = CssProxy("marginLeft", 2);
2036	+ _This.$CssMarginTop = CssProxy("marginTop", 2);
2037	+ _This.$CssPosition = CssProxy("position");
2038	+ _This.$CssDisplay = CssProxy("display");
2039	+ _This.$CssZIndex = CssProxy("zIndex", 1);
2040	+ _This.$CssFloat = function (elmt, float) {
2041	+ return Css(elmt, IsBrowserIE() ? "styleFloat" : "cssFloat", float);
2042	+ };
2043	+ _This.$CssOpacity = function (elmt, opacity, ie9EarlierForce) {
2044	+ if (opacity != undefined) {
2045	+ SetStyleOpacity(elmt, opacity, ie9EarlierForce);
2046	+ }
2047	+ else {
2048	+ return GetStyleOpacity(elmt);
2049	+ }
2050	+ };
2051	+
2052	+ _This.$CssCssText = function (elmt, text) {
2053	+ if (text != undefined) {
2054	+ elmt.style.cssText = text;
2055	+ }
2056	+ else {
2057	+ return elmt.style.cssText;
2058	+ }
2059	+ };
2060	+
2061	+ var _StyleGetter = {
2062	+ $Opacity: _This.$CssOpacity,
2063	+ $Top: _This.$CssTop,
2064	+ $Left: _This.$CssLeft,
2065	+ $Width: _This.$CssWidth,
2066	+ $Height: _This.$CssHeight,
2067	+ $Position: _This.$CssPosition,
2068	+ $Display: _This.$CssDisplay,
2069	+ $ZIndex: _This.$CssZIndex
2070	+ };
2071	+
2072	+ var _StyleSetterReserved;
2073	+
2074	+ function StyleSetter() {
2075	+ if (!_StyleSetterReserved) {
2076	+ _StyleSetterReserved = Extend({
2077	+ $MarginTop: _This.$CssMarginTop,
2078	+ $MarginLeft: _This.$CssMarginLeft,
2079	+ $Clip: _This.$SetStyleClip,
2080	+ $Transform: _This.$SetStyleTransform
2081	+ }, _StyleGetter);
2082	+ }
2083	+ return _StyleSetterReserved;
2084	+ }
2085	+
2086	+ function StyleSetterEx() {
2087	+ StyleSetter();
2088	+
2089	+ //For Compression Only
2090	+ _StyleSetterReserved.$Transform = _StyleSetterReserved.$Transform;
2091	+
2092	+ return _StyleSetterReserved;
2093	+ }
2094	+
2095	+ _This.$StyleSetter = StyleSetter;
2096	+
2097	+ _This.$StyleSetterEx = StyleSetterEx;
2098	+
2099	+ _This.$GetStyles = function (elmt, originStyles) {
2100	+ StyleSetter();
2101	+
2102	+ var styles = {};
2103	+
2104	+ each(originStyles, function (value, key) {
2105	+ if (_StyleGetter[key]) {
2106	+ styles[key] = _StyleGetter[key](elmt);
2107	+ }
2108	+ });
2109	+
2110	+ return styles;
2111	+ };
2112	+
2113	+ _This.$SetStyles = function (elmt, styles) {
2114	+ var styleSetter = StyleSetter();
2115	+
2116	+ each(styles, function (value, key) {
2117	+ styleSetter[key] && styleSetter[key](elmt, value);
2118	+ });
2119	+ };
2120	+
2121	+ _This.$SetStylesEx = function (elmt, styles) {
2122	+ StyleSetterEx();
2123	+
2124	+ _This.$SetStyles(elmt, styles);
2125	+ };
2126	+
2127	+ $JssorMatrix$ = new function () {
2128	+ var _ThisMatrix = this;
2129	+
2130	+ function Multiply(ma, mb) {
2131	+ var acs = ma[0].length;
2132	+ var rows = ma.length;
2133	+ var cols = mb[0].length;
2134	+
2135	+ var matrix = [];
2136	+
2137	+ for (var r = 0; r < rows; r++) {
2138	+ var row = matrix[r] = [];
2139	+ for (var c = 0; c < cols; c++) {
2140	+ var unitValue = 0;
2141	+
2142	+ for (var ac = 0; ac < acs; ac++) {
2143	+ unitValue += ma[r][ac] * mb[ac][c];
2144	+ }
2145	+
2146	+ row[c] = unitValue;
2147	+ }
2148	+ }
2149	+
2150	+ return matrix;
2151	+ }
2152	+
2153	+ _ThisMatrix.$ScaleX = function (matrix, sx) {
2154	+ return _ThisMatrix.$ScaleXY(matrix, sx, 0);
2155	+ };
2156	+
2157	+ _ThisMatrix.$ScaleY = function (matrix, sy) {
2158	+ return _ThisMatrix.$ScaleXY(matrix, 0, sy);
2159	+ };
2160	+
2161	+ _ThisMatrix.$ScaleXY = function (matrix, sx, sy) {
2162	+ return Multiply(matrix, [[sx, 0], [0, sy]]);
2163	+ };
2164	+
2165	+ _ThisMatrix.$TransformPoint = function (matrix, p) {
2166	+ var pMatrix = Multiply(matrix, [[p.x], [p.y]]);
2167	+
2168	+ return Point(pMatrix[0][0], pMatrix[1][0]);
2169	+ };
2170	+ };
2171	+
2172	+ _This.$CreateMatrix = function (alpha, scaleX, scaleY) {
2173	+ var cos = Math.cos(alpha);
2174	+ var sin = Math.sin(alpha);
2175	+ //var r11 = cos;
2176	+ //var r21 = sin;
2177	+ //var r12 = -sin;
2178	+ //var r22 = cos;
2179	+
2180	+ //var m11 = cos * scaleX;
2181	+ //var m12 = -sin * scaleY;
2182	+ //var m21 = sin * scaleX;
2183	+ //var m22 = cos * scaleY;
2184	+
2185	+ return [[cos * scaleX, -sin * scaleY], [sin * scaleX, cos * scaleY]];
2186	+ };
2187	+
2188	+ _This.$GetMatrixOffset = function (matrix, width, height) {
2189	+ var p1 = $JssorMatrix$.$TransformPoint(matrix, Point(-width / 2, -height / 2));
2190	+ var p2 = $JssorMatrix$.$TransformPoint(matrix, Point(width / 2, -height / 2));
2191	+ var p3 = $JssorMatrix$.$TransformPoint(matrix, Point(width / 2, height / 2));
2192	+ var p4 = $JssorMatrix$.$TransformPoint(matrix, Point(-width / 2, height / 2));
2193	+
2194	+ return Point(Math.min(p1.x, p2.x, p3.x, p4.x) + width / 2, Math.min(p1.y, p2.y, p3.y, p4.y) + height / 2);
2195	+ };
2196	+
2197	+ _This.$Transform = function (fromStyles, toStyles, interPosition, easings, durings, rounds, options) {
2198	+
2199	+ var currentStyles = toStyles;
2200	+
2201	+ if (fromStyles) {
2202	+ currentStyles = {};
2203	+
2204	+ for (var key in toStyles) {
2205	+ var round = rounds[key] \|\| 1;
2206	+ var during = durings[key] \|\| [0, 1];
2207	+ var propertyInterPosition = (interPosition - during[0]) / during[1];
2208	+ propertyInterPosition = Math.min(Math.max(propertyInterPosition, 0), 1);
2209	+ propertyInterPosition = propertyInterPosition * round;
2210	+ var floorPosition = Math.floor(propertyInterPosition);
2211	+ if (propertyInterPosition != floorPosition)
2212	+ propertyInterPosition -= floorPosition;
2213	+
2214	+ var easing = easings[key] \|\| easings.$Default;
2215	+ var easingValue = easing(propertyInterPosition);
2216	+ var currentPropertyValue;
2217	+ var value = fromStyles[key];
2218	+ var toValue = toStyles[key];
2219	+
2220	+ if ($Jssor$.$IsNumeric(toValue)) {
2221	+ currentPropertyValue = value + (toValue - value) * easingValue;
2222	+ }
2223	+ else {
2224	+ currentPropertyValue = $Jssor$.$Extend({ $Offset: {} }, fromStyles[key]);
2225	+
2226	+ $Jssor$.$Each(toValue.$Offset, function (rectX, n) {
2227	+ var offsetValue = rectX * easingValue;
2228	+ currentPropertyValue.$Offset[n] = offsetValue;
2229	+ currentPropertyValue[n] += offsetValue;
2230	+ });
2231	+ }
2232	+ currentStyles[key] = currentPropertyValue;
2233	+ }
2234	+
2235	+ if (fromStyles.$Zoom) {
2236	+ currentStyles.$Transform = { $Rotate: currentStyles.$Rotate \|\| 0, $Scale: currentStyles.$Zoom, $OriginalWidth: options.$OriginalWidth, $OriginalHeight: options.$OriginalHeight };
2237	+ }
2238	+ }
2239	+
2240	+ if (toStyles.$Clip && options.$Move) {
2241	+ var styleFrameNClipOffset = currentStyles.$Clip.$Offset;
2242	+
2243	+ var offsetY = (styleFrameNClipOffset.$Top \|\| 0) + (styleFrameNClipOffset.$Bottom \|\| 0);
2244	+ var offsetX = (styleFrameNClipOffset.$Left \|\| 0) + (styleFrameNClipOffset.$Right \|\| 0);
2245	+
2246	+ currentStyles.$Left = (currentStyles.$Left \|\| 0) + offsetX;
2247	+ currentStyles.$Top = (currentStyles.$Top \|\| 0) + offsetY;
2248	+ currentStyles.$Clip.$Left -= offsetX;
2249	+ currentStyles.$Clip.$Right -= offsetX;
2250	+ currentStyles.$Clip.$Top -= offsetY;
2251	+ currentStyles.$Clip.$Bottom -= offsetY;
2252	+ }
2253	+
2254	+ if (currentStyles.$Clip && $Jssor$.$CanClearClip() && !currentStyles.$Clip.$Top && !currentStyles.$Clip.$Left && (currentStyles.$Clip.$Right == options.$OriginalWidth) && (currentStyles.$Clip.$Bottom == options.$OriginalHeight))
2255	+ currentStyles.$Clip = null;
2256	+
2257	+ return currentStyles;
2258	+ };
2259	+ };
2260	+
2261	+ //$JssorObject$
2262	+ var $JssorObject$ = window.$JssorObject$ = function () {
2263	+ var _ThisObject = this;
2264	+ // Fields
2265	+
2266	+ var _Listeners = []; // dictionary of eventName --> array of handlers
2267	+ var _Listenees = [];
2268	+
2269	+ // Private Methods
2270	+ function AddListener(eventName, handler) {
2271	+
2272	+ $JssorDebug$.$Execute(function () {
2273	+ if (eventName == undefined \|\| eventName == null)
2274	+ throw new Error("param 'eventName' is null or empty.");
2275	+
2276	+ if (typeof (handler) != "function") {
2277	+ throw "param 'handler' must be a function.";
2278	+ }
2279	+
2280	+ $Jssor$.$Each(_Listeners, function (listener) {
2281	+ if (listener.$EventName == eventName && listener.$Handler === handler) {
2282	+ throw new Error("The handler listened to the event already, cannot listen to the same event of the same object with the same handler twice.");
2283	+ }
2284	+ });
2285	+ });
2286	+
2287	+ _Listeners.push({ $EventName: eventName, $Handler: handler });
2288	+ }
2289	+
2290	+ function RemoveListener(eventName, handler) {
2291	+
2292	+ $JssorDebug$.$Execute(function () {
2293	+ if (eventName == undefined \|\| eventName == null)
2294	+ throw new Error("param 'eventName' is null or empty.");
2295	+
2296	+ if (typeof (handler) != "function") {
2297	+ throw "param 'handler' must be a function.";
2298	+ }
2299	+ });
2300	+
2301	+ $Jssor$.$Each(_Listeners, function (listener, index) {
2302	+ if (listener.$EventName == eventName && listener.$Handler === handler) {
2303	+ _Listeners.splice(index, 1);
2304	+ }
2305	+ });
2306	+ }
2307	+
2308	+ function ClearListeners() {
2309	+ _Listeners = [];
2310	+ }
2311	+
2312	+ function ClearListenees() {
2313	+
2314	+ $Jssor$.$Each(_Listenees, function (listenee) {
2315	+ $Jssor$.$RemoveEvent(listenee.$Obj, listenee.$EventName, listenee.$Handler);
2316	+ });
2317	+
2318	+ _Listenees = [];
2319	+ }
2320	+
2321	+ //Protected Methods
2322	+ _ThisObject.$Listen = function (obj, eventName, handler, useCapture) {
2323	+
2324	+ $JssorDebug$.$Execute(function () {
2325	+ if (!obj)
2326	+ throw new Error("param 'obj' is null or empty.");
2327	+
2328	+ if (eventName == undefined \|\| eventName == null)
2329	+ throw new Error("param 'eventName' is null or empty.");
2330	+
2331	+ if (typeof (handler) != "function") {
2332	+ throw "param 'handler' must be a function.";
2333	+ }
2334	+
2335	+ $Jssor$.$Each(_Listenees, function (listenee) {
2336	+ if (listenee.$Obj === obj && listenee.$EventName == eventName && listenee.$Handler === handler) {
2337	+ throw new Error("The handler listened to the event already, cannot listen to the same event of the same object with the same handler twice.");
2338	+ }
2339	+ });
2340	+ });
2341	+
2342	+ $Jssor$.$AddEvent(obj, eventName, handler, useCapture);
2343	+ _Listenees.push({ $Obj: obj, $EventName: eventName, $Handler: handler });
2344	+ };
2345	+
2346	+ _ThisObject.$Unlisten = function (obj, eventName, handler) {
2347	+
2348	+ $JssorDebug$.$Execute(function () {
2349	+ if (!obj)
2350	+ throw new Error("param 'obj' is null or empty.");
2351	+
2352	+ if (eventName == undefined \|\| eventName == null)
2353	+ throw new Error("param 'eventName' is null or empty.");
2354	+
2355	+ if (typeof (handler) != "function") {
2356	+ throw "param 'handler' must be a function.";
2357	+ }
2358	+ });
2359	+
2360	+ $Jssor$.$Each(_Listenees, function (listenee, index) {
2361	+ if (listenee.$Obj === obj && listenee.$EventName == eventName && listenee.$Handler === handler) {
2362	+ $Jssor$.$RemoveEvent(obj, eventName, handler);
2363	+ _Listenees.splice(index, 1);
2364	+ }
2365	+ });
2366	+ };
2367	+
2368	+ _ThisObject.$UnlistenAll = ClearListenees;
2369	+
2370	+ // Public Methods
2371	+ _ThisObject.$On = _ThisObject.addEventListener = AddListener;
2372	+
2373	+ _ThisObject.$Off = _ThisObject.removeEventListener = RemoveListener;
2374	+
2375	+ _ThisObject.$TriggerEvent = function (eventName) {
2376	+
2377	+ var args = [].slice.call(arguments, 1);
2378	+
2379	+ $Jssor$.$Each(_Listeners, function (listener) {
2380	+ try {
2381	+ listener.$EventName == eventName && listener.$Handler.apply(window, args);
2382	+ } catch (e) {
2383	+ // handler threw an error, ignore, go on to next one
2384	+ $JssorDebug$.$Error(e.name + " while executing " + eventName +
2385	+ " handler: " + e.message, e);
2386	+ }
2387	+ });
2388	+ };
2389	+
2390	+ _ThisObject.$Destroy = function () {
2391	+ ClearListenees();
2392	+ ClearListeners();
2393	+
2394	+ for (var name in _ThisObject)
2395	+ delete _ThisObject[name];
2396	+ };
2397	+
2398	+ $JssorDebug$.$C_AbstractClass(_ThisObject);
2399	+ };
2400	+
2401	+ $JssorAnimator$ = function (delay, duration, options, elmt, fromStyles, toStyles) {
2402	+ delay = delay \|\| 0;
2403	+
2404	+ var _ThisAnimator = this;
2405	+ var _AutoPlay;
2406	+ var _Hiden;
2407	+ var _CombineMode;
2408	+ var _PlayToPosition;
2409	+ var _PlayDirection;
2410	+ var _NoStop;
2411	+ var _TimeStampLastFrame = 0;
2412	+
2413	+ var _SubEasings;
2414	+ var _SubRounds;
2415	+ var _SubDurings;
2416	+ var _Callback;
2417	+
2418	+ var _Position_Current = 0;
2419	+ var _Position_Display = 0;
2420	+ var _Hooked;
2421	+
2422	+ var _Position_InnerBegin = delay;
2423	+ var _Position_InnerEnd = delay + duration;
2424	+ var _Position_OuterBegin;
2425	+ var _Position_OuterEnd;
2426	+ var _LoopLength;
2427	+
2428	+ var _NestedAnimators = [];
2429	+ var _StyleSetter;
2430	+
2431	+ function GetPositionRange(position, begin, end) {
2432	+ var range = 0;
2433	+
2434	+ if (position < begin)
2435	+ range = -1;
2436	+
2437	+ else if (position > end)
2438	+ range = 1;
2439	+
2440	+ return range;
2441	+ }
2442	+
2443	+ function GetInnerPositionRange(position) {
2444	+ return GetPositionRange(position, _Position_InnerBegin, _Position_InnerEnd);
2445	+ }
2446	+
2447	+ function GetOuterPositionRange(position) {
2448	+ return GetPositionRange(position, _Position_OuterBegin, _Position_OuterEnd);
2449	+ }
2450	+
2451	+ function Shift(offset) {
2452	+ _Position_OuterBegin += offset;
2453	+ _Position_OuterEnd += offset;
2454	+ _Position_InnerBegin += offset;
2455	+ _Position_InnerEnd += offset;
2456	+
2457	+ _Position_Current += offset;
2458	+ _Position_Display += offset;
2459	+
2460	+ $Jssor$.$Each(_NestedAnimators, function (animator) {
2461	+ animator, animator.$Shift(offset);
2462	+ });
2463	+ }
2464	+
2465	+ function Locate(position, relative) {
2466	+ var offset = position - _Position_OuterBegin + delay * relative;
2467	+
2468	+ Shift(offset);
2469	+
2470	+ //$JssorDebug$.$Execute(function () {
2471	+ // _ThisAnimator.$Position_InnerBegin = _Position_InnerBegin;
2472	+ // _ThisAnimator.$Position_InnerEnd = _Position_InnerEnd;
2473	+ // _ThisAnimator.$Position_OuterBegin = _Position_OuterBegin;
2474	+ // _ThisAnimator.$Position_OuterEnd = _Position_OuterEnd;
2475	+ //});
2476	+
2477	+ return _Position_OuterEnd;
2478	+ }
2479	+
2480	+ function GoToPosition(positionOuter, force) {
2481	+ var trimedPositionOuter = positionOuter;
2482	+
2483	+ if (_LoopLength && (trimedPositionOuter >= _Position_OuterEnd \|\| trimedPositionOuter <= _Position_OuterBegin)) {
2484	+ trimedPositionOuter = ((trimedPositionOuter - _Position_OuterBegin) % _LoopLength + _LoopLength) % _LoopLength + _Position_OuterBegin;
2485	+ }
2486	+
2487	+ if (!_Hooked \|\| _NoStop \|\| force \|\| _Position_Current != trimedPositionOuter) {
2488	+
2489	+ var positionToDisplay = Math.min(trimedPositionOuter, _Position_OuterEnd);
2490	+ positionToDisplay = Math.max(positionToDisplay, _Position_OuterBegin);
2491	+
2492	+ if (!_Hooked \|\| _NoStop \|\| force \|\| positionToDisplay != _Position_Display) {
2493	+ if (toStyles) {
2494	+
2495	+ var interPosition = (positionToDisplay - _Position_InnerBegin) / (duration \|\| 1);
2496	+
2497	+ //if (options.$Optimize && $Jssor$.$IsBrowserChrome() && duration) {
2498	+ // interPosition = Math.round(interPosition / 8 * duration) * 8 / duration;
2499	+ //}
2500	+
2501	+ if (options.$Reverse)
2502	+ interPosition = 1 - interPosition;
2503	+
2504	+ var currentStyles = $Jssor$.$Transform(fromStyles, toStyles, interPosition, _SubEasings, _SubDurings, _SubRounds, options);
2505	+
2506	+ $Jssor$.$Each(currentStyles, function (value, key) {
2507	+ _StyleSetter[key] && _StyleSetter[key](elmt, value);
2508	+ });
2509	+ }
2510	+
2511	+ _ThisAnimator.$OnInnerOffsetChange(_Position_Display - _Position_InnerBegin, positionToDisplay - _Position_InnerBegin);
2512	+ }
2513	+
2514	+ _Position_Display = positionToDisplay;
2515	+
2516	+ $Jssor$.$Each(_NestedAnimators, function (animator, i) {
2517	+ var nestedAnimator = positionOuter < _Position_Current ? _NestedAnimators[_NestedAnimators.length - i - 1] : animator;
2518	+ nestedAnimator.$GoToPosition(positionOuter, force);
2519	+ });
2520	+
2521	+ var positionOld = _Position_Current;
2522	+ var positionNew = positionOuter;
2523	+
2524	+ _Position_Current = trimedPositionOuter;
2525	+ _Hooked = true;
2526	+
2527	+ _ThisAnimator.$OnPositionChange(positionOld, positionNew);
2528	+ }
2529	+ }
2530	+
2531	+ function Join(animator, combineMode) {
2532	+ /// <summary>
2533	+ /// Combine another animator as nested animator
2534	+ /// </summary>
2535	+ /// <param name="animator" type="$JssorAnimator$">
2536	+ /// An instance of $JssorAnimator$
2537	+ /// </param>
2538	+ /// <param name="combineMode" type="int">
2539	+ /// 0: parallel - place the animator parallel to this animator.
2540	+ /// 1: chain - chain the animator at the _Position_InnerEnd of this animator.
2541	+ /// </param>
2542	+ $JssorDebug$.$Execute(function () {
2543	+ if (combineMode !== 0 && combineMode !== 1)
2544	+ $JssorDebug$.$Fail("Argument out of range, the value of 'combineMode' should be either 0 or 1.");
2545	+ });
2546	+
2547	+ if (combineMode)
2548	+ animator.$Locate(_Position_OuterEnd, 1);
2549	+
2550	+ _Position_OuterEnd = Math.max(_Position_OuterEnd, animator.$GetPosition_OuterEnd());
2551	+ _NestedAnimators.push(animator);
2552	+ }
2553	+
2554	+ var RequestAnimationFrame = window.requestAnimationFrame
2555	+ \|\| window.webkitRequestAnimationFrame
2556	+ \|\| window.mozRequestAnimationFrame
2557	+ \|\| window.msRequestAnimationFrame;
2558	+
2559	+ if ($Jssor$.$IsBrowserSafari() && $Jssor$.$BrowserVersion() < 7) {
2560	+ RequestAnimationFrame = null;
2561	+
2562	+ $JssorDebug$.$Log("Custom animation frame for safari before 7.");
2563	+ }
2564	+
2565	+ RequestAnimationFrame = RequestAnimationFrame \|\| function (callback) {
2566	+ $Jssor$.$Delay(callback, options.$Interval);
2567	+ };
2568	+
2569	+ function ShowFrame() {
2570	+ if (_AutoPlay) {
2571	+ var now = $Jssor$.$GetNow();
2572	+ var timeOffset = Math.min(now - _TimeStampLastFrame, options.$IntervalMax);
2573	+ var timePosition = _Position_Current + timeOffset * _PlayDirection;
2574	+ _TimeStampLastFrame = now;
2575	+
2576	+ if (timePosition * _PlayDirection >= _PlayToPosition * _PlayDirection)
2577	+ timePosition = _PlayToPosition;
2578	+
2579	+ GoToPosition(timePosition);
2580	+
2581	+ if (!_NoStop && timePosition * _PlayDirection >= _PlayToPosition * _PlayDirection) {
2582	+ Stop(_Callback);
2583	+ }
2584	+ else {
2585	+ RequestAnimationFrame(ShowFrame);
2586	+ }
2587	+ }
2588	+ }
2589	+
2590	+ function PlayToPosition(toPosition, callback, noStop) {
2591	+ if (!_AutoPlay) {
2592	+ _AutoPlay = true;
2593	+ _NoStop = noStop
2594	+ _Callback = callback;
2595	+ toPosition = Math.max(toPosition, _Position_OuterBegin);
2596	+ toPosition = Math.min(toPosition, _Position_OuterEnd);
2597	+ _PlayToPosition = toPosition;
2598	+ _PlayDirection = _PlayToPosition < _Position_Current ? -1 : 1;
2599	+ _ThisAnimator.$OnStart();
2600	+ _TimeStampLastFrame = $Jssor$.$GetNow();
2601	+ RequestAnimationFrame(ShowFrame);
2602	+ }
2603	+ }
2604	+
2605	+ function Stop(callback) {
2606	+ if (_AutoPlay) {
2607	+ _NoStop = _AutoPlay = _Callback = false;
2608	+ _ThisAnimator.$OnStop();
2609	+
2610	+ if (callback)
2611	+ callback();
2612	+ }
2613	+ }
2614	+
2615	+ _ThisAnimator.$Play = function (positionLength, callback, noStop) {
2616	+ PlayToPosition(positionLength ? _Position_Current + positionLength : _Position_OuterEnd, callback, noStop);
2617	+ };
2618	+
2619	+ _ThisAnimator.$PlayToPosition = PlayToPosition;
2620	+
2621	+ _ThisAnimator.$PlayToBegin = function (callback, noStop) {
2622	+ PlayToPosition(_Position_OuterBegin, callback, noStop);
2623	+ };
2624	+
2625	+ _ThisAnimator.$PlayToEnd = function (callback, noStop) {
2626	+ PlayToPosition(_Position_OuterEnd, callback, noStop);
2627	+ };
2628	+
2629	+ _ThisAnimator.$Stop = Stop;
2630	+
2631	+ _ThisAnimator.$Continue = function (toPosition) {
2632	+ PlayToPosition(toPosition);
2633	+ };
2634	+
2635	+ _ThisAnimator.$GetPosition = function () {
2636	+ return _Position_Current;
2637	+ };
2638	+
2639	+ _ThisAnimator.$GetPlayToPosition = function () {
2640	+ return _PlayToPosition;
2641	+ };
2642	+
2643	+ _ThisAnimator.$GetPosition_Display = function () {
2644	+ return _Position_Display;
2645	+ };
2646	+
2647	+ _ThisAnimator.$GoToPosition = GoToPosition;
2648	+
2649	+ _ThisAnimator.$GoToBegin = function () {
2650	+ GoToPosition(_Position_OuterBegin, true);
2651	+ };
2652	+
2653	+ _ThisAnimator.$GoToEnd = function () {
2654	+ GoToPosition(_Position_OuterEnd, true);
2655	+ };
2656	+
2657	+ _ThisAnimator.$Move = function (offset) {
2658	+ GoToPosition(_Position_Current + offset);
2659	+ };
2660	+
2661	+ _ThisAnimator.$CombineMode = function () {
2662	+ return _CombineMode;
2663	+ };
2664	+
2665	+ _ThisAnimator.$GetDuration = function () {
2666	+ return duration;
2667	+ };
2668	+
2669	+ _ThisAnimator.$IsPlaying = function () {
2670	+ return _AutoPlay;
2671	+ };
2672	+
2673	+ _ThisAnimator.$IsOnTheWay = function () {
2674	+ return _Position_Current > _Position_InnerBegin && _Position_Current <= _Position_InnerEnd;
2675	+ };
2676	+
2677	+ _ThisAnimator.$SetLoopLength = function (length) {
2678	+ _LoopLength = length;
2679	+ };
2680	+
2681	+ _ThisAnimator.$Locate = Locate;
2682	+
2683	+ _ThisAnimator.$Shift = Shift;
2684	+
2685	+ _ThisAnimator.$Join = Join;
2686	+
2687	+ _ThisAnimator.$Combine = function (animator) {
2688	+ /// <summary>
2689	+ /// Combine another animator parallel to this animator
2690	+ /// </summary>
2691	+ /// <param name="animator" type="$JssorAnimator$">
2692	+ /// An instance of $JssorAnimator$
2693	+ /// </param>
2694	+ Join(animator, 0);
2695	+ };
2696	+
2697	+ _ThisAnimator.$Chain = function (animator) {
2698	+ /// <summary>
2699	+ /// Chain another animator at the _Position_InnerEnd of this animator
2700	+ /// </summary>
2701	+ /// <param name="animator" type="$JssorAnimator$">
2702	+ /// An instance of $JssorAnimator$
2703	+ /// </param>
2704	+ Join(animator, 1);
2705	+ };
2706	+
2707	+ _ThisAnimator.$GetPosition_InnerBegin = function () {
2708	+ /// <summary>
2709	+ /// Internal member function, do not use it.
2710	+ /// </summary>
2711	+ /// <private />
2712	+ /// <returns type="int" />
2713	+ return _Position_InnerBegin;
2714	+ };
2715	+
2716	+ _ThisAnimator.$GetPosition_InnerEnd = function () {
2717	+ /// <summary>
2718	+ /// Internal member function, do not use it.
2719	+ /// </summary>
2720	+ /// <private />
2721	+ /// <returns type="int" />
2722	+ return _Position_InnerEnd;
2723	+ };
2724	+
2725	+ _ThisAnimator.$GetPosition_OuterBegin = function () {
2726	+ /// <summary>
2727	+ /// Internal member function, do not use it.
2728	+ /// </summary>
2729	+ /// <private />
2730	+ /// <returns type="int" />
2731	+ return _Position_OuterBegin;
2732	+ };
2733	+
2734	+ _ThisAnimator.$GetPosition_OuterEnd = function () {
2735	+ /// <summary>
2736	+ /// Internal member function, do not use it.
2737	+ /// </summary>
2738	+ /// <private />
2739	+ /// <returns type="int" />
2740	+ return _Position_OuterEnd;
2741	+ };
2742	+
2743	+ _ThisAnimator.$OnPositionChange = _ThisAnimator.$OnStart = _ThisAnimator.$OnStop = _ThisAnimator.$OnInnerOffsetChange = $Jssor$.$EmptyFunction;
2744	+ _ThisAnimator.$Version = $Jssor$.$GetNow();
2745	+
2746	+ //Constructor 1
2747	+ {
2748	+ options = $Jssor$.$Extend({
2749	+ $Interval: 16,
2750	+ $IntervalMax: 50
2751	+ }, options);
2752	+
2753	+ //Sodo statement, for development time intellisence only
2754	+ $JssorDebug$.$Execute(function () {
2755	+ options = $Jssor$.$Extend({
2756	+ $LoopLength: undefined,
2757	+ $Setter: undefined,
2758	+ $Easing: undefined
2759	+ }, options);
2760	+ });
2761	+
2762	+ _LoopLength = options.$LoopLength;
2763	+
2764	+ _StyleSetter = $Jssor$.$Extend({}, $Jssor$.$StyleSetter(), options.$Setter);
2765	+
2766	+ _Position_OuterBegin = _Position_InnerBegin = delay;
2767	+ _Position_OuterEnd = _Position_InnerEnd = delay + duration;
2768	+
2769	+ _SubRounds = options.$Round \|\| {};
2770	+ _SubDurings = options.$During \|\| {};
2771	+ _SubEasings = $Jssor$.$Extend({ $Default: $Jssor$.$IsFunction(options.$Easing) && options.$Easing \|\| $JssorEasing$.$EaseSwing }, options.$Easing);
2772	+ }
2773	+ };
2774	+
2775	+ function $JssorPlayerClass$() {
2776	+
2777	+ var _ThisPlayer = this;
2778	+ var _PlayerControllers = [];
2779	+
2780	+ function PlayerController(playerElement) {
2781	+ var _SelfPlayerController = this;
2782	+ var _PlayerInstance;
2783	+ var _PlayerInstantces = [];
2784	+
2785	+ function OnPlayerInstanceDataAvailable(event) {
2786	+ var srcElement = $Jssor$.$EventSrc(event);
2787	+ _PlayerInstance = srcElement.pInstance;
2788	+
2789	+ $Jssor$.$RemoveEvent(srcElement, "dataavailable", OnPlayerInstanceDataAvailable);
2790	+ $Jssor$.$Each(_PlayerInstantces, function (playerInstance) {
2791	+ if (playerInstance != _PlayerInstance) {
2792	+ playerInstance.$Remove();
2793	+ }
2794	+ });
2795	+
2796	+ playerElement.pTagName = _PlayerInstance.tagName;
2797	+ _PlayerInstantces = null;
2798	+ }
2799	+
2800	+ function HandlePlayerInstance(playerInstanceElement) {
2801	+ var playerHandler;
2802	+
2803	+ if (!playerInstanceElement.pInstance) {
2804	+ var playerHandlerAttribute = $Jssor$.$AttributeEx(playerInstanceElement, "pHandler");
2805	+
2806	+ if ($JssorPlayer$[playerHandlerAttribute]) {
2807	+ $Jssor$.$AddEvent(playerInstanceElement, "dataavailable", OnPlayerInstanceDataAvailable);
2808	+ playerHandler = new $JssorPlayer$[playerHandlerAttribute](playerElement, playerInstanceElement);
2809	+ _PlayerInstantces.push(playerHandler);
2810	+
2811	+ $JssorDebug$.$Execute(function () {
2812	+ if ($Jssor$.$Type(playerHandler.$Remove) != "function") {
2813	+ $JssorDebug$.$Fail("'pRemove' interface not implemented for player handler '" + playerHandlerAttribute + "'.");
2814	+ }
2815	+ });
2816	+ }
2817	+ }
2818	+
2819	+ return playerHandler;
2820	+ }
2821	+
2822	+ _SelfPlayerController.$InitPlayerController = function () {
2823	+ if (!playerElement.pInstance && !HandlePlayerInstance(playerElement)) {
2824	+
2825	+ var playerInstanceElements = $Jssor$.$Children(playerElement);
2826	+
2827	+ $Jssor$.$Each(playerInstanceElements, function (playerInstanceElement) {
2828	+ HandlePlayerInstance(playerInstanceElement);
2829	+ });
2830	+ }
2831	+ };
2832	+ }
2833	+
2834	+ _ThisPlayer.$EVT_SWITCH = 21;
2835	+
2836	+ _ThisPlayer.$FetchPlayers = function (elmt) {
2837	+ elmt = elmt \|\| document.body;
2838	+
2839	+ var playerElements = $Jssor$.$FindChildren(elmt, "player");
2840	+
2841	+ $Jssor$.$Each(playerElements, function (playerElement) {
2842	+ if (!_PlayerControllers[playerElement.pId]) {
2843	+ playerElement.pId = _PlayerControllers.length;
2844	+ _PlayerControllers.push(new PlayerController(playerElement));
2845	+ }
2846	+ var playerController = _PlayerControllers[playerElement.pId];
2847	+ playerController.$InitPlayerController();
2848	+ });
2849	+ };
2850	+ }

js/bannerslider/jssor.slider.js ADDED Viewed

	@@ -0,0 +1,4088 @@


1	+ /// <reference path="Jssor.js" />
2	+
3	+ /*
4	+ * Jssor.Slider 18.0
5	+ * http://www.jssor.com/
6	+ *
7	+ * Licensed under the MIT license:
8	+ * http://www.opensource.org/licenses/MIT
9	+ *
10	+ * TERMS OF USE - Jssor.Slider
11	+ *
12	+ * Copyright 2014 Jssor
13	+ *
14	+ * Permission is hereby granted, free of charge, to any person obtaining
15	+ * a copy of this software and associated documentation files (the
16	+ * "Software"), to deal in the Software without restriction, including
17	+ * without limitation the rights to use, copy, modify, merge, publish,
18	+ * distribute, sublicense, and/or sell copies of the Software, and to
19	+ * permit persons to whom the Software is furnished to do so, subject to
20	+ * the following conditions:
21	+ *
22	+ * The above copyright notice and this permission notice shall be
23	+ * included in all copies or substantial portions of the Software.
24	+ *
25	+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
26	+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
27	+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
28	+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
29	+ * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
30	+ * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
31	+ * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
32	+ */
33	+
34	+ var $JssorSlider$;
35	+ var $JssorSlideshowFormations$ = window.$JssorSlideshowFormations$ = {};
36	+ var $JssorSlideshowRunner$;
37	+
38	+ new function () {
39	+ //Constants +++++++
40	+
41	+ var COLUMN_INCREASE = 0;
42	+ var COLUMN_DECREASE = 1;
43	+ var ROW_INCREASE = 2;
44	+ var ROW_DECREASE = 3;
45	+
46	+ var DIRECTION_HORIZONTAL = 0x0003;
47	+ var DIRECTION_VERTICAL = 0x000C;
48	+
49	+ var TO_LEFT = 0x0001;
50	+ var TO_RIGHT = 0x0002;
51	+ var TO_TOP = 0x0004;
52	+ var TO_BOTTOM = 0x0008;
53	+
54	+ var FROM_LEFT = 0x0100;
55	+ var FROM_TOP = 0x0200;
56	+ var FROM_RIGHT = 0x0400;
57	+ var FROM_BOTTOM = 0x0800;
58	+
59	+ var ASSEMBLY_BOTTOM_LEFT = FROM_BOTTOM + TO_LEFT;
60	+ var ASSEMBLY_BOTTOM_RIGHT = FROM_BOTTOM + TO_RIGHT;
61	+ var ASSEMBLY_TOP_LEFT = FROM_TOP + TO_LEFT;
62	+ var ASSEMBLY_TOP_RIGHT = FROM_TOP + TO_RIGHT;
63	+ var ASSEMBLY_LEFT_TOP = FROM_LEFT + TO_TOP;
64	+ var ASSEMBLY_LEFT_BOTTOM = FROM_LEFT + TO_BOTTOM;
65	+ var ASSEMBLY_RIGHT_TOP = FROM_RIGHT + TO_TOP;
66	+ var ASSEMBLY_RIGHT_BOTTOM = FROM_RIGHT + TO_BOTTOM;
67	+
68	+ //Constants -------
69	+
70	+ //Formation Definition +++++++
71	+ function isToLeft(roadValue) {
72	+ return (roadValue & TO_LEFT) == TO_LEFT;
73	+ }
74	+
75	+ function isToRight(roadValue) {
76	+ return (roadValue & TO_RIGHT) == TO_RIGHT;
77	+ }
78	+
79	+ function isToTop(roadValue) {
80	+ return (roadValue & TO_TOP) == TO_TOP;
81	+ }
82	+
83	+ function isToBottom(roadValue) {
84	+ return (roadValue & TO_BOTTOM) == TO_BOTTOM;
85	+ }
86	+
87	+ function PushFormationOrder(arr, order, formationItem) {
88	+ formationItem.push(order);
89	+ arr[order] = arr[order] \|\| [];
90	+ arr[order].push(formationItem);
91	+ }
92	+
93	+ $JssorSlideshowFormations$.$FormationStraight = function (transition) {
94	+ var cols = transition.$Cols;
95	+ var rows = transition.$Rows;
96	+ var formationDirection = transition.$Assembly;
97	+ var count = transition.$Count;
98	+ var a = [];
99	+ var i = 0;
100	+ var col = 0;
101	+ var r = 0;
102	+ var cl = cols - 1;
103	+ var rl = rows - 1;
104	+ var il = count - 1;
105	+ var cr;
106	+ var order;
107	+ for (r = 0; r < rows; r++) {
108	+ for (col = 0; col < cols; col++) {
109	+ cr = r + ',' + col;
110	+ switch (formationDirection) {
111	+ case ASSEMBLY_BOTTOM_LEFT:
112	+ order = il - (col * rows + (rl - r));
113	+ break;
114	+ case ASSEMBLY_RIGHT_TOP:
115	+ order = il - (r * cols + (cl - col));
116	+ break;
117	+ case ASSEMBLY_TOP_LEFT:
118	+ order = il - (col * rows + r);
119	+ case ASSEMBLY_LEFT_TOP:
120	+ order = il - (r * cols + col);
121	+ break;
122	+ case ASSEMBLY_BOTTOM_RIGHT:
123	+ order = col * rows + r;
124	+ break;
125	+ case ASSEMBLY_LEFT_BOTTOM:
126	+ order = r * cols + (cl - col);
127	+ break;
128	+ case ASSEMBLY_TOP_RIGHT:
129	+ order = col * rows + (rl - r);
130	+ break;
131	+ default:
132	+ order = r * cols + col;
133	+ break; //ASSEMBLY_RIGHT_BOTTOM
134	+ }
135	+ PushFormationOrder(a, order, [r, col]);
136	+ }
137	+ }
138	+
139	+ return a;
140	+ };
141	+
142	+ $JssorSlideshowFormations$.$FormationSwirl = function (transition) {
143	+ var cols = transition.$Cols;
144	+ var rows = transition.$Rows;
145	+ var formationDirection = transition.$Assembly;
146	+ var count = transition.$Count;
147	+ var a = [];
148	+ var hit = [];
149	+ var i = 0;
150	+ var col = 0;
151	+ var r = 0;
152	+ var cl = cols - 1;
153	+ var rl = rows - 1;
154	+ var il = count - 1;
155	+ var cr;
156	+ var courses;
157	+ var course = 0;
158	+ switch (formationDirection) {
159	+ case ASSEMBLY_BOTTOM_LEFT:
160	+ col = cl;
161	+ r = 0;
162	+ courses = [ROW_INCREASE, COLUMN_DECREASE, ROW_DECREASE, COLUMN_INCREASE];
163	+ break;
164	+ case ASSEMBLY_RIGHT_TOP:
165	+ col = 0;
166	+ r = rl;
167	+ courses = [COLUMN_INCREASE, ROW_DECREASE, COLUMN_DECREASE, ROW_INCREASE];
168	+ break;
169	+ case ASSEMBLY_TOP_LEFT:
170	+ col = cl;
171	+ r = rl;
172	+ courses = [ROW_DECREASE, COLUMN_DECREASE, ROW_INCREASE, COLUMN_INCREASE];
173	+ break;
174	+ case ASSEMBLY_LEFT_TOP:
175	+ col = cl;
176	+ r = rl;
177	+ courses = [COLUMN_DECREASE, ROW_DECREASE, COLUMN_INCREASE, ROW_INCREASE];
178	+ break;
179	+ case ASSEMBLY_BOTTOM_RIGHT:
180	+ col = 0;
181	+ r = 0;
182	+ courses = [ROW_INCREASE, COLUMN_INCREASE, ROW_DECREASE, COLUMN_DECREASE];
183	+ break;
184	+ case ASSEMBLY_LEFT_BOTTOM:
185	+ col = cl;
186	+ r = 0;
187	+ courses = [COLUMN_DECREASE, ROW_INCREASE, COLUMN_INCREASE, ROW_DECREASE];
188	+ break;
189	+ case ASSEMBLY_TOP_RIGHT:
190	+ col = 0;
191	+ r = rl;
192	+ courses = [ROW_DECREASE, COLUMN_INCREASE, ROW_INCREASE, COLUMN_DECREASE];
193	+ break;
194	+ default:
195	+ col = 0;
196	+ r = 0;
197	+ courses = [COLUMN_INCREASE, ROW_INCREASE, COLUMN_DECREASE, ROW_DECREASE];
198	+ break; //ASSEMBLY_RIGHT_BOTTOM
199	+ }
200	+ i = 0;
201	+ while (i < count) {
202	+ cr = r + ',' + col;
203	+ if (col >= 0 && col < cols && r >= 0 && r < rows && !hit[cr]) {
204	+ //a[cr] = i++;
205	+ hit[cr] = true;
206	+ PushFormationOrder(a, i++, [r, col]);
207	+ }
208	+ else {
209	+ switch (courses[course++ % courses.length]) {
210	+ case COLUMN_INCREASE:
211	+ col--;
212	+ break;
213	+ case ROW_INCREASE:
214	+ r--;
215	+ break;
216	+ case COLUMN_DECREASE:
217	+ col++;
218	+ break;
219	+ case ROW_DECREASE:
220	+ r++;
221	+ break;
222	+ }
223	+ }
224	+
225	+ switch (courses[course % courses.length]) {
226	+ case COLUMN_INCREASE:
227	+ col++;
228	+ break;
229	+ case ROW_INCREASE:
230	+ r++;
231	+ break;
232	+ case COLUMN_DECREASE:
233	+ col--;
234	+ break;
235	+ case ROW_DECREASE:
236	+ r--;
237	+ break;
238	+ }
239	+ }
240	+ return a;
241	+ };
242	+
243	+ $JssorSlideshowFormations$.$FormationZigZag = function (transition) {
244	+ var cols = transition.$Cols;
245	+ var rows = transition.$Rows;
246	+ var formationDirection = transition.$Assembly;
247	+ var count = transition.$Count;
248	+ var a = [];
249	+ var i = 0;
250	+ var col = 0;
251	+ var r = 0;
252	+ var cl = cols - 1;
253	+ var rl = rows - 1;
254	+ var il = count - 1;
255	+ var cr;
256	+ var courses;
257	+ var course = 0;
258	+ switch (formationDirection) {
259	+ case ASSEMBLY_BOTTOM_LEFT:
260	+ col = cl;
261	+ r = 0;
262	+ courses = [ROW_INCREASE, COLUMN_DECREASE, ROW_DECREASE, COLUMN_DECREASE];
263	+ break;
264	+ case ASSEMBLY_RIGHT_TOP:
265	+ col = 0;
266	+ r = rl;
267	+ courses = [COLUMN_INCREASE, ROW_DECREASE, COLUMN_DECREASE, ROW_DECREASE];
268	+ break;
269	+ case ASSEMBLY_TOP_LEFT:
270	+ col = cl;
271	+ r = rl;
272	+ courses = [ROW_DECREASE, COLUMN_DECREASE, ROW_INCREASE, COLUMN_DECREASE];
273	+ break;
274	+ case ASSEMBLY_LEFT_TOP:
275	+ col = cl;
276	+ r = rl;
277	+ courses = [COLUMN_DECREASE, ROW_DECREASE, COLUMN_INCREASE, ROW_DECREASE];
278	+ break;
279	+ case ASSEMBLY_BOTTOM_RIGHT:
280	+ col = 0;
281	+ r = 0;
282	+ courses = [ROW_INCREASE, COLUMN_INCREASE, ROW_DECREASE, COLUMN_INCREASE];
283	+ break;
284	+ case ASSEMBLY_LEFT_BOTTOM:
285	+ col = cl;
286	+ r = 0;
287	+ courses = [COLUMN_DECREASE, ROW_INCREASE, COLUMN_INCREASE, ROW_INCREASE];
288	+ break;
289	+ case ASSEMBLY_TOP_RIGHT:
290	+ col = 0;
291	+ r = rl;
292	+ courses = [ROW_DECREASE, COLUMN_INCREASE, ROW_INCREASE, COLUMN_INCREASE];
293	+ break;
294	+ default:
295	+ col = 0;
296	+ r = 0;
297	+ courses = [COLUMN_INCREASE, ROW_INCREASE, COLUMN_DECREASE, ROW_INCREASE];
298	+ break; //ASSEMBLY_RIGHT_BOTTOM
299	+ }
300	+ i = 0;
301	+ while (i < count) {
302	+ cr = r + ',' + col;
303	+ if (col >= 0 && col < cols && r >= 0 && r < rows && typeof (a[cr]) == 'undefined') {
304	+ PushFormationOrder(a, i++, [r, col]);
305	+ //a[cr] = i++;
306	+ switch (courses[course % courses.length]) {
307	+ case COLUMN_INCREASE:
308	+ col++;
309	+ break;
310	+ case ROW_INCREASE:
311	+ r++;
312	+ break;
313	+ case COLUMN_DECREASE:
314	+ col--;
315	+ break;
316	+ case ROW_DECREASE:
317	+ r--;
318	+ break;
319	+ }
320	+ }
321	+ else {
322	+ switch (courses[course++ % courses.length]) {
323	+ case COLUMN_INCREASE:
324	+ col--;
325	+ break;
326	+ case ROW_INCREASE:
327	+ r--;
328	+ break;
329	+ case COLUMN_DECREASE:
330	+ col++;
331	+ break;
332	+ case ROW_DECREASE:
333	+ r++;
334	+ break;
335	+ }
336	+ switch (courses[course++ % courses.length]) {
337	+ case COLUMN_INCREASE:
338	+ col++;
339	+ break;
340	+ case ROW_INCREASE:
341	+ r++;
342	+ break;
343	+ case COLUMN_DECREASE:
344	+ col--;
345	+ break;
346	+ case ROW_DECREASE:
347	+ r--;
348	+ break;
349	+ }
350	+ }
351	+ }
352	+ return a;
353	+ };
354	+
355	+ $JssorSlideshowFormations$.$FormationStraightStairs = function (transition) {
356	+ var cols = transition.$Cols;
357	+ var rows = transition.$Rows;
358	+ var formationDirection = transition.$Assembly;
359	+ var count = transition.$Count;
360	+ var a = [];
361	+ var i = 0;
362	+ var col = 0;
363	+ var r = 0;
364	+ var cl = cols - 1;
365	+ var rl = rows - 1;
366	+ var il = count - 1;
367	+ var cr;
368	+ switch (formationDirection) {
369	+ case ASSEMBLY_BOTTOM_LEFT:
370	+ case ASSEMBLY_TOP_RIGHT:
371	+ case ASSEMBLY_TOP_LEFT:
372	+ case ASSEMBLY_BOTTOM_RIGHT:
373	+ var C = 0;
374	+ var R = 0;
375	+ break;
376	+ case ASSEMBLY_LEFT_BOTTOM:
377	+ case ASSEMBLY_RIGHT_TOP:
378	+ case ASSEMBLY_LEFT_TOP:
379	+ case ASSEMBLY_RIGHT_BOTTOM:
380	+ var C = cl;
381	+ var R = 0;
382	+ break;
383	+ default:
384	+ formationDirection = ASSEMBLY_RIGHT_BOTTOM;
385	+ var C = cl;
386	+ var R = 0;
387	+ break;
388	+ }
389	+ col = C;
390	+ r = R;
391	+ while (i < count) {
392	+ cr = r + ',' + col;
393	+ if (isToTop(formationDirection) \|\| isToRight(formationDirection)) {
394	+ PushFormationOrder(a, il - i++, [r, col]);
395	+ //a[cr] = il - i++;
396	+ }
397	+ else {
398	+ PushFormationOrder(a, i++, [r, col]);
399	+ //a[cr] = i++;
400	+ }
401	+ switch (formationDirection) {
402	+ case ASSEMBLY_BOTTOM_LEFT:
403	+ case ASSEMBLY_TOP_RIGHT:
404	+ col--;
405	+ r++;
406	+ break;
407	+ case ASSEMBLY_TOP_LEFT:
408	+ case ASSEMBLY_BOTTOM_RIGHT:
409	+ col++;
410	+ r--;
411	+ break;
412	+ case ASSEMBLY_LEFT_BOTTOM:
413	+ case ASSEMBLY_RIGHT_TOP:
414	+ col--;
415	+ r--;
416	+ break;
417	+ case ASSEMBLY_RIGHT_BOTTOM:
418	+ case ASSEMBLY_LEFT_TOP:
419	+ default:
420	+ col++;
421	+ r++;
422	+ break;
423	+ }
424	+ if (col < 0 \|\| r < 0 \|\| col > cl \|\| r > rl) {
425	+ switch (formationDirection) {
426	+ case ASSEMBLY_BOTTOM_LEFT:
427	+ case ASSEMBLY_TOP_RIGHT:
428	+ C++;
429	+ break;
430	+ case ASSEMBLY_LEFT_BOTTOM:
431	+ case ASSEMBLY_RIGHT_TOP:
432	+ case ASSEMBLY_TOP_LEFT:
433	+ case ASSEMBLY_BOTTOM_RIGHT:
434	+ R++;
435	+ break;
436	+ case ASSEMBLY_RIGHT_BOTTOM:
437	+ case ASSEMBLY_LEFT_TOP:
438	+ default:
439	+ C--;
440	+ break;
441	+ }
442	+ if (C < 0 \|\| R < 0 \|\| C > cl \|\| R > rl) {
443	+ switch (formationDirection) {
444	+ case ASSEMBLY_BOTTOM_LEFT:
445	+ case ASSEMBLY_TOP_RIGHT:
446	+ C = cl;
447	+ R++;
448	+ break;
449	+ case ASSEMBLY_TOP_LEFT:
450	+ case ASSEMBLY_BOTTOM_RIGHT:
451	+ R = rl;
452	+ C++;
453	+ break;
454	+ case ASSEMBLY_LEFT_BOTTOM:
455	+ case ASSEMBLY_RIGHT_TOP: R = rl; C--;
456	+ break;
457	+ case ASSEMBLY_RIGHT_BOTTOM:
458	+ case ASSEMBLY_LEFT_TOP:
459	+ default:
460	+ C = 0;
461	+ R++;
462	+ break;
463	+ }
464	+ if (R > rl)
465	+ R = rl;
466	+ else if (R < 0)
467	+ R = 0;
468	+ else if (C > cl)
469	+ C = cl;
470	+ else if (C < 0)
471	+ C = 0;
472	+ }
473	+ r = R;
474	+ col = C;
475	+ }
476	+ }
477	+ return a;
478	+ };
479	+
480	+ $JssorSlideshowFormations$.$FormationSquare = function (transition) {
481	+ var cols = transition.$Cols \|\| 1;
482	+ var rows = transition.$Rows \|\| 1;
483	+ var arr = [];
484	+ var i = 0;
485	+ var col;
486	+ var r;
487	+ var dc;
488	+ var dr;
489	+ var cr;
490	+ dc = cols < rows ? (rows - cols) / 2 : 0;
491	+ dr = cols > rows ? (cols - rows) / 2 : 0;
492	+ cr = Math.round(Math.max(cols / 2, rows / 2)) + 1;
493	+ for (col = 0; col < cols; col++) {
494	+ for (r = 0; r < rows; r++)
495	+ PushFormationOrder(arr, cr - Math.min(col + 1 + dc, r + 1 + dr, cols - col + dc, rows - r + dr), [r, col]);
496	+ }
497	+ return arr;
498	+ };
499	+
500	+ $JssorSlideshowFormations$.$FormationRectangle = function (transition) {
501	+ var cols = transition.$Cols \|\| 1;
502	+ var rows = transition.$Rows \|\| 1;
503	+ var arr = [];
504	+ var i = 0;
505	+ var col;
506	+ var r;
507	+ var cr;
508	+ cr = Math.round(Math.min(cols / 2, rows / 2)) + 1;
509	+ for (col = 0; col < cols; col++) {
510	+ for (r = 0; r < rows; r++)
511	+ PushFormationOrder(arr, cr - Math.min(col + 1, r + 1, cols - col, rows - r), [r, col]);
512	+ }
513	+ return arr;
514	+ };
515	+
516	+ $JssorSlideshowFormations$.$FormationRandom = function (transition) {
517	+ var a = [];
518	+ var r, col, i;
519	+ for (r = 0; r < transition.$Rows; r++) {
520	+ for (col = 0; col < transition.$Cols; col++)
521	+ PushFormationOrder(a, Math.ceil(100000 * Math.random()) % 13, [r, col]);
522	+ }
523	+
524	+ return a;
525	+ };
526	+
527	+ $JssorSlideshowFormations$.$FormationCircle = function (transition) {
528	+ var cols = transition.$Cols \|\| 1;
529	+ var rows = transition.$Rows \|\| 1;
530	+ var arr = [];
531	+ var i = 0;
532	+ var col;
533	+ var r;
534	+ var hc = cols / 2 - 0.5;
535	+ var hr = rows / 2 - 0.5;
536	+ for (col = 0; col < cols; col++) {
537	+ for (r = 0; r < rows; r++)
538	+ PushFormationOrder(arr, Math.round(Math.sqrt(Math.pow(col - hc, 2) + Math.pow(r - hr, 2))), [r, col]);
539	+ }
540	+ return arr;
541	+ };
542	+
543	+ $JssorSlideshowFormations$.$FormationCross = function (transition) {
544	+ var cols = transition.$Cols \|\| 1;
545	+ var rows = transition.$Rows \|\| 1;
546	+ var arr = [];
547	+ var i = 0;
548	+ var col;
549	+ var r;
550	+ var hc = cols / 2 - 0.5;
551	+ var hr = rows / 2 - 0.5;
552	+ for (col = 0; col < cols; col++) {
553	+ for (r = 0; r < rows; r++)
554	+ PushFormationOrder(arr, Math.round(Math.min(Math.abs(col - hc), Math.abs(r - hr))), [r, col]);
555	+ }
556	+ return arr;
557	+ };
558	+
559	+ $JssorSlideshowFormations$.$FormationRectangleCross = function (transition) {
560	+ var cols = transition.$Cols \|\| 1;
561	+ var rows = transition.$Rows \|\| 1;
562	+ var arr = [];
563	+ var i = 0;
564	+ var col;
565	+ var r;
566	+ var hc = cols / 2 - 0.5;
567	+ var hr = rows / 2 - 0.5;
568	+ var cr = Math.max(hc, hr) + 1;
569	+ for (col = 0; col < cols; col++) {
570	+ for (r = 0; r < rows; r++)
571	+ PushFormationOrder(arr, Math.round(cr - Math.max(hc - Math.abs(col - hc), hr - Math.abs(r - hr))) - 1, [r, col]);
572	+ }
573	+ return arr;
574	+ };
575	+
576	+ function GetFormation(transition) {
577	+
578	+ var formationInstance = transition.$Formation(transition);
579	+
580	+ return transition.$Reverse ? formationInstance.reverse() : formationInstance;
581	+
582	+ } //GetFormation
583	+
584	+ //var _PrototypeTransitions = [];
585	+ function EnsureTransitionInstance(options, slideshowInterval) {
586	+
587	+ var _SlideshowTransition = {
588	+ $Interval: slideshowInterval, //Delay to play next frame
589	+ $Duration: 1, //Duration to finish the entire transition
590	+ $Delay: 0, //Delay to assembly blocks
591	+ $Cols: 1, //Number of columns
592	+ $Rows: 1, //Number of rows
593	+ $Opacity: 0, //Fade block or not
594	+ $Zoom: 0, //Zoom block or not
595	+ $Clip: 0, //Clip block or not
596	+ $Move: false, //Move block or not
597	+ $SlideOut: false, //Slide the previous slide out to display next slide instead
598	+ //$FlyDirection: 0, //Specify fly transform with direction
599	+ $Reverse: false, //Reverse the assembly or not
600	+ $Formation: $JssorSlideshowFormations$.$FormationRandom, //Shape that assembly blocks as
601	+ $Assembly: ASSEMBLY_RIGHT_BOTTOM, //The way to assembly blocks
602	+ $ChessMode: { $Column: 0, $Row: 0 }, //Chess move or fly direction
603	+ $Easing: $JssorEasing$.$EaseSwing, //Specify variation of speed during transition
604	+ $Round: {},
605	+ $Blocks: [],
606	+ $During: {}
607	+ };
608	+
609	+ $Jssor$.$Extend(_SlideshowTransition, options);
610	+
611	+ _SlideshowTransition.$Count = _SlideshowTransition.$Cols * _SlideshowTransition.$Rows;
612	+ if ($Jssor$.$IsFunction(_SlideshowTransition.$Easing))
613	+ _SlideshowTransition.$Easing = { $Default: _SlideshowTransition.$Easing };
614	+
615	+ _SlideshowTransition.$FramesCount = Math.ceil(_SlideshowTransition.$Duration / _SlideshowTransition.$Interval);
616	+ _SlideshowTransition.$EasingInstance = GetEasing(_SlideshowTransition);
617	+
618	+ _SlideshowTransition.$GetBlocks = function (width, height) {
619	+ width /= _SlideshowTransition.$Cols;
620	+ height /= _SlideshowTransition.$Rows;
621	+ var wh = width + 'x' + height;
622	+ if (!_SlideshowTransition.$Blocks[wh]) {
623	+ _SlideshowTransition.$Blocks[wh] = { $Width: width, $Height: height };
624	+ for (var col = 0; col < _SlideshowTransition.$Cols; col++) {
625	+ for (var r = 0; r < _SlideshowTransition.$Rows; r++)
626	+ _SlideshowTransition.$Blocks[wh][r + ',' + col] = { $Top: r * height, $Right: col * width + width, $Bottom: r * height + height, $Left: col * width };
627	+ }
628	+ }
629	+
630	+ return _SlideshowTransition.$Blocks[wh];
631	+ };
632	+
633	+ if (_SlideshowTransition.$Brother) {
634	+ _SlideshowTransition.$Brother = EnsureTransitionInstance(_SlideshowTransition.$Brother, slideshowInterval);
635	+ _SlideshowTransition.$SlideOut = true;
636	+ }
637	+
638	+ return _SlideshowTransition;
639	+ }
640	+
641	+ function GetEasing(transition) {
642	+ var easing = transition.$Easing;
643	+ if (!easing.$Default)
644	+ easing.$Default = $JssorEasing$.$EaseSwing;
645	+
646	+ var duration = transition.$FramesCount;
647	+
648	+ var cache = easing.$Cache;
649	+ if (!cache) {
650	+ var enumerator = $Jssor$.$Extend({}, transition.$Easing, transition.$Round);
651	+ cache = easing.$Cache = {};
652	+
653	+ $Jssor$.$Each(enumerator, function (v, easingName) {
654	+ var easingFunction = easing[easingName] \|\| easing.$Default;
655	+ var round = transition.$Round[easingName] \|\| 1;
656	+
657	+ if (!$Jssor$.$IsArray(easingFunction.$Cache))
658	+ easingFunction.$Cache = [];
659	+
660	+ var easingFunctionCache = easingFunction.$Cache[duration] = easingFunction.$Cache[duration] \|\| [];
661	+
662	+ if (!easingFunctionCache[round]) {
663	+ easingFunctionCache[round] = [0];
664	+ for (var t = 1; t <= duration; t++) {
665	+ var tRound = t / duration * round;
666	+ var tRoundFloor = Math.floor(tRound);
667	+ if (tRound != tRoundFloor)
668	+ tRound -= tRoundFloor;
669	+ easingFunctionCache[round][t] = easingFunction(tRound);
670	+ }
671	+ }
672	+
673	+ cache[easingName] = easingFunctionCache;
674	+
675	+ });
676	+ }
677	+
678	+ return cache;
679	+ } //GetEasing
680	+
681	+ //Formation Definition -------
682	+
683	+ function JssorSlideshowPlayer(slideContainer, slideElement, slideTransition, beginTime, slideContainerWidth, slideContainerHeight) {
684	+ var _Self = this;
685	+
686	+ var _Block;
687	+ var _StartStylesArr = {};
688	+ var _AnimationStylesArrs = {};
689	+ var _AnimationBlockItems = [];
690	+ var _StyleStart;
691	+ var _StyleEnd;
692	+ var _StyleDif;
693	+ var _ChessModeColumn = slideTransition.$ChessMode.$Column \|\| 0;
694	+ var _ChessModeRow = slideTransition.$ChessMode.$Row \|\| 0;
695	+
696	+ var _Blocks = slideTransition.$GetBlocks(slideContainerWidth, slideContainerHeight);
697	+ var _FormationInstance = GetFormation(slideTransition);
698	+ var _MaxOrder = _FormationInstance.length - 1;
699	+ var _Period = slideTransition.$Duration + slideTransition.$Delay * _MaxOrder;
700	+ var _EndTime = beginTime + _Period;
701	+
702	+ var _SlideOut = slideTransition.$SlideOut;
703	+ var _IsIn;
704	+
705	+ _EndTime += $Jssor$.$IsBrowserChrome() ? 260 : 50;
706	+
707	+ _Self.$EndTime = _EndTime;
708	+
709	+ _Self.$ShowFrame = function (time) {
710	+ time -= beginTime;
711	+
712	+ var isIn = time < _Period;
713	+
714	+ if (isIn \|\| _IsIn) {
715	+ _IsIn = isIn;
716	+
717	+ if (!_SlideOut)
718	+ time = _Period - time;
719	+
720	+ var frameIndex = Math.ceil(time / slideTransition.$Interval);
721	+
722	+ $Jssor$.$Each(_AnimationStylesArrs, function (value, index) {
723	+
724	+ var itemFrameIndex = Math.max(frameIndex, value.$Min);
725	+ itemFrameIndex = Math.min(itemFrameIndex, value.length - 1);
726	+
727	+ if (value.$LastFrameIndex != itemFrameIndex) {
728	+ if (!value.$LastFrameIndex && !_SlideOut) {
729	+ $Jssor$.$ShowElement(_AnimationBlockItems[index]);
730	+ }
731	+ else if (itemFrameIndex == value.$Max && _SlideOut) {
732	+ $Jssor$.$HideElement(_AnimationBlockItems[index]);
733	+ }
734	+ value.$LastFrameIndex = itemFrameIndex;
735	+ $Jssor$.$SetStylesEx(_AnimationBlockItems[index], value[itemFrameIndex]);
736	+ }
737	+ });
738	+ }
739	+ };
740	+
741	+ function DisableHWA(elmt) {
742	+ $Jssor$.$DisableHWA(elmt);
743	+
744	+ var children = $Jssor$.$Children(elmt);
745	+
746	+ $Jssor$.$Each(children, function (child) {
747	+ DisableHWA(child);
748	+ });
749	+ }
750	+
751	+ //constructor
752	+ {
753	+ slideElement = $Jssor$.$CloneNode(slideElement);
754	+ DisableHWA(slideElement);
755	+ if ($Jssor$.$IsBrowserIe9Earlier()) {
756	+ var hasImage = !slideElement["no-image"];
757	+ var slideChildElements = $Jssor$.$FindChildrenByTag(slideElement);
758	+ $Jssor$.$Each(slideChildElements, function (slideChildElement) {
759	+ if (hasImage \|\| slideChildElement["jssor-slider"])
760	+ $Jssor$.$CssOpacity(slideChildElement, $Jssor$.$CssOpacity(slideChildElement), true);
761	+ });
762	+ }
763	+
764	+ $Jssor$.$Each(_FormationInstance, function (formationItems, order) {
765	+ $Jssor$.$Each(formationItems, function (formationItem) {
766	+ var row = formationItem[0];
767	+ var col = formationItem[1];
768	+ {
769	+ var columnRow = row + ',' + col;
770	+
771	+ var chessHorizontal = false;
772	+ var chessVertical = false;
773	+ var chessRotate = false;
774	+
775	+ if (_ChessModeColumn && col % 2) {
776	+ if ($JssorDirection$.$IsHorizontal(_ChessModeColumn)) {
777	+ chessHorizontal = !chessHorizontal;
778	+ }
779	+ if ($JssorDirection$.$IsVertical(_ChessModeColumn)) {
780	+ chessVertical = !chessVertical;
781	+ }
782	+
783	+ if (_ChessModeColumn & 16)
784	+ chessRotate = !chessRotate;
785	+ }
786	+
787	+ if (_ChessModeRow && row % 2) {
788	+ if ($JssorDirection$.$IsHorizontal(_ChessModeRow)) {
789	+ chessHorizontal = !chessHorizontal;
790	+ }
791	+ if ($JssorDirection$.$IsVertical(_ChessModeRow)) {
792	+ chessVertical = !chessVertical;
793	+ }
794	+ if (_ChessModeRow & 16)
795	+ chessRotate = !chessRotate;
796	+ }
797	+
798	+ slideTransition.$Top = slideTransition.$Top \|\| (slideTransition.$Clip & 4);
799	+ slideTransition.$Bottom = slideTransition.$Bottom \|\| (slideTransition.$Clip & 8);
800	+ slideTransition.$Left = slideTransition.$Left \|\| (slideTransition.$Clip & 1);
801	+ slideTransition.$Right = slideTransition.$Right \|\| (slideTransition.$Clip & 2);
802	+
803	+ var topBenchmark = chessVertical ? slideTransition.$Bottom : slideTransition.$Top;
804	+ var bottomBenchmark = chessVertical ? slideTransition.$Top : slideTransition.$Bottom;
805	+ var leftBenchmark = chessHorizontal ? slideTransition.$Right : slideTransition.$Left;
806	+ var rightBenchmark = chessHorizontal ? slideTransition.$Left : slideTransition.$Right;
807	+
808	+ //$JssorDebug$.$Execute(function () {
809	+ // topBenchmark = bottomBenchmark = leftBenchmark = rightBenchmark = false;
810	+ //});
811	+
812	+ slideTransition.$Clip = topBenchmark \|\| bottomBenchmark \|\| leftBenchmark \|\| rightBenchmark;
813	+
814	+ _StyleDif = {};
815	+ _StyleEnd = { $Top: 0, $Left: 0, $Opacity: 1, $Width: slideContainerWidth, $Height: slideContainerHeight };
816	+ _StyleStart = $Jssor$.$Extend({}, _StyleEnd);
817	+ _Block = $Jssor$.$Extend({}, _Blocks[columnRow]);
818	+
819	+ if (slideTransition.$Opacity) {
820	+ _StyleEnd.$Opacity = 2 - slideTransition.$Opacity;
821	+ }
822	+
823	+ if (slideTransition.$ZIndex) {
824	+ _StyleEnd.$ZIndex = slideTransition.$ZIndex;
825	+ _StyleStart.$ZIndex = 0;
826	+ }
827	+
828	+ var allowClip = slideTransition.$Cols * slideTransition.$Rows > 1 \|\| slideTransition.$Clip;
829	+
830	+ if (slideTransition.$Zoom \|\| slideTransition.$Rotate) {
831	+ var allowRotate = true;
832	+ if ($Jssor$.$IsBrowserIE() && $Jssor$.$BrowserEngineVersion() < 9) {
833	+ if (slideTransition.$Cols * slideTransition.$Rows > 1)
834	+ allowRotate = false;
835	+ else
836	+ allowClip = false;
837	+ }
838	+
839	+ if (allowRotate) {
840	+ _StyleEnd.$Zoom = slideTransition.$Zoom ? slideTransition.$Zoom - 1 : 1;
841	+ _StyleStart.$Zoom = 1;
842	+
843	+ if ($Jssor$.$IsBrowserIe9Earlier() \|\| $Jssor$.$IsBrowserOpera())
844	+ _StyleEnd.$Zoom = Math.min(_StyleEnd.$Zoom, 2);
845	+
846	+ var rotate = slideTransition.$Rotate;
847	+
848	+ _StyleEnd.$Rotate = rotate * 360 * ((chessRotate) ? -1 : 1);
849	+ _StyleStart.$Rotate = 0;
850	+ }
851	+ }
852	+
853	+ if (allowClip) {
854	+ if (slideTransition.$Clip) {
855	+ var clipScale = slideTransition.$ScaleClip \|\| 1;
856	+ var blockOffset = _Block.$Offset = {};
857	+ if (topBenchmark && bottomBenchmark) {
858	+ blockOffset.$Top = _Blocks.$Height / 2 * clipScale;
859	+ blockOffset.$Bottom = -blockOffset.$Top;
860	+ }
861	+ else if (topBenchmark) {
862	+ blockOffset.$Bottom = -_Blocks.$Height * clipScale;
863	+ }
864	+ else if (bottomBenchmark) {
865	+ blockOffset.$Top = _Blocks.$Height * clipScale;
866	+ }
867	+
868	+ if (leftBenchmark && rightBenchmark) {
869	+ blockOffset.$Left = _Blocks.$Width / 2 * clipScale;
870	+ blockOffset.$Right = -blockOffset.$Left;
871	+ }
872	+ else if (leftBenchmark) {
873	+ blockOffset.$Right = -_Blocks.$Width * clipScale;
874	+ }
875	+ else if (rightBenchmark) {
876	+ blockOffset.$Left = _Blocks.$Width * clipScale;
877	+ }
878	+ }
879	+
880	+ _StyleDif.$Clip = _Block;
881	+ _StyleStart.$Clip = _Blocks[columnRow];
882	+ }
883	+
884	+ //fly
885	+ {
886	+ var chessHor = chessHorizontal ? 1 : -1;
887	+ var chessVer = chessVertical ? 1 : -1;
888	+
889	+ if (slideTransition.x)
890	+ _StyleEnd.$Left += slideContainerWidth * slideTransition.x * chessHor;
891	+
892	+ if (slideTransition.y)
893	+ _StyleEnd.$Top += slideContainerHeight * slideTransition.y * chessVer;
894	+ }
895	+
896	+ $Jssor$.$Each(_StyleEnd, function (propertyEnd, property) {
897	+ if ($Jssor$.$IsNumeric(propertyEnd)) {
898	+ if (propertyEnd != _StyleStart[property]) {
899	+ _StyleDif[property] = propertyEnd - _StyleStart[property];
900	+ }
901	+ }
902	+ });
903	+
904	+ _StartStylesArr[columnRow] = _SlideOut ? _StyleStart : _StyleEnd;
905	+
906	+ var animationStylesArr = [];
907	+ var virtualFrameCount = Math.round(order * slideTransition.$Delay / slideTransition.$Interval);
908	+ _AnimationStylesArrs[columnRow] = new Array(virtualFrameCount);
909	+ _AnimationStylesArrs[columnRow].$Min = virtualFrameCount;
910	+
911	+ var framesCount = slideTransition.$FramesCount;
912	+ for (var frameN = 0; frameN <= framesCount; frameN++) {
913	+ var styleFrameN = {};
914	+
915	+ $Jssor$.$Each(_StyleDif, function (propertyDiff, property) {
916	+ var propertyEasings = slideTransition.$EasingInstance[property] \|\| slideTransition.$EasingInstance.$Default;
917	+ var propertyEasingArray = propertyEasings[slideTransition.$Round[property] \|\| 1];
918	+
919	+ var propertyDuring = slideTransition.$During[property] \|\| [0, 1];
920	+ var propertyFrameN = (frameN / framesCount - propertyDuring[0]) / propertyDuring[1] * framesCount;
921	+ propertyFrameN = Math.round(Math.min(framesCount, Math.max(propertyFrameN, 0)));
922	+
923	+ var propertyEasingValue = propertyEasingArray[propertyFrameN];
924	+
925	+ if ($Jssor$.$IsNumeric(propertyDiff)) {
926	+ styleFrameN[property] = _StyleStart[property] + propertyDiff * propertyEasingValue;
927	+ }
928	+ else {
929	+ var value = styleFrameN[property] = $Jssor$.$Extend({}, _StyleStart[property]);
930	+ value.$Offset = [];
931	+ $Jssor$.$Each(propertyDiff.$Offset, function (rectX, n) {
932	+ var offsetValue = rectX * propertyEasingValue;
933	+ value.$Offset[n] = offsetValue;
934	+ value[n] += offsetValue;
935	+ });
936	+ }
937	+ });
938	+
939	+ if (_StyleStart.$Zoom) {
940	+ styleFrameN.$Transform = { $Rotate: styleFrameN.$Rotate \|\| 0, $Scale: styleFrameN.$Zoom, $OriginalWidth: slideContainerWidth, $OriginalHeight: slideContainerHeight };
941	+ }
942	+ if (styleFrameN.$Clip && slideTransition.$Move) {
943	+ var styleFrameNClipOffset = styleFrameN.$Clip.$Offset;
944	+ var offsetY = (styleFrameNClipOffset.$Top \|\| 0) + (styleFrameNClipOffset.$Bottom \|\| 0);
945	+ var offsetX = (styleFrameNClipOffset.$Left \|\| 0) + (styleFrameNClipOffset.$Right \|\| 0);
946	+
947	+ styleFrameN.$Left = (styleFrameN.$Left \|\| 0) + offsetX;
948	+ styleFrameN.$Top = (styleFrameN.$Top \|\| 0) + offsetY;
949	+ styleFrameN.$Clip.$Left -= offsetX;
950	+ styleFrameN.$Clip.$Right -= offsetX;
951	+ styleFrameN.$Clip.$Top -= offsetY;
952	+ styleFrameN.$Clip.$Bottom -= offsetY;
953	+ }
954	+
955	+ styleFrameN.$ZIndex = styleFrameN.$ZIndex \|\| 1;
956	+
957	+ _AnimationStylesArrs[columnRow].push(styleFrameN);
958	+ }
959	+
960	+ } //for
961	+ });
962	+ });
963	+
964	+ _FormationInstance.reverse();
965	+ $Jssor$.$Each(_FormationInstance, function (formationItems) {
966	+ $Jssor$.$Each(formationItems, function (formationItem) {
967	+ var row = formationItem[0];
968	+ var col = formationItem[1];
969	+
970	+ var columnRow = row + ',' + col;
971	+
972	+ var image = slideElement;
973	+ if (col \|\| row)
974	+ image = $Jssor$.$CloneNode(slideElement);
975	+
976	+ $Jssor$.$SetStyles(image, _StartStylesArr[columnRow]);
977	+ $Jssor$.$CssOverflow(image, "hidden");
978	+
979	+ $Jssor$.$CssPosition(image, "absolute");
980	+ slideContainer.$AddClipElement(image);
981	+ _AnimationBlockItems[columnRow] = image;
982	+ $Jssor$.$ShowElement(image, !_SlideOut);
983	+ });
984	+ });
985	+ }
986	+ }
987	+
988	+ //JssorSlideshowRunner++++++++
989	+ var _SlideshowRunnerCount = 1;
990	+ $JssorSlideshowRunner$ = window.$JssorSlideshowRunner$ = function (slideContainer, slideContainerWidth, slideContainerHeight, slideshowOptions, handleTouchEventOnly) {
991	+
992	+ var _SelfSlideshowRunner = this;
993	+
994	+ //var _State = 0; //-1 fullfill, 0 clean, 1 initializing, 2 stay, 3 playing
995	+ var _EndTime;
996	+
997	+ var _SliderFrameCount;
998	+
999	+ var _SlideshowPlayerBelow;
1000	+ var _SlideshowPlayerAbove;
1001	+
1002	+ var _PrevItem;
1003	+ var _SlideItem;
1004	+
1005	+ var _TransitionIndex = 0;
1006	+ var _TransitionsOrder = slideshowOptions.$TransitionsOrder;
1007	+
1008	+ var _SlideshowTransition;
1009	+
1010	+ var _SlideshowPerformance = 8;
1011	+
1012	+ function SlideshowProcessor() {
1013	+ var _SelfSlideshowProcessor = this;
1014	+ var _CurrentTime = 0;
1015	+
1016	+ $JssorAnimator$.call(_SelfSlideshowProcessor, 0, _EndTime);
1017	+
1018	+ _SelfSlideshowProcessor.$OnPositionChange = function (oldPosition, newPosition) {
1019	+ if ((newPosition - _CurrentTime) > _SlideshowPerformance) {
1020	+ _CurrentTime = newPosition;
1021	+
1022	+ _SlideshowPlayerAbove && _SlideshowPlayerAbove.$ShowFrame(newPosition);
1023	+ _SlideshowPlayerBelow && _SlideshowPlayerBelow.$ShowFrame(newPosition);
1024	+ }
1025	+ };
1026	+
1027	+ _SelfSlideshowProcessor.$Transition = _SlideshowTransition;
1028	+ }
1029	+
1030	+ //member functions
1031	+ _SelfSlideshowRunner.$GetTransition = function (slideCount) {
1032	+ var n = 0;
1033	+
1034	+ var transitions = slideshowOptions.$Transitions;
1035	+
1036	+ var transitionCount = transitions.length;
1037	+
1038	+ if (_TransitionsOrder) { /Sequence/
1039	+ //if (transitionCount > slideCount && ($Jssor$.$IsBrowserChrome() \|\| $Jssor$.$IsBrowserSafari() \|\| $Jssor$.$IsBrowserFireFox())) {
1040	+ // transitionCount -= transitionCount % slideCount;
1041	+ //}
1042	+ n = _TransitionIndex++ % transitionCount;
1043	+ }
1044	+ else { /Random/
1045	+ n = Math.floor(Math.random() * transitionCount);
1046	+ }
1047	+
1048	+ transitions[n] && (transitions[n].$Index = n);
1049	+
1050	+ return transitions[n];
1051	+ };
1052	+
1053	+ _SelfSlideshowRunner.$Initialize = function (slideIndex, prevIndex, slideItem, prevItem, slideshowTransition) {
1054	+ $JssorDebug$.$Execute(function () {
1055	+ if (_SlideshowPlayerBelow) {
1056	+ $JssorDebug$.$Fail("slideshow runner has not been cleared.");
1057	+ }
1058	+ });
1059	+
1060	+ _SlideshowTransition = slideshowTransition;
1061	+
1062	+ slideshowTransition = EnsureTransitionInstance(slideshowTransition, _SlideshowPerformance);
1063	+
1064	+ _SlideItem = slideItem;
1065	+ _PrevItem = prevItem;
1066	+
1067	+ var prevSlideElement = prevItem.$Item;
1068	+ var currentSlideElement = slideItem.$Item;
1069	+ prevSlideElement["no-image"] = !prevItem.$Image;
1070	+ currentSlideElement["no-image"] = !slideItem.$Image;
1071	+
1072	+ var slideElementAbove = prevSlideElement;
1073	+ var slideElementBelow = currentSlideElement;
1074	+
1075	+ var slideTransitionAbove = slideshowTransition;
1076	+ var slideTransitionBelow = slideshowTransition.$Brother \|\| EnsureTransitionInstance({}, _SlideshowPerformance);
1077	+
1078	+ if (!slideshowTransition.$SlideOut) {
1079	+ slideElementAbove = currentSlideElement;
1080	+ slideElementBelow = prevSlideElement;
1081	+ }
1082	+
1083	+ var shift = slideTransitionBelow.$Shift \|\| 0;
1084	+
1085	+ _SlideshowPlayerBelow = new JssorSlideshowPlayer(slideContainer, slideElementBelow, slideTransitionBelow, Math.max(shift - slideTransitionBelow.$Interval, 0), slideContainerWidth, slideContainerHeight);
1086	+ _SlideshowPlayerAbove = new JssorSlideshowPlayer(slideContainer, slideElementAbove, slideTransitionAbove, Math.max(slideTransitionBelow.$Interval - shift, 0), slideContainerWidth, slideContainerHeight);
1087	+
1088	+ _SlideshowPlayerBelow.$ShowFrame(0);
1089	+ _SlideshowPlayerAbove.$ShowFrame(0);
1090	+
1091	+ _EndTime = Math.max(_SlideshowPlayerBelow.$EndTime, _SlideshowPlayerAbove.$EndTime);
1092	+
1093	+ _SelfSlideshowRunner.$Index = slideIndex;
1094	+ };
1095	+
1096	+ _SelfSlideshowRunner.$Clear = function () {
1097	+ slideContainer.$Clear();
1098	+ _SlideshowPlayerBelow = null;
1099	+ _SlideshowPlayerAbove = null;
1100	+ };
1101	+
1102	+ _SelfSlideshowRunner.$GetProcessor = function () {
1103	+ var slideshowProcessor = null;
1104	+
1105	+ if (_SlideshowPlayerAbove)
1106	+ slideshowProcessor = new SlideshowProcessor();
1107	+
1108	+ return slideshowProcessor;
1109	+ };
1110	+
1111	+ //Constructor
1112	+ {
1113	+ if ($Jssor$.$IsBrowserIe9Earlier() \|\| $Jssor$.$IsBrowserOpera() \|\| (handleTouchEventOnly && $Jssor$.$WebKitVersion() < 537)) {
1114	+ _SlideshowPerformance = 16;
1115	+ }
1116	+
1117	+ $JssorObject$.call(_SelfSlideshowRunner);
1118	+ $JssorAnimator$.call(_SelfSlideshowRunner, -10000000, 10000000);
1119	+
1120	+ $JssorDebug$.$LiveStamp(_SelfSlideshowRunner, "slideshow_runner_" + _SlideshowRunnerCount++);
1121	+ }
1122	+ };
1123	+ //JssorSlideshowRunner--------
1124	+
1125	+ //JssorSlider
1126	+ function JssorSlider(elmt, options) {
1127	+ var _SelfSlider = this;
1128	+
1129	+ //private classes
1130	+ function Conveyor() {
1131	+ var _SelfConveyor = this;
1132	+ $JssorAnimator$.call(_SelfConveyor, -100000000, 200000000);
1133	+
1134	+ _SelfConveyor.$GetCurrentSlideInfo = function () {
1135	+ var positionDisplay = _SelfConveyor.$GetPosition_Display();
1136	+ var virtualIndex = Math.floor(positionDisplay);
1137	+ var slideIndex = GetRealIndex(virtualIndex);
1138	+ var slidePosition = positionDisplay - Math.floor(positionDisplay);
1139	+
1140	+ return { $Index: slideIndex, $VirtualIndex: virtualIndex, $Position: slidePosition };
1141	+ };
1142	+
1143	+ _SelfConveyor.$OnPositionChange = function (oldPosition, newPosition) {
1144	+
1145	+ var index = Math.floor(newPosition);
1146	+ if (index != newPosition && newPosition > oldPosition)
1147	+ index++;
1148	+
1149	+ ResetNavigator(index, true);
1150	+
1151	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_POSITION_CHANGE, GetRealIndex(newPosition), GetRealIndex(oldPosition), newPosition, oldPosition);
1152	+ };
1153	+ }
1154	+
1155	+ //Carousel
1156	+ function Carousel() {
1157	+ var _SelfCarousel = this;
1158	+
1159	+ $JssorAnimator$.call(_SelfCarousel, 0, 0, { $LoopLength: _SlideCount });
1160	+
1161	+ //Carousel Constructor
1162	+ {
1163	+ $Jssor$.$Each(_SlideItems, function (slideItem) {
1164	+ (_Loop & 1) && slideItem.$SetLoopLength(_SlideCount);
1165	+ _SelfCarousel.$Chain(slideItem);
1166	+ slideItem.$Shift(_ParkingPosition / _StepLength);
1167	+ });
1168	+ }
1169	+ }
1170	+ //Carousel
1171	+
1172	+ //Slideshow
1173	+ function Slideshow() {
1174	+ var _SelfSlideshow = this;
1175	+ var _Wrapper = _SlideContainer.$Elmt;
1176	+
1177	+ $JssorAnimator$.call(_SelfSlideshow, -1, 2, { $Easing: $JssorEasing$.$EaseLinear, $Setter: { $Position: SetPosition }, $LoopLength: _SlideCount }, _Wrapper, { $Position: 1 }, { $Position: -1 });
1178	+
1179	+ _SelfSlideshow.$Wrapper = _Wrapper;
1180	+
1181	+ //Slideshow Constructor
1182	+ {
1183	+ $JssorDebug$.$Execute(function () {
1184	+ $Jssor$.$Attribute(_SlideContainer.$Elmt, "debug-id", "slide_container");
1185	+ });
1186	+ }
1187	+ }
1188	+ //Slideshow
1189	+
1190	+ //CarouselPlayer
1191	+ function CarouselPlayer(carousel, slideshow) {
1192	+ var _SelfCarouselPlayer = this;
1193	+ var _FromPosition;
1194	+ var _ToPosition;
1195	+ var _Duration;
1196	+ var _StandBy;
1197	+ var _StandByPosition;
1198	+
1199	+ $JssorAnimator$.call(_SelfCarouselPlayer, -100000000, 200000000, { $IntervalMax: 100 });
1200	+
1201	+ _SelfCarouselPlayer.$OnStart = function () {
1202	+ _IsSliding = true;
1203	+ _LoadingTicket = null;
1204	+
1205	+ //EVT_SWIPE_START
1206	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_SWIPE_START, GetRealIndex(_Conveyor.$GetPosition()), _Conveyor.$GetPosition());
1207	+ };
1208	+
1209	+ _SelfCarouselPlayer.$OnStop = function () {
1210	+
1211	+ _IsSliding = false;
1212	+ _StandBy = false;
1213	+
1214	+ var currentSlideInfo = _Conveyor.$GetCurrentSlideInfo();
1215	+
1216	+ //EVT_SWIPE_END
1217	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_SWIPE_END, GetRealIndex(_Conveyor.$GetPosition()), _Conveyor.$GetPosition());
1218	+
1219	+ if (!currentSlideInfo.$Position) {
1220	+ OnPark(currentSlideInfo.$VirtualIndex, _CurrentSlideIndex);
1221	+ }
1222	+ };
1223	+
1224	+ _SelfCarouselPlayer.$OnPositionChange = function (oldPosition, newPosition) {
1225	+
1226	+ var toPosition;
1227	+
1228	+ if (_StandBy)
1229	+ toPosition = _StandByPosition;
1230	+ else {
1231	+ toPosition = _ToPosition;
1232	+
1233	+ if (_Duration) {
1234	+ var interPosition = newPosition / _Duration;
1235	+ //if ($Jssor$.$IsBrowserChrome() \|\| $Jssor$.$IsBrowserFireFox()) {
1236	+ // Math.round(interPosition * 8 / _Duration) / 8 * _Duration;
1237	+
1238	+ // if ($Jssor$.$BrowserVersion() < 38)
1239	+ // interPosition = parseFloat(interPosition.toFixed(4));
1240	+ //}
1241	+ toPosition = _Options.$SlideEasing(interPosition) * (_ToPosition - _FromPosition) + _FromPosition;
1242	+ }
1243	+ }
1244	+
1245	+ _Conveyor.$GoToPosition(toPosition);
1246	+ };
1247	+
1248	+ _SelfCarouselPlayer.$PlayCarousel = function (fromPosition, toPosition, duration, callback) {
1249	+ $JssorDebug$.$Execute(function () {
1250	+ if (_SelfCarouselPlayer.$IsPlaying())
1251	+ $JssorDebug$.$Fail("The carousel is already playing.");
1252	+ });
1253	+
1254	+ _FromPosition = fromPosition;
1255	+ _ToPosition = toPosition;
1256	+ _Duration = duration;
1257	+
1258	+ _Conveyor.$GoToPosition(fromPosition);
1259	+ _SelfCarouselPlayer.$GoToPosition(0);
1260	+
1261	+ _SelfCarouselPlayer.$PlayToPosition(duration, callback);
1262	+ };
1263	+
1264	+ _SelfCarouselPlayer.$StandBy = function (standByPosition) {
1265	+ _StandBy = true;
1266	+ _StandByPosition = standByPosition;
1267	+ _SelfCarouselPlayer.$Play(standByPosition, null, true);
1268	+ };
1269	+
1270	+ _SelfCarouselPlayer.$SetStandByPosition = function (standByPosition) {
1271	+ _StandByPosition = standByPosition;
1272	+ };
1273	+
1274	+ _SelfCarouselPlayer.$MoveCarouselTo = function (position) {
1275	+ _Conveyor.$GoToPosition(position);
1276	+ };
1277	+
1278	+ //CarouselPlayer Constructor
1279	+ {
1280	+ _Conveyor = new Conveyor();
1281	+
1282	+ _Conveyor.$Combine(carousel);
1283	+ _Conveyor.$Combine(slideshow);
1284	+ }
1285	+ }
1286	+ //CarouselPlayer
1287	+
1288	+ //SlideContainer
1289	+ function SlideContainer() {
1290	+ var _Self = this;
1291	+ var elmt = CreatePanel();
1292	+
1293	+ $Jssor$.$CssZIndex(elmt, 0);
1294	+ $Jssor$.$Css(elmt, "pointerEvents", "none");
1295	+
1296	+ _Self.$Elmt = elmt;
1297	+
1298	+ _Self.$AddClipElement = function (clipElement) {
1299	+ $Jssor$.$AppendChild(elmt, clipElement);
1300	+ $Jssor$.$ShowElement(elmt);
1301	+ };
1302	+
1303	+ _Self.$Clear = function () {
1304	+ $Jssor$.$HideElement(elmt);
1305	+ $Jssor$.$ClearInnerHtml(elmt);
1306	+ };
1307	+ }
1308	+ //SlideContainer
1309	+
1310	+ //SlideItem
1311	+ function SlideItem(slideElmt, slideIndex) {
1312	+
1313	+ var _SelfSlideItem = this;
1314	+
1315	+ var _CaptionSliderIn;
1316	+ var _CaptionSliderOut;
1317	+ var _CaptionSliderCurrent;
1318	+ var _IsCaptionSliderPlayingWhenDragStart;
1319	+
1320	+ var _Wrapper;
1321	+ var _BaseElement = slideElmt;
1322	+
1323	+ var _LoadingScreen;
1324	+
1325	+ var _ImageItem;
1326	+ var _ImageElmts = [];
1327	+ var _LinkItemOrigin;
1328	+ var _LinkItem;
1329	+ var _ImageLoading;
1330	+ var _ImageLoaded;
1331	+ var _ImageLazyLoading;
1332	+ var _ContentRefreshed;
1333	+
1334	+ var _Processor;
1335	+
1336	+ var _PlayerInstanceElement;
1337	+ var _PlayerInstance;
1338	+
1339	+ var _SequenceNumber; //for debug only
1340	+
1341	+ $JssorAnimator$.call(_SelfSlideItem, -_DisplayPieces, _DisplayPieces + 1, { $SlideItemAnimator: true });
1342	+
1343	+ function ResetCaptionSlider(fresh) {
1344	+ _CaptionSliderOut && _CaptionSliderOut.$Revert();
1345	+ _CaptionSliderIn && _CaptionSliderIn.$Revert();
1346	+
1347	+ RefreshContent(slideElmt, fresh);
1348	+ _ContentRefreshed = true;
1349	+
1350	+ _CaptionSliderIn = new _CaptionSliderOptions.$Class(slideElmt, _CaptionSliderOptions, 1);
1351	+ $JssorDebug$.$LiveStamp(_CaptionSliderIn, "caption_slider_" + _CaptionSliderCount + "_in");
1352	+ _CaptionSliderOut = new _CaptionSliderOptions.$Class(slideElmt, _CaptionSliderOptions);
1353	+ $JssorDebug$.$LiveStamp(_CaptionSliderOut, "caption_slider_" + _CaptionSliderCount + "_out");
1354	+
1355	+ $JssorDebug$.$Execute(function () {
1356	+ _CaptionSliderCount++;
1357	+ });
1358	+
1359	+ _CaptionSliderOut.$GoToBegin();
1360	+ _CaptionSliderIn.$GoToBegin();
1361	+ }
1362	+
1363	+ function EnsureCaptionSliderVersion() {
1364	+ if (_CaptionSliderIn.$Version < _CaptionSliderOptions.$Version) {
1365	+ ResetCaptionSlider();
1366	+ }
1367	+ }
1368	+
1369	+ //event handling begin
1370	+ function LoadImageCompleteEventHandler(completeCallback, loadingScreen, image) {
1371	+ if (!_ImageLoaded) {
1372	+ _ImageLoaded = true;
1373	+
1374	+ if (_ImageItem && image) {
1375	+ var imageWidth = image.width;
1376	+ var imageHeight = image.height;
1377	+ var fillWidth = imageWidth;
1378	+ var fillHeight = imageHeight;
1379	+
1380	+ if (imageWidth && imageHeight && _Options.$FillMode) {
1381	+
1382	+ //0 stretch, 1 contain (keep aspect ratio and put all inside slide), 2 cover (keep aspect ratio and cover whole slide), 4 actual size, 5 contain for large image, actual size for small image, default value is 0
1383	+ if (_Options.$FillMode & 3 && (!(_Options.$FillMode & 4) \|\| imageWidth > _SlideWidth \|\| imageHeight > _SlideHeight)) {
1384	+ var fitHeight = false;
1385	+ var ratio = _SlideWidth / _SlideHeight * imageHeight / imageWidth;
1386	+
1387	+ if (_Options.$FillMode & 1) {
1388	+ fitHeight = (ratio > 1);
1389	+ }
1390	+ else if (_Options.$FillMode & 2) {
1391	+ fitHeight = (ratio < 1);
1392	+ }
1393	+ fillWidth = fitHeight ? imageWidth * _SlideHeight / imageHeight : _SlideWidth;
1394	+ fillHeight = fitHeight ? _SlideHeight : imageHeight * _SlideWidth / imageWidth;
1395	+ }
1396	+
1397	+ $Jssor$.$CssWidth(_ImageItem, fillWidth);
1398	+ $Jssor$.$CssHeight(_ImageItem, fillHeight);
1399	+ $Jssor$.$CssTop(_ImageItem, (_SlideHeight - fillHeight) / 2);
1400	+ $Jssor$.$CssLeft(_ImageItem, (_SlideWidth - fillWidth) / 2);
1401	+ }
1402	+
1403	+ $Jssor$.$CssPosition(_ImageItem, "absolute");
1404	+
1405	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_LOAD_END, slideItem);
1406	+ }
1407	+ }
1408	+
1409	+ $Jssor$.$HideElement(loadingScreen);
1410	+ completeCallback && completeCallback(_SelfSlideItem);
1411	+ }
1412	+
1413	+ function LoadSlideshowImageCompleteEventHandler(nextIndex, nextItem, slideshowTransition, loadingTicket) {
1414	+ if (loadingTicket == _LoadingTicket && _CurrentSlideIndex == slideIndex && _AutoPlay) {
1415	+ if (!_Frozen) {
1416	+ var nextRealIndex = GetRealIndex(nextIndex);
1417	+ _SlideshowRunner.$Initialize(nextRealIndex, slideIndex, nextItem, _SelfSlideItem, slideshowTransition);
1418	+ nextItem.$HideContentForSlideshow();
1419	+ _Slideshow.$Locate(nextRealIndex, 1);
1420	+ _Slideshow.$GoToPosition(nextRealIndex);
1421	+ _CarouselPlayer.$PlayCarousel(nextIndex, nextIndex, 0);
1422	+ }
1423	+ }
1424	+ }
1425	+
1426	+ function SlideReadyEventHandler(loadingTicket) {
1427	+ if (loadingTicket == _LoadingTicket && _CurrentSlideIndex == slideIndex) {
1428	+
1429	+ if (!_Processor) {
1430	+ var slideshowProcessor = null;
1431	+ if (_SlideshowRunner) {
1432	+ if (_SlideshowRunner.$Index == slideIndex)
1433	+ slideshowProcessor = _SlideshowRunner.$GetProcessor();
1434	+ else
1435	+ _SlideshowRunner.$Clear();
1436	+ }
1437	+
1438	+ EnsureCaptionSliderVersion();
1439	+
1440	+ _Processor = new Processor(slideElmt, slideIndex, slideshowProcessor, _SelfSlideItem.$GetCaptionSliderIn(), _SelfSlideItem.$GetCaptionSliderOut());
1441	+ _Processor.$SetPlayer(_PlayerInstance);
1442	+ }
1443	+
1444	+ !_Processor.$IsPlaying() && _Processor.$Replay();
1445	+ }
1446	+ }
1447	+
1448	+ function ParkEventHandler(currentIndex, previousIndex, manualActivate) {
1449	+ if (currentIndex == slideIndex) {
1450	+
1451	+ if (currentIndex != previousIndex)
1452	+ _SlideItems[previousIndex] && _SlideItems[previousIndex].$ParkOut();
1453	+ else
1454	+ !manualActivate && _Processor && _Processor.$AdjustIdleOnPark();
1455	+
1456	+ _PlayerInstance && _PlayerInstance.$Enable();
1457	+
1458	+ //park in
1459	+ var loadingTicket = _LoadingTicket = $Jssor$.$GetNow();
1460	+ _SelfSlideItem.$LoadImage($Jssor$.$CreateCallback(null, SlideReadyEventHandler, loadingTicket));
1461	+ }
1462	+ else {
1463	+ var distance = Math.abs(slideIndex - currentIndex);
1464	+ var loadRange = _DisplayPieces + _Options.$LazyLoading;
1465	+ if (!_ImageLazyLoading \|\| distance <= loadRange \|\| _SlideCount - distance <= loadRange) {
1466	+ _SelfSlideItem.$LoadImage();
1467	+ }
1468	+ }
1469	+ }
1470	+
1471	+ function SwipeStartEventHandler() {
1472	+ if (_CurrentSlideIndex == slideIndex && _Processor) {
1473	+ _Processor.$Stop();
1474	+ _PlayerInstance && _PlayerInstance.$Quit();
1475	+ _PlayerInstance && _PlayerInstance.$Disable();
1476	+ _Processor.$OpenSlideshowPanel();
1477	+ }
1478	+ }
1479	+
1480	+ function FreezeEventHandler() {
1481	+ if (_CurrentSlideIndex == slideIndex && _Processor) {
1482	+ _Processor.$Stop();
1483	+ }
1484	+ }
1485	+
1486	+ function LinkClickEventHandler(event) {
1487	+ if (_LastDragSucceded) {
1488	+ $Jssor$.$CancelEvent(event);
1489	+ }
1490	+ else {
1491	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_CLICK, slideIndex, event);
1492	+ }
1493	+ }
1494	+
1495	+ function PlayerAvailableEventHandler() {
1496	+ _PlayerInstance = _PlayerInstanceElement.pInstance;
1497	+ _Processor && _Processor.$SetPlayer(_PlayerInstance);
1498	+ }
1499	+
1500	+ _SelfSlideItem.$LoadImage = function (completeCallback, loadingScreen) {
1501	+ loadingScreen = loadingScreen \|\| _LoadingScreen;
1502	+
1503	+ if (_ImageElmts.length && !_ImageLoaded) {
1504	+
1505	+ $Jssor$.$ShowElement(loadingScreen);
1506	+
1507	+ if (!_ImageLoading) {
1508	+ _ImageLoading = true;
1509	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_LOAD_START);
1510	+
1511	+ $Jssor$.$Each(_ImageElmts, function (imageElmt) {
1512	+
1513	+ if (!imageElmt.src) {
1514	+ imageElmt.src = $Jssor$.$AttributeEx(imageElmt, "src2");
1515	+ $Jssor$.$CssDisplay(imageElmt, imageElmt["display-origin"]);
1516	+ }
1517	+ });
1518	+ }
1519	+ $Jssor$.$LoadImages(_ImageElmts, _ImageItem, $Jssor$.$CreateCallback(null, LoadImageCompleteEventHandler, completeCallback, loadingScreen));
1520	+ }
1521	+ else {
1522	+ LoadImageCompleteEventHandler(completeCallback, loadingScreen);
1523	+ }
1524	+ };
1525	+
1526	+ _SelfSlideItem.$GoForNextSlide = function () {
1527	+ if (_SlideshowRunner) {
1528	+ var slideshowTransition = _SlideshowRunner.$GetTransition(_SlideCount);
1529	+
1530	+ if (slideshowTransition) {
1531	+ var loadingTicket = _LoadingTicket = $Jssor$.$GetNow();
1532	+
1533	+ var nextIndex = slideIndex + _PlayReverse;
1534	+ var nextItem = _SlideItems[GetRealIndex(nextIndex)];
1535	+ return nextItem.$LoadImage($Jssor$.$CreateCallback(null, LoadSlideshowImageCompleteEventHandler, nextIndex, nextItem, slideshowTransition, loadingTicket), _LoadingScreen);
1536	+ }
1537	+ }
1538	+
1539	+ PlayTo(_CurrentSlideIndex + _Options.$AutoPlaySteps * _PlayReverse);
1540	+ };
1541	+
1542	+ _SelfSlideItem.$TryActivate = function () {
1543	+ ParkEventHandler(slideIndex, slideIndex, true);
1544	+ };
1545	+
1546	+ _SelfSlideItem.$ParkOut = function () {
1547	+ //park out
1548	+ _PlayerInstance && _PlayerInstance.$Quit();
1549	+ _PlayerInstance && _PlayerInstance.$Disable();
1550	+ _SelfSlideItem.$UnhideContentForSlideshow();
1551	+ _Processor && _Processor.$Abort();
1552	+ _Processor = null;
1553	+ ResetCaptionSlider();
1554	+ };
1555	+
1556	+ //for debug only
1557	+ _SelfSlideItem.$StampSlideItemElements = function (stamp) {
1558	+ stamp = _SequenceNumber + "_" + stamp;
1559	+
1560	+ $JssorDebug$.$Execute(function () {
1561	+ if (_ImageItem)
1562	+ $Jssor$.$Attribute(_ImageItem, "debug-id", stamp + "_slide_item_image_id");
1563	+
1564	+ $Jssor$.$Attribute(slideElmt, "debug-id", stamp + "_slide_item_item_id");
1565	+ });
1566	+
1567	+ $JssorDebug$.$Execute(function () {
1568	+ $Jssor$.$Attribute(_Wrapper, "debug-id", stamp + "_slide_item_wrapper_id");
1569	+ });
1570	+
1571	+ $JssorDebug$.$Execute(function () {
1572	+ $Jssor$.$Attribute(_LoadingScreen, "debug-id", stamp + "_loading_container_id");
1573	+ });
1574	+ };
1575	+
1576	+ _SelfSlideItem.$HideContentForSlideshow = function () {
1577	+ $Jssor$.$HideElement(slideElmt);
1578	+ };
1579	+
1580	+ _SelfSlideItem.$UnhideContentForSlideshow = function () {
1581	+ $Jssor$.$ShowElement(slideElmt);
1582	+ };
1583	+
1584	+ _SelfSlideItem.$EnablePlayer = function () {
1585	+ _PlayerInstance && _PlayerInstance.$Enable();
1586	+ };
1587	+
1588	+ function RefreshContent(elmt, fresh, level) {
1589	+ if (elmt["jssor-slider"])
1590	+ return;
1591	+
1592	+ level = level \|\| 0;
1593	+
1594	+ if (!_ContentRefreshed) {
1595	+ if (elmt.tagName == "IMG") {
1596	+ _ImageElmts.push(elmt);
1597	+
1598	+ if (!elmt.src) {
1599	+ _ImageLazyLoading = true;
1600	+ elmt["display-origin"] = $Jssor$.$CssDisplay(elmt);
1601	+ $Jssor$.$HideElement(elmt);
1602	+ }
1603	+ }
1604	+ if ($Jssor$.$IsBrowserIe9Earlier()) {
1605	+ $Jssor$.$CssZIndex(elmt, ($Jssor$.$CssZIndex(elmt) \|\| 0) + 1);
1606	+ }
1607	+ if (_Options.$HWA && $Jssor$.$WebKitVersion()) {
1608	+ if (!_IsTouchDevice \|\| $Jssor$.$WebKitVersion() < 534 \|\| (!_SlideshowEnabled && !$Jssor$.$IsBrowserChrome())) {
1609	+ $Jssor$.$EnableHWA(elmt);
1610	+ }
1611	+ }
1612	+ }
1613	+
1614	+ var childElements = $Jssor$.$Children(elmt);
1615	+
1616	+ $Jssor$.$Each(childElements, function (childElement, i) {
1617	+
1618	+ var uAttribute = $Jssor$.$AttributeEx(childElement, "u");
1619	+ if (uAttribute == "player" && !_PlayerInstanceElement) {
1620	+ _PlayerInstanceElement = childElement;
1621	+ if (_PlayerInstanceElement.pInstance) {
1622	+ PlayerAvailableEventHandler();
1623	+ }
1624	+ else {
1625	+ $Jssor$.$AddEvent(_PlayerInstanceElement, "dataavailable", PlayerAvailableEventHandler);
1626	+ }
1627	+ }
1628	+
1629	+ if (uAttribute == "caption") {
1630	+ if (!$Jssor$.$IsBrowserIE() && !fresh) {
1631	+ var captionElement = $Jssor$.$CloneNode(childElement);
1632	+ $Jssor$.$InsertBefore(elmt, captionElement, childElement);
1633	+ $Jssor$.$RemoveChild(elmt, childElement);
1634	+ childElement = captionElement;
1635	+
1636	+ fresh = true;
1637	+ }
1638	+ }
1639	+ else if (!_ContentRefreshed && !level && !_ImageItem && $Jssor$.$AttributeEx(childElement, "u") == "image") {
1640	+ _ImageItem = childElement;
1641	+
1642	+ if (_ImageItem) {
1643	+ if (_ImageItem.tagName == "A") {
1644	+ _LinkItemOrigin = _ImageItem;
1645	+ $Jssor$.$SetStyles(_LinkItemOrigin, _StyleDef);
1646	+
1647	+ _LinkItem = $Jssor$.$CloneNode(_ImageItem, true);
1648	+ //cancel click event on <A> element when a drag of slide succeeded
1649	+ $Jssor$.$AddEvent(_LinkItem, "click", LinkClickEventHandler);
1650	+
1651	+ $Jssor$.$SetStyles(_LinkItem, _StyleDef);
1652	+ $Jssor$.$CssDisplay(_LinkItem, "block");
1653	+ $Jssor$.$CssOpacity(_LinkItem, 0);
1654	+ $Jssor$.$Css(_LinkItem, "backgroundColor", "#000");
1655	+
1656	+ _ImageItem = $Jssor$.$FindChildByTag(_ImageItem, "IMG");
1657	+
1658	+ $JssorDebug$.$Execute(function () {
1659	+ if (!_ImageItem) {
1660	+ $JssorDebug$.$Error("slide html code definition error, no 'IMG' found in a 'image with link' slide.\r\n" + elmt.outerHTML);
1661	+ }
1662	+ });
1663	+ }
1664	+ _ImageItem.border = 0;
1665	+
1666	+ $Jssor$.$SetStyles(_ImageItem, _StyleDef);
1667	+ }
1668	+ }
1669	+
1670	+ RefreshContent(childElement, fresh, level + 1);
1671	+ });
1672	+ }
1673	+
1674	+ _SelfSlideItem.$OnInnerOffsetChange = function (oldOffset, newOffset) {
1675	+ var slidePosition = _DisplayPieces - newOffset;
1676	+
1677	+ SetPosition(_Wrapper, slidePosition);
1678	+
1679	+ //following lines are for future usage, not ready yet
1680	+ //if (!_IsDragging \|\| !_IsCaptionSliderPlayingWhenDragStart) {
1681	+ // var _DealWithParallax;
1682	+ // if (IsCurrentSlideIndex(slideIndex)) {
1683	+ // if (_CaptionSliderOptions.$PlayOutMode == 2)
1684	+ // _DealWithParallax = true;
1685	+ // }
1686	+ // else {
1687	+ // if (!_CaptionSliderOptions.$PlayInMode) {
1688	+ // //PlayInMode: 0 none
1689	+ // _CaptionSliderIn.$GoToEnd();
1690	+ // }
1691	+ // //else if (_CaptionSliderOptions.$PlayInMode == 1) {
1692	+ // // //PlayInMode: 1 chain
1693	+ // // _CaptionSliderIn.$GoToBegin();
1694	+ // //}
1695	+ // else if (_CaptionSliderOptions.$PlayInMode == 2) {
1696	+ // //PlayInMode: 2 parallel
1697	+ // _DealWithParallax = true;
1698	+ // }
1699	+ // }
1700	+
1701	+ // if (_DealWithParallax) {
1702	+ // _CaptionSliderIn.$GoToPosition((_CaptionSliderIn.$GetPosition_OuterEnd() - _CaptionSliderIn.$GetPosition_OuterBegin()) * Math.abs(newOffset - 1) * .8 + _CaptionSliderIn.$GetPosition_OuterBegin());
1703	+ // }
1704	+ //}
1705	+ };
1706	+
1707	+ _SelfSlideItem.$GetCaptionSliderIn = function () {
1708	+ return _CaptionSliderIn;
1709	+ };
1710	+
1711	+ _SelfSlideItem.$GetCaptionSliderOut = function () {
1712	+ return _CaptionSliderOut;
1713	+ };
1714	+
1715	+ _SelfSlideItem.$Index = slideIndex;
1716	+
1717	+ $JssorObject$.call(_SelfSlideItem);
1718	+
1719	+ //SlideItem Constructor
1720	+ {
1721	+
1722	+ var thumb = $Jssor$.$FindChild(slideElmt, "thumb", true);
1723	+ if (thumb) {
1724	+ _SelfSlideItem.$Thumb = $Jssor$.$CloneNode(thumb);
1725	+ $Jssor$.$RemoveAttribute(thumb, "id");
1726	+ $Jssor$.$HideElement(thumb);
1727	+ }
1728	+ $Jssor$.$ShowElement(slideElmt);
1729	+
1730	+ _LoadingScreen = $Jssor$.$CloneNode(_LoadingContainer);
1731	+ $Jssor$.$CssZIndex(_LoadingScreen, 1000);
1732	+
1733	+ //cancel click event on <A> element when a drag of slide succeeded
1734	+ $Jssor$.$AddEvent(slideElmt, "click", LinkClickEventHandler);
1735	+
1736	+ ResetCaptionSlider(true);
1737	+
1738	+ _SelfSlideItem.$Image = _ImageItem;
1739	+ _SelfSlideItem.$Link = _LinkItem;
1740	+
1741	+ _SelfSlideItem.$Item = slideElmt;
1742	+
1743	+ _SelfSlideItem.$Wrapper = _Wrapper = slideElmt;
1744	+ $Jssor$.$AppendChild(_Wrapper, _LoadingScreen);
1745	+
1746	+ _SelfSlider.$On(203, ParkEventHandler);
1747	+ _SelfSlider.$On(28, FreezeEventHandler);
1748	+ _SelfSlider.$On(24, SwipeStartEventHandler);
1749	+
1750	+ $JssorDebug$.$Execute(function () {
1751	+ _SequenceNumber = _SlideItemCreatedCount++;
1752	+ });
1753	+
1754	+ $JssorDebug$.$Execute(function () {
1755	+ $Jssor$.$Attribute(_Wrapper, "debug-id", "slide-" + slideIndex);
1756	+ });
1757	+ }
1758	+ }
1759	+ //SlideItem
1760	+
1761	+ //Processor
1762	+ function Processor(slideElmt, slideIndex, slideshowProcessor, captionSliderIn, captionSliderOut) {
1763	+
1764	+ var _SelfProcessor = this;
1765	+
1766	+ var _ProgressBegin = 0;
1767	+ var _SlideshowBegin = 0;
1768	+ var _SlideshowEnd;
1769	+ var _CaptionInBegin;
1770	+ var _IdleBegin;
1771	+ var _IdleEnd;
1772	+ var _ProgressEnd;
1773	+
1774	+ var _IsSlideshowRunning;
1775	+ var _IsRollingBack;
1776	+
1777	+ var _PlayerInstance;
1778	+ var _IsPlayerOnService;
1779	+
1780	+ var slideItem = _SlideItems[slideIndex];
1781	+
1782	+ $JssorAnimator$.call(_SelfProcessor, 0, 0);
1783	+
1784	+ function UpdateLink() {
1785	+
1786	+ $Jssor$.$ClearChildren(_LinkContainer);
1787	+
1788	+ if (_ShowLink && _IsSlideshowRunning && slideItem.$Link) {
1789	+ $Jssor$.$AppendChild(_LinkContainer, slideItem.$Link);
1790	+ }
1791	+
1792	+ $Jssor$.$ShowElement(_LinkContainer, !_IsSlideshowRunning && slideItem.$Image);
1793	+ }
1794	+
1795	+ function ProcessCompleteEventHandler() {
1796	+
1797	+ if (_IsRollingBack) {
1798	+ _IsRollingBack = false;
1799	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_ROLLBACK_END, slideIndex, _IdleEnd, _ProgressBegin, _IdleBegin, _IdleEnd, _ProgressEnd);
1800	+ _SelfProcessor.$GoToPosition(_IdleBegin);
1801	+ }
1802	+
1803	+ _SelfProcessor.$Replay();
1804	+ }
1805	+
1806	+ function PlayerSwitchEventHandler(isOnService) {
1807	+ _IsPlayerOnService = isOnService;
1808	+
1809	+ _SelfProcessor.$Stop();
1810	+ _SelfProcessor.$Replay();
1811	+ }
1812	+
1813	+ _SelfProcessor.$Replay = function () {
1814	+
1815	+ var currentPosition = _SelfProcessor.$GetPosition_Display();
1816	+
1817	+ if (!_IsDragging && !_IsSliding && !_IsPlayerOnService && _CurrentSlideIndex == slideIndex) {
1818	+
1819	+ if (!currentPosition) {
1820	+ if (_SlideshowEnd && !_IsSlideshowRunning) {
1821	+ _IsSlideshowRunning = true;
1822	+
1823	+ _SelfProcessor.$OpenSlideshowPanel(true);
1824	+
1825	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_SLIDESHOW_START, slideIndex, _ProgressBegin, _SlideshowBegin, _SlideshowEnd, _ProgressEnd);
1826	+ }
1827	+
1828	+ UpdateLink();
1829	+ }
1830	+
1831	+ var toPosition;
1832	+ var stateEvent = JssorSlider.$EVT_STATE_CHANGE;
1833	+
1834	+ if (currentPosition != _ProgressEnd) {
1835	+ if (currentPosition == _IdleEnd) {
1836	+ toPosition = _ProgressEnd;
1837	+ }
1838	+ else if (currentPosition == _IdleBegin) {
1839	+ toPosition = _IdleEnd;
1840	+ }
1841	+ else if (!currentPosition) {
1842	+ toPosition = _IdleBegin;
1843	+ }
1844	+ else if (currentPosition > _IdleEnd) {
1845	+ _IsRollingBack = true;
1846	+ toPosition = _IdleEnd;
1847	+ stateEvent = JssorSlider.$EVT_ROLLBACK_START;
1848	+ }
1849	+ else {
1850	+ //continue from break (by drag or lock)
1851	+ toPosition = _SelfProcessor.$GetPlayToPosition();
1852	+ }
1853	+ }
1854	+
1855	+ //$JssorDebug$.$Execute(function () {
1856	+ // if (currentPosition == _ProgressEnd) {
1857	+ // debugger;
1858	+ // }
1859	+ //});
1860	+
1861	+ _SelfSlider.$TriggerEvent(stateEvent, slideIndex, currentPosition, _ProgressBegin, _IdleBegin, _IdleEnd, _ProgressEnd);
1862	+
1863	+ var allowAutoPlay = _AutoPlay && (!_HoverToPause \|\| _NotOnHover);
1864	+
1865	+ if (currentPosition == _ProgressEnd) {
1866	+ (_IdleEnd != _ProgressEnd && !(_HoverToPause & 12) \|\| allowAutoPlay) && slideItem.$GoForNextSlide();
1867	+ }
1868	+ else if (allowAutoPlay \|\| currentPosition != _IdleEnd) {
1869	+ _SelfProcessor.$PlayToPosition(toPosition, ProcessCompleteEventHandler);
1870	+ }
1871	+ }
1872	+ };
1873	+
1874	+ _SelfProcessor.$AdjustIdleOnPark = function () {
1875	+ if (_IdleEnd == _ProgressEnd && _IdleEnd == _SelfProcessor.$GetPosition_Display())
1876	+ _SelfProcessor.$GoToPosition(_IdleBegin);
1877	+ };
1878	+
1879	+ _SelfProcessor.$Abort = function () {
1880	+ _SlideshowRunner && _SlideshowRunner.$Index == slideIndex && _SlideshowRunner.$Clear();
1881	+
1882	+ var currentPosition = _SelfProcessor.$GetPosition_Display();
1883	+ if (currentPosition < _ProgressEnd) {
1884	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_STATE_CHANGE, slideIndex, -currentPosition -1, _ProgressBegin, _IdleBegin, _IdleEnd, _ProgressEnd);
1885	+ }
1886	+ };
1887	+
1888	+ _SelfProcessor.$OpenSlideshowPanel = function (open) {
1889	+ if (slideshowProcessor) {
1890	+ $Jssor$.$CssOverflow(_SlideshowPanel, open && slideshowProcessor.$Transition.$Outside ? "" : "hidden");
1891	+ }
1892	+ };
1893	+
1894	+ _SelfProcessor.$OnInnerOffsetChange = function (oldPosition, newPosition) {
1895	+
1896	+ if (_IsSlideshowRunning && newPosition >= _SlideshowEnd) {
1897	+ _IsSlideshowRunning = false;
1898	+ UpdateLink();
1899	+ slideItem.$UnhideContentForSlideshow();
1900	+ _SlideshowRunner.$Clear();
1901	+
1902	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_SLIDESHOW_END, slideIndex, _ProgressBegin, _SlideshowBegin, _SlideshowEnd, _ProgressEnd);
1903	+ }
1904	+
1905	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_PROGRESS_CHANGE, slideIndex, newPosition, _ProgressBegin, _IdleBegin, _IdleEnd, _ProgressEnd);
1906	+ };
1907	+
1908	+ _SelfProcessor.$SetPlayer = function (playerInstance) {
1909	+ if (playerInstance && !_PlayerInstance) {
1910	+ _PlayerInstance = playerInstance;
1911	+
1912	+ playerInstance.$On($JssorPlayer$.$EVT_SWITCH, PlayerSwitchEventHandler);
1913	+ }
1914	+ };
1915	+
1916	+ //Processor Constructor
1917	+ {
1918	+ if (slideshowProcessor) {
1919	+ _SelfProcessor.$Chain(slideshowProcessor);
1920	+ }
1921	+
1922	+ _SlideshowEnd = _SelfProcessor.$GetPosition_OuterEnd();
1923	+ _CaptionInBegin = _SelfProcessor.$GetPosition_OuterEnd();
1924	+ _SelfProcessor.$Chain(captionSliderIn);
1925	+ _IdleBegin = captionSliderIn.$GetPosition_OuterEnd();
1926	+ _IdleEnd = _IdleBegin + ($Jssor$.$ParseFloat($Jssor$.$AttributeEx(slideElmt, "idle")) \|\| _Options.$AutoPlayInterval);
1927	+
1928	+ captionSliderOut.$Shift(_IdleEnd);
1929	+ _SelfProcessor.$Combine(captionSliderOut);
1930	+ _ProgressEnd = _SelfProcessor.$GetPosition_OuterEnd();
1931	+ }
1932	+ }
1933	+ //Processor
1934	+ //private classes
1935	+
1936	+ function SetPosition(elmt, position) {
1937	+ var orientation = _DragOrientation > 0 ? _DragOrientation : _PlayOrientation;
1938	+ var x = _StepLengthX * position * (orientation & 1);
1939	+ var y = _StepLengthY * position * ((orientation >> 1) & 1);
1940	+
1941	+ if ($Jssor$.$IsBrowserChrome() && $Jssor$.$BrowserVersion() < 38) {
1942	+ x = x.toFixed(3);
1943	+ y = y.toFixed(3);
1944	+ }
1945	+ else {
1946	+ x = Math.round(x);
1947	+ y = Math.round(y);
1948	+ }
1949	+
1950	+ if ($Jssor$.$IsBrowserIE() && $Jssor$.$BrowserVersion() >= 10 && $Jssor$.$BrowserVersion() < 11) {
1951	+ elmt.style.msTransform = "translate(" + x + "px, " + y + "px)";
1952	+ }
1953	+ else if ($Jssor$.$IsBrowserChrome() && $Jssor$.$BrowserVersion() >= 30 && $Jssor$.$BrowserVersion() < 34) {
1954	+ elmt.style.WebkitTransition = "transform 0s";
1955	+ elmt.style.WebkitTransform = "translate3d(" + x + "px, " + y + "px, 0px) perspective(2000px)";
1956	+ }
1957	+ else {
1958	+ $Jssor$.$CssLeft(elmt, x);
1959	+ $Jssor$.$CssTop(elmt, y);
1960	+ }
1961	+ }
1962	+
1963	+ //Event handling begin
1964	+
1965	+ function OnMouseDown(event) {
1966	+ var tagName = $Jssor$.$EventSrc(event).tagName;
1967	+ if (!_DragOrientationRegistered && tagName != "INPUT" && tagName != "TEXTAREA" && tagName != "SELECT" && RegisterDrag()) {
1968	+ OnDragStart(event);
1969	+ }
1970	+ }
1971	+
1972	+ function RecordFreezePoint() {
1973	+
1974	+ _CarouselPlaying_OnFreeze = _IsSliding;
1975	+ _PlayToPosition_OnFreeze = _CarouselPlayer.$GetPlayToPosition();
1976	+ _Position_OnFreeze = _Conveyor.$GetPosition();
1977	+
1978	+ }
1979	+
1980	+ function Freeze() {
1981	+
1982	+ RecordFreezePoint();
1983	+
1984	+ if (_IsDragging \|\| !_NotOnHover && (_HoverToPause & 12)) {
1985	+ _CarouselPlayer.$Stop();
1986	+
1987	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_FREEZE);
1988	+ }
1989	+
1990	+ }
1991	+
1992	+ function Unfreeze(byDrag) {
1993	+
1994	+ byDrag && RecordFreezePoint();
1995	+
1996	+ if (!_IsDragging && (_NotOnHover \|\| !(_HoverToPause & 12)) && !_CarouselPlayer.$IsPlaying()) {
1997	+
1998	+ var currentPosition = _Conveyor.$GetPosition();
1999	+ var toPosition = Math.ceil(_Position_OnFreeze);
2000	+
2001	+ if (byDrag && Math.abs(_DragOffsetTotal) >= _Options.$MinDragOffsetToSlide) {
2002	+ toPosition = Math.ceil(currentPosition);
2003	+ toPosition += _DragIndexAdjust;
2004	+ }
2005	+
2006	+ if (!(_Loop & 1)) {
2007	+ toPosition = Math.min(_SlideCount - _DisplayPieces, Math.max(toPosition, 0));
2008	+ }
2009	+
2010	+ var t = Math.abs(toPosition - currentPosition);
2011	+ t = 1 - Math.pow(1 - t, 5);
2012	+
2013	+ if (!_LastDragSucceded && _CarouselPlaying_OnFreeze) {
2014	+ _CarouselPlayer.$Continue(_PlayToPosition_OnFreeze);
2015	+ }
2016	+ else if (currentPosition == toPosition) {
2017	+ _CurrentSlideItem.$EnablePlayer();
2018	+ _CurrentSlideItem.$TryActivate();
2019	+ }
2020	+ else {
2021	+
2022	+ _CarouselPlayer.$PlayCarousel(currentPosition, toPosition, t * _SlideDuration);
2023	+ }
2024	+ }
2025	+ }
2026	+
2027	+ function OnDragStart(event) {
2028	+
2029	+ _IsDragging = true;
2030	+ _DragInvalid = false;
2031	+ _LoadingTicket = null;
2032	+
2033	+ $Jssor$.$AddEvent(document, _MoveEvent, OnDragMove);
2034	+
2035	+ _LastTimeMoveByDrag = $Jssor$.$GetNow() - 50;
2036	+
2037	+ _LastDragSucceded = 0;
2038	+ Freeze();
2039	+
2040	+ if (!_CarouselPlaying_OnFreeze)
2041	+ _DragOrientation = 0;
2042	+
2043	+ if (_HandleTouchEventOnly) {
2044	+ var touchPoint = event.touches[0];
2045	+ _DragStartMouseX = touchPoint.clientX;
2046	+ _DragStartMouseY = touchPoint.clientY;
2047	+ }
2048	+ else {
2049	+ var mousePoint = $Jssor$.$MousePosition(event);
2050	+
2051	+ _DragStartMouseX = mousePoint.x;
2052	+ _DragStartMouseY = mousePoint.y;
2053	+
2054	+ $Jssor$.$CancelEvent(event);
2055	+ }
2056	+
2057	+ _DragOffsetTotal = 0;
2058	+ _DragOffsetLastTime = 0;
2059	+ _DragIndexAdjust = 0;
2060	+
2061	+ //Trigger EVT_DRAGSTART
2062	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_DRAG_START, GetRealIndex(_Position_OnFreeze), _Position_OnFreeze, event);
2063	+ }
2064	+
2065	+ function OnDragMove(event) {
2066	+ if (_IsDragging && (!$Jssor$.$IsBrowserIe9Earlier() \|\| event.button)) {
2067	+ var actionPoint;
2068	+
2069	+ if (_HandleTouchEventOnly) {
2070	+ var touches = event.touches;
2071	+ if (touches && touches.length > 0) {
2072	+ actionPoint = { x: touches[0].clientX, y: touches[0].clientY };
2073	+ }
2074	+ }
2075	+ else {
2076	+ actionPoint = $Jssor$.$MousePosition(event);
2077	+ }
2078	+
2079	+ if (actionPoint) {
2080	+ var distanceX = actionPoint.x - _DragStartMouseX;
2081	+ var distanceY = actionPoint.y - _DragStartMouseY;
2082	+
2083	+
2084	+ if (Math.floor(_Position_OnFreeze) != _Position_OnFreeze)
2085	+ _DragOrientation = _DragOrientation \|\| (_PlayOrientation & _DragOrientationRegistered);
2086	+
2087	+ if ((distanceX \|\| distanceY) && !_DragOrientation) {
2088	+ if (_DragOrientationRegistered == 3) {
2089	+ if (Math.abs(distanceY) > Math.abs(distanceX)) {
2090	+ _DragOrientation = 2;
2091	+ }
2092	+ else
2093	+ _DragOrientation = 1;
2094	+ }
2095	+ else {
2096	+ _DragOrientation = _DragOrientationRegistered;
2097	+ }
2098	+
2099	+ if (_IsTouchDevice && _DragOrientation == 1 && Math.abs(distanceY) - Math.abs(distanceX) > 3) {
2100	+ _DragInvalid = true;
2101	+ }
2102	+ }
2103	+
2104	+ if (_DragOrientation) {
2105	+ var distance = distanceY;
2106	+ var stepLength = _StepLengthY;
2107	+
2108	+ if (_DragOrientation == 1) {
2109	+ distance = distanceX;
2110	+ stepLength = _StepLengthX;
2111	+ }
2112	+
2113	+ if (!(_Loop & 1)) {
2114	+ if (distance > 0) {
2115	+ var normalDistance = stepLength * _CurrentSlideIndex;
2116	+ var sqrtDistance = distance - normalDistance;
2117	+ if (sqrtDistance > 0) {
2118	+ distance = normalDistance + Math.sqrt(sqrtDistance) * 5;
2119	+ }
2120	+ }
2121	+
2122	+ if (distance < 0) {
2123	+ var normalDistance = stepLength * (_SlideCount - _DisplayPieces - _CurrentSlideIndex);
2124	+ var sqrtDistance = -distance - normalDistance;
2125	+
2126	+ if (sqrtDistance > 0) {
2127	+ distance = -normalDistance - Math.sqrt(sqrtDistance) * 5;
2128	+ }
2129	+ }
2130	+ }
2131	+
2132	+ if (_DragOffsetTotal - _DragOffsetLastTime < -2) {
2133	+ _DragIndexAdjust = 0;
2134	+ }
2135	+ else if (_DragOffsetTotal - _DragOffsetLastTime > 2) {
2136	+ _DragIndexAdjust = -1;
2137	+ }
2138	+
2139	+ _DragOffsetLastTime = _DragOffsetTotal;
2140	+ _DragOffsetTotal = distance;
2141	+ _PositionToGoByDrag = _Position_OnFreeze - _DragOffsetTotal / stepLength / (_ScaleRatio \|\| 1);
2142	+
2143	+ if (_DragOffsetTotal && _DragOrientation && !_DragInvalid) {
2144	+ $Jssor$.$CancelEvent(event);
2145	+ if (!_IsSliding) {
2146	+ _CarouselPlayer.$StandBy(_PositionToGoByDrag);
2147	+ }
2148	+ else
2149	+ _CarouselPlayer.$SetStandByPosition(_PositionToGoByDrag);
2150	+ }
2151	+ else if ($Jssor$.$IsBrowserIe9Earlier()) {
2152	+ $Jssor$.$CancelEvent(event);
2153	+ }
2154	+ }
2155	+ }
2156	+ }
2157	+ else {
2158	+ OnDragEnd(event);
2159	+ }
2160	+ }
2161	+
2162	+ function OnDragEnd(event) {
2163	+ UnregisterDrag();
2164	+
2165	+ if (_IsDragging) {
2166	+
2167	+ _IsDragging = false;
2168	+
2169	+ _LastTimeMoveByDrag = $Jssor$.$GetNow();
2170	+
2171	+ $Jssor$.$RemoveEvent(document, _MoveEvent, OnDragMove);
2172	+
2173	+ _LastDragSucceded = _DragOffsetTotal;
2174	+
2175	+ _LastDragSucceded && $Jssor$.$CancelEvent(event);
2176	+
2177	+ _CarouselPlayer.$Stop();
2178	+
2179	+ var currentPosition = _Conveyor.$GetPosition();
2180	+
2181	+ //Trigger EVT_DRAG_END
2182	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_DRAG_END, GetRealIndex(currentPosition), currentPosition, GetRealIndex(_Position_OnFreeze), _Position_OnFreeze, event);
2183	+
2184	+ Unfreeze(true);
2185	+ }
2186	+ }
2187	+ //Event handling end
2188	+
2189	+ function SetCurrentSlideIndex(index) {
2190	+ _PrevSlideItem = _SlideItems[_CurrentSlideIndex];
2191	+ _PreviousSlideIndex = _CurrentSlideIndex;
2192	+ _CurrentSlideIndex = GetRealIndex(index);
2193	+ _CurrentSlideItem = _SlideItems[_CurrentSlideIndex];
2194	+ ResetNavigator(index);
2195	+ return _CurrentSlideIndex;
2196	+ }
2197	+
2198	+ function OnPark(slideIndex, prevIndex) {
2199	+ _DragOrientation = 0;
2200	+
2201	+ SetCurrentSlideIndex(slideIndex);
2202	+
2203	+ //Trigger EVT_PARK
2204	+ _SelfSlider.$TriggerEvent(JssorSlider.$EVT_PARK, GetRealIndex(slideIndex), prevIndex);
2205	+ }
2206	+
2207	+ function ResetNavigator(index, temp) {
2208	+ _TempSlideIndex = index;
2209	+ $Jssor$.$Each(_Navigators, function (navigator) {
2210	+ navigator.$SetCurrentIndex(GetRealIndex(index), index, temp);
2211	+ });
2212	+ }
2213	+
2214	+ function RegisterDrag() {
2215	+ var dragRegistry = JssorSlider.$DragRegistry \|\| 0;
2216	+ var dragOrientation = _DragEnabled;
2217	+ if (_IsTouchDevice)
2218	+ (dragOrientation & 1) && (dragOrientation &= 1);
2219	+ JssorSlider.$DragRegistry \|= dragOrientation;
2220	+
2221	+ return (_DragOrientationRegistered = dragOrientation & ~dragRegistry);
2222	+ }
2223	+
2224	+ function UnregisterDrag() {
2225	+ if (_DragOrientationRegistered) {
2226	+ JssorSlider.$DragRegistry &= ~_DragEnabled;
2227	+ _DragOrientationRegistered = 0;
2228	+ }
2229	+ }
2230	+
2231	+ function CreatePanel() {
2232	+ var div = $Jssor$.$CreateDiv();
2233	+
2234	+ $Jssor$.$SetStyles(div, _StyleDef);
2235	+ $Jssor$.$CssPosition(div, "absolute");
2236	+
2237	+ return div;
2238	+ }
2239	+
2240	+ function GetRealIndex(index) {
2241	+ return (index % _SlideCount + _SlideCount) % _SlideCount;
2242	+ }
2243	+
2244	+ function IsCurrentSlideIndex(index) {
2245	+ return GetRealIndex(index) == _CurrentSlideIndex;
2246	+ }
2247	+
2248	+ function IsPreviousSlideIndex(index) {
2249	+ return GetRealIndex(index) == _PreviousSlideIndex;
2250	+ }
2251	+
2252	+ //Navigation Request Handler
2253	+ function NavigationClickHandler(index, relative) {
2254	+ if (relative) {
2255	+ if (!_Loop) {
2256	+ //Stop at threshold
2257	+ index = Math.min(Math.max(index + _TempSlideIndex, 0), _SlideCount - _DisplayPieces);
2258	+ relative = false;
2259	+ }
2260	+ else if (_Loop & 2) {
2261	+ //Rewind
2262	+ index = GetRealIndex(index + _TempSlideIndex);
2263	+ relative = false;
2264	+ }
2265	+ }
2266	+ PlayTo(index, _Options.$SlideDuration, relative);
2267	+ }
2268	+
2269	+ function ShowNavigators() {
2270	+ $Jssor$.$Each(_Navigators, function (navigator) {
2271	+ navigator.$Show(navigator.$Options.$ChanceToShow <= _NotOnHover);
2272	+ });
2273	+ }
2274	+
2275	+ function MainContainerMouseLeaveEventHandler() {
2276	+ if (!_NotOnHover) {
2277	+
2278	+ //$JssorDebug$.$Log("mouseleave");
2279	+
2280	+ _NotOnHover = 1;
2281	+
2282	+ ShowNavigators();
2283	+
2284	+ if (!_IsDragging) {
2285	+ (_HoverToPause & 12) && Unfreeze();
2286	+ (_HoverToPause & 3) && _SlideItems[_CurrentSlideIndex].$TryActivate();
2287	+ }
2288	+ }
2289	+ }
2290	+
2291	+ function MainContainerMouseEnterEventHandler() {
2292	+
2293	+ if (_NotOnHover) {
2294	+
2295	+ //$JssorDebug$.$Log("mouseenter");
2296	+
2297	+ _NotOnHover = 0;
2298	+
2299	+ ShowNavigators();
2300	+
2301	+ _IsDragging \|\| !(_HoverToPause & 12) \|\| Freeze();
2302	+ }
2303	+ }
2304	+
2305	+ function AdjustSlidesContainerSize() {
2306	+ _StyleDef = { $Width: _SlideWidth, $Height: _SlideHeight, $Top: 0, $Left: 0 };
2307	+
2308	+ $Jssor$.$Each(_SlideElmts, function (slideElmt, i) {
2309	+
2310	+ $Jssor$.$SetStyles(slideElmt, _StyleDef);
2311	+ $Jssor$.$CssPosition(slideElmt, "absolute");
2312	+ $Jssor$.$CssOverflow(slideElmt, "hidden");
2313	+
2314	+ $Jssor$.$HideElement(slideElmt);
2315	+ });
2316	+
2317	+ $Jssor$.$SetStyles(_LoadingContainer, _StyleDef);
2318	+ }
2319	+
2320	+ function PlayToOffset(offset, slideDuration) {
2321	+ PlayTo(offset, slideDuration, true);
2322	+ }
2323	+
2324	+ function PlayTo(slideIndex, slideDuration, relative) {
2325	+ /// <summary>
2326	+ /// PlayTo( slideIndex [, slideDuration] ); //Play slider to position 'slideIndex' within a period calculated base on 'slideDuration'.
2327	+ /// </summary>
2328	+ /// <param name="slideIndex" type="Number">
2329	+ /// slide slideIndex or position will be playing to
2330	+ /// </param>
2331	+ /// <param name="slideDuration" type="Number" optional="true">
2332	+ /// base slide duration in milliseconds to calculate the whole duration to complete this play request.
2333	+ /// default value is '$SlideDuration' value which is specified when initialize the slider.
2334	+ /// </param>
2335	+ /// http://msdn.microsoft.com/en-us/library/vstudio/bb385682.aspx
2336	+ /// http://msdn.microsoft.com/en-us/library/vstudio/hh542720.aspx
2337	+ if (_CarouselEnabled && (!_IsDragging \|\| _Options.$NaviQuitDrag)) {
2338	+ _IsSliding = true;
2339	+ _IsDragging = false;
2340	+ _CarouselPlayer.$Stop();
2341	+
2342	+ {
2343	+ //Slide Duration
2344	+ if (slideDuration == undefined)
2345	+ slideDuration = _SlideDuration;
2346	+
2347	+ var positionDisplay = _Carousel.$GetPosition_Display();
2348	+ var positionTo = slideIndex;
2349	+ if (relative) {
2350	+ positionTo = positionDisplay + slideIndex;
2351	+ if (slideIndex > 0)
2352	+ positionTo = Math.ceil(positionTo);
2353	+ else
2354	+ positionTo = Math.floor(positionTo);
2355	+ }
2356	+
2357	+
2358	+ if (!(_Loop & 1)) {
2359	+ positionTo = GetRealIndex(positionTo);
2360	+ positionTo = Math.max(0, Math.min(positionTo, _SlideCount - _DisplayPieces));
2361	+ }
2362	+
2363	+ var positionOffset = (positionTo - positionDisplay) % _SlideCount;
2364	+ positionTo = positionDisplay + positionOffset;
2365	+
2366	+ var duration = positionDisplay == positionTo ? 0 : slideDuration * Math.abs(positionOffset);
2367	+ duration = Math.min(duration, slideDuration * _DisplayPieces * 1.5);
2368	+
2369	+ _CarouselPlayer.$PlayCarousel(positionDisplay, positionTo, duration \|\| 1);
2370	+ }
2371	+ }
2372	+ }
2373	+
2374	+ //private functions
2375	+
2376	+ //member functions
2377	+
2378	+ _SelfSlider.$PlayTo = PlayTo;
2379	+
2380	+ _SelfSlider.$GoTo = function (slideIndex) {
2381	+ /// <summary>
2382	+ /// instance.$GoTo( slideIndex ); //Go to the specifed slide immediately with no play.
2383	+ /// </summary>
2384	+ PlayTo(slideIndex, 1);
2385	+ };
2386	+
2387	+ _SelfSlider.$Next = function () {
2388	+ /// <summary>
2389	+ /// instance.$Next(); //Play the slider to next slide.
2390	+ /// </summary>
2391	+ PlayToOffset(1);
2392	+ };
2393	+
2394	+ _SelfSlider.$Prev = function () {
2395	+ /// <summary>
2396	+ /// instance.$Prev(); //Play the slider to previous slide.
2397	+ /// </summary>
2398	+ PlayToOffset(-1);
2399	+ };
2400	+
2401	+ _SelfSlider.$Pause = function () {
2402	+ /// <summary>
2403	+ /// instance.$Pause(); //Pause the slider, prevent it from auto playing.
2404	+ /// </summary>
2405	+ _AutoPlay = false;
2406	+ };
2407	+
2408	+ _SelfSlider.$Play = function () {
2409	+ /// <summary>
2410	+ /// instance.$Play(); //Start auto play if the slider is currently paused.
2411	+ /// </summary>
2412	+ if (!_AutoPlay) {
2413	+ _AutoPlay = true;
2414	+ _SlideItems[_CurrentSlideIndex] && _SlideItems[_CurrentSlideIndex].$TryActivate();
2415	+ }
2416	+ };
2417	+
2418	+ _SelfSlider.$SetSlideshowTransitions = function (transitions) {
2419	+ /// <summary>
2420	+ /// instance.$SetSlideshowTransitions( transitions ); //Reset slideshow transitions for the slider.
2421	+ /// </summary>
2422	+ $JssorDebug$.$Execute(function () {
2423	+ if (!transitions \|\| !transitions.length) {
2424	+ $JssorDebug$.$Error("Can not set slideshow transitions, no transitions specified.");
2425	+ }
2426	+ });
2427	+
2428	+ $Jssor$.$TranslateTransitions(transitions); //for old transition compatibility
2429	+ _Options.$SlideshowOptions.$Transitions = transitions;
2430	+ };
2431	+
2432	+ _SelfSlider.$SetCaptionTransitions = function (transitions) {
2433	+ /// <summary>
2434	+ /// instance.$SetCaptionTransitions( transitions ); //Reset caption transitions for the slider.
2435	+ /// </summary>
2436	+ $JssorDebug$.$Execute(function () {
2437	+ if (!transitions \|\| !transitions.length) {
2438	+ $JssorDebug$.$Error("Can not set caption transitions, no transitions specified");
2439	+ }
2440	+ });
2441	+
2442	+ $Jssor$.$TranslateTransitions(transitions); //for old transition compatibility
2443	+ _CaptionSliderOptions.$CaptionTransitions = transitions;
2444	+ _CaptionSliderOptions.$Version = $Jssor$.$GetNow();
2445	+ };
2446	+
2447	+ _SelfSlider.$SlidesCount = function () {
2448	+ /// <summary>
2449	+ /// instance.$SlidesCount(); //Retrieve slides count of the slider.
2450	+ /// </summary>
2451	+ return _SlideElmts.length;
2452	+ };
2453	+
2454	+ _SelfSlider.$CurrentIndex = function () {
2455	+ /// <summary>
2456	+ /// instance.$CurrentIndex(); //Retrieve current slide index of the slider.
2457	+ /// </summary>
2458	+ return _CurrentSlideIndex;
2459	+ };
2460	+
2461	+ _SelfSlider.$IsAutoPlaying = function () {
2462	+ /// <summary>
2463	+ /// instance.$IsAutoPlaying(); //Retrieve auto play status of the slider.
2464	+ /// </summary>
2465	+ return _AutoPlay;
2466	+ };
2467	+
2468	+ _SelfSlider.$IsDragging = function () {
2469	+ /// <summary>
2470	+ /// instance.$IsDragging(); //Retrieve drag status of the slider.
2471	+ /// </summary>
2472	+ return _IsDragging;
2473	+ };
2474	+
2475	+ _SelfSlider.$IsSliding = function () {
2476	+ /// <summary>
2477	+ /// instance.$IsSliding(); //Retrieve right<-->left sliding status of the slider.
2478	+ /// </summary>
2479	+ return _IsSliding;
2480	+ };
2481	+
2482	+ _SelfSlider.$IsMouseOver = function () {
2483	+ /// <summary>
2484	+ /// instance.$IsMouseOver(); //Retrieve mouse over status of the slider.
2485	+ /// </summary>
2486	+ return !_NotOnHover;
2487	+ };
2488	+
2489	+ _SelfSlider.$LastDragSucceded = function () {
2490	+ /// <summary>
2491	+ /// instance.$IsLastDragSucceded(); //Retrieve last drag succeded status, returns 0 if failed, returns drag offset if succeded
2492	+ /// </summary>
2493	+ return _LastDragSucceded;
2494	+ };
2495	+
2496	+ function OriginalWidth() {
2497	+ /// <summary>
2498	+ /// instance.$OriginalWidth(); //Retrieve original width of the slider.
2499	+ /// </summary>
2500	+ return $Jssor$.$CssWidth(_ScaleWrapper \|\| elmt);
2501	+ }
2502	+
2503	+ function OriginalHeight() {
2504	+ /// <summary>
2505	+ /// instance.$OriginalHeight(); //Retrieve original height of the slider.
2506	+ /// </summary>
2507	+ return $Jssor$.$CssHeight(_ScaleWrapper \|\| elmt);
2508	+ }
2509	+
2510	+ _SelfSlider.$OriginalWidth = _SelfSlider.$GetOriginalWidth = OriginalWidth;
2511	+
2512	+ _SelfSlider.$OriginalHeight = _SelfSlider.$GetOriginalHeight = OriginalHeight;
2513	+
2514	+ function Scale(dimension, isHeight) {
2515	+ /// <summary>
2516	+ /// instance.$ScaleWidth(); //Retrieve scaled dimension the slider currently displays.
2517	+ /// instance.$ScaleWidth( dimension ); //Scale the slider to new width and keep aspect ratio.
2518	+ /// </summary>
2519	+
2520	+ if (dimension == undefined)
2521	+ return $Jssor$.$CssWidth(elmt);
2522	+
2523	+ $JssorDebug$.$Execute(function () {
2524	+ if (!dimension \|\| dimension < 0) {
2525	+ $JssorDebug$.$Fail("'$ScaleWidth' error, 'dimension' should be positive value.");
2526	+ }
2527	+ });
2528	+
2529	+ if (!_ScaleWrapper) {
2530	+ $JssorDebug$.$Execute(function () {
2531	+ var originalWidthStr = $Jssor$.$Css(elmt, "width");
2532	+ var originalHeightStr = $Jssor$.$Css(elmt, "height");
2533	+ var originalWidth = $Jssor$.$CssP(elmt, "width");
2534	+ var originalHeight = $Jssor$.$CssP(elmt, "height");
2535	+
2536	+ if (!originalWidthStr) {
2537	+ $JssorDebug$.$Fail("Cannot scale jssor slider, 'dimension' of 'outer container' not specified. Please specify 'dimension' in pixel. e.g. 'dimension: 600px;'");
2538	+ }
2539	+
2540	+ if (!originalHeightStr) {
2541	+ $JssorDebug$.$Fail("Cannot scale jssor slider, 'height' of 'outer container' not specified. Please specify 'height' in pixel. e.g. 'height: 300px;'");
2542	+ }
2543	+
2544	+ if (originalWidthStr.indexOf('%') != -1) {
2545	+ $JssorDebug$.$Fail("Cannot scale jssor slider, 'dimension' of 'outer container' not valid. Please specify 'dimension' in pixel. e.g. 'dimension: 600px;'");
2546	+ }
2547	+
2548	+ if (originalHeightStr.indexOf('%') != -1) {
2549	+ $JssorDebug$.$Fail("Cannot scale jssor slider, 'height' of 'outer container' not valid. Please specify 'height' in pixel. e.g. 'height: 300px;'");
2550	+ }
2551	+
2552	+ if (!originalWidth) {
2553	+ $JssorDebug$.$Fail("Cannot scale jssor slider, 'dimension' of 'outer container' not valid. 'dimension' of 'outer container' should be positive number. e.g. 'dimension: 600px;'");
2554	+ }
2555	+
2556	+ if (!originalHeight) {
2557	+ $JssorDebug$.$Fail("Cannot scale jssor slider, 'height' of 'outer container' not valid. 'height' of 'outer container' should be positive number. e.g. 'height: 300px;'");
2558	+ }
2559	+ });
2560	+
2561	+ var innerWrapper = $Jssor$.$CreateDiv(document);
2562	+ $Jssor$.$CssCssText(innerWrapper, $Jssor$.$CssCssText(elmt));
2563	+ $Jssor$.$ClassName(innerWrapper, $Jssor$.$ClassName(elmt));
2564	+
2565	+ $Jssor$.$CssPosition(innerWrapper, "relative");
2566	+ $Jssor$.$CssTop(innerWrapper, 0);
2567	+ $Jssor$.$CssLeft(innerWrapper, 0);
2568	+ $Jssor$.$CssOverflow(innerWrapper, "visible");
2569	+
2570	+ _ScaleWrapper = $Jssor$.$CreateDiv(document);
2571	+
2572	+ $Jssor$.$CssPosition(_ScaleWrapper, "absolute");
2573	+ $Jssor$.$CssTop(_ScaleWrapper, 0);
2574	+ $Jssor$.$CssLeft(_ScaleWrapper, 0);
2575	+ $Jssor$.$CssWidth(_ScaleWrapper, $Jssor$.$CssWidth(elmt));
2576	+ $Jssor$.$CssHeight(_ScaleWrapper, $Jssor$.$CssHeight(elmt));
2577	+ $Jssor$.$SetStyleTransformOrigin(_ScaleWrapper, "0 0");
2578	+
2579	+ $Jssor$.$AppendChild(_ScaleWrapper, innerWrapper);
2580	+
2581	+ var children = $Jssor$.$Children(elmt);
2582	+ $Jssor$.$AppendChild(elmt, _ScaleWrapper);
2583	+
2584	+ $Jssor$.$Css(elmt, "backgroundImage", "");
2585	+
2586	+ var noMoveElmts = {
2587	+ "navigator": _BulletNavigatorOptions && _BulletNavigatorOptions.$Scale == false,
2588	+ "arrowleft": _ArrowNavigatorOptions && _ArrowNavigatorOptions.$Scale == false,
2589	+ "arrowright": _ArrowNavigatorOptions && _ArrowNavigatorOptions.$Scale == false,
2590	+ "thumbnavigator": _ThumbnailNavigatorOptions && _ThumbnailNavigatorOptions.$Scale == false,
2591	+ "thumbwrapper": _ThumbnailNavigatorOptions && _ThumbnailNavigatorOptions.$Scale == false
2592	+ };
2593	+
2594	+ $Jssor$.$Each(children, function (child) {
2595	+ $Jssor$.$AppendChild(noMoveElmts[$Jssor$.$AttributeEx(child, "u")] ? elmt : innerWrapper, child);
2596	+ });
2597	+
2598	+ $Jssor$.$ShowElement(innerWrapper);
2599	+ $Jssor$.$ShowElement(_ScaleWrapper);
2600	+ }
2601	+
2602	+ $JssorDebug$.$Execute(function () {
2603	+ if (!_InitialScrollWidth) {
2604	+ _InitialScrollWidth = _SelfSlider.$Elmt.scrollWidth;
2605	+ }
2606	+ });
2607	+
2608	+ _ScaleRatio = dimension / (isHeight? $Jssor$.$CssHeight : $Jssor$.$CssWidth)(_ScaleWrapper);
2609	+ $Jssor$.$CssScale(_ScaleWrapper, _ScaleRatio);
2610	+
2611	+ var scaleWidth = isHeight ? (_ScaleRatio * OriginalWidth()) : dimension;
2612	+ var scaleHeight = isHeight ? dimension : (_ScaleRatio * OriginalHeight());
2613	+
2614	+ $Jssor$.$CssWidth(elmt, scaleWidth);
2615	+ $Jssor$.$CssHeight(elmt, scaleHeight);
2616	+
2617	+ $Jssor$.$Each(_Navigators, function (navigator) {
2618	+ navigator.$Relocate(scaleWidth, scaleHeight);
2619	+ });
2620	+ }
2621	+
2622	+ _SelfSlider.$ScaleHeight = _SelfSlider.$GetScaleHeight = function (height) {
2623	+ /// <summary>
2624	+ /// instance.$ScaleHeight(); //Retrieve scaled height the slider currently displays.
2625	+ /// instance.$ScaleHeight( dimension ); //Scale the slider to new height and keep aspect ratio.
2626	+ /// </summary>
2627	+
2628	+ if (height == undefined)
2629	+ return $Jssor$.$CssHeight(elmt);
2630	+
2631	+ Scale(height, true);
2632	+ };
2633	+
2634	+ _SelfSlider.$ScaleWidth = _SelfSlider.$SetScaleWidth = _SelfSlider.$GetScaleWidth = Scale;
2635	+
2636	+ _SelfSlider.$GetVirtualIndex = function (index) {
2637	+ var parkingIndex = Math.ceil(GetRealIndex(_ParkingPosition / _StepLength));
2638	+ var displayIndex = GetRealIndex(index - _CurrentSlideIndex + parkingIndex);
2639	+
2640	+ if (displayIndex > _DisplayPieces) {
2641	+ if (index - _CurrentSlideIndex > _SlideCount / 2)
2642	+ index -= _SlideCount;
2643	+ else if (index - _CurrentSlideIndex <= -_SlideCount / 2)
2644	+ index += _SlideCount;
2645	+ }
2646	+ else {
2647	+ index = _CurrentSlideIndex + displayIndex - parkingIndex;
2648	+ }
2649	+
2650	+ return index;
2651	+ };
2652	+
2653	+ //member functions
2654	+
2655	+ $JssorObject$.call(_SelfSlider);
2656	+
2657	+ $JssorDebug$.$Execute(function () {
2658	+ var outerContainerElmt = $Jssor$.$GetElement(elmt);
2659	+ if (!outerContainerElmt)
2660	+ $JssorDebug$.$Fail("Outer container '" + elmt + "' not found.");
2661	+ });
2662	+
2663	+ //initialize member variables
2664	+ _SelfSlider.$Elmt = elmt = $Jssor$.$GetElement(elmt);
2665	+ //initialize member variables
2666	+
2667	+ var _InitialScrollWidth; //for debug only
2668	+ var _CaptionSliderCount = 1; //for debug only
2669	+
2670	+ var _Options = $Jssor$.$Extend({
2671	+ $FillMode: 0, //[Optional] The way to fill image in slide, 0 stretch, 1 contain (keep aspect ratio and put all inside slide), 2 cover (keep aspect ratio and cover whole slide), 4 actual size, 5 contain for large image, actual size for small image, default value is 0
2672	+ $LazyLoading: 1, //[Optional] For image with lazy loading format (<IMG src2="url" .../>), by default it will be loaded only when the slide comes.
2673	+ //But an integer value (maybe 0, 1, 2 or 3) indicates that how far of nearby slides should be loaded immediately as well, default value is 1.
2674	+ $StartIndex: 0, //[Optional] Index of slide to display when initialize, default value is 0
2675	+ $AutoPlay: false, //[Optional] Whether to auto play, default value is false
2676	+ $Loop: 1, //[Optional] Enable loop(circular) of carousel or not, 0: stop, 1: loop, 2 rewind, default value is 1
2677	+ $HWA: true, //[Optional] Enable hardware acceleration or not, default value is true
2678	+ $NaviQuitDrag: true,
2679	+ $AutoPlaySteps: 1, //[Optional] Steps to go of every play (this options applys only when slideshow disabled), default value is 1
2680	+ $AutoPlayInterval: 3000, //[Optional] Interval to play next slide since the previous stopped if a slideshow is auto playing, default value is 3000
2681	+ $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1
2682	+
2683	+ $SlideDuration: 500, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 400
2684	+ $SlideEasing: $JssorEasing$.$EaseOutQuad, //[Optional] Specifies easing for right to left animation, default value is $JssorEasing$.$EaseOutQuad
2685	+ $MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset that trigger slide, default value is 20
2686	+ $SlideSpacing: 0, //[Optional] Space between each slide in pixels, default value is 0
2687	+ $DisplayPieces: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), default value is 1
2688	+ $ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
2689	+ $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is recursive) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc.
2690	+ $PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
2691	+ $DragOrientation: 1 //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 both, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
2692	+
2693	+ }, options);
2694	+
2695	+ //Sodo statement for development time intellisence only
2696	+ $JssorDebug$.$Execute(function () {
2697	+ _Options = $Jssor$.$Extend({
2698	+ $ArrowKeyNavigation: undefined,
2699	+ $SlideWidth: undefined,
2700	+ $SlideHeight: undefined,
2701	+ $SlideshowOptions: undefined,
2702	+ $CaptionSliderOptions: undefined,
2703	+ $BulletNavigatorOptions: undefined,
2704	+ $ArrowNavigatorOptions: undefined,
2705	+ $ThumbnailNavigatorOptions: undefined
2706	+ },
2707	+ _Options);
2708	+ });
2709	+
2710	+ var _PlayOrientation = _Options.$PlayOrientation & 3;
2711	+ var _PlayReverse = (_Options.$PlayOrientation & 4) / -4 \|\| 1;
2712	+
2713	+ var _SlideshowOptions = _Options.$SlideshowOptions;
2714	+ var _CaptionSliderOptions = $Jssor$.$Extend({ $Class: $JssorCaptionSliderBase$, $PlayInMode: 1, $PlayOutMode: 1 }, _Options.$CaptionSliderOptions);
2715	+ $Jssor$.$TranslateTransitions(_CaptionSliderOptions.$CaptionTransitions); //for old transition compatibility
2716	+ var _BulletNavigatorOptions = _Options.$BulletNavigatorOptions;
2717	+ var _ArrowNavigatorOptions = _Options.$ArrowNavigatorOptions;
2718	+ var _ThumbnailNavigatorOptions = _Options.$ThumbnailNavigatorOptions;
2719	+
2720	+ $JssorDebug$.$Execute(function () {
2721	+ if (_SlideshowOptions && !_SlideshowOptions.$Class) {
2722	+ $JssorDebug$.$Fail("Option $SlideshowOptions error, class not specified.");
2723	+ }
2724	+ });
2725	+
2726	+ $JssorDebug$.$Execute(function () {
2727	+ if (_Options.$CaptionSliderOptions && !_Options.$CaptionSliderOptions.$Class) {
2728	+ $JssorDebug$.$Fail("Option $CaptionSliderOptions error, class not specified.");
2729	+ }
2730	+ });
2731	+
2732	+ $JssorDebug$.$Execute(function () {
2733	+ if (_BulletNavigatorOptions && !_BulletNavigatorOptions.$Class) {
2734	+ $JssorDebug$.$Fail("Option $BulletNavigatorOptions error, class not specified.");
2735	+ }
2736	+ });
2737	+
2738	+ $JssorDebug$.$Execute(function () {
2739	+ if (_ArrowNavigatorOptions && !_ArrowNavigatorOptions.$Class) {
2740	+ $JssorDebug$.$Fail("Option $ArrowNavigatorOptions error, class not specified.");
2741	+ }
2742	+ });
2743	+
2744	+ $JssorDebug$.$Execute(function () {
2745	+ if (_ThumbnailNavigatorOptions && !_ThumbnailNavigatorOptions.$Class) {
2746	+ $JssorDebug$.$Fail("Option $ThumbnailNavigatorOptions error, class not specified.");
2747	+ }
2748	+ });
2749	+
2750	+ var _UISearchNoDeep = !_Options.$UISearchMode;
2751	+ var _ScaleWrapper;
2752	+ var _SlidesContainer = $Jssor$.$FindChild(elmt, "slides", _UISearchNoDeep);
2753	+ var _LoadingContainer = $Jssor$.$FindChild(elmt, "loading", _UISearchNoDeep) \|\| $Jssor$.$CreateDiv(document);
2754	+
2755	+ var _BulletNavigatorContainer = $Jssor$.$FindChild(elmt, "navigator", _UISearchNoDeep);
2756	+
2757	+ var _ArrowLeft = $Jssor$.$FindChild(elmt, "arrowleft", _UISearchNoDeep);
2758	+ var _ArrowRight = $Jssor$.$FindChild(elmt, "arrowright", _UISearchNoDeep);
2759	+
2760	+ var _ThumbnailNavigatorContainer = $Jssor$.$FindChild(elmt, "thumbnavigator", _UISearchNoDeep);
2761	+
2762	+ $JssorDebug$.$Execute(function () {
2763	+ //if (_BulletNavigatorOptions && !_BulletNavigatorContainer) {
2764	+ // throw new Error("$BulletNavigatorOptions specified but bullet navigator container (<div u=\"navigator\" ...) not defined.");
2765	+ //}
2766	+ if (_BulletNavigatorContainer && !_BulletNavigatorOptions) {
2767	+ throw new Error("Bullet navigator container defined but $BulletNavigatorOptions not specified.");
2768	+ }
2769	+
2770	+ //if (_ArrowNavigatorOptions) {
2771	+ // if (!_ArrowLeft) {
2772	+ // throw new Error("$ArrowNavigatorOptions specified, but arrowleft (<span u=\"arrowleft\" ...) not defined.");
2773	+ // }
2774	+
2775	+ // if (!_ArrowRight) {
2776	+ // throw new Error("$ArrowNavigatorOptions specified, but arrowright (<span u=\"arrowright\" ...) not defined.");
2777	+ // }
2778	+ //}
2779	+
2780	+ if ((_ArrowLeft \|\| _ArrowRight) && !_ArrowNavigatorOptions) {
2781	+ throw new Error("arrowleft or arrowright defined, but $ArrowNavigatorOptions not specified.");
2782	+ }
2783	+
2784	+ //if (_ThumbnailNavigatorOptions && !_ThumbnailNavigatorContainer) {
2785	+ // throw new Error("$ThumbnailNavigatorOptions specified, but thumbnail navigator container (<div u=\"thumbnavigator\" ...) not defined.");
2786	+ //}
2787	+
2788	+ if (_ThumbnailNavigatorContainer && !_ThumbnailNavigatorOptions) {
2789	+ throw new Error("Thumbnail navigator container defined, but $ThumbnailNavigatorOptions not specified.");
2790	+ }
2791	+ });
2792	+
2793	+ var _SlidesContainerWidth = $Jssor$.$CssWidth(_SlidesContainer);
2794	+ var _SlidesContainerHeight = $Jssor$.$CssHeight(_SlidesContainer);
2795	+
2796	+ $JssorDebug$.$Execute(function () {
2797	+ if (isNaN(_SlidesContainerWidth))
2798	+ $JssorDebug$.$Fail("Width of slides container wrong specification, it should be specified in pixel (like style='width: 600px;').");
2799	+
2800	+ if (_SlidesContainerWidth == undefined)
2801	+ $JssorDebug$.$Fail("Width of slides container not specified, it should be specified in pixel (like style='width: 600px;').");
2802	+
2803	+ if (isNaN(_SlidesContainerHeight))
2804	+ $JssorDebug$.$Fail("Height of slides container wrong specification, it should be specified in pixel (like style='height: 300px;').");
2805	+
2806	+ if (_SlidesContainerHeight == undefined)
2807	+ $JssorDebug$.$Fail("Height of slides container not specified, it should be specified in pixel (like style='height: 300px;').");
2808	+
2809	+ var slidesContainerOverflow = $Jssor$.$CssOverflow(_SlidesContainer);
2810	+ var slidesContainerOverflowX = $Jssor$.$Css(_SlidesContainer, "overflowX");
2811	+ var slidesContainerOverflowY = $Jssor$.$Css(_SlidesContainer, "overflowY");
2812	+ if (slidesContainerOverflow != "hidden" && (slidesContainerOverflowX != "hidden" \|\| slidesContainerOverflowY != "hidden"))
2813	+ $JssorDebug$.$Fail("Overflow of slides container wrong specification, it should be specified as 'hidden' (style='overflow:hidden;').");
2814	+
2815	+ //var slidesContainerTop = $Jssor$.$CssTop(_SlidesContainer);
2816	+ //var slidesContainerLeft = $Jssor$.$CssLeft(_SlidesContainer);
2817	+
2818	+ //if (isNaN(slidesContainerTop))
2819	+ // $JssorDebug$.$Fail("Top of slides container wrong specification, it should be specified in pixel (like style='top: 0px;').");
2820	+
2821	+ //if (slidesContainerTop == undefined)
2822	+ // $JssorDebug$.$Fail("Top of slides container not specified, it should be specified in pixel (like style='top: 0px;').");
2823	+
2824	+ //if (isNaN(slidesContainerLeft))
2825	+ // $JssorDebug$.$Fail("Left of slides container wrong specification, it should be specified in pixel (like style='left: 0px;').");
2826	+
2827	+ //if (slidesContainerLeft == undefined)
2828	+ // $JssorDebug$.$Fail("Left of slides container not specified, it should be specified in pixel (like style='left: 0px;').");
2829	+ });
2830	+
2831	+ $JssorDebug$.$Execute(function () {
2832	+ if (!$Jssor$.$IsNumeric(_Options.$DisplayPieces))
2833	+ $JssorDebug$.$Fail("Option $DisplayPieces error, it should be a numeric value and greater than or equal to 1.");
2834	+
2835	+ if (_Options.$DisplayPieces < 1)
2836	+ $JssorDebug$.$Fail("Option $DisplayPieces error, it should be greater than or equal to 1.");
2837	+
2838	+ if (_Options.$DisplayPieces > 1 && _Options.$DragOrientation && _Options.$DragOrientation != _PlayOrientation)
2839	+ $JssorDebug$.$Fail("Option $DragOrientation error, it should be 0 or the same of $PlayOrientation when $DisplayPieces is greater than 1.");
2840	+
2841	+ if (!$Jssor$.$IsNumeric(_Options.$ParkingPosition))
2842	+ $JssorDebug$.$Fail("Option $ParkingPosition error, it should be a numeric value.");
2843	+
2844	+ if (_Options.$ParkingPosition && _Options.$DragOrientation && _Options.$DragOrientation != _PlayOrientation)
2845	+ $JssorDebug$.$Fail("Option $DragOrientation error, it should be 0 or the same of $PlayOrientation when $ParkingPosition is not equal to 0.");
2846	+ });
2847	+
2848	+ var _StyleDef;
2849	+
2850	+ var _SlideElmts = [];
2851	+
2852	+ {
2853	+ var slideElmts = $Jssor$.$Children(_SlidesContainer);
2854	+ $Jssor$.$Each(slideElmts, function (slideElmt) {
2855	+ if (slideElmt.tagName == "DIV" && !$Jssor$.$AttributeEx(slideElmt, "u")) {
2856	+ _SlideElmts.push(slideElmt);
2857	+ }
2858	+ });
2859	+ }
2860	+
2861	+ $JssorDebug$.$Execute(function () {
2862	+ if (_SlideElmts.length < 1) {
2863	+ $JssorDebug$.$Error("Slides html code definition error, there must be at least 1 slide to initialize a slider.");
2864	+ }
2865	+ });
2866	+
2867	+ var _SlideItemCreatedCount = 0; //for debug only
2868	+ var _SlideItemReleasedCount = 0; //for debug only
2869	+
2870	+ var _PreviousSlideIndex;
2871	+ var _CurrentSlideIndex = -1;
2872	+ var _TempSlideIndex;
2873	+ var _PrevSlideItem;
2874	+ var _CurrentSlideItem;
2875	+ var _SlideCount = _SlideElmts.length;
2876	+
2877	+ var _SlideWidth = _Options.$SlideWidth \|\| _SlidesContainerWidth;
2878	+ var _SlideHeight = _Options.$SlideHeight \|\| _SlidesContainerHeight;
2879	+
2880	+ var _SlideSpacing = _Options.$SlideSpacing;
2881	+ var _StepLengthX = _SlideWidth + _SlideSpacing;
2882	+ var _StepLengthY = _SlideHeight + _SlideSpacing;
2883	+ var _StepLength = (_PlayOrientation & 1) ? _StepLengthX : _StepLengthY;
2884	+ var _DisplayPieces = Math.min(_Options.$DisplayPieces, _SlideCount);
2885	+
2886	+ var _SlideshowPanel;
2887	+ var _CurrentBoardIndex = 0;
2888	+ var _DragOrientation;
2889	+ var _DragOrientationRegistered;
2890	+ var _DragInvalid;
2891	+
2892	+ var _HandleTouchEventOnly;
2893	+ var _IsTouchDevice;
2894	+
2895	+ var _Navigators = [];
2896	+ var _BulletNavigator;
2897	+ var _ArrowNavigator;
2898	+ var _ThumbnailNavigator;
2899	+
2900	+ var _ShowLink;
2901	+
2902	+ var _Frozen;
2903	+ var _AutoPlay;
2904	+ var _AutoPlaySteps = _Options.$AutoPlaySteps;
2905	+ var _HoverToPause = _Options.$PauseOnHover;
2906	+ var _AutoPlayInterval = _Options.$AutoPlayInterval;
2907	+ var _SlideDuration = _Options.$SlideDuration;
2908	+
2909	+ var _SlideshowRunnerClass;
2910	+ var _TransitionsOrder;
2911	+
2912	+ var _SlideshowEnabled;
2913	+ var _ParkingPosition;
2914	+ var _CarouselEnabled = _DisplayPieces < _SlideCount;
2915	+ var _Loop = _CarouselEnabled ? _Options.$Loop : 0;
2916	+
2917	+ var _DragEnabled;
2918	+ var _LastDragSucceded;
2919	+
2920	+ var _NotOnHover = 1; //0 Hovering, 1 Not hovering
2921	+
2922	+ //Variable Definition
2923	+ var _IsSliding;
2924	+ var _IsDragging;
2925	+ var _LoadingTicket;
2926	+
2927	+ //The X position of mouse/touch when a drag start
2928	+ var _DragStartMouseX = 0;
2929	+ //The Y position of mouse/touch when a drag start
2930	+ var _DragStartMouseY = 0;
2931	+ var _DragOffsetTotal;
2932	+ var _DragOffsetLastTime;
2933	+ var _DragIndexAdjust;
2934	+
2935	+ var _Carousel;
2936	+ var _Conveyor;
2937	+ var _Slideshow;
2938	+ var _CarouselPlayer;
2939	+ var _SlideContainer = new SlideContainer();
2940	+ var _ScaleRatio;
2941	+
2942	+ //$JssorSlider$ Constructor
2943	+ {
2944	+ _AutoPlay = _Options.$AutoPlay;
2945	+ _SelfSlider.$Options = options;
2946	+
2947	+ AdjustSlidesContainerSize();
2948	+
2949	+ elmt["jssor-slider"] = true;
2950	+
2951	+ //_SlideshowPanel = CreatePanel();
2952	+ //$Jssor$.$CssZIndex(elmt, $Jssor$.$CssZIndex(elmt));
2953	+ //$Jssor$.$CssLeft(_SlideshowPanel, $Jssor$.$CssLeft(_SlidesContainer));
2954	+ //$Jssor$.$CssZIndex(_SlidesContainer, $Jssor$.$CssZIndex(_SlidesContainer));
2955	+ //$Jssor$.$CssTop(_SlideshowPanel, $Jssor$.$CssTop(_SlidesContainer));
2956	+ $Jssor$.$CssZIndex(_SlidesContainer, $Jssor$.$CssZIndex(_SlidesContainer) \|\| 0);
2957	+ $Jssor$.$CssPosition(_SlidesContainer, "absolute");
2958	+ _SlideshowPanel = $Jssor$.$CloneNode(_SlidesContainer);
2959	+ $Jssor$.$InsertBefore($Jssor$.$ParentNode(_SlidesContainer), _SlideshowPanel, _SlidesContainer);
2960	+
2961	+ if (_SlideshowOptions) {
2962	+ _ShowLink = _SlideshowOptions.$ShowLink;
2963	+ _SlideshowRunnerClass = _SlideshowOptions.$Class;
2964	+
2965	+ $JssorDebug$.$Execute(function () {
2966	+ if (!_SlideshowOptions.$Transitions \|\| !_SlideshowOptions.$Transitions.length) {
2967	+ $JssorDebug$.$Error("Invalid '$SlideshowOptions', no '$Transitions' specified.");
2968	+ }
2969	+ });
2970	+
2971	+ $Jssor$.$TranslateTransitions(_SlideshowOptions.$Transitions); //for old transition compatibility
2972	+
2973	+ _SlideshowEnabled = _DisplayPieces == 1 && _SlideCount > 1 && _SlideshowRunnerClass && (!$Jssor$.$IsBrowserIE() \|\| $Jssor$.$BrowserVersion() >= 8);
2974	+ }
2975	+
2976	+ _ParkingPosition = (_SlideshowEnabled \|\| _DisplayPieces >= _SlideCount \|\| !(_Loop & 1)) ? 0 : _Options.$ParkingPosition;
2977	+
2978	+ _DragEnabled = ((_DisplayPieces > 1 \|\| _ParkingPosition) ? _PlayOrientation : -1) & _Options.$DragOrientation;
2979	+
2980	+ //SlideBoard
2981	+ var _SlideboardElmt = _SlidesContainer;
2982	+ var _SlideItems = [];
2983	+
2984	+ var _SlideshowRunner;
2985	+ var _LinkContainer;
2986	+
2987	+ var _DownEvent = "mousedown";
2988	+ var _MoveEvent = "mousemove";
2989	+ var _UpEvent = "mouseup";
2990	+ var _CancelEvent;
2991	+
2992	+ var _LastTimeMoveByDrag;
2993	+ var _Position_OnFreeze;
2994	+ var _CarouselPlaying_OnFreeze;
2995	+ var _PlayToPosition_OnFreeze;
2996	+ var _PositionToGoByDrag;
2997	+
2998	+ //SlideBoard Constructor
2999	+ {
3000	+ var msPrefix;
3001	+ if (window.navigator.pointerEnabled \|\| (msPrefix = window.navigator.msPointerEnabled)) {
3002	+ _IsTouchDevice = true;
3003	+
3004	+ _DownEvent = msPrefix ? "MSPointerDown" : "pointerdown";
3005	+ _MoveEvent = msPrefix ? "MSPointerMove" : "pointermove";
3006	+ _UpEvent = msPrefix ? "MSPointerUp" : "pointerup";
3007	+ _CancelEvent = msPrefix ? "MSPointerCancel" : "pointercancel";
3008	+
3009	+ if (_DragEnabled) {
3010	+ var touchAction = "auto";
3011	+ if (_DragEnabled == 2) {
3012	+ touchAction = "pan-x";
3013	+ }
3014	+ else if (_DragEnabled) {
3015	+ touchAction = "pan-y";
3016	+ }
3017	+
3018	+ $Jssor$.$Css(_SlideboardElmt, msPrefix ? "msTouchAction" : "touchAction", touchAction);
3019	+ }
3020	+ }
3021	+ else if ("ontouchstart" in window \|\| "createTouch" in document) {
3022	+ _HandleTouchEventOnly = true;
3023	+ _IsTouchDevice = true;
3024	+
3025	+ _DownEvent = "touchstart";
3026	+ _MoveEvent = "touchmove";
3027	+ _UpEvent = "touchend";
3028	+ _CancelEvent = "touchcancel";
3029	+ }
3030	+
3031	+ _Slideshow = new Slideshow();
3032	+
3033	+ if (_SlideshowEnabled)
3034	+ _SlideshowRunner = new _SlideshowRunnerClass(_SlideContainer, _SlideWidth, _SlideHeight, _SlideshowOptions, _HandleTouchEventOnly);
3035	+
3036	+ $Jssor$.$AppendChild(_SlideshowPanel, _Slideshow.$Wrapper);
3037	+ $Jssor$.$CssOverflow(_SlidesContainer, "hidden");
3038	+
3039	+ //link container
3040	+ {
3041	+ _LinkContainer = CreatePanel();
3042	+ $Jssor$.$Css(_LinkContainer, "backgroundColor", "#000");
3043	+ $Jssor$.$CssOpacity(_LinkContainer, 0);
3044	+ $Jssor$.$InsertBefore(_SlideboardElmt, _LinkContainer, _SlideboardElmt.firstChild);
3045	+ }
3046	+
3047	+ for (var i = 0; i < _SlideElmts.length; i++) {
3048	+ var slideElmt = _SlideElmts[i];
3049	+ var slideItem = new SlideItem(slideElmt, i);
3050	+ _SlideItems.push(slideItem);
3051	+ }
3052	+
3053	+ $Jssor$.$HideElement(_LoadingContainer);
3054	+
3055	+ $JssorDebug$.$Execute(function () {
3056	+ $Jssor$.$Attribute(_LoadingContainer, "debug-id", "loading-container");
3057	+ });
3058	+
3059	+ _Carousel = new Carousel()
3060	+ _CarouselPlayer = new CarouselPlayer(_Carousel, _Slideshow);
3061	+
3062	+ $JssorDebug$.$Execute(function () {
3063	+ $Jssor$.$Attribute(_SlideboardElmt, "debug-id", "slide-board");
3064	+ });
3065	+
3066	+ if (_DragEnabled) {
3067	+ $Jssor$.$AddEvent(_SlidesContainer, _DownEvent, OnMouseDown);
3068	+ $Jssor$.$AddEvent(document, _UpEvent, OnDragEnd);
3069	+ _CancelEvent && $Jssor$.$AddEvent(document, _CancelEvent, OnDragEnd);
3070	+ }
3071	+ }
3072	+ //SlideBoard
3073	+
3074	+ _HoverToPause &= (_IsTouchDevice ? 10 : 5);
3075	+
3076	+ //Bullet Navigator
3077	+ if (_BulletNavigatorContainer && _BulletNavigatorOptions) {
3078	+ _BulletNavigator = new _BulletNavigatorOptions.$Class(_BulletNavigatorContainer, _BulletNavigatorOptions, OriginalWidth(), OriginalHeight());
3079	+ _Navigators.push(_BulletNavigator);
3080	+ }
3081	+
3082	+ //Arrow Navigator
3083	+ if (_ArrowNavigatorOptions && _ArrowLeft && _ArrowRight) {
3084	+ _ArrowNavigator = new _ArrowNavigatorOptions.$Class(_ArrowLeft, _ArrowRight, _ArrowNavigatorOptions, OriginalWidth(), OriginalHeight());
3085	+ _Navigators.push(_ArrowNavigator);
3086	+ }
3087	+
3088	+ //Thumbnail Navigator
3089	+ if (_ThumbnailNavigatorContainer && _ThumbnailNavigatorOptions) {
3090	+ _ThumbnailNavigatorOptions.$StartIndex = _Options.$StartIndex;
3091	+ _ThumbnailNavigator = new _ThumbnailNavigatorOptions.$Class(_ThumbnailNavigatorContainer, _ThumbnailNavigatorOptions);
3092	+ _Navigators.push(_ThumbnailNavigator);
3093	+ }
3094	+
3095	+ $Jssor$.$Each(_Navigators, function (navigator) {
3096	+ navigator.$Reset(_SlideCount, _SlideItems, _LoadingContainer);
3097	+ navigator.$On($JssorNavigatorEvents$.$NAVIGATIONREQUEST, NavigationClickHandler);
3098	+ });
3099	+
3100	+ Scale(OriginalWidth());
3101	+
3102	+ $Jssor$.$AddEvent(elmt, "mouseout", $Jssor$.$MouseOverOutFilter(MainContainerMouseLeaveEventHandler, elmt));
3103	+ $Jssor$.$AddEvent(elmt, "mouseover", $Jssor$.$MouseOverOutFilter(MainContainerMouseEnterEventHandler, elmt));
3104	+
3105	+ ShowNavigators();
3106	+
3107	+ //Keyboard Navigation
3108	+ if (_Options.$ArrowKeyNavigation) {
3109	+ $Jssor$.$AddEvent(document, "keydown", function (e) {
3110	+ if (e.keyCode == $JssorKeyCode$.$LEFT) {
3111	+ //Arrow Left
3112	+ PlayToOffset(-1);
3113	+ }
3114	+ else if (e.keyCode == $JssorKeyCode$.$RIGHT) {
3115	+ //Arrow Right
3116	+ PlayToOffset(1);
3117	+ }
3118	+ });
3119	+ }
3120	+
3121	+ var startPosition = _Options.$StartIndex;
3122	+ if (!(_Loop & 1)) {
3123	+ startPosition = Math.max(0, Math.min(startPosition, _SlideCount - _DisplayPieces));
3124	+ }
3125	+ _CarouselPlayer.$PlayCarousel(startPosition, startPosition, 0);
3126	+ }
3127	+ }
3128	+ //Jssor Slider
3129	+
3130	+ //JssorSlider.$ASSEMBLY_BOTTOM_LEFT = ASSEMBLY_BOTTOM_LEFT;
3131	+ //JssorSlider.$ASSEMBLY_BOTTOM_RIGHT = ASSEMBLY_BOTTOM_RIGHT;
3132	+ //JssorSlider.$ASSEMBLY_TOP_LEFT = ASSEMBLY_TOP_LEFT;
3133	+ //JssorSlider.$ASSEMBLY_TOP_RIGHT = ASSEMBLY_TOP_RIGHT;
3134	+ //JssorSlider.$ASSEMBLY_LEFT_TOP = ASSEMBLY_LEFT_TOP;
3135	+ //JssorSlider.$ASSEMBLY_LEFT_BOTTOM = ASSEMBLY_LEFT_BOTTOM;
3136	+ //JssorSlider.$ASSEMBLY_RIGHT_TOP = ASSEMBLY_RIGHT_TOP;
3137	+ //JssorSlider.$ASSEMBLY_RIGHT_BOTTOM = ASSEMBLY_RIGHT_BOTTOM;
3138	+
3139	+ JssorSlider.$EVT_CLICK = 21;
3140	+ JssorSlider.$EVT_DRAG_START = 22;
3141	+ JssorSlider.$EVT_DRAG_END = 23;
3142	+ JssorSlider.$EVT_SWIPE_START = 24;
3143	+ JssorSlider.$EVT_SWIPE_END = 25;
3144	+
3145	+ JssorSlider.$EVT_LOAD_START = 26;
3146	+ JssorSlider.$EVT_LOAD_END = 27;
3147	+ JssorSlider.$EVT_FREEZE = 28;
3148	+
3149	+ JssorSlider.$EVT_POSITION_CHANGE = 202;
3150	+ JssorSlider.$EVT_PARK = 203;
3151	+
3152	+ JssorSlider.$EVT_SLIDESHOW_START = 206;
3153	+ JssorSlider.$EVT_SLIDESHOW_END = 207;
3154	+
3155	+ JssorSlider.$EVT_PROGRESS_CHANGE = 208;
3156	+ JssorSlider.$EVT_STATE_CHANGE = 209;
3157	+ JssorSlider.$EVT_ROLLBACK_START = 210;
3158	+ JssorSlider.$EVT_ROLLBACK_END = 211;
3159	+
3160	+ window.$JssorSlider$ = $JssorSlider$ = JssorSlider;
3161	+
3162	+ //(function ($) {
3163	+ // jQuery.fn.jssorSlider = function (options) {
3164	+ // return this.each(function () {
3165	+ // return $(this).data('jssorSlider') \|\| $(this).data('jssorSlider', new JssorSlider(this, options));
3166	+ // });
3167	+ // };
3168	+ //})(jQuery);
3169	+
3170	+ //window.jQuery && (jQuery.fn.jssorSlider = function (options) {
3171	+ // return this.each(function () {
3172	+ // return jQuery(this).data('jssorSlider') \|\| jQuery(this).data('jssorSlider', new JssorSlider(this, options));
3173	+ // });
3174	+ //});
3175	+ };
3176	+
3177	+ //$JssorBulletNavigator$
3178	+ var $JssorNavigatorEvents$ = {
3179	+ $NAVIGATIONREQUEST: 1,
3180	+ $INDEXCHANGE: 2,
3181	+ $RESET: 3
3182	+ };
3183	+
3184	+ var $JssorBulletNavigator$ = window.$JssorBulletNavigator$ = function (elmt, options, containerWidth, containerHeight) {
3185	+ var self = this;
3186	+ $JssorObject$.call(self);
3187	+
3188	+ elmt = $Jssor$.$GetElement(elmt);
3189	+
3190	+ var _Count;
3191	+ var _Length;
3192	+ var _Width;
3193	+ var _Height;
3194	+ var _CurrentIndex;
3195	+ var _CurrentInnerIndex = 0;
3196	+ var _Options;
3197	+ var _Steps;
3198	+ var _Lanes;
3199	+ var _SpacingX;
3200	+ var _SpacingY;
3201	+ var _Orientation;
3202	+ var _ItemPrototype;
3203	+ var _PrototypeWidth;
3204	+ var _PrototypeHeight;
3205	+
3206	+ var _ButtonElements = [];
3207	+ var _Buttons = [];
3208	+
3209	+ function Highlight(index) {
3210	+ if (index != -1)
3211	+ _Buttons[index].$Activate(index == _CurrentInnerIndex);
3212	+ }
3213	+
3214	+ function OnNavigationRequest(index) {
3215	+ self.$TriggerEvent($JssorNavigatorEvents$.$NAVIGATIONREQUEST, index * _Steps);
3216	+ }
3217	+
3218	+ self.$Elmt = elmt;
3219	+ self.$GetCurrentIndex = function () {
3220	+ return _CurrentIndex;
3221	+ };
3222	+
3223	+ self.$SetCurrentIndex = function (index) {
3224	+ if (index != _CurrentIndex) {
3225	+ var lastInnerIndex = _CurrentInnerIndex;
3226	+ var innerIndex = Math.floor(index / _Steps);
3227	+ _CurrentInnerIndex = innerIndex;
3228	+ _CurrentIndex = index;
3229	+
3230	+ Highlight(lastInnerIndex);
3231	+ Highlight(innerIndex);
3232	+
3233	+ //self.$TriggerEvent($JssorNavigatorEvents$.$INDEXCHANGE, index);
3234	+ }
3235	+ };
3236	+
3237	+ self.$Show = function (hide) {
3238	+ $Jssor$.$ShowElement(elmt, hide);
3239	+ };
3240	+
3241	+ var _Located;
3242	+ self.$Relocate = function (containerWidth, containerHeight) {
3243	+ if (!_Located \|\| _Options.$Scale == false) {
3244	+ if (_Options.$AutoCenter & 1) {
3245	+ $Jssor$.$CssLeft(elmt, (containerWidth - _Width) / 2);
3246	+ }
3247	+ if (_Options.$AutoCenter & 2) {
3248	+ $Jssor$.$CssTop(elmt, (containerHeight - _Height) / 2);
3249	+ }
3250	+
3251	+ _Located = true;
3252	+ }
3253	+ };
3254	+
3255	+ var _Initialized;
3256	+ self.$Reset = function (length) {
3257	+ if (!_Initialized) {
3258	+ _Length = length;
3259	+ _Count = Math.ceil(length / _Steps);
3260	+ _CurrentInnerIndex = 0;
3261	+
3262	+ var itemOffsetX = _PrototypeWidth + _SpacingX;
3263	+ var itemOffsetY = _PrototypeHeight + _SpacingY;
3264	+
3265	+ var maxIndex = Math.ceil(_Count / _Lanes) - 1;
3266	+
3267	+ _Width = _PrototypeWidth + itemOffsetX * (!_Orientation ? maxIndex : _Lanes - 1);
3268	+ _Height = _PrototypeHeight + itemOffsetY * (_Orientation ? maxIndex : _Lanes - 1);
3269	+
3270	+ $Jssor$.$CssWidth(elmt, _Width);
3271	+ $Jssor$.$CssHeight(elmt, _Height);
3272	+
3273	+ for (var buttonIndex = 0; buttonIndex < _Count; buttonIndex++) {
3274	+
3275	+ var numberDiv = $Jssor$.$CreateSpan();
3276	+ $Jssor$.$InnerText(numberDiv, buttonIndex + 1);
3277	+
3278	+ var div = $Jssor$.$BuildElement(_ItemPrototype, "numbertemplate", numberDiv, true);
3279	+ $Jssor$.$CssPosition(div, "absolute");
3280	+
3281	+ var columnIndex = buttonIndex % (maxIndex + 1);
3282	+ $Jssor$.$CssLeft(div, !_Orientation ? itemOffsetX * columnIndex : buttonIndex % _Lanes * itemOffsetX);
3283	+ $Jssor$.$CssTop(div, _Orientation ? itemOffsetY * columnIndex : Math.floor(buttonIndex / (maxIndex + 1)) * itemOffsetY);
3284	+
3285	+ $Jssor$.$AppendChild(elmt, div);
3286	+ _ButtonElements[buttonIndex] = div;
3287	+
3288	+ if (_Options.$ActionMode & 1)
3289	+ $Jssor$.$AddEvent(div, "click", $Jssor$.$CreateCallback(null, OnNavigationRequest, buttonIndex));
3290	+
3291	+ if (_Options.$ActionMode & 2)
3292	+ $Jssor$.$AddEvent(div, "mouseover", $Jssor$.$MouseOverOutFilter($Jssor$.$CreateCallback(null, OnNavigationRequest, buttonIndex), div));
3293	+
3294	+ _Buttons[buttonIndex] = $Jssor$.$Buttonize(div);
3295	+ }
3296	+
3297	+ //self.$TriggerEvent($JssorNavigatorEvents$.$RESET);
3298	+ _Initialized = true;
3299	+ }
3300	+ };
3301	+
3302	+ //JssorBulletNavigator Constructor
3303	+ {
3304	+ self.$Options = _Options = $Jssor$.$Extend({
3305	+ $SpacingX: 0,
3306	+ $SpacingY: 0,
3307	+ $Orientation: 1,
3308	+ $ActionMode: 1
3309	+ }, options);
3310	+
3311	+ //Sodo statement for development time intellisence only
3312	+ $JssorDebug$.$Execute(function () {
3313	+ _Options = $Jssor$.$Extend({
3314	+ $Steps: undefined,
3315	+ $Lanes: undefined
3316	+ }, _Options);
3317	+ });
3318	+
3319	+ _ItemPrototype = $Jssor$.$FindChild(elmt, "prototype");
3320	+
3321	+ $JssorDebug$.$Execute(function () {
3322	+ if (!_ItemPrototype)
3323	+ $JssorDebug$.$Fail("Navigator item prototype not defined.");
3324	+
3325	+ if (isNaN($Jssor$.$CssWidth(_ItemPrototype))) {
3326	+ $JssorDebug$.$Fail("Width of 'navigator item prototype' not specified.");
3327	+ }
3328	+
3329	+ if (isNaN($Jssor$.$CssHeight(_ItemPrototype))) {
3330	+ $JssorDebug$.$Fail("Height of 'navigator item prototype' not specified.");
3331	+ }
3332	+ });
3333	+
3334	+ _PrototypeWidth = $Jssor$.$CssWidth(_ItemPrototype);
3335	+ _PrototypeHeight = $Jssor$.$CssHeight(_ItemPrototype);
3336	+
3337	+ $Jssor$.$RemoveChild(elmt, _ItemPrototype);
3338	+
3339	+ _Steps = _Options.$Steps \|\| 1;
3340	+ _Lanes = _Options.$Lanes \|\| 1;
3341	+ _SpacingX = _Options.$SpacingX;
3342	+ _SpacingY = _Options.$SpacingY;
3343	+ _Orientation = _Options.$Orientation - 1;
3344	+ }
3345	+ };
3346	+
3347	+ var $JssorArrowNavigator$ = window.$JssorArrowNavigator$ = function (arrowLeft, arrowRight, options, containerWidth, containerHeight) {
3348	+ var self = this;
3349	+ $JssorObject$.call(self);
3350	+
3351	+ $JssorDebug$.$Execute(function () {
3352	+
3353	+ if (!arrowLeft)
3354	+ $JssorDebug$.$Fail("Option '$ArrowNavigatorOptions' spepcified, but UI 'arrowleft' not defined. Define 'arrowleft' to enable direct navigation, or remove option '$ArrowNavigatorOptions' to disable direct navigation.");
3355	+
3356	+ if (!arrowRight)
3357	+ $JssorDebug$.$Fail("Option '$ArrowNavigatorOptions' spepcified, but UI 'arrowright' not defined. Define 'arrowright' to enable direct navigation, or remove option '$ArrowNavigatorOptions' to disable direct navigation.");
3358	+
3359	+ if (isNaN($Jssor$.$CssWidth(arrowLeft))) {
3360	+ $JssorDebug$.$Fail("Width of 'arrow left' not specified.");
3361	+ }
3362	+
3363	+ if (isNaN($Jssor$.$CssWidth(arrowRight))) {
3364	+ $JssorDebug$.$Fail("Width of 'arrow right' not specified.");
3365	+ }
3366	+
3367	+ if (isNaN($Jssor$.$CssHeight(arrowLeft))) {
3368	+ $JssorDebug$.$Fail("Height of 'arrow left' not specified.");
3369	+ }
3370	+
3371	+ if (isNaN($Jssor$.$CssHeight(arrowRight))) {
3372	+ $JssorDebug$.$Fail("Height of 'arrow right' not specified.");
3373	+ }
3374	+ });
3375	+
3376	+ var _Length;
3377	+ var _CurrentIndex;
3378	+ var _Options;
3379	+ var _Steps;
3380	+ var _ArrowWidth = $Jssor$.$CssWidth(arrowLeft);
3381	+ var _ArrowHeight = $Jssor$.$CssHeight(arrowLeft);
3382	+
3383	+ function OnNavigationRequest(steps) {
3384	+ self.$TriggerEvent($JssorNavigatorEvents$.$NAVIGATIONREQUEST, steps, true);
3385	+ }
3386	+
3387	+ self.$GetCurrentIndex = function () {
3388	+ return _CurrentIndex;
3389	+ };
3390	+
3391	+ self.$SetCurrentIndex = function (index, virtualIndex, temp) {
3392	+ if (temp) {
3393	+ _CurrentIndex = virtualIndex;
3394	+ }
3395	+ else {
3396	+ _CurrentIndex = index;
3397	+ }
3398	+ //self.$TriggerEvent($JssorNavigatorEvents$.$INDEXCHANGE, index);
3399	+ };
3400	+
3401	+ self.$Show = function (hide) {
3402	+ $Jssor$.$ShowElement(arrowLeft, hide);
3403	+ $Jssor$.$ShowElement(arrowRight, hide);
3404	+ };
3405	+
3406	+ var _Located;
3407	+ self.$Relocate = function (conainerWidth, containerHeight) {
3408	+ if (!_Located \|\| _Options.$Scale == false) {
3409	+
3410	+ if (_Options.$AutoCenter & 1) {
3411	+ $Jssor$.$CssLeft(arrowLeft, (containerWidth - _ArrowWidth) / 2);
3412	+ $Jssor$.$CssLeft(arrowRight, (containerWidth - _ArrowWidth) / 2);
3413	+ }
3414	+
3415	+ if (_Options.$AutoCenter & 2) {
3416	+ $Jssor$.$CssTop(arrowLeft, (containerHeight - _ArrowHeight) / 2);
3417	+ $Jssor$.$CssTop(arrowRight, (containerHeight - _ArrowHeight) / 2);
3418	+ }
3419	+
3420	+ _Located = true;
3421	+ }
3422	+ };
3423	+
3424	+ var _Initialized;
3425	+ self.$Reset = function (length) {
3426	+ _Length = length;
3427	+ _CurrentIndex = 0;
3428	+
3429	+ if (!_Initialized) {
3430	+
3431	+ $Jssor$.$AddEvent(arrowLeft, "click", $Jssor$.$CreateCallback(null, OnNavigationRequest, -_Steps));
3432	+ $Jssor$.$AddEvent(arrowRight, "click", $Jssor$.$CreateCallback(null, OnNavigationRequest, _Steps));
3433	+
3434	+ $Jssor$.$Buttonize(arrowLeft);
3435	+ $Jssor$.$Buttonize(arrowRight);
3436	+
3437	+ _Initialized = true;
3438	+ }
3439	+
3440	+ //self.$TriggerEvent($JssorNavigatorEvents$.$RESET);
3441	+ };
3442	+
3443	+ //JssorArrowNavigator Constructor
3444	+ {
3445	+ self.$Options = _Options = $Jssor$.$Extend({
3446	+ $Steps: 1
3447	+ }, options);
3448	+
3449	+ _Steps = _Options.$Steps;
3450	+ }
3451	+ };
3452	+
3453	+ //$JssorThumbnailNavigator$
3454	+ var $JssorThumbnailNavigator$ = window.$JssorThumbnailNavigator$ = function (elmt, options) {
3455	+ var _Self = this;
3456	+ var _Length;
3457	+ var _Count;
3458	+ var _CurrentIndex;
3459	+ var _Options;
3460	+ var _NavigationItems = [];
3461	+
3462	+ var _Width;
3463	+ var _Height;
3464	+ var _Lanes;
3465	+ var _SpacingX;
3466	+ var _SpacingY;
3467	+ var _PrototypeWidth;
3468	+ var _PrototypeHeight;
3469	+ var _DisplayPieces;
3470	+
3471	+ var _Slider;
3472	+ var _CurrentMouseOverIndex = -1;
3473	+
3474	+ var _SlidesContainer;
3475	+ var _ThumbnailPrototype;
3476	+
3477	+ $JssorObject$.call(_Self);
3478	+ elmt = $Jssor$.$GetElement(elmt);
3479	+
3480	+ function NavigationItem(item, index) {
3481	+ var self = this;
3482	+ var _Wrapper;
3483	+ var _Button;
3484	+ var _Thumbnail;
3485	+
3486	+ function Highlight(mouseStatus) {
3487	+ _Button.$Activate(_CurrentIndex == index);
3488	+ }
3489	+
3490	+ function OnNavigationRequest(event) {
3491	+ if (!_Slider.$LastDragSucceded()) {
3492	+ var tail = _Lanes - index % _Lanes;
3493	+ var slideVirtualIndex = _Slider.$GetVirtualIndex((index + tail) / _Lanes - 1);
3494	+ var itemVirtualIndex = slideVirtualIndex * _Lanes + _Lanes - tail;
3495	+ _Self.$TriggerEvent($JssorNavigatorEvents$.$NAVIGATIONREQUEST, itemVirtualIndex);
3496	+ }
3497	+
3498	+ //$JssorDebug$.$Log("navigation request");
3499	+ }
3500	+
3501	+ $JssorDebug$.$Execute(function () {
3502	+ self.$Wrapper = undefined;
3503	+ });
3504	+
3505	+ self.$Index = index;
3506	+
3507	+ self.$Highlight = Highlight;
3508	+
3509	+ //NavigationItem Constructor
3510	+ {
3511	+ _Thumbnail = item.$Thumb \|\| item.$Image \|\| $Jssor$.$CreateDiv();
3512	+ self.$Wrapper = _Wrapper = $Jssor$.$BuildElement(_ThumbnailPrototype, "thumbnailtemplate", _Thumbnail, true);
3513	+
3514	+ _Button = $Jssor$.$Buttonize(_Wrapper);
3515	+ if (_Options.$ActionMode & 1)
3516	+ $Jssor$.$AddEvent(_Wrapper, "click", OnNavigationRequest);
3517	+ if (_Options.$ActionMode & 2)
3518	+ $Jssor$.$AddEvent(_Wrapper, "mouseover", $Jssor$.$MouseOverOutFilter(OnNavigationRequest, _Wrapper));
3519	+ }
3520	+ }
3521	+
3522	+ _Self.$GetCurrentIndex = function () {
3523	+ return _CurrentIndex;
3524	+ };
3525	+
3526	+ _Self.$SetCurrentIndex = function (index, virtualIndex, temp) {
3527	+ var oldIndex = _CurrentIndex;
3528	+ _CurrentIndex = index;
3529	+ if (oldIndex != -1)
3530	+ _NavigationItems[oldIndex].$Highlight();
3531	+ _NavigationItems[index].$Highlight();
3532	+
3533	+ if (!temp) {
3534	+ _Slider.$PlayTo(_Slider.$GetVirtualIndex(Math.floor(virtualIndex / _Lanes)));
3535	+ }
3536	+ };
3537	+
3538	+ _Self.$Show = function (hide) {
3539	+ $Jssor$.$ShowElement(elmt, hide);
3540	+ };
3541	+
3542	+ _Self.$Relocate = $Jssor$.$EmptyFunction;
3543	+
3544	+ var _Initialized;
3545	+ _Self.$Reset = function (length, items, loadingContainer) {
3546	+ if (!_Initialized) {
3547	+ _Length = length;
3548	+ _Count = Math.ceil(_Length / _Lanes);
3549	+ _CurrentIndex = -1;
3550	+ _DisplayPieces = Math.min(_DisplayPieces, items.length);
3551	+
3552	+ var horizontal = _Options.$Orientation & 1;
3553	+
3554	+ var slideWidth = _PrototypeWidth + (_PrototypeWidth + _SpacingX) * (_Lanes - 1) * (1 - horizontal);
3555	+ var slideHeight = _PrototypeHeight + (_PrototypeHeight + _SpacingY) * (_Lanes - 1) * horizontal;
3556	+
3557	+ var slidesContainerWidth = slideWidth + (slideWidth + _SpacingX) * (_DisplayPieces - 1) * horizontal;
3558	+ var slidesContainerHeight = slideHeight + (slideHeight + _SpacingY) * (_DisplayPieces - 1) * (1 - horizontal);
3559	+
3560	+ $Jssor$.$CssPosition(_SlidesContainer, "absolute");
3561	+ $Jssor$.$CssOverflow(_SlidesContainer, "hidden");
3562	+ if (_Options.$AutoCenter & 1) {
3563	+ $Jssor$.$CssLeft(_SlidesContainer, (_Width - slidesContainerWidth) / 2);
3564	+ }
3565	+ if (_Options.$AutoCenter & 2) {
3566	+ $Jssor$.$CssTop(_SlidesContainer, (_Height - slidesContainerHeight) / 2);
3567	+ }
3568	+ //$JssorDebug$.$Execute(function () {
3569	+ // if (!_Options.$AutoCenter) {
3570	+ // var slidesContainerTop = $Jssor$.$CssTop(_SlidesContainer);
3571	+ // var slidesContainerLeft = $Jssor$.$CssLeft(_SlidesContainer);
3572	+
3573	+ // if (isNaN(slidesContainerTop)) {
3574	+ // $JssorDebug$.$Fail("Position 'top' wrong specification of thumbnail navigator slides container (<div u=\"thumbnavigator\">...<div u=\"slides\">), \r\nwhen option $ThumbnailNavigatorOptions.$AutoCenter set to 0, it should be specified in pixel (like <div u=\"slides\" style=\"top: 0px;\">)");
3575	+ // }
3576	+
3577	+ // if (isNaN(slidesContainerLeft)) {
3578	+ // $JssorDebug$.$Fail("Position 'left' wrong specification of thumbnail navigator slides container (<div u=\"thumbnavigator\">...<div u=\"slides\">), \r\nwhen option $ThumbnailNavigatorOptions.$AutoCenter set to 0, it should be specified in pixel (like <div u=\"slides\" style=\"left: 0px;\">)");
3579	+ // }
3580	+ // }
3581	+ //});
3582	+ $Jssor$.$CssWidth(_SlidesContainer, slidesContainerWidth);
3583	+ $Jssor$.$CssHeight(_SlidesContainer, slidesContainerHeight);
3584	+
3585	+ var slideItemElmts = [];
3586	+ $Jssor$.$Each(items, function (item, index) {
3587	+ var navigationItem = new NavigationItem(item, index);
3588	+ var navigationItemWrapper = navigationItem.$Wrapper;
3589	+
3590	+ var columnIndex = Math.floor(index / _Lanes);
3591	+ var laneIndex = index % _Lanes;
3592	+
3593	+ $Jssor$.$CssLeft(navigationItemWrapper, (_PrototypeWidth + _SpacingX) * laneIndex * (1 - horizontal));
3594	+ $Jssor$.$CssTop(navigationItemWrapper, (_PrototypeHeight + _SpacingY) * laneIndex * horizontal);
3595	+
3596	+ if (!slideItemElmts[columnIndex]) {
3597	+ slideItemElmts[columnIndex] = $Jssor$.$CreateDiv();
3598	+ $Jssor$.$AppendChild(_SlidesContainer, slideItemElmts[columnIndex]);
3599	+ }
3600	+
3601	+ $Jssor$.$AppendChild(slideItemElmts[columnIndex], navigationItemWrapper);
3602	+
3603	+ _NavigationItems.push(navigationItem);
3604	+ });
3605	+
3606	+ var thumbnailSliderOptions = $Jssor$.$Extend({
3607	+ $HWA: false,
3608	+ $AutoPlay: false,
3609	+ $NaviQuitDrag: false,
3610	+ $SlideWidth: slideWidth,
3611	+ $SlideHeight: slideHeight,
3612	+ $SlideSpacing: _SpacingX * horizontal + _SpacingY * (1 - horizontal),
3613	+ $MinDragOffsetToSlide: 12,
3614	+ $SlideDuration: 200,
3615	+ $PauseOnHover: 1,
3616	+ $PlayOrientation: _Options.$Orientation,
3617	+ $DragOrientation: _Options.$DisableDrag ? 0 : _Options.$Orientation
3618	+ }, _Options);
3619	+
3620	+ _Slider = new $JssorSlider$(elmt, thumbnailSliderOptions);
3621	+
3622	+ _Initialized = true;
3623	+ }
3624	+
3625	+ //_Self.$TriggerEvent($JssorNavigatorEvents$.$RESET);
3626	+ };
3627	+
3628	+ //JssorThumbnailNavigator Constructor
3629	+ {
3630	+ _Self.$Options = _Options = $Jssor$.$Extend({
3631	+ $SpacingX: 3,
3632	+ $SpacingY: 3,
3633	+ $DisplayPieces: 1,
3634	+ $Orientation: 1,
3635	+ $AutoCenter: 3,
3636	+ $ActionMode: 1
3637	+ }, options);
3638	+
3639	+ //Sodo statement for development time intellisence only
3640	+ $JssorDebug$.$Execute(function () {
3641	+ _Options = $Jssor$.$Extend({
3642	+ $Lanes: undefined,
3643	+ $Width: undefined,
3644	+ $Height: undefined
3645	+ }, _Options);
3646	+ });
3647	+
3648	+ _Width = $Jssor$.$CssWidth(elmt);
3649	+ _Height = $Jssor$.$CssHeight(elmt);
3650	+
3651	+ $JssorDebug$.$Execute(function () {
3652	+ if (!_Width)
3653	+ $JssorDebug$.$Fail("width of 'thumbnavigator' container not specified.");
3654	+ if (!_Height)
3655	+ $JssorDebug$.$Fail("height of 'thumbnavigator' container not specified.");
3656	+ });
3657	+
3658	+ _SlidesContainer = $Jssor$.$FindChild(elmt, "slides", true);
3659	+ _ThumbnailPrototype = $Jssor$.$FindChild(_SlidesContainer, "prototype");
3660	+
3661	+ $JssorDebug$.$Execute(function () {
3662	+ if (!_ThumbnailPrototype)
3663	+ $JssorDebug$.$Fail("prototype of 'thumbnavigator' not defined.");
3664	+ });
3665	+
3666	+ _PrototypeWidth = $Jssor$.$CssWidth(_ThumbnailPrototype);
3667	+ _PrototypeHeight = $Jssor$.$CssHeight(_ThumbnailPrototype);
3668	+
3669	+ $Jssor$.$RemoveChild(_SlidesContainer, _ThumbnailPrototype);
3670	+
3671	+ _Lanes = _Options.$Lanes \|\| 1;
3672	+ _SpacingX = _Options.$SpacingX;
3673	+ _SpacingY = _Options.$SpacingY;
3674	+ _DisplayPieces = _Options.$DisplayPieces;
3675	+ }
3676	+ };
3677	+
3678	+ //$JssorCaptionSliderBase$
3679	+ function $JssorCaptionSliderBase$() {
3680	+ $JssorAnimator$.call(this, 0, 0);
3681	+ this.$Revert = $Jssor$.$EmptyFunction;
3682	+ }
3683	+
3684	+ var $JssorCaptionSlider$ = window.$JssorCaptionSlider$ = function (container, captionSlideOptions, playIn) {
3685	+ $JssorDebug$.$Execute(function () {
3686	+ if (!captionSlideOptions.$CaptionTransitions) {
3687	+ $JssorDebug$.$Error("'$CaptionSliderOptions' option error, '$CaptionSliderOptions.$CaptionTransitions' not specified.");
3688	+ }
3689	+ //else if (!$Jssor$.$IsArray(captionSlideOptions.$CaptionTransitions)) {
3690	+ // $JssorDebug$.$Error("'$CaptionSliderOptions' option error, '$CaptionSliderOptions.$CaptionTransitions' is not an array.");
3691	+ //}
3692	+ });
3693	+
3694	+ var _Self = this;
3695	+ var _ImmediateOutCaptionHanger;
3696	+ var _PlayMode = playIn ? captionSlideOptions.$PlayInMode : captionSlideOptions.$PlayOutMode;
3697	+
3698	+ var _CaptionTransitions = captionSlideOptions.$CaptionTransitions;
3699	+ var _CaptionTuningFetcher = { $Transition: "t", $Delay: "d", $Duration: "du", x: "x", y: "y", $Rotate: "r", $Zoom: "z", $Opacity: "f", $BeginTime: "b" };
3700	+ var _CaptionTuningTransfer = {
3701	+ $Default: function (value, tuningValue) {
3702	+ if (!isNaN(tuningValue.$Value))
3703	+ value = tuningValue.$Value;
3704	+ else
3705	+ value *= tuningValue.$Percent;
3706	+
3707	+ return value;
3708	+ },
3709	+ $Opacity: function (value, tuningValue) {
3710	+ return this.$Default(value - 1, tuningValue);
3711	+ }
3712	+ };
3713	+ _CaptionTuningTransfer.$Zoom = _CaptionTuningTransfer.$Opacity;
3714	+
3715	+ $JssorAnimator$.call(_Self, 0, 0);
3716	+
3717	+ function GetCaptionItems(element, level) {
3718	+
3719	+ var itemsToPlay = [];
3720	+ var lastTransitionName;
3721	+ var namedTransitions = [];
3722	+ var namedTransitionOrders = [];
3723	+
3724	+ //$JssorDebug$.$Execute(function () {
3725	+
3726	+ // var debugInfoElement = $Jssor$.$GetElement("debugInfo");
3727	+
3728	+ // if (debugInfoElement && playIn) {
3729	+
3730	+ // var text = $Jssor.$InnerHtml(debugInfoElement) + "<br>";
3731	+
3732	+ // $Jssor$.$InnerHtml(debugInfoElement, text);
3733	+ // }
3734	+ //});
3735	+
3736	+ function FetchRawTransition(captionElmt, index) {
3737	+ var rawTransition = {};
3738	+
3739	+ $Jssor$.$Each(_CaptionTuningFetcher, function (fetchAttribute, fetchProperty) {
3740	+ var attributeValue = $Jssor$.$AttributeEx(captionElmt, fetchAttribute + (index \|\| ""));
3741	+ if (attributeValue) {
3742	+ var propertyValue = {};
3743	+
3744	+ if (fetchAttribute == "t") {
3745	+ //if (($Jssor$.$IsBrowserChrome() \|\| $Jssor$.$IsBrowserSafari() \|\| $Jssor$.$IsBrowserFireFox()) && attributeValue == "*") {
3746	+ // attributeValue = Math.floor(Math.random() * captionSlideOptions.$CaptionTransitions.length);
3747	+ // $Jssor$.$Attribute(captionElmt, fetchAttribute + (index \|\| ""), attributeValue);
3748	+ //}
3749	+
3750	+ propertyValue.$Value = attributeValue;
3751	+ }
3752	+ else if (attributeValue.indexOf("%") + 1)
3753	+ propertyValue.$Percent = $Jssor$.$ParseFloat(attributeValue) / 100;
3754	+ else
3755	+ propertyValue.$Value = $Jssor$.$ParseFloat(attributeValue);
3756	+
3757	+ rawTransition[fetchProperty] = propertyValue;
3758	+ }
3759	+ });
3760	+
3761	+ return rawTransition;
3762	+ }
3763	+
3764	+ function GetRandomTransition() {
3765	+ return _CaptionTransitions[Math.floor(Math.random() * _CaptionTransitions.length)];
3766	+ }
3767	+
3768	+ function EvaluateCaptionTransition(transitionName) {
3769	+
3770	+ var transition;
3771	+
3772	+ if (transitionName == "*") {
3773	+ transition = GetRandomTransition();
3774	+ }
3775	+ else if (transitionName) {
3776	+
3777	+ //indexed transition allowed, just the same as named transition
3778	+ var tempTransition = _CaptionTransitions[$Jssor$.$ParseInt(transitionName)] \|\| _CaptionTransitions[transitionName];
3779	+
3780	+ if ($Jssor$.$IsArray(tempTransition)) {
3781	+ if (transitionName != lastTransitionName) {
3782	+ lastTransitionName = transitionName;
3783	+ namedTransitionOrders[transitionName] = 0;
3784	+
3785	+ namedTransitions[transitionName] = tempTransition[Math.floor(Math.random() * tempTransition.length)];
3786	+ }
3787	+ else {
3788	+ namedTransitionOrders[transitionName]++;
3789	+ }
3790	+
3791	+ tempTransition = namedTransitions[transitionName];
3792	+
3793	+ if ($Jssor$.$IsArray(tempTransition)) {
3794	+ tempTransition = tempTransition.length && tempTransition[namedTransitionOrders[transitionName] % tempTransition.length];
3795	+
3796	+ if ($Jssor$.$IsArray(tempTransition)) {
3797	+ //got transition from array level 3, random for all captions
3798	+ tempTransition = tempTransition[Math.floor(Math.random() * tempTransition.length)];
3799	+ }
3800	+ //else {
3801	+ // //got transition from array level 2, in sequence for all adjacent captions with same name specified
3802	+ // transition = tempTransition;
3803	+ //}
3804	+ }
3805	+ //else {
3806	+ // //got transition from array level 1, random but same for all adjacent captions with same name specified
3807	+ // transition = tempTransition;
3808	+ //}
3809	+ }
3810	+ //else {
3811	+ // //got transition directly from a simple transition object
3812	+ // transition = tempTransition;
3813	+ //}
3814	+
3815	+ transition = tempTransition;
3816	+
3817	+ if ($Jssor$.$IsString(transition))
3818	+ transition = EvaluateCaptionTransition(transition);
3819	+ }
3820	+
3821	+ return transition;
3822	+ }
3823	+
3824	+ var captionElmts = $Jssor$.$Children(element);
3825	+ $Jssor$.$Each(captionElmts, function (captionElmt, i) {
3826	+
3827	+ var transitionsWithTuning = [];
3828	+ transitionsWithTuning.$Elmt = captionElmt;
3829	+ var isCaption = $Jssor$.$AttributeEx(captionElmt, "u") == "caption";
3830	+
3831	+ $Jssor$.$Each(playIn ? [0, 3] : [2], function (j, k) {
3832	+
3833	+ if (isCaption) {
3834	+ var transition;
3835	+ var rawTransition;
3836	+
3837	+ if (j != 2 \|\| !$Jssor$.$AttributeEx(captionElmt, "t3")) {
3838	+ rawTransition = FetchRawTransition(captionElmt, j);
3839	+
3840	+ if (j == 2 && !rawTransition.$Transition) {
3841	+ rawTransition.$Delay = rawTransition.$Delay \|\| { $Value: 0 };
3842	+ rawTransition = $Jssor$.$Extend(FetchRawTransition(captionElmt, 0), rawTransition);
3843	+ }
3844	+ }
3845	+
3846	+ if (rawTransition && rawTransition.$Transition) {
3847	+
3848	+ transition = EvaluateCaptionTransition(rawTransition.$Transition.$Value);
3849	+
3850	+ if (transition) {
3851	+
3852	+ //var transitionWithTuning = $Jssor$.$Extend({ $Delay: 0, $ScaleHorizontal: 1, $ScaleVertical: 1 }, transition);
3853	+ var transitionWithTuning = $Jssor$.$Extend({ $Delay: 0 }, transition);
3854	+
3855	+ $Jssor$.$Each(rawTransition, function (rawPropertyValue, propertyName) {
3856	+ var tuningPropertyValue = (_CaptionTuningTransfer[propertyName] \|\| _CaptionTuningTransfer.$Default).apply(_CaptionTuningTransfer, [transitionWithTuning[propertyName], rawTransition[propertyName]]);
3857	+ if (!isNaN(tuningPropertyValue))
3858	+ transitionWithTuning[propertyName] = tuningPropertyValue;
3859	+ });
3860	+
3861	+ if (!k) {
3862	+ if (rawTransition.$BeginTime)
3863	+ transitionWithTuning.$BeginTime = rawTransition.$BeginTime.$Value \|\| 0;
3864	+ else if ((_PlayMode) & 2)
3865	+ transitionWithTuning.$BeginTime = 0;
3866	+ }
3867	+ }
3868	+ }
3869	+
3870	+ transitionsWithTuning.push(transitionWithTuning);
3871	+ }
3872	+
3873	+ if ((level % 2) && !k) {
3874	+ //transitionsWithTuning.$Children = GetCaptionItems(captionElmt, lastTransitionName, [].concat(namedTransitions), [].concat(namedTransitionOrders), level + 1);
3875	+ transitionsWithTuning.$Children = GetCaptionItems(captionElmt, level + 1);
3876	+ }
3877	+ });
3878	+
3879	+ itemsToPlay.push(transitionsWithTuning);
3880	+ });
3881	+
3882	+ return itemsToPlay;
3883	+ }
3884	+
3885	+ function CreateAnimator(item, transition, immediateOut) {
3886	+
3887	+ var animatorOptions = {
3888	+ $Easing: transition.$Easing,
3889	+ $Round: transition.$Round,
3890	+ $During: transition.$During,
3891	+ $Reverse: playIn && !immediateOut,
3892	+ $Optimize: true
3893	+ };
3894	+
3895	+ $JssorDebug$.$Execute(function () {
3896	+ animatorOptions.$CaptionAnimator = true;
3897	+ });
3898	+
3899	+ var captionItem = item;
3900	+ var captionParent = $Jssor$.$ParentNode(item);
3901	+
3902	+ var captionItemWidth = $Jssor$.$CssWidth(captionItem);
3903	+ var captionItemHeight = $Jssor$.$CssHeight(captionItem);
3904	+ var captionParentWidth = $Jssor$.$CssWidth(captionParent);
3905	+ var captionParentHeight = $Jssor$.$CssHeight(captionParent);
3906	+
3907	+ var toStyles = {};
3908	+ var fromStyles = {};
3909	+ var scaleClip = transition.$ScaleClip \|\| 1;
3910	+
3911	+ //Opacity
3912	+ if (transition.$Opacity) {
3913	+ toStyles.$Opacity = 2 - transition.$Opacity;
3914	+ }
3915	+
3916	+ animatorOptions.$OriginalWidth = captionItemWidth;
3917	+ animatorOptions.$OriginalHeight = captionItemHeight;
3918	+
3919	+ //Transform
3920	+ if (transition.$Zoom \|\| transition.$Rotate) {
3921	+ toStyles.$Zoom = transition.$Zoom ? transition.$Zoom - 1 : 1;
3922	+
3923	+ if ($Jssor$.$IsBrowserIe9Earlier() \|\| $Jssor$.$IsBrowserOpera())
3924	+ toStyles.$Zoom = Math.min(toStyles.$Zoom, 2);
3925	+
3926	+ fromStyles.$Zoom = 1;
3927	+
3928	+ var rotate = transition.$Rotate \|\| 0;
3929	+
3930	+ toStyles.$Rotate = rotate * 360;
3931	+ fromStyles.$Rotate = 0;
3932	+ }
3933	+ //Clip
3934	+ else if (transition.$Clip) {
3935	+ var fromStyleClip = { $Top: 0, $Right: captionItemWidth, $Bottom: captionItemHeight, $Left: 0 };
3936	+ var toStyleClip = $Jssor$.$Extend({}, fromStyleClip);
3937	+
3938	+ var blockOffset = toStyleClip.$Offset = {};
3939	+
3940	+ var topBenchmark = transition.$Clip & 4;
3941	+ var bottomBenchmark = transition.$Clip & 8;
3942	+ var leftBenchmark = transition.$Clip & 1;
3943	+ var rightBenchmark = transition.$Clip & 2;
3944	+
3945	+ if (topBenchmark && bottomBenchmark) {
3946	+ blockOffset.$Top = captionItemHeight / 2 * scaleClip;
3947	+ blockOffset.$Bottom = -blockOffset.$Top;
3948	+ }
3949	+ else if (topBenchmark)
3950	+ blockOffset.$Bottom = -captionItemHeight * scaleClip;
3951	+ else if (bottomBenchmark)
3952	+ blockOffset.$Top = captionItemHeight * scaleClip;
3953	+
3954	+ if (leftBenchmark && rightBenchmark) {
3955	+ blockOffset.$Left = captionItemWidth / 2 * scaleClip;
3956	+ blockOffset.$Right = -blockOffset.$Left;
3957	+ }
3958	+ else if (leftBenchmark)
3959	+ blockOffset.$Right = -captionItemWidth * scaleClip;
3960	+ else if (rightBenchmark)
3961	+ blockOffset.$Left = captionItemWidth * scaleClip;
3962	+
3963	+ animatorOptions.$Move = transition.$Move;
3964	+ toStyles.$Clip = toStyleClip;
3965	+ fromStyles.$Clip = fromStyleClip;
3966	+ }
3967	+
3968	+ //Fly
3969	+ {
3970	+ var toLeft = 0;
3971	+ var toTop = 0;
3972	+
3973	+ if (transition.x)
3974	+ toLeft -= captionParentWidth * transition.x;
3975	+
3976	+ if (transition.y)
3977	+ toTop -= captionParentHeight * transition.y;
3978	+
3979	+ if (toLeft \|\| toTop \|\| animatorOptions.$Move) {
3980	+ toStyles.$Left = toLeft + $Jssor$.$CssLeft(captionItem);
3981	+ toStyles.$Top = toTop + $Jssor$.$CssTop(captionItem);
3982	+ }
3983	+ }
3984	+
3985	+ //duration
3986	+ var duration = transition.$Duration;
3987	+
3988	+ fromStyles = $Jssor$.$Extend(fromStyles, $Jssor$.$GetStyles(captionItem, toStyles));
3989	+
3990	+ animatorOptions.$Setter = $Jssor$.$StyleSetterEx();
3991	+
3992	+ return new $JssorAnimator$(transition.$Delay, duration, animatorOptions, captionItem, fromStyles, toStyles);
3993	+ }
3994	+
3995	+ function CreateAnimators(streamLineLength, captionItems) {
3996	+
3997	+ $Jssor$.$Each(captionItems, function (captionItem, i) {
3998	+
3999	+ $JssorDebug$.$Execute(function () {
4000	+ if (captionItem.length) {
4001	+ var top = $Jssor$.$CssTop(captionItem.$Elmt);
4002	+ var left = $Jssor$.$CssLeft(captionItem.$Elmt);
4003	+ var width = $Jssor$.$CssWidth(captionItem.$Elmt);
4004	+ var height = $Jssor$.$CssHeight(captionItem.$Elmt);
4005	+
4006	+ var error = null;
4007	+
4008	+ if (isNaN(top))
4009	+ error = "Style 'top' for caption not specified. Please always specify caption like 'position: absolute; top: ...px; left: ...px; width: ...px; height: ...px;'.";
4010	+ else if (isNaN(left))
4011	+ error = "Style 'left' not specified. Please always specify caption like 'position: absolute; top: ...px; left: ...px; width: ...px; height: ...px;'.";
4012	+ else if (isNaN(width))
4013	+ error = "Style 'width' not specified. Please always specify caption like 'position: absolute; top: ...px; left: ...px; width: ...px; height: ...px;'.";
4014	+ else if (isNaN(height))
4015	+ error = "Style 'height' not specified. Please always specify caption like 'position: absolute; top: ...px; left: ...px; width: ...px; height: ...px;'.";
4016	+
4017	+ if (error)
4018	+ $JssorDebug$.$Error("Caption " + (i + 1) + " definition error, \r\n" + error + "\r\n" + captionItem.$Elmt.outerHTML);
4019	+ }
4020	+ });
4021	+
4022	+ var animator;
4023	+ var captionElmt = captionItem.$Elmt;
4024	+ var transition = captionItem[0];
4025	+ var transition3 = captionItem[1];
4026	+
4027	+ if (transition) {
4028	+
4029	+ animator = CreateAnimator(captionElmt, transition);
4030	+ streamLineLength = animator.$Locate(transition.$BeginTime == undefined ? streamLineLength : transition.$BeginTime, 1);
4031	+ }
4032	+
4033	+ streamLineLength = CreateAnimators(streamLineLength, captionItem.$Children);
4034	+
4035	+ if (transition3) {
4036	+ var animator3 = CreateAnimator(captionElmt, transition3, 1);
4037	+ animator3.$Locate(streamLineLength, 1);
4038	+ _Self.$Combine(animator3);
4039	+ _ImmediateOutCaptionHanger.$Combine(animator3);
4040	+ }
4041	+
4042	+ if (animator)
4043	+ _Self.$Combine(animator);
4044	+ });
4045	+
4046	+ return streamLineLength;
4047	+ }
4048	+
4049	+ _Self.$Revert = function () {
4050	+ _Self.$GoToPosition(_Self.$GetPosition_OuterEnd() * (playIn \|\| 0));
4051	+ _ImmediateOutCaptionHanger.$GoToBegin();
4052	+ };
4053	+
4054	+ //Constructor
4055	+ {
4056	+ _ImmediateOutCaptionHanger = new $JssorAnimator$(0, 0);
4057	+
4058	+ //var streamLineLength = 0;
4059	+ //var captionItems = GetCaptionItems(container, null, [], [], 1);
4060	+
4061	+ CreateAnimators(0, _PlayMode ? GetCaptionItems(container, 1) : []);
4062	+ }
4063	+ };
4064	+
4065	+ //Event Table
4066	+
4067	+ //$EVT_CLICK = 21; function(slideIndex[, event])
4068	+ //$EVT_DRAG_START = 22; function(position[, virtualPosition, event])
4069	+ //$EVT_DRAG_END = 23; function(position, startPosition[, virtualPosition, virtualStartPosition, event])
4070	+ //$EVT_SWIPE_START = 24; function(position[, virtualPosition])
4071	+ //$EVT_SWIPE_END = 25; function(position[, virtualPosition])
4072	+
4073	+ //$EVT_LOAD_START = 26; function(slideIndex)
4074	+ //$EVT_LOAD_END = 27; function(slideIndex)
4075	+
4076	+ //$EVT_POSITION_CHANGE = 202; function(position, fromPosition[, virtualPosition, virtualFromPosition])
4077	+ //$EVT_PARK = 203; function(slideIndex, fromIndex)
4078	+
4079	+ //$EVT_PROGRESS_CHANGE = 208; function(slideIndex, progress[, progressBegin, idleBegin, idleEnd, progressEnd])
4080	+ //$EVT_STATE_CHANGE = 209; function(slideIndex, progress[, progressBegin, idleBegin, idleEnd, progressEnd])
4081	+
4082	+ //$EVT_ROLLBACK_START = 210; function(slideIndex, progress[, progressBegin, idleBegin, idleEnd, progressEnd])
4083	+ //$EVT_ROLLBACK_END = 211; function(slideIndex, progress[, progressBegin, idleBegin, idleEnd, progressEnd])
4084	+
4085	+ //$EVT_SLIDESHOW_START = 206; function(slideIndex[, progressBegin, slideshowBegin, slideshowEnd, progressEnd])
4086	+ //$EVT_SLIDESHOW_END = 207; function(slideIndex[, progressBegin, slideshowBegin, slideshowEnd, progressEnd])
4087	+
4088	+ //http://www.jssor.com/development/reference-api.html

media/bannerslider/images/a17.png ADDED Viewed

Binary file

media/bannerslider/images/slider1.jpg ADDED Viewed

Binary file

media/bannerslider/images/slider10.jpg ADDED Viewed

Binary file

media/bannerslider/images/slider2.jpg ADDED Viewed

Binary file

media/bannerslider/images/slider3.jpg ADDED Viewed

Binary file

media/bannerslider/images/slider4.jpg ADDED Viewed

Binary file

media/bannerslider/images/slider5.jpg ADDED Viewed

Binary file

media/bannerslider/images/slider6.jpg ADDED Viewed

Binary file

media/bannerslider/images/slider7.jpg ADDED Viewed

Binary file

media/bannerslider/images/slider8.jpg ADDED Viewed

Binary file

media/bannerslider/images/slider9.jpg ADDED Viewed

Binary file

package.xml ADDED Viewed

	@@ -0,0 +1,27 @@


1	+ <?xml version="1.0"?>
2	+ <package>
3	+ <name>Dataman_Bannerslider</name>
4	+ <version>0.1.1</version>
5	+ <stability>stable</stability>
6	+ <license>Open Software License (OSL)</license>
7	+ <channel>community</channel>
8	+ <extends/>
9	+ <summary>Responsive Banner Slider with multiple styles.</summary>
10	+ <description>This extension allows you to have different styles of bannerslider in your website. The style of bannerslider can be selected from configuration setting of extension. bannerslider can be called in Cms page by following code:
11	+ {{block type="bannerslider/bannerslider" name="bannerslider" template="bannerslider/bannerslider.phtml"}}
12	+ If you want to select style of bannerslider other than selection in setting configuration of extension, then you have to call the specific phtml file on cms page by follwing code snnipet:
13	+ {{block type="bannerslider/bannerslider" name="bannerslider" template="bannerslider/slider1.phtml"}}
14	+ {{block type="bannerslider/bannerslider" name="bannerslider" template="bannerslider/slider2.phtml"}}
15	+ {{block type="bannerslider/bannerslider" name="bannerslider" template="bannerslider/slider3.phtml"}}
16	+ .......
17	+ up to
18	+ {{block type="bannerslider/bannerslider" name="bannerslider" template="bannerslider/slider11.phtml"}}
19	+ As 11 types of styles are available in this extension.</description>
20	+ <notes>First Release</notes>
21	+ <authors><author><name>Dataman Computers System(P) Ltd.</name><user>Priyanka_Dataman</user><email>priyankakushwaha@dataman.in</email></author></authors>
22	+ <date>2015-02-27</date>
23	+ <time>08:08:44</time>
24	+ <contents><target name="mageetc"><dir name="modules"><file name="Dataman_Bannerslider.xml" hash="7cf4f5c4899fac38839a51085f2e08c8"/></dir></target><target name="mage"><dir name="js"><dir name="bannerslider"><file name="jquery-1.9.1.min.js" hash="8cb6c28c541f888d6044bfeb8a34724e"/><file name="jssor.js" hash="89b0070495d48c05865e87ff94f92827"/><file name="jssor.slider.js" hash="f30912c714a482f6bb4eb8a7fd566d61"/></dir></dir></target><target name="magemedia"><dir name="bannerslider"><dir name="images"><file name="a17.png" hash="1c07428693b64ab8c518191026ce2190"/><file name="slider1.jpg" hash="2153f939d37766ded9a58a9c11c9bfeb"/><file name="slider10.jpg" hash="cb0edbb8be8654c457da8a17bd5b467a"/><file name="slider2.jpg" hash="c08a7d816e79fdf219bea84eca302f19"/><file name="slider3.jpg" hash="70aec2e2af5402a80a269c72e366679f"/><file name="slider4.jpg" hash="03c88859aa6622b4a3d26894e1017061"/><file name="slider5.jpg" hash="a8f842652a309c2d8f8c380d8fd49c0a"/><file name="slider6.jpg" hash="6171d88e7361fed17e50dfb84fc9bfb9"/><file name="slider7.jpg" hash="33cde90cfcf6adaeddc0690ed7bc6d7a"/><file name="slider8.jpg" hash="b8fc9f7a3f317f7f5c648ce362fc3615"/><file name="slider9.jpg" hash="4cf4f609ce88e5cae126c50c59715fdd"/></dir></dir></target><target name="magelocal"><dir name="Dataman"><dir name="Bannerslider"><dir name="Block"><dir name="Adminhtml"><dir name="Bannerslider"><dir name="Edit"><file name="Form.php" hash="2e1922fcb5715b5b4ce4fceee5dce3d7"/><dir name="Tab"><file name="Form.php" hash="ba30255bae343ce5f962236062097b5a"/></dir><file name="Tabs.php" hash="7e21e42ca7c190875b643b0fdb35988b"/></dir><file name="Edit.php" hash="8392cded789fa7cce8ce71f835ebf6a9"/><file name="Grid.php" hash="7b4fe3aeedd944f977e90c23100fa788"/></dir><file name="Bannerslider.php" hash="53b92617ee0767c343b0ab67a7a8405e"/></dir><file name="Bannerslider.php" hash="0ff835b9e8ee45cc62a460ea7573fb40"/></dir><dir name="Helper"><file name="Data.php" hash="addb0e7bef69d24c6cf3709d40c211cf"/></dir><dir name="Model"><file name="Bannerslider.php" hash="c206f39c9730b669f571c519d009e6a1"/><dir name="Mysql4"><dir name="Bannerslider"><file name="Collection.php" hash="a30e4817af43d3ebdcb4b015fdb74075"/></dir><file name="Bannerslider.php" hash="25f0185c14d97cd3d771d15fc416c9d5"/></dir><file name="Status.php" hash="24acd6fdf283aec4dcff5bacf1eb3779"/><dir name="System"><dir name="Config"><dir name="Source"><dir name="Dropdown"><file name="Values.php" hash="1155ebab3c59034748d936db99316f96"/></dir></dir></dir></dir></dir><dir name="controllers"><dir name="Adminhtml"><file name="BannersliderController.php" hash="2d48235de45895d3094df07fa0b9f3c2"/></dir><file name="IndexController.php" hash="199e7becf8ffa85f0ee035b7b7fa96db"/></dir><dir name="data"><dir name="bannerslider_setup"><file name="data-install-0.1.0.php" hash="2b1fa062597c94b09c3e06090121c665"/></dir></dir><dir name="etc"><file name="adminhtml.xml" hash="bcd2bc9e7bf067c74d06774e48ca3010"/><file name="config.xml" hash="31fe79c407b707793a55c05f7e44d0b1"/><file name="system.xml" hash="5eb894c9f170a4fe031c82c57099ff91"/></dir><dir name="sql"><dir name="bannerslider_setup"><file name="mysql4-install-0.1.0.php" hash="c2f0de9266072cd7d4ba1664e7e625ae"/><file name="mysql4-upgrade-0.1.0-0.1.1.php" hash="8d0abedb901fc9a1e8f85a72d5b4b1ca"/></dir></dir></dir></dir></target><target name="magedesign"><dir name="frontend"><dir name="base"><dir name="default"><dir name="layout"><file name="bannerslider.xml" hash="f15fe6757bc5e16a3f324ab72c9ed0a1"/></dir><dir name="template"><dir name="bannerslider"><file name="bannerslider.phtml" hash="b2ec3004a1d0ddfa7df39c607bc83db0"/><file name="slider1.phtml" hash="5d0f10c2dd3c970063502cc45f5a1d8b"/><file name="slider10.phtml" hash="0295f15987b79eafe6b11d26cdaa3ced"/><file name="slider11.phtml" hash="fab33e7f81e69d577f7a650702117b4f"/><file name="slider2.phtml" hash="0c615afe6c433d6952c766bbf14773df"/><file name="slider3.phtml" hash="f37193198645153606a9ce4367fece13"/><file name="slider4.phtml" hash="a70eec714fa19bac3f734c04ce674db4"/><file name="slider5.phtml" hash="9a86e001bedd83bfdcb5020692054d71"/><file name="slider6.phtml" hash="3fbf981a4552ca46bff8e4012913f170"/><file name="slider7.phtml" hash="5de0dceb25e90a4bc9d2d5f83f308ed4"/><file name="slider8.phtml" hash="136a248e5b2ea5f0844d128f93fa0e17"/><file name="slider9.phtml" hash="629abbbed46248c5f051297eb68c9d7b"/></dir></dir></dir></dir></dir><dir name="adminhtml"><dir name="default"><dir name="default"><dir name="layout"><file name="bannerslider.xml" hash="821d565ea6febc6639cf1e45cb35d73c"/></dir></dir></dir></dir></target><target name="mageskin"><dir name="frontend"><dir name="base"><dir name="default"><dir name="css"><dir name="bannerslider"><dir name="css"><file name="default.css" hash="5dacd2e5955c20f929bf4fbe24263fad"/></dir><dir name="images"><file name="a02.png" hash="40a719c27da43ce578fa4335776b4c94"/><file name="a11.png" hash="f7bcd8df5258346060276b9dbcb0c63a"/><file name="a13.png" hash="6f8f003e471803fa8a9e3a59fb501dc2"/><file name="a17.png" hash="1c07428693b64ab8c518191026ce2190"/><file name="a20.png" hash="e58807df9c59b27a6713a11e77d21164"/><file name="b03.png" hash="66ddc21fc1fad1a9fd04d042e7f442e8"/><file name="loading.gif" hash="dd78ac008009bd821d2bf2da98108854"/><file name="share-icons.png" hash="803443f63020f75a43cfeb4bab51b2ac"/><file name="sidebar.png" hash="4c33c9e09638d8905564cdc9d23acbee"/><file name="t01.png" hash="5c594fe685ea67e734e636fe1623d638"/></dir></dir></dir></dir></dir></dir></target></contents>
25	+ <compatible/>
26	+ <dependencies><required><php><min>5.1.0</min><max>6.0.0</max></php></required></dependencies>
27	+ </package>

skin/frontend/base/default/css/bannerslider/css/default.css ADDED Viewed

	@@ -0,0 +1,637 @@


1	+ .captionOrange, .captionBlack
2	+ {
3	+ color: #fff;
4	+ font-size: 20px;
5	+ line-height: 30px;
6	+ text-align: center;
7	+ border-radius: 4px;
8	+ }
9	+ .captionOrange
10	+ {
11	+ text-transform: capitalize;
12	+ background-color: rgba(0, 0, 0, 0.4);
13	+ }
14	+ .captionBlack
15	+ {
16	+ font-size:16px;
17	+ background: #000;
18	+ background-color: rgba(0, 0, 0, 0.4);
19	+ }
20	+ a.captionOrange, A.captionOrange:active, A.captionOrange:visited
21	+ {
22	+ color: #ffffff;
23	+ text-decoration: none;
24	+ }
25	+ a.captionOrange:hover
26	+ {
27	+ color: #eb5100;
28	+ text-decoration: underline;
29	+ background-color: #eeeeee;
30	+ background-color: rgba(238, 238, 238, 0.7);
31	+ }
32	+ .bricon
33	+ {
34	+ background: url(../images/browser-icons.png);
35	+ }
36	+
37	+
38	+ /*
39	+ .jssorb01 div (normal)
40	+ .jssorb01 div:hover (normal mouseover)
41	+ .jssorb01 .av (active)
42	+ .jssorb01 .av:hover (active mouseover)
43	+ .jssorb01 .dn (mousedown)
44	+ */
45	+ .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
46	+ {
47	+ filter: alpha(opacity=70);
48	+ opacity: .7;
49	+ overflow:hidden;
50	+ cursor: pointer;
51	+ border: #000 1px solid;
52	+ }
53	+ .jssorb01 div { background-color: gray; }
54	+ .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
55	+ .jssorb01 .av { background-color: #fff; }
56	+ .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
57	+
58	+
59	+
60	+ /* jssor slider arrow navigator skin 05 css */
61	+ /*
62	+ .jssora05l (normal)
63	+ .jssora05r (normal)
64	+ .jssora05l:hover (normal mouseover)
65	+ .jssora05r:hover (normal mouseover)
66	+ .jssora05ldn (mousedown)
67	+ .jssora05rdn (mousedown)
68	+ */
69	+ .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn
70	+ {
71	+ position: absolute;
72	+ cursor: pointer;
73	+ display: block;
74	+ background: url(../images/a17.png) no-repeat;
75	+ overflow:hidden;
76	+ }
77	+ .jssora05l { background-position: -10px -40px; }
78	+ .jssora05r { background-position: -70px -40px; }
79	+ .jssora05l:hover { background-position: -130px -40px; }
80	+ .jssora05r:hover { background-position: -190px -40px; }
81	+ .jssora05ldn { background-position: -250px -40px; }
82	+ .jssora05rdn { background-position: -310px -40px; }
83	+
84	+ /* jssor slider thumbnail navigator skin 01 css */
85	+ /*
86	+ .jssort01 .p (normal)
87	+ .jssort01 .p:hover (normal mouseover)
88	+ .jssort01 .pav (active)
89	+ .jssort01 .pav:hover (active mouseover)
90	+ .jssort01 .pdn (mousedown)
91	+ */
92	+ .jssort01 .w {
93	+ position: absolute;
94	+ top: 0px;
95	+ left: 0px;
96	+ width: 100%;
97	+ height: 100%;
98	+ }
99	+
100	+ .jssort01 .c {
101	+ position: absolute;
102	+ top: 0px;
103	+ left: 0px;
104	+ width: 68px;
105	+ height: 68px;
106	+ border: #000 2px solid;
107	+ }
108	+
109	+ .jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
110	+ background: url(../images/t01.png) center center;
111	+ border-width: 0px;
112	+ top: 2px;
113	+ left: 2px;
114	+ width: 68px;
115	+ height: 68px;
116	+ }
117	+
118	+ .jssort01 .p:hover .c, .jssort01 .pav:hover .c {
119	+ top: 0px;
120	+ left: 0px;
121	+ width: 70px;
122	+ height: 70px;
123	+ border: #fff 1px solid;
124	+ }
125	+
126	+ /* jssor slider thumbnail navigator skin 02 css */
127	+ /*
128	+ .jssort02 .p (normal)
129	+ .jssort02 .p:hover (normal mouseover)
130	+ .jssort02 .pav (active)
131	+ .jssort02 .pav:hover (active mouseover)
132	+ .jssort02 .pdn (mousedown)
133	+ */
134	+ .jssort02 .w
135	+ {
136	+ position: absolute;
137	+ top: 0px;
138	+ left: 0px;
139	+ width: 100%;
140	+ height: 100%;
141	+ }
142	+ .jssort02 .c
143	+ {
144	+ position: absolute;
145	+ top: 0px;
146	+ left: 0px;
147	+ width: 95px;
148	+ height: 62px;
149	+ border: #000 2px solid;
150	+ }
151	+ .jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c
152	+ {
153	+ background: url(../images/t01.png) center center;
154	+ border-width: 0px;
155	+ top: 2px;
156	+ left: 2px;
157	+ width: 95px;
158	+ height: 62px;
159	+ }
160	+ .jssort02 .p:hover .c, .jssort02 .pav:hover .c
161	+ {
162	+ top: 0px;
163	+ left: 0px;
164	+ width: 97px;
165	+ height: 64px;
166	+ border: #fff 1px solid;
167	+ }
168	+
169	+
170	+ /* jssor slider arrow navigator skin 02 css */
171	+ /*
172	+ .jssora02l (normal)
173	+ .jssora02r (normal)
174	+ .jssora02l:hover (normal mouseover)
175	+ .jssora02r:hover (normal mouseover)
176	+ .jssora02ldn (mousedown)
177	+ .jssora02rdn (mousedown)
178	+ */
179	+ .jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn
180	+ {
181	+ position: absolute;
182	+ cursor: pointer;
183	+ display: block;
184	+ background: url(../images/a02.png) no-repeat;
185	+ overflow:hidden;
186	+ }
187	+ .jssora02l { background-position: -3px -33px; }
188	+ .jssora02r { background-position: -63px -33px; }
189	+ .jssora02l:hover { background-position: -123px -33px; }
190	+ .jssora02r:hover { background-position: -183px -33px; }
191	+ .jssora02ldn { background-position: -243px -33px; }
192	+ .jssora02rdn { background-position: -303px -33px; }
193	+
194	+ /* jssor slider thumbnail navigator skin 03 css */
195	+ /*
196	+ .jssort03 .p (normal)
197	+ .jssort03 .p:hover (normal mouseover)
198	+ .jssort03 .pav (active)
199	+ .jssort03 .pav:hover (active mouseover)
200	+ .jssort03 .pdn (mousedown)
201	+ */
202	+ .jssort03 .w, .jssort03 .pav:hover .w
203	+ {
204	+ position: absolute;
205	+ width: 60px;
206	+ height: 30px;
207	+ border: white 1px dashed;
208	+ }
209	+ * html .jssort03 .w
210	+ {
211	+ width /**/: 62px;
212	+ height /**/: 32px;
213	+ }
214	+ .jssort03 .pdn .w, .jssort03 .pav .w { border-style: solid; }
215	+ .jssort03 .c
216	+ {
217	+ width: 62px;
218	+ height: 32px;
219	+ filter: alpha(opacity=45);
220	+ opacity: .45;
221	+
222	+ transition: opacity .6s;
223	+ -moz-transition: opacity .6s;
224	+ -webkit-transition: opacity .6s;
225	+ -o-transition: opacity .6s;
226	+ }
227	+ .jssort03 .p:hover .c, .jssort03 .pav .c
228	+ {
229	+ filter: alpha(opacity=0);
230	+ opacity: 0;
231	+ }
232	+ .jssort03 .p:hover .c
233	+ {
234	+ transition: none;
235	+ -moz-transition: none;
236	+ -webkit-transition: none;
237	+ -o-transition: none;
238	+ }
239	+ .qr_code{
240	+ background: url(../images/sidebar.png) center center;
241	+ }
242	+ /* jssor slider bullet navigator skin 03 css */
243	+ /*
244	+ .jssorb03 div (normal)
245	+ .jssorb03 div:hover (normal mouseover)
246	+ .jssorb03 .av (active)
247	+ .jssorb03 .av:hover (active mouseover)
248	+ .jssorb03 .dn (mousedown)
249	+ */
250	+ .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
251	+ {
252	+ background: url(../images/b03.png) no-repeat;
253	+ overflow:hidden;
254	+ cursor: pointer;
255	+ }
256	+ .jssorb03 div { background-position: -5px -4px; }
257	+ .jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
258	+ .jssorb03 .av { background-position: -65px -4px; }
259	+ .jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
260	+
261	+
262	+ /* jssor slider arrow navigator skin 20 css */
263	+ /*
264	+ .jssora20l (normal)
265	+ .jssora20r (normal)
266	+ .jssora20l:hover (normal mouseover)
267	+ .jssora20r:hover (normal mouseover)
268	+ .jssora20ldn (mousedown)
269	+ .jssora20rdn (mousedown)
270	+ */
271	+ .jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn
272	+ {
273	+ position: absolute;
274	+ cursor: pointer;
275	+ display: block;
276	+ background: url(../images/a20.png) no-repeat;
277	+ overflow:hidden;
278	+ }
279	+ .jssora20l { background-position: -3px -33px; }
280	+ .jssora20r { background-position: -63px -33px; }
281	+ .jssora20l:hover { background-position: -123px -33px; }
282	+ .jssora20r:hover { background-position: -183px -33px; }
283	+ .jssora20ldn { background-position: -243px -33px; }
284	+ .jssora20rdn { background-position: -303px -33px; }
285	+
286	+ .share-icon {
287	+ display: inline-block;
288	+ float: left;
289	+ margin: 4px;
290	+ width: 32px;
291	+ height: 32px;
292	+ cursor: pointer;
293	+ vertical-align: middle;
294	+ background-image: url(../images/share-icons.png);
295	+ }
296	+
297	+ .share-facebook {
298	+ background-position: 0px 0px;
299	+ }
300	+
301	+ .share-facebook:hover {
302	+ background-position: 0px -40px;
303	+ }
304	+
305	+ .share-twitter {
306	+ background-position: -40px 0px;
307	+ }
308	+
309	+ .share-twitter:hover {
310	+ background-position: -40px -40px;
311	+ }
312	+
313	+ .share-pinterest {
314	+ background-position: -80px 0px;
315	+ }
316	+
317	+ .share-pinterest:hover {
318	+ background-position: -80px -40px;
319	+ }
320	+
321	+ .share-linkedin {
322	+ background-position: -240px 0px;
323	+ }
324	+
325	+ .share-linkedin:hover {
326	+ background-position: -240px -40px;
327	+ }
328	+
329	+
330	+ .share-googleplus {
331	+ background-position: -120px 0px;
332	+ }
333	+
334	+ .share-googleplus:hover {
335	+ background-position: -120px -40px;
336	+ }
337	+
338	+
339	+ .share-stumbleupon {
340	+ background-position: -360px 0px;
341	+ }
342	+
343	+ .share-stumbleupon:hover {
344	+ background-position: -360px -40px;
345	+ }
346	+
347	+ .share-email {
348	+ background-position: -320px 0px;
349	+ }
350	+
351	+ .share-email:hover {
352	+ background-position: -320px -40px;
353	+ }
354	+
355	+ /* jssor slider thumbnail navigator skin 11 css */
356	+ /*
357	+ .jssort11 .p (normal)
358	+ .jssort11 .p:hover (normal mouseover)
359	+ .jssort11 .pav (active)
360	+ .jssort11 .pav:hover (active mouseover)
361	+ .jssort11 .pdn (mousedown)
362	+ */
363	+ .jssort11
364	+ {
365	+ font-family: Arial, Helvetica, sans-serif;
366	+ }
367	+ .jssort11 .i, .jssort11 .pav:hover .i
368	+ {
369	+ position: absolute;
370	+ top:3px;
371	+ left:3px;
372	+ WIDTH: 190px;
373	+ HEIGHT: 62px;
374	+ border: white 1px dashed;
375	+ }
376	+ * html .jssort11 .i
377	+ {
378	+ WIDTH /**/: 62px;
379	+ HEIGHT /**/: 32px;
380	+ }
381	+ .jssort11 .pav .i
382	+ {
383	+ border: white 1px solid;
384	+ }
385	+ .jssort11 .t, .jssort11 .pav:hover .t
386	+ {
387	+ position: absolute;
388	+ top: 3px;
389	+ left: 68px;
390	+ width:129px;
391	+ height: 32px;
392	+ line-height:32px;
393	+ text-align: center;
394	+ color:#fc9835;
395	+ font-size:13px;
396	+ font-weight:700;
397	+ }
398	+ .jssort11 .pav .t, .jssort11 .phv .t, .jssort11 .p:hover .t
399	+ {
400	+ color:#fff;
401	+ }
402	+ .jssort11 .c, .jssort11 .pav:hover .c
403	+ {
404	+ position: absolute;
405	+ top: 38px;
406	+ left: 3px;
407	+ width:197px;
408	+ height: 31px;
409	+ line-height:31px;
410	+ color:#fff;
411	+ font-size:11px;
412	+ font-weight:400;
413	+ overflow: hidden;
414	+ }
415	+ .jssort11 .pav .c, .jssort11 .phv .c, .jssort11 .p:hover .c
416	+ {
417	+ color:#fc9835;
418	+ }
419	+ .jssort11 .t, .jssort11 .c
420	+ {
421	+ transition: color 2s;
422	+ -moz-transition: color 2s;
423	+ -webkit-transition: color 2s;
424	+ -o-transition: color 2s;
425	+ }
426	+ .jssort11 .p:hover .t, .jssort11 .phv .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .phv .c, .jssort11 .pav:hover .c
427	+ {
428	+ transition: none;
429	+ -moz-transition: none;
430	+ -webkit-transition: none;
431	+ -o-transition: none;
432	+ }
433	+ .jssort11 .p
434	+ {
435	+ background:#181818;
436	+ }
437	+ .jssort11 .pav, .jssort11 .pdn
438	+ {
439	+ background:#462300;
440	+ }
441	+ .jssort11 .p:hover, .jssort11 .phv, .jssort11 .pav:hover
442	+ {
443	+ background:#333;
444	+ }
445	+ /* jssor slider arrow navigator skin 13 css */
446	+ /*
447	+ .jssora13l (normal)
448	+ .jssora13r (normal)
449	+ .jssora13l:hover (normal mouseover)
450	+ .jssora13r:hover (normal mouseover)
451	+ .jssora13ldn (mousedown)
452	+ .jssora13rdn (mousedown)
453	+ */
454	+ .jssora13l, .jssora13r, .jssora13ldn, .jssora13rdn {
455	+ position: absolute;
456	+ cursor: pointer;
457	+ display: block;
458	+ background: url(../images/a13.png) no-repeat;
459	+ overflow: hidden;
460	+ }
461	+
462	+ .jssora13l {
463	+ background-position: -10px -35px;
464	+ }
465	+
466	+ .jssora13r {
467	+ background-position: -70px -35px;
468	+ }
469	+
470	+ .jssora13l:hover {
471	+ background-position: -130px -35px;
472	+ }
473	+
474	+ .jssora13r:hover {
475	+ background-position: -190px -35px;
476	+ }
477	+
478	+ .jssora13ldn {
479	+ background-position: -250px -35px;
480	+ }
481	+
482	+ .jssora13rdn {
483	+ background-position: -310px -35px;
484	+ }
485	+ /* jssor slider thumbnail navigator skin 14 css */
486	+ /*
487	+ .jssort14 .p (normal)
488	+ .jssort14 .p:hover (normal mouseover)
489	+ .jssort14 .pav (active)
490	+ .jssort14 .pav:hover (active mouseover)
491	+ .jssort14 .pdn (mousedown)
492	+ */
493	+ .jssort14 .w, .jssort14 .phv .w
494	+ {
495	+ cursor: pointer;
496	+ position: absolute;
497	+ WIDTH: 100%;
498	+ HEIGHT: 100%;
499	+ background-color: #c2b38f;
500	+ }
501	+ .jssort14 .pdn .w, .jssort14 .pav .w, .jssort14 .p:hover .w
502	+ {
503	+ background-color: #422e2c;
504	+ }
505	+ .jssort14 .c
506	+ {
507	+ color: #000;
508	+ font-size:13px;
509	+ background-color: #e6e0c8; text-transform: capitalize;
510	+ transition: background-color .6s;
511	+ -moz-transition: background-color .6s;
512	+ -webkit-transition: background-color .6s;
513	+ -o-transition: background-color .6s;
514	+ }
515	+ .jssort14 .p:hover .c, .jssort14 .phv .c, .jssort14 .pav:hover .c, .jssort14 .pav .c
516	+ {
517	+ transition: none;
518	+ -moz-transition: none;
519	+ -webkit-transition: none;
520	+ -o-transition: none;
521	+ }
522	+ .jssort14 .pav .c
523	+ {
524	+ background-color:#ffab57;
525	+ }
526	+ .jssort14 .p:hover .c, .jssort14 .phv .c, .jssort14 .pav:hover .c
527	+ {
528	+ background-color:#fc9835;
529	+ }
530	+
531	+ /* jssor slider thumbnail navigator skin 07 css */
532	+ /*
533	+ .jssort07 .p (normal)
534	+ .jssort07 .p:hover (normal mouseover)
535	+ .jssort07 .pav (active)
536	+ .jssort07 .pav:hover (active mouseover)
537	+ .jssort07 .pdn (mousedown)
538	+ */
539	+ .jssort07 .i {
540	+ position: absolute;
541	+ top: 0px;
542	+ left: 0px;
543	+ width: 99px;
544	+ height: 66px;
545	+ filter: alpha(opacity=80);
546	+ opacity: .8;
547	+ }
548	+
549	+ .jssort07 .p:hover .i, .jssort07 .pav .i {
550	+ filter: alpha(opacity=100);
551	+ opacity: 1;
552	+ }
553	+
554	+ .jssort07 .o {
555	+ position: absolute;
556	+ top: 0px;
557	+ left: 0px;
558	+ width: 97px;
559	+ height: 64px;
560	+ border: 1px solid #000;
561	+ transition: border-color .6s;
562	+ -moz-transition: border-color .6s;
563	+ -webkit-transition: border-color .6s;
564	+ -o-transition: border-color .6s;
565	+ }
566	+
567	+ * html .jssort07 .o {
568	+ /* ie quirks mode adjust */
569	+ width /**/: 99px;
570	+ height /**/: 66px;
571	+ }
572	+
573	+ .jssort07 .pav .o, .jssort07 .p:hover .o {
574	+ border-color: #fff;
575	+ }
576	+
577	+ .jssort07 .pav:hover .o {
578	+ border-color: #0099FF;
579	+ }
580	+
581	+ .jssort07 .p:hover .o {
582	+ transition: none;
583	+ -moz-transition: none;
584	+ -webkit-transition: none;
585	+ -o-transition: none;
586	+ }
587	+
588	+ /* jssor slider arrow navigator skin 11 css */
589	+ /*
590	+ .jssora11l (normal)
591	+ .jssora11r (normal)
592	+ .jssora11l:hover (normal mouseover)
593	+ .jssora11r:hover (normal mouseover)
594	+ .jssora11ldn (mousedown)
595	+ .jssora11rdn (mousedown)
596	+ */
597	+ .jssora11l, .jssora11r, .jssora11ldn, .jssora11rdn {
598	+ position: absolute;
599	+ cursor: pointer;
600	+ display: block;
601	+ background: url(../images/a11.png) no-repeat;
602	+ overflow: hidden;
603	+ }
604	+
605	+ .jssora11l {
606	+ background-position: -11px -41px;
607	+ }
608	+
609	+ .jssora11r {
610	+ background-position: -71px -41px;
611	+ }
612	+
613	+ .jssora11l:hover {
614	+ background-position: -131px -41px;
615	+ }
616	+
617	+ .jssora11r:hover {
618	+ background-position: -191px -41px;
619	+ }
620	+
621	+ .jssora11ldn {
622	+ background-position: -251px -41px;
623	+ }
624	+
625	+ .jssora11rdn {
626	+ background-position: -311px -41px;
627	+ }
628	+
629	+ /******* <!-- Loading Screen --> ************/
630	+ .loading_screen{
631	+ position: absolute; display: block; background: url(../images/loading.gif) no-repeat center center;
632	+ top: 0px; left: 0px;width: 100%;height:100%;
633	+ }
634	+ /******* <!-- End Loading Screen --> ************/
635	+ .slidercontainer > div {
636	+ margin: 0 auto;
637	+ }

skin/frontend/base/default/css/bannerslider/images/a02.png ADDED Viewed

Binary file

skin/frontend/base/default/css/bannerslider/images/a11.png ADDED Viewed

Binary file

skin/frontend/base/default/css/bannerslider/images/a13.png ADDED Viewed

Binary file

skin/frontend/base/default/css/bannerslider/images/a17.png ADDED Viewed

Binary file

skin/frontend/base/default/css/bannerslider/images/a20.png ADDED Viewed

Binary file

skin/frontend/base/default/css/bannerslider/images/b03.png ADDED Viewed

Binary file

skin/frontend/base/default/css/bannerslider/images/loading.gif ADDED Viewed

Binary file

skin/frontend/base/default/css/bannerslider/images/share-icons.png ADDED Viewed

Binary file

skin/frontend/base/default/css/bannerslider/images/sidebar.png ADDED Viewed

Binary file

skin/frontend/base/default/css/bannerslider/images/t01.png ADDED Viewed

Binary file