ET_Lytebox - Version 0.1.2

Version Notes

stable result

Release Info

Developer	Magento Core Team
Extension	ET_Lytebox
Version	0.1.2
Comparing to
See all releases

Version 0.1.2

Files changed (72) hide show

app/code/community/ET/ET_Lytebox_ChangeLog.txt +34 -0
app/code/community/ET/ET_Lytebox_Description.txt +56 -0
app/code/community/ET/ET_Lytebox_LICENSE.txt +48 -0
app/code/community/ET/Lytebox/Helper/Data.php +24 -0
app/code/community/ET/Lytebox/etc/config.xml +138 -0
app/code/community/ET/Lytebox/etc/system.xml +276 -0
app/design/frontend/default/default/layout/etlytebox.xml +60 -0
app/design/frontend/default/default/template/etlytebox/config.phtml +58 -0
app/design/frontend/default/default/template/etlytebox/media.phtml +160 -0
app/etc/modules/ET_Lytebox.xml +32 -0
app/locale/en_US/ET_Lytebox.csv +42 -0
app/locale/ru_RU/ET_Lytebox.csv +42 -0
js/lytebox/lytebox.js +913 -0
package.xml +20 -0
skin/frontend/default/default/lytebox/images/blank.gif +0 -0
skin/frontend/default/default/lytebox/images/close_blue_en.png +0 -0
skin/frontend/default/default/lytebox/images/close_blue_lv.png +0 -0
skin/frontend/default/default/lytebox/images/close_blue_ru.png +0 -0
skin/frontend/default/default/lytebox/images/close_gold_en.png +0 -0
skin/frontend/default/default/lytebox/images/close_gold_lv.png +0 -0
skin/frontend/default/default/lytebox/images/close_gold_ru.png +0 -0
skin/frontend/default/default/lytebox/images/close_green_en.png +0 -0
skin/frontend/default/default/lytebox/images/close_green_lv.png +0 -0
skin/frontend/default/default/lytebox/images/close_green_ru.png +0 -0
skin/frontend/default/default/lytebox/images/close_grey_en.png +0 -0
skin/frontend/default/default/lytebox/images/close_grey_lv.png +0 -0
skin/frontend/default/default/lytebox/images/close_grey_ru.png +0 -0
skin/frontend/default/default/lytebox/images/close_red_en.png +0 -0
skin/frontend/default/default/lytebox/images/close_red_lv.png +0 -0
skin/frontend/default/default/lytebox/images/close_red_ru.png +0 -0
skin/frontend/default/default/lytebox/images/loading.gif +0 -0
skin/frontend/default/default/lytebox/images/next_blue_en.gif +0 -0
skin/frontend/default/default/lytebox/images/next_blue_ru.gif +0 -0
skin/frontend/default/default/lytebox/images/next_gold_en.gif +0 -0
skin/frontend/default/default/lytebox/images/next_gold_ru.gif +0 -0
skin/frontend/default/default/lytebox/images/next_green_en.gif +0 -0
skin/frontend/default/default/lytebox/images/next_green_ru.gif +0 -0
skin/frontend/default/default/lytebox/images/next_grey_en.gif +0 -0
skin/frontend/default/default/lytebox/images/next_grey_ru.gif +0 -0
skin/frontend/default/default/lytebox/images/next_red_en.gif +0 -0
skin/frontend/default/default/lytebox/images/next_red_ru.gif +0 -0
skin/frontend/default/default/lytebox/images/pause_blue_en.png +0 -0
skin/frontend/default/default/lytebox/images/pause_blue_ru.png +0 -0
skin/frontend/default/default/lytebox/images/pause_gold_en.png +0 -0
skin/frontend/default/default/lytebox/images/pause_gold_ru.png +0 -0
skin/frontend/default/default/lytebox/images/pause_green_en.png +0 -0
skin/frontend/default/default/lytebox/images/pause_green_ru.png +0 -0
skin/frontend/default/default/lytebox/images/pause_grey_en.png +0 -0
skin/frontend/default/default/lytebox/images/pause_grey_ru.png +0 -0
skin/frontend/default/default/lytebox/images/pause_red_en.png +0 -0
skin/frontend/default/default/lytebox/images/pause_red_ru.png +0 -0
skin/frontend/default/default/lytebox/images/play_blue_en.png +0 -0
skin/frontend/default/default/lytebox/images/play_blue_ru.png +0 -0
skin/frontend/default/default/lytebox/images/play_gold_en.png +0 -0
skin/frontend/default/default/lytebox/images/play_gold_ru.png +0 -0
skin/frontend/default/default/lytebox/images/play_green_en.png +0 -0
skin/frontend/default/default/lytebox/images/play_green_ru.png +0 -0
skin/frontend/default/default/lytebox/images/play_grey_en.png +0 -0
skin/frontend/default/default/lytebox/images/play_grey_ru.png +0 -0
skin/frontend/default/default/lytebox/images/play_red_en.png +0 -0
skin/frontend/default/default/lytebox/images/play_red_ru.png +0 -0
skin/frontend/default/default/lytebox/images/prev_blue_en.gif +0 -0
skin/frontend/default/default/lytebox/images/prev_blue_ru.gif +0 -0
skin/frontend/default/default/lytebox/images/prev_gold_en.gif +0 -0
skin/frontend/default/default/lytebox/images/prev_gold_ru.gif +0 -0
skin/frontend/default/default/lytebox/images/prev_green_en.gif +0 -0
skin/frontend/default/default/lytebox/images/prev_green_ru.gif +0 -0
skin/frontend/default/default/lytebox/images/prev_grey_en.gif +0 -0
skin/frontend/default/default/lytebox/images/prev_grey_ru.gif +0 -0
skin/frontend/default/default/lytebox/images/prev_red_en.gif +0 -0
skin/frontend/default/default/lytebox/images/prev_red_ru.gif +0 -0
skin/frontend/default/default/lytebox/lytebox_base.css +168 -0

app/code/community/ET/ET_Lytebox_ChangeLog.txt ADDED Viewed

	@@ -0,0 +1,34 @@


1	+ =====================================
2	+ This file describes changes between versions of module ET_Lytebox for Magento.
3	+
4	+ Legend:
5	+ * bug fix
6	+ + added functionality
7	+ - removed functionality
8	+
9	+ =====================================
10	+ TODO:
11	+
12	+
13	+ =====================================
14	+
15	+ ver. 0.1.2
16	+ + changed code pool from local to community
17	+ * changed media.phtml template (source from 1.5.0.1 base theme)
18	+ + can use lytebox in cms pages
19	+ + can use slideshow for images on CMS pages
20	+ + added translation files (en_US, ru_RU)
21	+ + added russian skin for Lytebox
22	+
23	+ ver. 0.1.1
24	+ + Changed custom pop-up image size support
25	+ + full size (pop-up size value empty)
26	+ + custom width(pop-up size value contains only one value)
27	+ + custom width and height (pop-up size value contains both values)
28	+ + New styles - grey_lv and grey_ru
29	+
30	+ + changes for custom style compatibility
31	+ * bug in pop-up size resolved
32	+
33	+ ver. 0.1.0
34	+ + first release

app/code/community/ET/ET_Lytebox_Description.txt ADDED Viewed

	@@ -0,0 +1,56 @@


1	+ ==== Description / Для чего этот модуль? ====
2	+
3	+ EN:
4	+ This extension integrates Lytebox viewer (http://www.dolem.com/lytebox/).
5	+ * Replaces default popup window on product view page
6	+ * Adds possibility to use Lytebox on CMS pages
7	+
8	+
9	+ RU:
10	+ Интеграция в Magento просмоторщика изображений Lytebox (http://www.dolem.com/lytebox/).
11	+ * Заменяет стандартное окно, в котором показывается изображение товара.
12	+ * Добавляет возможность использовать Lytebox на CMS страницах.
13	+
14	+
15	+
16	+ ====Features / Особенности модуля====
17	+
18	+ * Replaces default popup window on product view page
19	+ * Adds possibility to use Lytebox on CMS pages
20	+ * All settings are available on admin panel
21	+ * Available languages for admin panel (en_US, ru_RU)
22	+ * Available languages for Lytebox skin (en, ru, lv)
23	+ * Open Source
24	+ * Fully compatible with ET_ConfigurableImages
25	+
26	+ * Заменяет стандартное окно, в котором показывается изображение товара.
27	+ * Добавляет возможность использовать Lytebox на CMS страницах.
28	+ * Все настройки доступны в панели администрирования
29	+ * Доступные языки для панели администрирования (en_US, ru_RU)
30	+ * Доступные языки Lytebox skin (en, ru, lv)
31	+ * Open Source
32	+ * Полностью совместим с ET_ConfigurableImages
33	+
34	+ ====Version Compatibility / Совместимость версий====
35	+ 1.3.х (tested in 1.3.2.4.)
36	+ 1.4.x (tested in 1.4.1.1.)
37	+ 1.5.x (tested in 1.5.0.1.)
38	+
39	+ ====Module tags:====
40	+
41	+ popup, lightbox, lytebox, images, product, slideshow
42	+
43	+
44	+ ==== How to use Lytebox for CMS pages ====
45	+ Original documentation available on official Lytebox site http://www.dolem.com/lytebox/
46	+
47	+ Single Image Example:
48	+ <a href="images/image-1.jpg" rel="lytebox" title="Image Description">Image #1</a>
49	+
50	+ Grouped Images Example:
51	+ <a href="images/image-1.jpg" rel="lytebox[vacation]" title="Mom and Dad">Mom and Dad</a>
52	+ <a href="images/image-2.jpg" rel="lytebox[vacation]" title="My Sister">My Sister</a>
53	+
54	+ Slideshow Example (note the use of lyteshow instead of lytebox):
55	+ <a href="images/image-1.jpg" rel="lyteshow[vacation]" title="Mom and Dad">Mom and Dad</a>
56	+ <a href="images/image-2.jpg" rel="lyteshow[vacation]" title="My Sister">My Sister</a>

app/code/community/ET/ET_Lytebox_LICENSE.txt ADDED Viewed

	@@ -0,0 +1,48 @@


1	+ http://opensource.org/licenses/afl-3.0.php
2	+
3	+ Academic Free License ("AFL") v. 3.0
4	+ This Academic Free License (the "License") applies to any original work of authorship (the "Original Work") whose owner (the "Licensor") has placed the following licensing notice adjacent to the copyright notice for the Original Work:
5	+
6	+ Licensed under the Academic Free License version 3.0
7	+
8	+ 1) Grant of Copyright License. Licensor grants You a worldwide, royalty-free, non-exclusive, sublicensable license, for the duration of the copyright, to do the following:
9	+
10	+ a) to reproduce the Original Work in copies, either alone or as part of a collective work;
11	+
12	+ b) to translate, adapt, alter, transform, modify, or arrange the Original Work, thereby creating derivative works ("Derivative Works") based upon the Original Work;
13	+
14	+ c) to distribute or communicate copies of the Original Work and Derivative Works to the public, under any license of your choice that does not contradict the terms and conditions, including Licensor's reserved rights and remedies, in this Academic Free License;
15	+
16	+ d) to perform the Original Work publicly; and
17	+
18	+ e) to display the Original Work publicly.
19	+
20	+ 2) Grant of Patent License. Licensor grants You a worldwide, royalty-free, non-exclusive, sublicensable license, under patent claims owned or controlled by the Licensor that are embodied in the Original Work as furnished by the Licensor, for the duration of the patents, to make, use, sell, offer for sale, have made, and import the Original Work and Derivative Works.
21	+
22	+ 3) Grant of Source Code License. The term "Source Code" means the preferred form of the Original Work for making modifications to it and all available documentation describing how to modify the Original Work. Licensor agrees to provide a machine-readable copy of the Source Code of the Original Work along with each copy of the Original Work that Licensor distributes. Licensor reserves the right to satisfy this obligation by placing a machine-readable copy of the Source Code in an information repository reasonably calculated to permit inexpensive and convenient access by You for as long as Licensor continues to distribute the Original Work.
23	+
24	+ 4) Exclusions From License Grant. Neither the names of Licensor, nor the names of any contributors to the Original Work, nor any of their trademarks or service marks, may be used to endorse or promote products derived from this Original Work without express prior permission of the Licensor. Except as expressly stated herein, nothing in this License grants any license to Licensor's trademarks, copyrights, patents, trade secrets or any other intellectual property. No patent license is granted to make, use, sell, offer for sale, have made, or import embodiments of any patent claims other than the licensed claims defined in Section 2. No license is granted to the trademarks of Licensor even if such marks are included in the Original Work. Nothing in this License shall be interpreted to prohibit Licensor from licensing under terms different from this License any Original Work that Licensor otherwise would have a right to license.
25	+
26	+ 5) External Deployment. The term "External Deployment" means the use, distribution, or communication of the Original Work or Derivative Works in any way such that the Original Work or Derivative Works may be used by anyone other than You, whether those works are distributed or communicated to those persons or made available as an application intended for use over a network. As an express condition for the grants of license hereunder, You must treat any External Deployment by You of the Original Work or a Derivative Work as a distribution under section 1(c).
27	+
28	+ 6) Attribution Rights. You must retain, in the Source Code of any Derivative Works that You create, all copyright, patent, or trademark notices from the Source Code of the Original Work, as well as any notices of licensing and any descriptive text identified therein as an "Attribution Notice." You must cause the Source Code for any Derivative Works that You create to carry a prominent Attribution Notice reasonably calculated to inform recipients that You have modified the Original Work.
29	+
30	+ 7) Warranty of Provenance and Disclaimer of Warranty. Licensor warrants that the copyright in and to the Original Work and the patent rights granted herein by Licensor are owned by the Licensor or are sublicensed to You under the terms of this License with the permission of the contributor(s) of those copyrights and patent rights. Except as expressly stated in the immediately preceding sentence, the Original Work is provided under this License on an "AS IS" BASIS and WITHOUT WARRANTY, either express or implied, including, without limitation, the warranties of non-infringement, merchantability or fitness for a particular purpose. THE ENTIRE RISK AS TO THE QUALITY OF THE ORIGINAL WORK IS WITH YOU. This DISCLAIMER OF WARRANTY constitutes an essential part of this License. No license to the Original Work is granted by this License except under this disclaimer.
31	+
32	+ 8) Limitation of Liability. Under no circumstances and under no legal theory, whether in tort (including negligence), contract, or otherwise, shall the Licensor be liable to anyone for any indirect, special, incidental, or consequential damages of any character arising as a result of this License or the use of the Original Work including, without limitation, damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses. This limitation of liability shall not apply to the extent applicable law prohibits such limitation.
33	+
34	+ 9) Acceptance and Termination. If, at any time, You expressly assented to this License, that assent indicates your clear and irrevocable acceptance of this License and all of its terms and conditions. If You distribute or communicate copies of the Original Work or a Derivative Work, You must make a reasonable effort under the circumstances to obtain the express assent of recipients to the terms of this License. This License conditions your rights to undertake the activities listed in Section 1, including your right to create Derivative Works based upon the Original Work, and doing so without honoring these terms and conditions is prohibited by copyright law and international treaty. Nothing in this License is intended to affect copyright exceptions and limitations (including "fair use" or "fair dealing"). This License shall terminate immediately and You may no longer exercise any of the rights granted to You by this License upon your failure to honor the conditions in Section 1(c).
35	+
36	+ 10) Termination for Patent Action. This License shall terminate automatically and You may no longer exercise any of the rights granted to You by this License as of the date You commence an action, including a cross-claim or counterclaim, against Licensor or any licensee alleging that the Original Work infringes a patent. This termination provision shall not apply for an action alleging patent infringement by combinations of the Original Work with other software or hardware.
37	+
38	+ 11) Jurisdiction, Venue and Governing Law. Any action or suit relating to this License may be brought only in the courts of a jurisdiction wherein the Licensor resides or in which Licensor conducts its primary business, and under the laws of that jurisdiction excluding its conflict-of-law provisions. The application of the United Nations Convention on Contracts for the International Sale of Goods is expressly excluded. Any use of the Original Work outside the scope of this License or after its termination shall be subject to the requirements and penalties of copyright or patent law in the appropriate jurisdiction. This section shall survive the termination of this License.
39	+
40	+ 12) Attorneys' Fees. In any action to enforce the terms of this License or seeking damages relating thereto, the prevailing party shall be entitled to recover its costs and expenses, including, without limitation, reasonable attorneys' fees and costs incurred in connection with such action, including any appeal of such action. This section shall survive the termination of this License.
41	+
42	+ 13) Miscellaneous. If any provision of this License is held to be unenforceable, such provision shall be reformed only to the extent necessary to make it enforceable.
43	+
44	+ 14) Definition of "You" in This License. "You" throughout this License, whether in upper or lower case, means an individual or a legal entity exercising rights under, and complying with all of the terms of, this License. For legal entities, "You" includes any entity that controls, is controlled by, or is under common control with you. For purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
45	+
46	+ 15) Right to Use. You may use the Original Work in all ways not otherwise restricted or conditioned by this License or by law, and Licensor promises not to interfere with or be responsible for such uses by You.
47	+
48	+ 16) Modification of This License. This License is Copyright © 2005 Lawrence Rosen. Permission is granted to copy, distribute, or communicate this License without modification. Nothing in this License permits You to modify this License as applied to the Original Work or to Derivative Works. However, You may modify the text of this License and copy, distribute or communicate your modified version (the "Modified License") and apply it to other original works of authorship subject to the following conditions: (i) You may not indicate in any way that your Modified License is the "Academic Free License" or "AFL" and you may not use those names in the name of your Modified License; (ii) You must replace the notice specified in the first paragraph above with the notice "Licensed under <insert your license name here>" or with a notice of your own that is not confusingly similar to the notice in this License; and (iii) You may not claim that your original works are open source software unless your Modified License has been approved by Open Source Initiative (OSI) and You comply with its license review and certification process.

app/code/community/ET/Lytebox/Helper/Data.php ADDED Viewed

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


1	+ <?php
2	+ /**
3	+ * ET Web Solutions
4	+ *
5	+ * NOTICE OF LICENSE
6	+ *
7	+ * This source file is subject to the Academic Free License (AFL 3.0)
8	+ *
9	+ * DISCLAIMER
10	+ *
11	+ * Do not edit or add to this file if you wish to upgrade to newer
12	+ * versions in the future.
13	+ *
14	+ * @category ET
15	+ * @package ET_Lytebox
16	+ * @copyright Copyright (c) 2010 ET Web Solutions (http://etwebsolutions.com)
17	+ * @contacts support@etwebsolutions.com
18	+ * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
19	+ */
20	+
21	+ class ET_Lytebox_Helper_Data extends Mage_Core_Helper_Abstract
22	+ {
23	+
24	+ }

app/code/community/ET/Lytebox/etc/config.xml ADDED Viewed

	@@ -0,0 +1,138 @@


1	+ <?xml version="1.0"?>
2	+ <!--
3	+ /**
4	+ * ET Web Solutions
5	+ *
6	+ * NOTICE OF LICENSE
7	+ *
8	+ * This source file is subject to the Academic Free License (AFL 3.0)
9	+ *
10	+ * DISCLAIMER
11	+ *
12	+ * Do not edit or add to this file if you wish to upgrade to newer
13	+ * versions in the future.
14	+ *
15	+ * @category ET
16	+ * @package ET_Lytebox
17	+ * @copyright Copyright (c) 2010 ET Web Solutions (http://etwebsolutions.com)
18	+ * @contacts support@etwebsolutions.com
19	+ * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
20	+ */
21	+ -->
22	+ <config>
23	+ <modules>
24	+ <ET_Lytebox>
25	+ <version>0.1.2</version>
26	+ <descr>
27	+ <ru_RU>
28	+ Интеграция в Magento просмоторщика изображений Lytebox (http://www.dolem.com/lytebox/).
29	+ * Заменяет стандартное окно, в котором показывается изображение товара.
30	+ * Добавляет возможность использовать Lytebox на CMS страницах.
31	+ </ru_RU>
32	+ <en_US>
33	+ This extension integrates Lytebox viewer (http://www.dolem.com/lytebox/).
34	+ * Replaces default popup window on product view page
35	+ * Adds possibility to use Lytebox on CMS pages
36	+ </en_US>
37	+ </descr>
38	+ </ET_Lytebox>
39	+ </modules>
40	+ <global>
41	+ <helpers>
42	+ <lytebox>
43	+ <class>ET_Lytebox_Helper</class>
44	+ </lytebox>
45	+ </helpers>
46	+ <resources>
47	+ <lytebox_setup>
48	+ <setup>
49	+ <module>ET_Lytebox</module>
50	+ </setup>
51	+ <connection>
52	+ <use>core_setup</use>
53	+ </connection>
54	+ </lytebox_setup>
55	+ <lytebox_write>
56	+ <connection>
57	+ <use>core_write</use>
58	+ </connection>
59	+ </lytebox_write>
60	+ <lytebox_read>
61	+ <connection>
62	+ <use>core_read</use>
63	+ </connection>
64	+ </lytebox_read>
65	+ </resources>
66	+ </global>
67	+ <default>
68	+ <lytebox>
69	+ <general>
70	+ <enabled>0</enabled>
71	+ <defaultzoom>0</defaultzoom>
72	+ </general>
73	+ <design>
74	+ <themeName>grey</themeName>
75	+ <mainImageSize>265_265</mainImageSize>
76	+ <popupImageSize>500_500</popupImageSize>
77	+ <additionalImageSize>60_60</additionalImageSize>
78	+ <productName>0</productName>
79	+ <animate>1</animate>
80	+ <maxOpacity>80</maxOpacity>
81	+ <resizeSpeed>7</resizeSpeed>
82	+ <borderSize>12</borderSize>
83	+ <labelImage>Image </labelImage>
84	+ <labelOf> of </labelOf>
85	+ </design>
86	+ <slideshow>
87	+ <slideInterval>4000</slideInterval>
88	+ <showNavigation>1</showNavigation>
89	+ <showClose>1</showClose>
90	+ <showDetails>1</showDetails>
91	+ <showPlayPause>1</showPlayPause>
92	+ <autoEnd>1</autoEnd>
93	+ <pauseOnNextClick>0</pauseOnNextClick>
94	+ <pauseOnPrevClick>1</pauseOnPrevClick>
95	+ </slideshow>
96	+ </lytebox>
97	+ </default>
98	+ <frontend>
99	+ <layout>
100	+ <updates>
101	+ <lytebox>
102	+ <file>etlytebox.xml</file>
103	+ </lytebox>
104	+ </updates>
105	+ </layout>
106	+ </frontend>
107	+ <adminhtml>
108	+ <acl>
109	+ <resources>
110	+ <admin>
111	+ <children>
112	+ <system>
113	+ <children>
114	+ <config>
115	+ <children>
116	+ <lytebox translate="title" module="lytebox">
117	+ <title>ET Lytebox Section</title>
118	+ <sort_order>300</sort_order>
119	+ </lytebox>
120	+ </children>
121	+ </config>
122	+ </children>
123	+ </system>
124	+ </children>
125	+ </admin>
126	+ </resources>
127	+ </acl>
128	+ <translate>
129	+ <modules>
130	+ <ET_Lytebox>
131	+ <files>
132	+ <default>ET_Lytebox.csv</default>
133	+ </files>
134	+ </ET_Lytebox>
135	+ </modules>
136	+ </translate>
137	+ </adminhtml>
138	+ </config>

app/code/community/ET/Lytebox/etc/system.xml ADDED Viewed

	@@ -0,0 +1,276 @@


1	+ <?xml version="1.0"?>
2	+ <!--
3	+ /**
4	+ * ET Web Solutions
5	+ *
6	+ * NOTICE OF LICENSE
7	+ *
8	+ * This source file is subject to the Academic Free License (AFL 3.0)
9	+ *
10	+ * DISCLAIMER
11	+ *
12	+ * Do not edit or add to this file if you wish to upgrade to newer
13	+ * versions in the future.
14	+ *
15	+ * @category ET
16	+ * @package ET_Lytebox
17	+ * @copyright Copyright (c) 2010 ET Web Solutions (http://etwebsolutions.com)
18	+ * @contacts support@etwebsolutions.com
19	+ * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
20	+ */
21	+ -->
22	+ <config>
23	+ <tabs>
24	+ <etall translate="label">
25	+ <label>ET Extensions</label>
26	+ <sort_order>400</sort_order>
27	+ </etall>
28	+ </tabs>
29	+
30	+ <sections>
31	+ <lytebox translate="label" module="lytebox">
32	+ <label>Lytebox</label>
33	+ <tab>etall</tab>
34	+ <frontend_type>text</frontend_type>
35	+ <sort_order>300</sort_order>
36	+ <show_in_default>1</show_in_default>
37	+ <show_in_website>1</show_in_website>
38	+ <show_in_store>1</show_in_store>
39	+ <groups>
40	+ <general translate="label">
41	+ <label>Lytebox options</label>
42	+ <frontend_type>text</frontend_type>
43	+ <sort_order>10</sort_order>
44	+ <show_in_default>1</show_in_default>
45	+ <show_in_website>1</show_in_website>
46	+ <show_in_store>1</show_in_store>
47	+ <fields>
48	+ <enabled translate="label comment">
49	+ <label>Enable lytebox</label>
50	+ <comment>If enabled: include js, css files to frontend and replace template for images popup</comment>
51	+ <frontend_type>select</frontend_type>
52	+ <source_model>adminhtml/system_config_source_yesno</source_model>
53	+ <sort_order>1</sort_order>
54	+ <show_in_default>1</show_in_default>
55	+ <show_in_website>1</show_in_website>
56	+ <show_in_store>1</show_in_store>
57	+ </enabled>
58	+ <defaultzoom translate="label">
59	+ <label>Keep Magento zoom</label>
60	+ <frontend_type>select</frontend_type>
61	+ <source_model>adminhtml/system_config_source_yesno</source_model>
62	+ <sort_order>3</sort_order>
63	+ <show_in_default>1</show_in_default>
64	+ <show_in_website>1</show_in_website>
65	+ <show_in_store>1</show_in_store>
66	+ </defaultzoom>
67	+ </fields>
68	+ </general>
69	+ <design>
70	+ <label>Lytebox design options</label>
71	+ <frontend_type>text</frontend_type>
72	+ <sort_order>20</sort_order>
73	+ <show_in_default>1</show_in_default>
74	+ <show_in_website>1</show_in_website>
75	+ <show_in_store>1</show_in_store>
76	+ <fields>
77	+ <themeName translate="label comment">
78	+ <label>Lyteboxs theme</label>
79	+ <comment>Style in CSS. (Avalable themes: grey, blue, gold, green, red. Default: grey).</comment>
80	+ <frontend_type>text</frontend_type>
81	+ <sort_order>4</sort_order>
82	+ <show_in_default>1</show_in_default>
83	+ <show_in_website>1</show_in_website>
84	+ <show_in_store>1</show_in_store>
85	+ </themeName>
86	+ <mainImageSize translate="label comment">
87	+ <label>Size of main image</label>
88	+ <comment>Size in pixels width_height. (Default 265_265).</comment>
89	+ <frontend_type>text</frontend_type>
90	+ <sort_order>5</sort_order>
91	+ <show_in_default>1</show_in_default>
92	+ <show_in_website>1</show_in_website>
93	+ <show_in_store>1</show_in_store>
94	+ </mainImageSize>
95	+ <popupImageSize translate="label comment">
96	+ <label>Size of popup image</label>
97	+ <comment>Size in pixels width_height. (Default 500_500, also can be only width, or empty for full size).</comment>
98	+ <frontend_type>text</frontend_type>
99	+ <sort_order>6</sort_order>
100	+ <show_in_default>1</show_in_default>
101	+ <show_in_website>1</show_in_website>
102	+ <show_in_store>1</show_in_store>
103	+ </popupImageSize>
104	+ <additionalImageSize translate="label comment">
105	+ <label>Size of additional images</label>
106	+ <comment>Size in pixels width_height. (Default 60_60)</comment>
107	+ <frontend_type>text</frontend_type>
108	+ <sort_order>10</sort_order>
109	+ <show_in_default>1</show_in_default>
110	+ <show_in_website>1</show_in_website>
111	+ <show_in_store>1</show_in_store>
112	+ </additionalImageSize>
113	+ <productName translate="label comment">
114	+ <label>Replace empty image label</label>
115	+ <comment>Dipslays product name if image label is empty</comment>
116	+ <frontend_type>select</frontend_type>
117	+ <source_model>adminhtml/system_config_source_yesno</source_model>
118	+ <sort_order>13</sort_order>
119	+ <show_in_default>1</show_in_default>
120	+ <show_in_website>1</show_in_website>
121	+ <show_in_store>1</show_in_store>
122	+ </productName>
123	+ <animate translate="label">
124	+ <label>Enable lytebox animation</label>
125	+ <frontend_type>select</frontend_type>
126	+ <source_model>adminhtml/system_config_source_yesno</source_model>
127	+ <sort_order>15</sort_order>
128	+ <show_in_default>1</show_in_default>
129	+ <show_in_website>1</show_in_website>
130	+ <show_in_store>1</show_in_store>
131	+ </animate>
132	+ <maxOpacity translate="label comment">
133	+ <label>Max Opacity</label>
134	+ <comment>Controls transparency of shadow overlay (higher opacity = darker overlay, lower opacity = lighter overlay. Default: 80)</comment>
135	+ <frontend_type>text</frontend_type>
136	+ <sort_order>20</sort_order>
137	+ <show_in_default>1</show_in_default>
138	+ <show_in_website>1</show_in_website>
139	+ <show_in_store>1</show_in_store>
140	+ </maxOpacity>
141	+ <resizeSpeed translate="label comment">
142	+ <label>Resize speed</label>
143	+ <comment>Controls the speed of the image resizing animations (1=slowest and 10=fastest, 8 by default)</comment>
144	+ <frontend_type>text</frontend_type>
145	+ <sort_order>25</sort_order>
146	+ <show_in_default>1</show_in_default>
147	+ <show_in_website>1</show_in_website>
148	+ <show_in_store>1</show_in_store>
149	+ </resizeSpeed>
150	+ <borderSize translate="label comment">
151	+ <label>Border size</label>
152	+ <comment>Border width around image in lytebox (12 by default)</comment>
153	+ <frontend_type>text</frontend_type>
154	+ <sort_order>30</sort_order>
155	+ <show_in_default>1</show_in_default>
156	+ <show_in_website>1</show_in_website>
157	+ <show_in_store>1</show_in_store>
158	+ </borderSize>
159	+ <labelImage translate="label comment">
160	+ <label>Label 'Image'</label>
161	+ <comment>When grouping images this is used to write: 'Image # of #'</comment>
162	+ <frontend_type>text</frontend_type>
163	+ <sort_order>35</sort_order>
164	+ <show_in_default>1</show_in_default>
165	+ <show_in_website>1</show_in_website>
166	+ <show_in_store>1</show_in_store>
167	+ </labelImage>
168	+ <labelOf translate="label comment">
169	+ <label>Label 'of'</label>
170	+ <comment>When grouping images this is used to write: 'Image # of #'</comment>
171	+ <frontend_type>text</frontend_type>
172	+ <sort_order>40</sort_order>
173	+ <show_in_default>1</show_in_default>
174	+ <show_in_website>1</show_in_website>
175	+ <show_in_store>1</show_in_store>
176	+ </labelOf>
177	+ </fields>
178	+ </design>
179	+ <slideshow>
180	+ <label>Lytebox slideshow options (for CMS pages only)</label>
181	+ <frontend_type>text</frontend_type>
182	+ <sort_order>30</sort_order>
183	+ <show_in_default>1</show_in_default>
184	+ <show_in_website>1</show_in_website>
185	+ <show_in_store>1</show_in_store>
186	+ <fields>
187	+ <slideInterval translate="label comment">
188	+ <label>Slide interval</label>
189	+ <comment>Change value (milliseconds) to increase/decrease the time between "slides" (10000 = 10 seconds)</comment>
190	+ <frontend_type>text</frontend_type>
191	+ <sort_order>10</sort_order>
192	+ <show_in_default>1</show_in_default>
193	+ <show_in_website>1</show_in_website>
194	+ <show_in_store>1</show_in_store>
195	+ </slideInterval>
196	+ <showNavigation translate="label comment">
197	+ <label>Show navigation</label>
198	+ <comment>Yes to display Next/Prev buttons/text during slideshow, No to hide</comment>
199	+ <frontend_type>select</frontend_type>
200	+ <source_model>adminhtml/system_config_source_yesno</source_model>
201	+ <sort_order>20</sort_order>
202	+ <show_in_default>1</show_in_default>
203	+ <show_in_website>1</show_in_website>
204	+ <show_in_store>1</show_in_store>
205	+ </showNavigation>
206	+ <showClose translate="label comment">
207	+ <label>Show Close button</label>
208	+ <comment>Yes to display the Close button, No to hide</comment>
209	+ <frontend_type>select</frontend_type>
210	+ <source_model>adminhtml/system_config_source_yesno</source_model>
211	+ <sort_order>30</sort_order>
212	+ <show_in_default>1</show_in_default>
213	+ <show_in_website>1</show_in_website>
214	+ <show_in_store>1</show_in_store>
215	+ </showClose>
216	+ <showDetails translate="label comment">
217	+ <label>Show details</label>
218	+ <comment>Yes to display image details (caption, count), No to hide</comment>
219	+ <frontend_type>select</frontend_type>
220	+ <source_model>adminhtml/system_config_source_yesno</source_model>
221	+ <sort_order>40</sort_order>
222	+ <show_in_default>1</show_in_default>
223	+ <show_in_website>1</show_in_website>
224	+ <show_in_store>1</show_in_store>
225	+ </showDetails>
226	+ <showPlayPause translate="label comment">
227	+ <label>Show Play/Pause button</label>
228	+ <comment>Yes to display pause/play buttons next to close button, No to hide</comment>
229	+ <frontend_type>select</frontend_type>
230	+ <source_model>adminhtml/system_config_source_yesno</source_model>
231	+ <sort_order>50</sort_order>
232	+ <show_in_default>1</show_in_default>
233	+ <show_in_website>1</show_in_website>
234	+ <show_in_store>1</show_in_store>
235	+ </showPlayPause>
236	+ <autoEnd translate="label comment">
237	+ <label>Auto end</label>
238	+ <comment>Yes to automatically close Lytebox after the last image is reached, No to keep open</comment>
239	+ <frontend_type>select</frontend_type>
240	+ <source_model>adminhtml/system_config_source_yesno</source_model>
241	+ <sort_order>60</sort_order>
242	+ <show_in_default>1</show_in_default>
243	+ <show_in_website>1</show_in_website>
244	+ <show_in_store>1</show_in_store>
245	+ </autoEnd>
246	+ <pauseOnNextClick translate="label comment">
247	+ <label>Pause on Next click</label>
248	+ <comment>Yes to pause the slideshow when the "Next" button is clicked</comment>
249	+ <frontend_type>select</frontend_type>
250	+ <source_model>adminhtml/system_config_source_yesno</source_model>
251	+ <sort_order>70</sort_order>
252	+ <show_in_default>1</show_in_default>
253	+ <show_in_website>1</show_in_website>
254	+ <show_in_store>1</show_in_store>
255	+ </pauseOnNextClick>
256	+ <pauseOnPrevClick translate="label comment">
257	+ <label>Pause on Prev click</label>
258	+ <comment>Yes to pause the slideshow when the "Prev" button is clicked</comment>
259	+ <frontend_type>select</frontend_type>
260	+ <source_model>adminhtml/system_config_source_yesno</source_model>
261	+ <sort_order>80</sort_order>
262	+ <show_in_default>1</show_in_default>
263	+ <show_in_website>1</show_in_website>
264	+ <show_in_store>1</show_in_store>
265	+ </pauseOnPrevClick>
266	+ </fields>
267	+ </slideshow>
268	+
269	+
270	+
271	+
272	+
273	+ </groups>
274	+ </lytebox>
275	+ </sections>
276	+ </config>

app/design/frontend/default/default/layout/etlytebox.xml ADDED Viewed

	@@ -0,0 +1,60 @@


1	+ <?xml version="1.0"?>
2	+ <!--
3	+ /**
4	+ * ET Web Solutions
5	+ *
6	+ * NOTICE OF LICENSE
7	+ *
8	+ * This source file is subject to the Academic Free License (AFL 3.0)
9	+ *
10	+ * DISCLAIMER
11	+ *
12	+ * Do not edit or add to this file if you wish to upgrade to newer
13	+ * versions in the future.
14	+ *
15	+ * @category ET
16	+ * @package ET_Lytebox
17	+ * @copyright Copyright (c) 2010 ET Web Solutions (http://etwebsolutions.com)
18	+ * @contacts support@etwebsolutions.com
19	+ * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
20	+ */
21	+ -->
22	+
23	+ <layout version="0.1.0">
24	+
25	+ <catalog_product_view>
26	+ <reference name="head">
27	+ <action method="addJs" ifconfig="lytebox/general/enabled"><script>lytebox/lytebox.js</script></action>
28	+ <action method="addCss" ifconfig="lytebox/general/enabled"><stylesheet>lytebox/lytebox_base.css</stylesheet></action>
29	+ </reference>
30	+ <reference name="product.info.media">
31	+ <action method="setTemplate" ifconfig="lytebox/general/enabled"><template>etlytebox/media.phtml</template></action>
32	+ </reference>
33	+ </catalog_product_view>
34	+
35	+ <review_product_list>
36	+ <reference name="head">
37	+ <action method="addJs" ifconfig="lytebox/general/enabled"><script>lytebox/lytebox.js</script></action>
38	+ <action method="addCss" ifconfig="lytebox/general/enabled"><stylesheet>lytebox/lytebox_base.css</stylesheet></action>
39	+ </reference>
40	+ <reference name="product.info.media">
41	+ <action method="setTemplate" ifconfig="lytebox/general/enabled"><template>etlytebox/media.phtml</template></action>
42	+ </reference>
43	+ </review_product_list>
44	+
45	+ <cms_page>
46	+ <reference name="head">
47	+ <action method="addJs" ifconfig="lytebox/general/enabled"><script>lytebox/lytebox.js</script></action>
48	+ <action method="addCss" ifconfig="lytebox/general/enabled"><stylesheet>lytebox/lytebox_base.css</stylesheet></action>
49	+ </reference>
50	+
51	+ <reference name="content">
52	+ <block type="core/template" name="lytebox.config" template="etlytebox/config.phtml"/>
53	+ <!-- <action method="setTemplate" ifconfig="lytebox/general/enabled"><template>etlytebox/config.phtml</template></action> -->
54	+ </reference>
55	+ </cms_page>
56	+
57	+
58	+
59	+ </layout>
60	+

app/design/frontend/default/default/template/etlytebox/config.phtml ADDED Viewed

	@@ -0,0 +1,58 @@


1	+ <?php
2	+ /**
3	+ * ET Web Solutions
4	+ *
5	+ * NOTICE OF LICENSE
6	+ *
7	+ * This source file is subject to the Academic Free License (AFL 3.0)
8	+ *
9	+ * DISCLAIMER
10	+ *
11	+ * Do not edit or add to this file if you wish to upgrade to newer
12	+ * versions in the future.
13	+ *
14	+ * @category ET
15	+ * @package ET_Lytebox
16	+ * @copyright Copyright (c) 2010 ET Web Solutions (http://etwebsolutions.com)
17	+ * @contacts support@etwebsolutions.com
18	+ * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
19	+ */
20	+
21	+ $_lyghtboxConfig = Mage::getStoreConfig('lytebox/general');
22	+ $_lyghtboxConfig += Mage::getStoreConfig('lytebox/design');
23	+ $_lyghtboxConfig += Mage::getStoreConfig('lytebox/slideshow');
24	+ ?>
25	+
26	+ <script type="text/javascript">
27	+ function initLytebox() {
28	+
29	+ myLytebox = new LyteBox({
30	+ theme: '<?php echo $_lyghtboxConfig['themeName'] ?>',
31	+ maxOpacity: <?php echo $_lyghtboxConfig['maxOpacity'] ?>,
32	+ doAnimations: <?php echo (($_lyghtboxConfig['animate'] > 0)? "true":"false"); ?>,
33	+ resizeSpeed: <?php echo $_lyghtboxConfig['resizeSpeed'] ?>,
34	+ borderSize: <?php echo $_lyghtboxConfig['borderSize'] ?>,
35	+ labelImage: '<?php echo $_lyghtboxConfig['labelImage'] ?>',
36	+ labelOf: '<?php echo $_lyghtboxConfig['labelOf'] ?>',
37	+ slideInterval: <?php echo $_lyghtboxConfig['slideInterval'] ?>,
38	+ showNavigation: <?php echo (($_lyghtboxConfig['showNavigation'] > 0)? "true":"false"); ?>,
39	+ showClose: <?php echo (($_lyghtboxConfig['showClose'] > 0)? "true":"false"); ?>,
40	+ showDetails: <?php echo (($_lyghtboxConfig['showDetails'] > 0)? "true":"false"); ?>,
41	+ showPlayPause: <?php echo (($_lyghtboxConfig['showPlayPause'] > 0)? "true":"false"); ?>,
42	+ autoEnd: <?php echo (($_lyghtboxConfig['autoEnd'] > 0)? "true":"false"); ?>,
43	+ pauseOnNextClick: <?php echo (($_lyghtboxConfig['pauseOnNextClick'] > 0)? "true":"false"); ?>,
44	+ pauseOnPrevClick: <?php echo (($_lyghtboxConfig['pauseOnPrevClick'] > 0)? "true":"false"); ?>
45	+
46	+ });
47	+ }
48	+
49	+
50	+ if (window.addEventListener) {
51	+ window.addEventListener("load",initLytebox,false);
52	+ } else if (window.attachEvent) {
53	+ window.attachEvent("onload",initLytebox);
54	+ } else {
55	+ window.onload = function() {initLytebox();}
56	+ }
57	+
58	+ </script>

app/design/frontend/default/default/template/etlytebox/media.phtml ADDED Viewed

	@@ -0,0 +1,160 @@


1	+ <?php
2	+ /**
3	+ * ET Web Solutions
4	+ *
5	+ * NOTICE OF LICENSE
6	+ *
7	+ * This source file is subject to the Academic Free License (AFL 3.0)
8	+ *
9	+ * DISCLAIMER
10	+ *
11	+ * Do not edit or add to this file if you wish to upgrade to newer
12	+ * versions in the future.
13	+ *
14	+ * @category ET
15	+ * @package ET_Lytebox
16	+ * @copyright Copyright (c) 2010 ET Web Solutions (http://etwebsolutions.com)
17	+ * @contacts support@etwebsolutions.com
18	+ * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
19	+ */
20	+
21	+ /**
22	+ * Product media data template
23	+ *
24	+ * @see Mage_Catalog_Block_Product_View_Media
25	+ */
26	+
27	+ $_product = $this->getProduct();
28	+ $_helper = $this->helper('catalog/output');
29	+
30	+ $_lyghtboxConfig = Mage::getStoreConfig('lytebox/general');
31	+ $_lyghtboxConfig += Mage::getStoreConfig('lytebox/design');
32	+ $_lyghtboxConfig += Mage::getStoreConfig('lytebox/slideshow');
33	+
34	+ /* Main Image Size */
35	+ if (strstr($_lyghtboxConfig['mainImageSize'], '_')) {
36	+ $mainImageSize = explode('_', $_lyghtboxConfig['mainImageSize'], 2);
37	+ } else {
38	+ $mainImageSize = array(265, 265);
39	+ }
40	+ /* Popup Image Size */
41	+ $popupImageSize = explode('_', $_lyghtboxConfig['popupImageSize'], 2);
42	+ if(count($popupImageSize)==1)
43	+ {
44	+ if(!((int)$popupImageSize[0]>0))$popupImageSize = false;
45	+ }
46	+ else if(count($popupImageSize)!=2) $popupImageSize = false;
47	+
48	+ /* Additional Images Size */
49	+ if (strstr($_lyghtboxConfig['additionalImageSize'], '_')) {
50	+ $additionalImageSize = explode('_', $_lyghtboxConfig['additionalImageSize'], 2);
51	+ } else {
52	+ $additionalImageSize = array(60, 60);
53	+ }
54	+
55	+ $image = $this->helper('catalog/image')->init($_product, 'image');
56	+ if ($popupImageSize[0] > 0) {
57	+ $image = $this->helper('catalog/image')->init($_product, 'image')->resize($popupImageSize[0], $popupImageSize[1]);
58	+ }
59	+ ?>
60	+
61	+ <?php if(!$_lyghtboxConfig['defaultzoom']): ?>
62	+
63	+ <?php
64	+ $maintitle = $this->htmlEscape($_product->getImageLabel());
65	+ if(($_lyghtboxConfig['productName'] != 0) && empty($maintitle)):
66	+ $maintitle = $_product->getName();
67	+ endif;
68	+ ?>
69	+
70	+ <a href="<?php echo $image; ?>" rel="lytebox[rotation]" title="<?php echo $maintitle ;?>" onclick="return false;"><img src="<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize($mainImageSize[0], $mainImageSize[1]); ?>" width="<?php echo $mainImageSize[0];?>" height="<?php echo $mainImageSize[1];?>" alt="<?php echo $this->htmlEscape($_product->getImageLabel());?>" /></a>
71	+
72	+ <?php else: ?>
73	+ <?php if ($_product->getImage() != 'no_selection' && $_product->getImage()): ?>
74	+ <p class="product-image product-image-zoom">
75	+ <?php
76	+ $_img = '<img id="image" src="'.$this->helper('catalog/image')->init($_product, 'image').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
77	+ echo $_helper->productAttribute($_product, $_img, 'image');
78	+ ?>
79	+ </p>
80	+
81	+ <p class="zoom-notice" id="track_hint"><?php echo $this->__('Double click on above image to view full picture') ?></p>
82	+ <div class="zoom">
83	+ <img id="zoom_out" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_out.gif') ?>" alt="<?php echo $this->__('Zoom Out') ?>" title="<?php echo $this->__('Zoom Out') ?>" class="btn-zoom-out" />
84	+ <div id="track">
85	+ <div id="handle"></div>
86	+ </div>
87	+ <img id="zoom_in" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_in.gif') ?>" alt="<?php echo $this->__('Zoom In') ?>" title="<?php echo $this->__('Zoom In') ?>" class="btn-zoom-in" />
88	+ </div>
89	+ <script type="text/javascript">
90	+ //<![CDATA[
91	+ Event.observe(window, 'load', function() {
92	+ product_zoom = new Product.Zoom('image', 'track', 'handle', 'zoom_in', 'zoom_out', 'track_hint');
93	+ });
94	+ //]]>
95	+ </script>
96	+ <?php else: ?>
97	+ <p class="product-image">
98	+ <?php
99	+ $_img = '<img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(265).'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
100	+ echo $_helper->productAttribute($_product, $_img, 'image');
101	+ ?>
102	+ </p>
103	+ <?php endif; ?>
104	+ <?php endif; ?>
105	+
106	+
107	+
108	+ <?php if (count($this->getGalleryImages()) > 0): ?>
109	+ <div class="more-views">
110	+ <h2><?php echo $this->__('More Views') ?></h2>
111	+ <ul>
112	+ <?php foreach ($this->getGalleryImages() as $_image): ?>
113	+ <?php
114	+ $subtitle = $this->htmlEscape($_image->getLabel());
115	+ if(($_lyghtboxConfig['productName'] != 0) && empty($subtitle)):
116	+ $subtitle = $_product->getName();
117	+ endif;
118	+
119	+ $imageUrl=$popupImageSize
120	+ ?(count($popupImageSize)==2
121	+ ?((string)Mage::helper('catalog/image')->init($_product, 'image', $_image->file)->resize($popupImageSize[0],$popupImageSize[1]))
122	+ :((string)Mage::helper('catalog/image')->init($_product, 'image', $_image->file)->resize($popupImageSize[0]))
123	+ )
124	+ :((string)Mage::helper('catalog/image')->init($_product, 'image', $_image->file))
125	+ ;
126	+ ?>
127	+ <li>
128	+ <a href="<?php echo $imageUrl; ?>" rel="lytebox[rotation]" title="<?php echo $subtitle; ?>" onclick="return false;"><img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize($additionalImageSize[0], $additionalImageSize[1]); ?>" width="<?php echo $additionalImageSize[0];?>" height="<?php echo $additionalImageSize[1];?>" alt="<?php echo $subtitle; ?>" /></a>
129	+ </li>
130	+ <?php endforeach; ?>
131	+ </ul>
132	+ </div>
133	+ <?php endif; ?>
134	+
135	+
136	+
137	+
138	+ <script type="text/javascript">
139	+ function initLytebox() {
140	+
141	+ myLytebox = new LyteBox({
142	+ theme: '<?php echo $_lyghtboxConfig['themeName'] ?>',
143	+ maxOpacity: <?php echo $_lyghtboxConfig['maxOpacity'] ?>,
144	+ doAnimations: <?php echo (($_lyghtboxConfig['animate'] > 0)? "true":"false"); ?>,
145	+ resizeSpeed: <?php echo $_lyghtboxConfig['resizeSpeed'] ?>,
146	+ borderSize: <?php echo $_lyghtboxConfig['borderSize'] ?>,
147	+ labelImage: '<?php echo $_lyghtboxConfig['labelImage'] ?>',
148	+ labelOf: '<?php echo $_lyghtboxConfig['labelOf'] ?>'
149	+ });
150	+ }
151	+
152	+
153	+ if (window.addEventListener) {
154	+ window.addEventListener("load",initLytebox,false);
155	+ } else if (window.attachEvent) {
156	+ window.attachEvent("onload",initLytebox);
157	+ } else {
158	+ window.onload = function() {initLytebox();}
159	+ }
160	+ </script>

app/etc/modules/ET_Lytebox.xml ADDED Viewed

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


1	+ <?xml version="1.0"?>
2	+ <!--
3	+ /**
4	+ * ET Web Solutions
5	+ *
6	+ * NOTICE OF LICENSE
7	+ *
8	+ * This source file is subject to the Academic Free License (AFL 3.0)
9	+ *
10	+ * DISCLAIMER
11	+ *
12	+ * Do not edit or add to this file if you wish to upgrade to newer
13	+ * versions in the future.
14	+ *
15	+ * @category ET
16	+ * @package ET_Lytebox
17	+ * @copyright Copyright (c) 2010 ET Web Solutions (http://etwebsolutions.com)
18	+ * @contacts support@etwebsolutions.com
19	+ * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
20	+ */
21	+ -->
22	+ <config>
23	+ <modules>
24	+ <ET_Lytebox>
25	+ <active>true</active>
26	+ <codePool>community</codePool>
27	+ <depends>
28	+ <Mage_Catalog />
29	+ </depends>
30	+ </ET_Lytebox>
31	+ </modules>
32	+ </config>

app/locale/en_US/ET_Lytebox.csv ADDED Viewed

	@@ -0,0 +1,42 @@


1	+ "Lytebox options","Lytebox options"
2	+ "Enable lytebox","Enable lytebox"
3	+ "If enabled: include js, css files to frontend and replace template for images popup","If enabled: include js, css files to frontend and replace template for images popup"
4	+ "Keep Magento zoom","Keep Magento zoom"
5	+ "Lytebox design options","Lytebox design options"
6	+ "Lyteboxs theme","Lytebox theme"
7	+ "Style in CSS. (Avalable themes: grey, blue, gold, green, red. Default: grey).","Style in CSS. (Avalable themes: grey, blue, gold, green, red. Default: grey)."
8	+ "Size of main image","Size of main image"
9	+ "Size in pixels width_height. (Default 265_265).","Size in pixels width_height. (Default 265_265)."
10	+ "Size of popup image","Size of popup image"
11	+ "Size in pixels width_height. (Default 500_500, also can be only width, or empty for full size).","Size in pixels width_height. (Default 500_500, also can be only width, or empty for full size)."
12	+ "Size of additional images","Size of additional images"
13	+ "Size in pixels width_height. (Default 60_60)","Size in pixels width_height. (Default 60_60)"
14	+ "Replace empty image label","Replace empty image label"
15	+ "Dipslays product name if image label is empty","Dipslays product name if image label is empty"
16	+ "Enable lytebox animation","Enable lytebox animation"
17	+ "Max Opacity","Max Opacity"
18	+ "Controls transparency of shadow overlay (higher opacity = darker overlay, lower opacity = lighter overlay. Default: 80)","Controls transparency of shadow overlay (higher opacity = darker overlay, lower opacity = lighter overlay. Default: 80)"
19	+ "Resize speed","Resize speed"
20	+ "Controls the speed of the image resizing animations (1=slowest and 10=fastest, 8 by default)","Controls the speed of the image resizing animations (1=slowest and 10=fastest, 8 by default)"
21	+ "Border size","Border size"
22	+ "Border width around image in lytebox (12 by default)","Border width around image in lytebox (12 by default)"
23	+ "Label 'Image'","Label 'Image'"
24	+ "When grouping images this is used to write: 'Image # of #'","When grouping images this is used to write: 'Image # of #'"
25	+ "Label 'of'","Label 'of'"
26	+ "Lytebox slideshow options (for CMS pages only)","Lytebox slideshow options (for CMS pages only)"
27	+ "Slide interval","Slide interval"
28	+ "Change value (milliseconds) to increase/decrease the time between ""slides"" (10000 = 10 seconds)","Change value (milliseconds) to increase/decrease the time between ""slides"" (10000 = 10 seconds)"
29	+ "Show navigation","Show navigation"
30	+ "Yes to display Next/Prev buttons/text during slideshow, No to hide","Yes to display Next/Prev buttons/text during slideshow, No to hide"
31	+ "Show Close button","Show Close button"
32	+ "Yes to display the Close button, No to hide","Yes to display the Close button, No to hide"
33	+ "Show details","Show details"
34	+ "Yes to display image details (caption, count), No to hide","Yes to display image details (caption, count), No to hide"
35	+ "Show Play/Pause button","Show Play/Pause button"
36	+ "Yes to display pause/play buttons next to close button, No to hide","Yes to display pause/play buttons next to close button, No to hide"
37	+ "Auto end","Auto end"
38	+ "Yes to automatically close Lytebox after the last image is reached, No to keep open","Yes to automatically close Lytebox after the last image is reached, No to keep open"
39	+ "Pause on Next click","Pause on Next click"
40	+ "Yes to pause the slideshow when the ""Next"" button is clicked","Yes to pause the slideshow when the ""Next"" button is clicked"
41	+ "Pause on Prev click","Pause on Prev click"
42	+ "Yes to pause the slideshow when the ""Prev"" button is clicked","Yes to pause the slideshow when the ""Prev"" button is clicked"

app/locale/ru_RU/ET_Lytebox.csv ADDED Viewed

	@@ -0,0 +1,42 @@


1	+ "Lytebox options","Настройки модуля Lytebox"
2	+ "Enable lytebox","Включить Lytebox"
3	+ "If enabled: include js, css files to frontend and replace template for images popup","Если включено: загружаются css и js файлы в пользовательской части и заменяется шаблон для изображений товара"
4	+ "Keep Magento zoom","Оставить Magento zoom"
5	+ "Lytebox design options","Дизайн Lytebox"
6	+ "Lyteboxs theme","Тема"
7	+ "Style in CSS. (Avalable themes: grey, blue, gold, green, red. Default: grey).","CSS стиль. (Доступные темы: grey, blue, gold, green, red. По умолчанию: grey). Также доступны русские версии (grey_ru, blue_ru, gold_ru, green_ru, red_ru)."
8	+ "Size of main image","Размер главного изображения"
9	+ "Size in pixels width_height. (Default 265_265).","Размер в пикселях width_height. (По умолчанию: 265_265)."
10	+ "Size of popup image","Размер открывающегося изображения"
11	+ "Size in pixels width_height. (Default 500_500, also can be only width, or empty for full size).","Размер в пикселях width_height. (По умолчанию: 500_500. Можно указать только ширину или пустое значение, для оригинального изображения)."
12	+ "Size of additional images","Размер дополнительных изображений"
13	+ "Size in pixels width_height. (Default 60_60)","Размер в пикселях width_height. (По умолчанию: 60_60)."
14	+ "Replace empty image label","Заменять пустой заголовок"
15	+ "Dipslays product name if image label is empty","Если заголовок изображения пустой, то показывается название товара"
16	+ "Enable lytebox animation","Включить анимацию Lytebox"
17	+ "Max Opacity","Максимальная непрозрачность"
18	+ "Controls transparency of shadow overlay (higher opacity = darker overlay, lower opacity = lighter overlay. Default: 80)","Управление прозрачностью заднего фона. (большая непрозрачность=темнее тень, меньшая непрозрачность=светлее тень. По умолчанию: 80)"
19	+ "Resize speed","Скорость анимации"
20	+ "Controls the speed of the image resizing animations (1=slowest and 10=fastest, 8 by default)","Управление скоростью анимации при показе изображения. (1=медленно, 10=быстро. По умолчанию: 8)"
21	+ "Border size","Размер рамки"
22	+ "Border width around image in lytebox (12 by default)","Ширина рамки вокруг изображения в Lytebox (По умолчанию: 12)"
23	+ "Label 'Image'","Текст 'Изображение'"
24	+ "When grouping images this is used to write: 'Image # of #'","Если изображений несколько, то используется текст: 'Изображение # из #'"
25	+ "Label 'of'","Текст 'из'"
26	+ "Lytebox slideshow options (for CMS pages only)","Настройки слайдшоу Lytebox (только для CMS страниц)"
27	+ "Slide interval","Задержка смены кадра"
28	+ "Change value (milliseconds) to increase/decrease the time between ""slides"" (10000 = 10 seconds)","Время (в миллисекундах) задержки при смене изображения (По умолчанию: 4000 = 4 секунды)"
29	+ "Show navigation","Показывать навигацию"
30	+ "Yes to display Next/Prev buttons/text during slideshow, No to hide","Да - для отображения кнопок/текста Next/Prev во время слайдшоу, Нет - спрятать"
31	+ "Show Close button","Показывать кнопку Закрыть"
32	+ "Yes to display the Close button, No to hide","Да - для отображения кнопки Закрыть во время слайдшоу, Нет - спрятать"
33	+ "Show details","Показывать детали"
34	+ "Yes to display image details (caption, count), No to hide","Да - для отображения информации об изображении (заголовок, количество), Нет - спрятать"
35	+ "Show Play/Pause button","Показывать кнопку Play/Pause"
36	+ "Yes to display pause/play buttons next to close button, No to hide","Да - для отображения кнопки Play/Pause рядом с кнопкой Закрыть, Нет - спрятать"
37	+ "Auto end","Закрыть окно после просмотра"
38	+ "Yes to automatically close Lytebox after the last image is reached, No to keep open","Да - автоматически закрыть Lytebox после показа последнего изображения, Нет - оставить открытым"
39	+ "Pause on Next click","Пауза, если нажали на Next"
40	+ "Yes to pause the slideshow when the ""Next"" button is clicked","Да - для остановки сладшоу, если была нажата кнопка Next"
41	+ "Pause on Prev click","Пауза, если нажали на Prev"
42	+ "Yes to pause the slideshow when the ""Prev"" button is clicked","Да - для остановки сладшоу, если была нажата кнопка Prev"

js/lytebox/lytebox.js ADDED Viewed

	@@ -0,0 +1,913 @@


1	+ //***********************************************************************************************************************************/
2	+ // LyteBox v3.22
3	+ //
4	+ // Author: Markus F. Hay
5	+ // Website: http://www.dolem.com/lytebox
6	+ // Date: October 2, 2007
7	+ // License: Creative Commons Attribution 3.0 License (http://creativecommons.org/licenses/by/3.0/)
8	+ // Browsers: Tested successfully on WinXP with the following browsers (using no DOCTYPE and Strict/Transitional/Loose DOCTYPES):
9	+ // * Firefox: 2.0.0.7, 1.5.0.12
10	+ // * Internet Explorer: 7.0, 6.0 SP2, 5.5 SP2
11	+ // * Opera: 9.23
12	+ //
13	+ // Releases: For up-to-date and complete release information, visit http://www.dolem.com/forum/showthread.php?tid=62
14	+ // * v3.22 (10/02/07)
15	+ // * v3.21 (09/30/07)
16	+ // * v3.20 (07/12/07)
17	+ // * v3.10 (05/28/07)
18	+ // * v3.00 (05/15/07)
19	+ // * v2.02 (11/13/06)
20	+ //
21	+ // Credit: LyteBox was originally derived from the Lightbox class (v2.02) that was written by Lokesh Dhakar. For more
22	+ // information please visit http://huddletogether.com/projects/lightbox2/
23	+ //***********************************************************************************************************************************/
24	+ Array.prototype.removeDuplicates = function () { for (var i = 1; i < this.length; i++) { if (this[i][0] == this[i-1][0]) { this.splice(i,1); } } }
25	+ Array.prototype.empty = function () { for (var i = 0; i <= this.length; i++) { this.shift(); } }
26	+ String.prototype.trim = function () { return this.replace(/^\s+\|\s+$/g, ''); }
27	+
28	+ function LyteBox(params) {
29	+ /* Start Global Configuration */
30	+ this.theme = 'grey'; // themes: grey (default), red, green, blue, gold
31	+ this.hideFlash = true; // controls whether or not Flash objects should be hidden
32	+ this.outerBorder = true; // controls whether to show the outer grey (or theme) border
33	+ this.resizeSpeed = 8; // controls the speed of the image resizing (1=slowest and 10=fastest)
34	+ this.maxOpacity = 80; // higher opacity = darker overlay, lower opacity = lighter overlay
35	+ this.navType = 1; // 1 = "Prev/Next" buttons on top left and left (default), 2 = "<< prev \| next >>" links next to image number
36	+ this.autoResize = true; // controls whether or not images should be resized if larger than the browser window dimensions
37	+ this.doAnimations = true; // controls whether or not "animate" Lytebox, i.e. resize transition between images, fade in/out effects, etc.
38	+
39	+ this.borderSize = 12; // if you adjust the padding in the CSS, you will need to update this variable -- otherwise, leave this alone...
40	+
41	+
42	+ this.labelImage ="Image ";
43	+ this.labelOf =" of ";
44	+ /* End Global Configuration */
45	+
46	+
47	+
48	+ /* Configure Slideshow Options */
49	+ this.slideInterval = 4000; // Change value (milliseconds) to increase/decrease the time between "slides" (10000 = 10 seconds)
50	+ this.showNavigation = true; // true to display Next/Prev buttons/text during slideshow, false to hide
51	+ this.showClose = true; // true to display the Close button, false to hide
52	+ this.showDetails = true; // true to display image details (caption, count), false to hide
53	+ this.showPlayPause = true; // true to display pause/play buttons next to close button, false to hide
54	+ this.autoEnd = true; // true to automatically close Lytebox after the last image is reached, false to keep open
55	+ this.pauseOnNextClick = false; // true to pause the slideshow when the "Next" button is clicked
56	+ this.pauseOnPrevClick = true; // true to pause the slideshow when the "Prev" button is clicked
57	+ /* End Slideshow Configuration */
58	+
59	+ Object.extend(this, params \|\| {});
60	+
61	+
62	+ if(this.resizeSpeed > 10) { this.resizeSpeed = 10; }
63	+ if(this.resizeSpeed < 1) { resizeSpeed = 1; }
64	+ this.resizeDuration = (11 - this.resizeSpeed) * 0.15;
65	+ this.resizeWTimerArray = new Array();
66	+ this.resizeWTimerCount = 0;
67	+ this.resizeHTimerArray = new Array();
68	+ this.resizeHTimerCount = 0;
69	+ this.showContentTimerArray = new Array();
70	+ this.showContentTimerCount = 0;
71	+ this.overlayTimerArray = new Array();
72	+ this.overlayTimerCount = 0;
73	+ this.imageTimerArray = new Array();
74	+ this.imageTimerCount = 0;
75	+ this.timerIDArray = new Array();
76	+ this.timerIDCount = 0;
77	+ this.slideshowIDArray = new Array();
78	+ this.slideshowIDCount = 0;
79	+ this.imageArray = new Array();
80	+ this.activeImage = null;
81	+ this.slideArray = new Array();
82	+ this.activeSlide = null;
83	+ this.frameArray = new Array();
84	+ this.activeFrame = null;
85	+ this.checkFrame();
86	+ this.isSlideshow = false;
87	+ this.isLyteframe = false;
88	+ /*@cc_on
89	+ /*@if (@_jscript)
90	+ this.ie = (document.all && !window.opera) ? true : false;
91	+ /@else @/
92	+ this.ie = false;
93	+ /*@end
94	+ @*/
95	+ this.ie7 = (this.ie && window.XMLHttpRequest);
96	+
97	+
98	+ ieDetectMode=IEVersionDocMode();
99	+ if(ieDetectMode.DocMode==7){
100	+ this.ie7=true;
101	+ this.ie = true;
102	+ this.doAnimations = false;
103	+ }
104	+
105	+ if(ieDetectMode.DocMode==8){
106	+ this.ie7=false;
107	+ this.ie =false;
108	+ this.doAnimations = false;
109	+ }
110	+
111	+ this.initialize();
112	+ }
113	+ LyteBox.prototype.initialize = function() {
114	+ //alert(params);
115	+ this.updateLyteboxItems();
116	+ var objBody = this.doc.getElementsByTagName("body").item(0);
117	+ if (this.doc.getElementById('lbOverlay')) {
118	+ objBody.removeChild(this.doc.getElementById("lbOverlay"));
119	+ objBody.removeChild(this.doc.getElementById("lbMain"));
120	+ }
121	+ var objOverlay = this.doc.createElement("div");
122	+ objOverlay.setAttribute('id','lbOverlay');
123	+ objOverlay.setAttribute((this.ie ? 'className' : 'class'), this.theme);
124	+ if ((this.ie && !this.ie7) \|\| (this.ie7 && this.doc.compatMode == 'BackCompat')) {
125	+ objOverlay.style.position = 'absolute';
126	+ }
127	+ objOverlay.style.display = 'none';
128	+ objBody.appendChild(objOverlay);
129	+ var objLytebox = this.doc.createElement("div");
130	+ objLytebox.setAttribute('id','lbMain');
131	+ objLytebox.style.display = 'none';
132	+ objBody.appendChild(objLytebox);
133	+ var objOuterContainer = this.doc.createElement("div");
134	+ objOuterContainer.setAttribute('id','lbOuterContainer');
135	+ objOuterContainer.setAttribute((this.ie ? 'className' : 'class'), this.theme);
136	+ objLytebox.appendChild(objOuterContainer);
137	+ var objIframeContainer = this.doc.createElement("div");
138	+ objIframeContainer.setAttribute('id','lbIframeContainer');
139	+ objIframeContainer.style.display = 'none';
140	+ objOuterContainer.appendChild(objIframeContainer);
141	+ var objIframe = this.doc.createElement("iframe");
142	+ objIframe.setAttribute('id','lbIframe');
143	+ objIframe.setAttribute('name','lbIframe');
144	+ objIframe.style.display = 'none';
145	+ objIframeContainer.appendChild(objIframe);
146	+ var objImageContainer = this.doc.createElement("div");
147	+ objImageContainer.setAttribute('id','lbImageContainer');
148	+ objOuterContainer.appendChild(objImageContainer);
149	+ var objLyteboxImage = this.doc.createElement("img");
150	+ objLyteboxImage.setAttribute('id','lbImage');
151	+ objImageContainer.appendChild(objLyteboxImage);
152	+ var objLoading = this.doc.createElement("div");
153	+ objLoading.setAttribute('id','lbLoading');
154	+ objOuterContainer.appendChild(objLoading);
155	+ var objDetailsContainer = this.doc.createElement("div");
156	+ objDetailsContainer.setAttribute('id','lbDetailsContainer');
157	+ objDetailsContainer.setAttribute((this.ie ? 'className' : 'class'), this.theme);
158	+ objLytebox.appendChild(objDetailsContainer);
159	+ var objDetailsData =this.doc.createElement("div");
160	+ objDetailsData.setAttribute('id','lbDetailsData');
161	+ objDetailsData.setAttribute((this.ie ? 'className' : 'class'), this.theme);
162	+ objDetailsContainer.appendChild(objDetailsData);
163	+ var objDetails = this.doc.createElement("div");
164	+ objDetails.setAttribute('id','lbDetails');
165	+ objDetailsData.appendChild(objDetails);
166	+ var objCaption = this.doc.createElement("span");
167	+ objCaption.setAttribute('id','lbCaption');
168	+ objDetails.appendChild(objCaption);
169	+ var objHoverNav = this.doc.createElement("div");
170	+ objHoverNav.setAttribute('id','lbHoverNav');
171	+ objImageContainer.appendChild(objHoverNav);
172	+ var objBottomNav = this.doc.createElement("div");
173	+ objBottomNav.setAttribute('id','lbBottomNav');
174	+ objDetailsData.appendChild(objBottomNav);
175	+ var objPrev = this.doc.createElement("a");
176	+ objPrev.setAttribute('id','lbPrev');
177	+ objPrev.setAttribute((this.ie ? 'className' : 'class'), this.theme);
178	+ objPrev.setAttribute('href','#');
179	+ objHoverNav.appendChild(objPrev);
180	+ var objNext = this.doc.createElement("a");
181	+ objNext.setAttribute('id','lbNext');
182	+ objNext.setAttribute((this.ie ? 'className' : 'class'), this.theme);
183	+ objNext.setAttribute('href','#');
184	+ objHoverNav.appendChild(objNext);
185	+ var objNumberDisplay = this.doc.createElement("span");
186	+ objNumberDisplay.setAttribute('id','lbNumberDisplay');
187	+ objDetails.appendChild(objNumberDisplay);
188	+ var objNavDisplay = this.doc.createElement("span");
189	+ objNavDisplay.setAttribute('id','lbNavDisplay');
190	+ objNavDisplay.style.display = 'none';
191	+ objDetails.appendChild(objNavDisplay);
192	+ var objClose = this.doc.createElement("a");
193	+ objClose.setAttribute('id','lbClose');
194	+ objClose.setAttribute((this.ie ? 'className' : 'class'), this.theme);
195	+ objClose.setAttribute('href','#');
196	+ objBottomNav.appendChild(objClose);
197	+ var objPause = this.doc.createElement("a");
198	+ objPause.setAttribute('id','lbPause');
199	+ objPause.setAttribute((this.ie ? 'className' : 'class'), this.theme);
200	+ objPause.setAttribute('href','#');
201	+ objPause.style.display = 'none';
202	+ objBottomNav.appendChild(objPause);
203	+ var objPlay = this.doc.createElement("a");
204	+ objPlay.setAttribute('id','lbPlay');
205	+ objPlay.setAttribute((this.ie ? 'className' : 'class'), this.theme);
206	+ objPlay.setAttribute('href','#');
207	+ objPlay.style.display = 'none';
208	+ objBottomNav.appendChild(objPlay);
209	+ };
210	+ LyteBox.prototype.updateLyteboxItems = function() {
211	+ var anchors = (this.isFrame) ? window.parent.frames[window.name].document.getElementsByTagName('a') : document.getElementsByTagName('a');
212	+ for (var i = 0; i < anchors.length; i++) {
213	+ var anchor = anchors[i];
214	+ var relAttribute = String(anchor.getAttribute('rel'));
215	+ if (anchor.getAttribute('href')) {
216	+ if (relAttribute.toLowerCase().match('lytebox')) {
217	+ anchor.onclick = function () { myLytebox.start(this, false, false); return false; }
218	+ } else if (relAttribute.toLowerCase().match('lyteshow')) {
219	+ anchor.onclick = function () { myLytebox.start(this, true, false); return false; }
220	+ } else if (relAttribute.toLowerCase().match('lyteframe')) {
221	+ anchor.onclick = function () { myLytebox.start(this, false, true); return false; }
222	+ }
223	+ }
224	+ }
225	+ };
226	+ LyteBox.prototype.start = function(imageLink, doSlide, doFrame) {
227	+ if (this.ie && !this.ie7) { this.toggleSelects('hide'); }
228	+ if (this.hideFlash) { this.toggleFlash('hide'); }
229	+ this.isLyteframe = (doFrame ? true : false);
230	+ var pageSize = this.getPageSize();
231	+ var objOverlay = this.doc.getElementById('lbOverlay');
232	+ var objBody = this.doc.getElementsByTagName("body").item(0);
233	+ objOverlay.style.height = pageSize[1] + "px";
234	+ objOverlay.style.display = '';
235	+ this.appear('lbOverlay', (this.doAnimations ? 0 : this.maxOpacity));
236	+ var anchors = (this.isFrame) ? window.parent.frames[window.name].document.getElementsByTagName('a') : document.getElementsByTagName('a');
237	+ if (this.isLyteframe) {
238	+ this.frameArray = [];
239	+ this.frameNum = 0;
240	+ if ((imageLink.getAttribute('rel') == 'lyteframe')) {
241	+ var rev = imageLink.getAttribute('rev');
242	+ this.frameArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title'), (rev == null \|\| rev == '' ? 'width: 400px; height: 400px; scrolling: auto;' : rev)));
243	+ } else {
244	+ if (imageLink.getAttribute('rel').indexOf('lyteframe') != -1) {
245	+ for (var i = 0; i < anchors.length; i++) {
246	+ var anchor = anchors[i];
247	+ if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
248	+ var rev = anchor.getAttribute('rev');
249	+ this.frameArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title'), (rev == null \|\| rev == '' ? 'width: 400px; height: 400px; scrolling: auto;' : rev)));
250	+ }
251	+ }
252	+ this.frameArray.removeDuplicates();
253	+ while(this.frameArray[this.frameNum][0] != imageLink.getAttribute('href')) { this.frameNum++; }
254	+ }
255	+ }
256	+ } else {
257	+ this.imageArray = [];
258	+ this.imageNum = 0;
259	+ this.slideArray = [];
260	+ this.slideNum = 0;
261	+ if ((imageLink.getAttribute('rel') == 'lytebox')) {
262	+ this.imageArray.push(new Array(imageLink.getAttribute('href'), imageLink.getAttribute('title')));
263	+ } else {
264	+ if (imageLink.getAttribute('rel').indexOf('lytebox') != -1) {
265	+ for (var i = 0; i < anchors.length; i++) {
266	+ var anchor = anchors[i];
267	+ if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
268	+ this.imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
269	+ }
270	+ }
271	+ this.imageArray.removeDuplicates();
272	+ while(this.imageArray[this.imageNum][0] != imageLink.getAttribute('href')) { this.imageNum++; }
273	+ }
274	+ if (imageLink.getAttribute('rel').indexOf('lyteshow') != -1) {
275	+ for (var i = 0; i < anchors.length; i++) {
276	+ var anchor = anchors[i];
277	+ if (anchor.getAttribute('href') && (anchor.getAttribute('rel') == imageLink.getAttribute('rel'))) {
278	+ this.slideArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('title')));
279	+ }
280	+ }
281	+ this.slideArray.removeDuplicates();
282	+ while(this.slideArray[this.slideNum][0] != imageLink.getAttribute('href')) { this.slideNum++; }
283	+ }
284	+ }
285	+ }
286	+ var object = this.doc.getElementById('lbMain');
287	+ object.style.top = (this.getPageScroll() + (pageSize[3] / 15)) + "px";
288	+ object.style.display = '';
289	+ if (!this.outerBorder) {
290	+ this.doc.getElementById('lbOuterContainer').style.border = 'none';
291	+ this.doc.getElementById('lbDetailsContainer').style.border = 'none';
292	+ } else {
293	+ this.doc.getElementById('lbOuterContainer').style.borderBottom = '';
294	+ this.doc.getElementById('lbOuterContainer').setAttribute((this.ie ? 'className' : 'class'), this.theme);
295	+ }
296	+ this.doc.getElementById('lbOverlay').onclick = function() { myLytebox.end(); return false; }
297	+ this.doc.getElementById('lbMain').onclick = function(e) {
298	+ var e = e;
299	+ if (!e) {
300	+ if (window.parent.frames[window.name] && (parent.document.getElementsByTagName('frameset').length <= 0)) {
301	+ e = window.parent.window.event;
302	+ } else {
303	+ e = window.event;
304	+ }
305	+ }
306	+ var id = (e.target ? e.target.id : e.srcElement.id);
307	+ if (id == 'lbMain') { myLytebox.end(); return false; }
308	+ }
309	+ this.doc.getElementById('lbClose').onclick = function() { myLytebox.end(); return false; }
310	+ this.doc.getElementById('lbPause').onclick = function() { myLytebox.togglePlayPause("lbPause", "lbPlay"); return false; }
311	+ this.doc.getElementById('lbPlay').onclick = function() { myLytebox.togglePlayPause("lbPlay", "lbPause"); return false; }
312	+ this.isSlideshow = doSlide;
313	+ this.isPaused = (this.slideNum != 0 ? true : false);
314	+ if (this.isSlideshow && this.showPlayPause && this.isPaused) {
315	+ this.doc.getElementById('lbPlay').style.display = '';
316	+ this.doc.getElementById('lbPause').style.display = 'none';
317	+ }
318	+ if (this.isLyteframe) {
319	+ this.changeContent(this.frameNum);
320	+ } else {
321	+ if (this.isSlideshow) {
322	+ this.changeContent(this.slideNum);
323	+ } else {
324	+ this.changeContent(this.imageNum);
325	+ }
326	+ }
327	+ };
328	+ LyteBox.prototype.changeContent = function(imageNum) {
329	+ if (this.isSlideshow) {
330	+ for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
331	+ }
332	+ this.activeImage = this.activeSlide = this.activeFrame = imageNum;
333	+ if (!this.outerBorder) {
334	+ this.doc.getElementById('lbOuterContainer').style.border = 'none';
335	+ this.doc.getElementById('lbDetailsContainer').style.border = 'none';
336	+ } else {
337	+ this.doc.getElementById('lbOuterContainer').style.borderBottom = '';
338	+ this.doc.getElementById('lbOuterContainer').setAttribute((this.ie ? 'className' : 'class'), this.theme);
339	+ }
340	+ this.doc.getElementById('lbLoading').style.display = '';
341	+ this.doc.getElementById('lbImage').style.display = 'none';
342	+ this.doc.getElementById('lbIframe').style.display = 'none';
343	+ this.doc.getElementById('lbPrev').style.display = 'none';
344	+ this.doc.getElementById('lbNext').style.display = 'none';
345	+ this.doc.getElementById('lbIframeContainer').style.display = 'none';
346	+ this.doc.getElementById('lbDetailsContainer').style.display = 'none';
347	+ this.doc.getElementById('lbNumberDisplay').style.display = 'none';
348	+ if (this.navType == 2 \|\| this.isLyteframe) {
349	+ object = this.doc.getElementById('lbNavDisplay');
350	+ object.innerHTML = '   <span id="lbPrev2_Off" style="display: none;" class="' + this.theme + '">« prev</span><a href="#" id="lbPrev2" class="' + this.theme + '" style="display: none;">« prev</a> <b id="lbSpacer" class="' + this.theme + '">\|\|</b> <span id="lbNext2_Off" style="display: none;" class="' + this.theme + '">next »</span><a href="#" id="lbNext2" class="' + this.theme + '" style="display: none;">next »</a>';
351	+ object.style.display = 'none';
352	+ }
353	+ if (this.isLyteframe) {
354	+ var iframe = myLytebox.doc.getElementById('lbIframe');
355	+ var styles = this.frameArray[this.activeFrame][2];
356	+ var aStyles = styles.split(';');
357	+ for (var i = 0; i < aStyles.length; i++) {
358	+ if (aStyles[i].indexOf('width:') >= 0) {
359	+ var w = aStyles[i].replace('width:', '');
360	+ iframe.width = w.trim();
361	+ } else if (aStyles[i].indexOf('height:') >= 0) {
362	+ var h = aStyles[i].replace('height:', '');
363	+ iframe.height = h.trim();
364	+ } else if (aStyles[i].indexOf('scrolling:') >= 0) {
365	+ var s = aStyles[i].replace('scrolling:', '');
366	+ iframe.scrolling = s.trim();
367	+ } else if (aStyles[i].indexOf('border:') >= 0) {
368	+ // Not implemented yet, as there are cross-platform issues with setting the border (from a GUI standpoint)
369	+ //var b = aStyles[i].replace('border:', '');
370	+ //iframe.style.border = b.trim();
371	+ }
372	+ }
373	+ this.resizeContainer(parseInt(iframe.width), parseInt(iframe.height));
374	+ } else {
375	+ imgPreloader = new Image();
376	+ imgPreloader.onload = function() {
377	+ var imageWidth = imgPreloader.width;
378	+ var imageHeight = imgPreloader.height;
379	+ if (myLytebox.autoResize) {
380	+ var pagesize = myLytebox.getPageSize();
381	+ var x = pagesize[2] - 150;
382	+ var y = pagesize[3] - 150;
383	+ if (imageWidth > x) {
384	+ imageHeight = Math.round(imageHeight * (x / imageWidth));
385	+ imageWidth = x;
386	+ if (imageHeight > y) {
387	+ imageWidth = Math.round(imageWidth * (y / imageHeight));
388	+ imageHeight = y;
389	+ }
390	+ } else if (imageHeight > y) {
391	+ imageWidth = Math.round(imageWidth * (y / imageHeight));
392	+ imageHeight = y;
393	+ if (imageWidth > x) {
394	+ imageHeight = Math.round(imageHeight * (x / imageWidth));
395	+ imageWidth = x;
396	+ }
397	+ }
398	+ }
399	+ var lbImage = myLytebox.doc.getElementById('lbImage')
400	+ lbImage.src = (myLytebox.isSlideshow ? myLytebox.slideArray[myLytebox.activeSlide][0] : myLytebox.imageArray[myLytebox.activeImage][0]);
401	+ lbImage.width = imageWidth;
402	+ lbImage.height = imageHeight;
403	+ myLytebox.resizeContainer(imageWidth, imageHeight);
404	+ imgPreloader.onload = function() {};
405	+ }
406	+ imgPreloader.src = (this.isSlideshow ? this.slideArray[this.activeSlide][0] : this.imageArray[this.activeImage][0]);
407	+ }
408	+ };
409	+ LyteBox.prototype.resizeContainer = function(imgWidth, imgHeight) {
410	+ this.wCur = this.doc.getElementById('lbOuterContainer').offsetWidth;
411	+ this.hCur = this.doc.getElementById('lbOuterContainer').offsetHeight;
412	+ this.xScale = ((imgWidth + (this.borderSize * 2)) / this.wCur) * 100;
413	+ this.yScale = ((imgHeight + (this.borderSize * 2)) / this.hCur) * 100;
414	+ var wDiff = (this.wCur - this.borderSize * 2) - imgWidth;
415	+ var hDiff = (this.hCur - this.borderSize * 2) - imgHeight;
416	+ if (!(hDiff == 0)) {
417	+ this.hDone = false;
418	+ this.resizeH('lbOuterContainer', this.hCur, imgHeight + this.borderSize*2, this.getPixelRate(this.hCur, imgHeight));
419	+ } else {
420	+ this.hDone = true;
421	+ }
422	+ if (!(wDiff == 0)) {
423	+ this.wDone = false;
424	+ this.resizeW('lbOuterContainer', this.wCur, imgWidth + this.borderSize*2, this.getPixelRate(this.wCur, imgWidth));
425	+ } else {
426	+ this.wDone = true;
427	+ }
428	+ if ((hDiff == 0) && (wDiff == 0)) {
429	+ if (this.ie){ this.pause(250); } else { this.pause(100); }
430	+ }
431	+ this.doc.getElementById('lbPrev').style.height = imgHeight + "px";
432	+ this.doc.getElementById('lbNext').style.height = imgHeight + "px";
433	+ this.doc.getElementById('lbDetailsContainer').style.width = (imgWidth + (this.borderSize * 2) + (this.ie && this.doc.compatMode == "BackCompat" && this.outerBorder ? 2 : 0)) + "px";
434	+ this.showContent();
435	+ };
436	+ LyteBox.prototype.showContent = function() {
437	+ if (this.wDone && this.hDone) {
438	+ for (var i = 0; i < this.showContentTimerCount; i++) { window.clearTimeout(this.showContentTimerArray[i]); }
439	+ if (this.outerBorder) {
440	+ this.doc.getElementById('lbOuterContainer').style.borderBottom = 'none';
441	+ }
442	+ this.doc.getElementById('lbLoading').style.display = 'none';
443	+ if (this.isLyteframe) {
444	+ this.doc.getElementById('lbIframe').style.display = '';
445	+ this.appear('lbIframe', (this.doAnimations ? 0 : 100));
446	+ } else {
447	+ this.doc.getElementById('lbImage').style.display = '';
448	+ this.appear('lbImage', (this.doAnimations ? 0 : 100));
449	+ this.preloadNeighborImages();
450	+ }
451	+ if (this.isSlideshow) {
452	+ if(this.activeSlide == (this.slideArray.length - 1)) {
453	+ if (this.autoEnd) {
454	+ this.slideshowIDArray[this.slideshowIDCount++] = setTimeout("myLytebox.end('slideshow')", this.slideInterval);
455	+ }
456	+ } else {
457	+ if (!this.isPaused) {
458	+ this.slideshowIDArray[this.slideshowIDCount++] = setTimeout("myLytebox.changeContent("+(this.activeSlide+1)+")", this.slideInterval);
459	+ }
460	+ }
461	+ this.doc.getElementById('lbHoverNav').style.display = (this.showNavigation && this.navType == 1 ? '' : 'none');
462	+ this.doc.getElementById('lbClose').style.display = (this.showClose ? '' : 'none');
463	+ this.doc.getElementById('lbDetails').style.display = (this.showDetails ? '' : 'none');
464	+ this.doc.getElementById('lbPause').style.display = (this.showPlayPause && !this.isPaused ? '' : 'none');
465	+ this.doc.getElementById('lbPlay').style.display = (this.showPlayPause && !this.isPaused ? 'none' : '');
466	+ this.doc.getElementById('lbNavDisplay').style.display = (this.showNavigation && this.navType == 2 ? '' : 'none');
467	+ } else {
468	+ this.doc.getElementById('lbHoverNav').style.display = (this.navType == 1 && !this.isLyteframe ? '' : 'none');
469	+ if ((this.navType == 2 && !this.isLyteframe && this.imageArray.length > 1) \|\| (this.frameArray.length > 1 && this.isLyteframe)) {
470	+ this.doc.getElementById('lbNavDisplay').style.display = '';
471	+ } else {
472	+ this.doc.getElementById('lbNavDisplay').style.display = 'none';
473	+ }
474	+ this.doc.getElementById('lbClose').style.display = '';
475	+ this.doc.getElementById('lbDetails').style.display = '';
476	+ this.doc.getElementById('lbPause').style.display = 'none';
477	+ this.doc.getElementById('lbPlay').style.display = 'none';
478	+ }
479	+ this.doc.getElementById('lbImageContainer').style.display = (this.isLyteframe ? 'none' : '');
480	+ this.doc.getElementById('lbIframeContainer').style.display = (this.isLyteframe ? '' : 'none');
481	+ try {
482	+ this.doc.getElementById('lbIframe').src = this.frameArray[this.activeFrame][0];
483	+ } catch(e) { }
484	+ } else {
485	+ this.showContentTimerArray[this.showContentTimerCount++] = setTimeout("myLytebox.showContent()", 200);
486	+ }
487	+ };
488	+ LyteBox.prototype.updateDetails = function() {
489	+ var object = this.doc.getElementById('lbCaption');
490	+ var sTitle = (this.isSlideshow ? this.slideArray[this.activeSlide][1] : (this.isLyteframe ? this.frameArray[this.activeFrame][1] : this.imageArray[this.activeImage][1]));
491	+ object.style.display = '';
492	+ object.innerHTML = (sTitle == null ? '' : sTitle);
493	+ this.updateNav();
494	+ this.doc.getElementById('lbDetailsContainer').style.display = '';
495	+ object = this.doc.getElementById('lbNumberDisplay');
496	+ if (this.isSlideshow && this.slideArray.length > 1) {
497	+ object.style.display = '';
498	+ object.innerHTML = this.labelImage + eval(this.activeSlide + 1) + this.labelOf + this.slideArray.length;
499	+ this.doc.getElementById('lbNavDisplay').style.display = (this.navType == 2 && this.showNavigation ? '' : 'none');
500	+ } else if (this.imageArray.length > 1 && !this.isLyteframe) {
501	+ object.style.display = '';
502	+ object.innerHTML = this.labelImage + eval(this.activeImage + 1) + this.labelOf + this.imageArray.length;
503	+ this.doc.getElementById('lbNavDisplay').style.display = (this.navType == 2 ? '' : 'none');
504	+ } else if (this.frameArray.length > 1 && this.isLyteframe) {
505	+ object.style.display = '';
506	+ object.innerHTML = "Page " + eval(this.activeFrame + 1) + this.labelOf + this.frameArray.length;
507	+ this.doc.getElementById('lbNavDisplay').style.display = '';
508	+ } else {
509	+ this.doc.getElementById('lbNavDisplay').style.display = 'none';
510	+ }
511	+ this.appear('lbDetailsContainer', (this.doAnimations ? 0 : 100));
512	+ };
513	+ LyteBox.prototype.updateNav = function() {
514	+ if (this.isSlideshow) {
515	+ if (this.activeSlide != 0) {
516	+ var object = (this.navType == 2 ? this.doc.getElementById('lbPrev2') : this.doc.getElementById('lbPrev'));
517	+ object.style.display = '';
518	+ object.onclick = function() {
519	+ if (myLytebox.pauseOnPrevClick) { myLytebox.togglePlayPause("lbPause", "lbPlay"); }
520	+ myLytebox.changeContent(myLytebox.activeSlide - 1); return false;
521	+ }
522	+ } else {
523	+ if (this.navType == 2) { this.doc.getElementById('lbPrev2_Off').style.display = ''; }
524	+ }
525	+ if (this.activeSlide != (this.slideArray.length - 1)) {
526	+ var object = (this.navType == 2 ? this.doc.getElementById('lbNext2') : this.doc.getElementById('lbNext'));
527	+ object.style.display = '';
528	+ object.onclick = function() {
529	+ if (myLytebox.pauseOnNextClick) { myLytebox.togglePlayPause("lbPause", "lbPlay"); }
530	+ myLytebox.changeContent(myLytebox.activeSlide + 1); return false;
531	+ }
532	+ } else {
533	+ if (this.navType == 2) { this.doc.getElementById('lbNext2_Off').style.display = ''; }
534	+ }
535	+ } else if (this.isLyteframe) {
536	+ if(this.activeFrame != 0) {
537	+ var object = this.doc.getElementById('lbPrev2');
538	+ object.style.display = '';
539	+ object.onclick = function() {
540	+ myLytebox.changeContent(myLytebox.activeFrame - 1); return false;
541	+ }
542	+ } else {
543	+ this.doc.getElementById('lbPrev2_Off').style.display = '';
544	+ }
545	+ if(this.activeFrame != (this.frameArray.length - 1)) {
546	+ var object = this.doc.getElementById('lbNext2');
547	+ object.style.display = '';
548	+ object.onclick = function() {
549	+ myLytebox.changeContent(myLytebox.activeFrame + 1); return false;
550	+ }
551	+ } else {
552	+ this.doc.getElementById('lbNext2_Off').style.display = '';
553	+ }
554	+ } else {
555	+ if(this.activeImage != 0) {
556	+ var object = (this.navType == 2 ? this.doc.getElementById('lbPrev2') : this.doc.getElementById('lbPrev'));
557	+ object.style.display = '';
558	+ object.onclick = function() {
559	+ myLytebox.changeContent(myLytebox.activeImage - 1); return false;
560	+ }
561	+ } else {
562	+ if (this.navType == 2) { this.doc.getElementById('lbPrev2_Off').style.display = ''; }
563	+ }
564	+ if(this.activeImage != (this.imageArray.length - 1)) {
565	+ var object = (this.navType == 2 ? this.doc.getElementById('lbNext2') : this.doc.getElementById('lbNext'));
566	+ object.style.display = '';
567	+ object.onclick = function() {
568	+ myLytebox.changeContent(myLytebox.activeImage + 1); return false;
569	+ }
570	+ } else {
571	+ if (this.navType == 2) { this.doc.getElementById('lbNext2_Off').style.display = ''; }
572	+ }
573	+ }
574	+ this.enableKeyboardNav();
575	+ };
576	+ LyteBox.prototype.enableKeyboardNav = function() { document.onkeydown = this.keyboardAction; };
577	+ LyteBox.prototype.disableKeyboardNav = function() { document.onkeydown = ''; };
578	+ LyteBox.prototype.keyboardAction = function(e) {
579	+ var keycode = key = escape = null;
580	+ keycode = (e == null) ? event.keyCode : e.which;
581	+ key = String.fromCharCode(keycode).toLowerCase();
582	+ escape = (e == null) ? 27 : e.DOM_VK_ESCAPE;
583	+ if ((key == 'x') \|\| (key == 'c') \|\| (keycode == escape)) {
584	+ myLytebox.end();
585	+ } else if ((key == 'p') \|\| (keycode == 37)) {
586	+ if (myLytebox.isSlideshow) {
587	+ if(myLytebox.activeSlide != 0) {
588	+ myLytebox.disableKeyboardNav();
589	+ myLytebox.changeContent(myLytebox.activeSlide - 1);
590	+ }
591	+ } else if (myLytebox.isLyteframe) {
592	+ if(myLytebox.activeFrame != 0) {
593	+ myLytebox.disableKeyboardNav();
594	+ myLytebox.changeContent(myLytebox.activeFrame - 1);
595	+ }
596	+ } else {
597	+ if(myLytebox.activeImage != 0) {
598	+ myLytebox.disableKeyboardNav();
599	+ myLytebox.changeContent(myLytebox.activeImage - 1);
600	+ }
601	+ }
602	+ } else if ((key == 'n') \|\| (keycode == 39)) {
603	+ if (myLytebox.isSlideshow) {
604	+ if(myLytebox.activeSlide != (myLytebox.slideArray.length - 1)) {
605	+ myLytebox.disableKeyboardNav();
606	+ myLytebox.changeContent(myLytebox.activeSlide + 1);
607	+ }
608	+ } else if (myLytebox.isLyteframe) {
609	+ if(myLytebox.activeFrame != (myLytebox.frameArray.length - 1)) {
610	+ myLytebox.disableKeyboardNav();
611	+ myLytebox.changeContent(myLytebox.activeFrame + 1);
612	+ }
613	+ } else {
614	+ if(myLytebox.activeImage != (myLytebox.imageArray.length - 1)) {
615	+ myLytebox.disableKeyboardNav();
616	+ myLytebox.changeContent(myLytebox.activeImage + 1);
617	+ }
618	+ }
619	+ }
620	+ };
621	+ LyteBox.prototype.preloadNeighborImages = function() {
622	+ if (this.isSlideshow) {
623	+ if ((this.slideArray.length - 1) > this.activeSlide) {
624	+ preloadNextImage = new Image();
625	+ preloadNextImage.src = this.slideArray[this.activeSlide + 1][0];
626	+ }
627	+ if(this.activeSlide > 0) {
628	+ preloadPrevImage = new Image();
629	+ preloadPrevImage.src = this.slideArray[this.activeSlide - 1][0];
630	+ }
631	+ } else {
632	+ if ((this.imageArray.length - 1) > this.activeImage) {
633	+ preloadNextImage = new Image();
634	+ preloadNextImage.src = this.imageArray[this.activeImage + 1][0];
635	+ }
636	+ if(this.activeImage > 0) {
637	+ preloadPrevImage = new Image();
638	+ preloadPrevImage.src = this.imageArray[this.activeImage - 1][0];
639	+ }
640	+ }
641	+ };
642	+ LyteBox.prototype.togglePlayPause = function(hideID, showID) {
643	+ if (this.isSlideshow && hideID == "lbPause") {
644	+ for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
645	+ }
646	+ this.doc.getElementById(hideID).style.display = 'none';
647	+ this.doc.getElementById(showID).style.display = '';
648	+ if (hideID == "lbPlay") {
649	+ this.isPaused = false;
650	+ if (this.activeSlide == (this.slideArray.length - 1)) {
651	+ this.end();
652	+ } else {
653	+ this.changeContent(this.activeSlide + 1);
654	+ }
655	+ } else {
656	+ this.isPaused = true;
657	+ }
658	+ };
659	+ LyteBox.prototype.end = function(caller) {
660	+ var closeClick = (caller == 'slideshow' ? false : true);
661	+ if (this.isSlideshow && this.isPaused && !closeClick) { return; }
662	+ this.disableKeyboardNav();
663	+ this.doc.getElementById('lbMain').style.display = 'none';
664	+ this.fade('lbOverlay', (this.doAnimations ? this.maxOpacity : 0));
665	+ this.toggleSelects('visible');
666	+ if (this.hideFlash) { this.toggleFlash('visible'); }
667	+ if (this.isSlideshow) {
668	+ for (var i = 0; i < this.slideshowIDCount; i++) { window.clearTimeout(this.slideshowIDArray[i]); }
669	+ }
670	+ if (this.isLyteframe) {
671	+ this.initialize();
672	+ }
673	+ };
674	+ LyteBox.prototype.checkFrame = function() {
675	+ if (window.parent.frames[window.name] && (parent.document.getElementsByTagName('frameset').length <= 0)) {
676	+ this.isFrame = true;
677	+ this.lytebox = "window.parent." + window.name + ".myLytebox";
678	+ this.doc = parent.document;
679	+ } else {
680	+ this.isFrame = false;
681	+ this.lytebox = "myLytebox";
682	+ this.doc = document;
683	+ }
684	+ };
685	+ LyteBox.prototype.getPixelRate = function(cur, img) {
686	+ var diff = (img > cur) ? img - cur : cur - img;
687	+ if (diff >= 0 && diff <= 100) { return 10; }
688	+ if (diff > 100 && diff <= 200) { return 15; }
689	+ if (diff > 200 && diff <= 300) { return 20; }
690	+ if (diff > 300 && diff <= 400) { return 25; }
691	+ if (diff > 400 && diff <= 500) { return 30; }
692	+ if (diff > 500 && diff <= 600) { return 35; }
693	+ if (diff > 600 && diff <= 700) { return 40; }
694	+ if (diff > 700) { return 45; }
695	+ };
696	+ LyteBox.prototype.appear = function(id, opacity) {
697	+ var object = this.doc.getElementById(id).style;
698	+ object.opacity = (opacity / 100);
699	+ object.MozOpacity = (opacity / 100);
700	+ object.KhtmlOpacity = (opacity / 100);
701	+ object.filter = "alpha(opacity=" + (opacity + 10) + ")";
702	+ if (opacity == 100 && (id == 'lbImage' \|\| id == 'lbIframe')) {
703	+ try { object.removeAttribute("filter"); } catch(e) {} /* Fix added for IE Alpha Opacity Filter bug. */
704	+ this.updateDetails();
705	+ } else if (opacity >= this.maxOpacity && id == 'lbOverlay') {
706	+ for (var i = 0; i < this.overlayTimerCount; i++) { window.clearTimeout(this.overlayTimerArray[i]); }
707	+ return;
708	+ } else if (opacity >= 100 && id == 'lbDetailsContainer') {
709	+ try { object.removeAttribute("filter"); } catch(e) {} /* Fix added for IE Alpha Opacity Filter bug. */
710	+ for (var i = 0; i < this.imageTimerCount; i++) { window.clearTimeout(this.imageTimerArray[i]); }
711	+ this.doc.getElementById('lbOverlay').style.height = this.getPageSize()[1] + "px";
712	+ } else {
713	+ if (id == 'lbOverlay') {
714	+ this.overlayTimerArray[this.overlayTimerCount++] = setTimeout("myLytebox.appear('" + id + "', " + (opacity+20) + ")", 1);
715	+ } else {
716	+ this.imageTimerArray[this.imageTimerCount++] = setTimeout("myLytebox.appear('" + id + "', " + (opacity+10) + ")", 1);
717	+ }
718	+ }
719	+ };
720	+ LyteBox.prototype.fade = function(id, opacity) {
721	+ var object = this.doc.getElementById(id).style;
722	+ object.opacity = (opacity / 100);
723	+ object.MozOpacity = (opacity / 100);
724	+ object.KhtmlOpacity = (opacity / 100);
725	+ object.filter = "alpha(opacity=" + opacity + ")";
726	+ if (opacity <= 0) {
727	+ try {
728	+ object.display = 'none';
729	+ } catch(err) { }
730	+ } else if (id == 'lbOverlay') {
731	+ this.overlayTimerArray[this.overlayTimerCount++] = setTimeout("myLytebox.fade('" + id + "', " + (opacity-20) + ")", 1);
732	+ } else {
733	+ this.timerIDArray[this.timerIDCount++] = setTimeout("myLytebox.fade('" + id + "', " + (opacity-10) + ")", 1);
734	+ }
735	+ };
736	+ LyteBox.prototype.resizeW = function(id, curW, maxW, pixelrate, speed) {
737	+ if (!this.hDone) {
738	+ this.resizeWTimerArray[this.resizeWTimerCount++] = setTimeout("myLytebox.resizeW('" + id + "', " + curW + ", " + maxW + ", " + pixelrate + ")", 100);
739	+ return;
740	+ }
741	+ var object = this.doc.getElementById(id);
742	+ var timer = speed ? speed : (this.resizeDuration/2);
743	+ var newW = (this.doAnimations ? curW : maxW);
744	+ object.style.width = (newW) + "px";
745	+ if (newW < maxW) {
746	+ newW += (newW + pixelrate >= maxW) ? (maxW - newW) : pixelrate;
747	+ } else if (newW > maxW) {
748	+ newW -= (newW - pixelrate <= maxW) ? (newW - maxW) : pixelrate;
749	+ }
750	+ this.resizeWTimerArray[this.resizeWTimerCount++] = setTimeout("myLytebox.resizeW('" + id + "', " + newW + ", " + maxW + ", " + pixelrate + ", " + (timer+0.02) + ")", timer+0.02);
751	+ if (parseInt(object.style.width) == maxW) {
752	+ this.wDone = true;
753	+ for (var i = 0; i < this.resizeWTimerCount; i++) { window.clearTimeout(this.resizeWTimerArray[i]); }
754	+ }
755	+ };
756	+ LyteBox.prototype.resizeH = function(id, curH, maxH, pixelrate, speed) {
757	+ var timer = speed ? speed : (this.resizeDuration/2);
758	+ var object = this.doc.getElementById(id);
759	+ var newH = (this.doAnimations ? curH : maxH);
760	+ object.style.height = (newH) + "px";
761	+ if (newH < maxH) {
762	+ newH += (newH + pixelrate >= maxH) ? (maxH - newH) : pixelrate;
763	+ } else if (newH > maxH) {
764	+ newH -= (newH - pixelrate <= maxH) ? (newH - maxH) : pixelrate;
765	+ }
766	+ this.resizeHTimerArray[this.resizeHTimerCount++] = setTimeout("myLytebox.resizeH('" + id + "', " + newH + ", " + maxH + ", " + pixelrate + ", " + (timer+.02) + ")", timer+.02);
767	+ if (parseInt(object.style.height) == maxH) {
768	+ this.hDone = true;
769	+ for (var i = 0; i < this.resizeHTimerCount; i++) { window.clearTimeout(this.resizeHTimerArray[i]); }
770	+ }
771	+ };
772	+ LyteBox.prototype.getPageScroll = function() {
773	+ if (self.pageYOffset) {
774	+ return this.isFrame ? parent.pageYOffset : self.pageYOffset;
775	+ } else if (this.doc.documentElement && this.doc.documentElement.scrollTop){
776	+ return this.doc.documentElement.scrollTop;
777	+ } else if (document.body) {
778	+ return this.doc.body.scrollTop;
779	+ }
780	+ };
781	+ LyteBox.prototype.getPageSize = function() {
782	+ var xScroll, yScroll, windowWidth, windowHeight;
783	+ if (window.innerHeight && window.scrollMaxY) {
784	+ xScroll = this.doc.scrollWidth;
785	+ yScroll = (this.isFrame ? parent.innerHeight : self.innerHeight) + (this.isFrame ? parent.scrollMaxY : self.scrollMaxY);
786	+ } else if (this.doc.body.scrollHeight > this.doc.body.offsetHeight){
787	+ xScroll = this.doc.body.scrollWidth;
788	+ yScroll = this.doc.body.scrollHeight;
789	+ } else {
790	+ xScroll = this.doc.getElementsByTagName("html").item(0).offsetWidth;
791	+ yScroll = this.doc.getElementsByTagName("html").item(0).offsetHeight;
792	+ xScroll = (xScroll < this.doc.body.offsetWidth) ? this.doc.body.offsetWidth : xScroll;
793	+ yScroll = (yScroll < this.doc.body.offsetHeight) ? this.doc.body.offsetHeight : yScroll;
794	+ }
795	+ if (self.innerHeight) {
796	+ windowWidth = (this.isFrame) ? parent.innerWidth : self.innerWidth;
797	+ windowHeight = (this.isFrame) ? parent.innerHeight : self.innerHeight;
798	+ } else if (document.documentElement && document.documentElement.clientHeight) {
799	+ windowWidth = this.doc.documentElement.clientWidth;
800	+ windowHeight = this.doc.documentElement.clientHeight;
801	+ } else if (document.body) {
802	+ windowWidth = this.doc.getElementsByTagName("html").item(0).clientWidth;
803	+ windowHeight = this.doc.getElementsByTagName("html").item(0).clientHeight;
804	+ windowWidth = (windowWidth == 0) ? this.doc.body.clientWidth : windowWidth;
805	+ windowHeight = (windowHeight == 0) ? this.doc.body.clientHeight : windowHeight;
806	+ }
807	+ var pageHeight = (yScroll < windowHeight) ? windowHeight : yScroll;
808	+ var pageWidth = (xScroll < windowWidth) ? windowWidth : xScroll;
809	+ return new Array(pageWidth, pageHeight, windowWidth, windowHeight);
810	+ };
811	+ LyteBox.prototype.toggleFlash = function(state) {
812	+ var objects = this.doc.getElementsByTagName("object");
813	+ for (var i = 0; i < objects.length; i++) {
814	+ objects[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
815	+ }
816	+ var embeds = this.doc.getElementsByTagName("embed");
817	+ for (var i = 0; i < embeds.length; i++) {
818	+ embeds[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
819	+ }
820	+ if (this.isFrame) {
821	+ for (var i = 0; i < parent.frames.length; i++) {
822	+ try {
823	+ objects = parent.frames[i].window.document.getElementsByTagName("object");
824	+ for (var j = 0; j < objects.length; j++) {
825	+ objects[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
826	+ }
827	+ } catch(e) { }
828	+ try {
829	+ embeds = parent.frames[i].window.document.getElementsByTagName("embed");
830	+ for (var j = 0; j < embeds.length; j++) {
831	+ embeds[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
832	+ }
833	+ } catch(e) { }
834	+ }
835	+ }
836	+ };
837	+ LyteBox.prototype.toggleSelects = function(state) {
838	+ var selects = this.doc.getElementsByTagName("select");
839	+ for (var i = 0; i < selects.length; i++ ) {
840	+ selects[i].style.visibility = (state == "hide") ? 'hidden' : 'visible';
841	+ }
842	+ if (this.isFrame) {
843	+ for (var i = 0; i < parent.frames.length; i++) {
844	+ try {
845	+ selects = parent.frames[i].window.document.getElementsByTagName("select");
846	+ for (var j = 0; j < selects.length; j++) {
847	+ selects[j].style.visibility = (state == "hide") ? 'hidden' : 'visible';
848	+ }
849	+ } catch(e) { }
850	+ }
851	+ }
852	+ };
853	+ LyteBox.prototype.pause = function(numberMillis) {
854	+ var now = new Date();
855	+ var exitTime = now.getTime() + numberMillis;
856	+ while (true) {
857	+ now = new Date();
858	+ if (now.getTime() > exitTime) { return; }
859	+ }
860	+ };
861	+
862	+
863	+ function IEVersionDocMode(){
864	+ var _n=navigator,_w=window,_d=document;
865	+ var version="NA";
866	+ var na=_n.userAgent;
867	+ var ieDocMode="NA";
868	+ var ie8BrowserMode="NA";
869	+ // Look for msie and make sure its not opera in disguise
870	+ if(/msie/i.test(na) && (!_w.opera)){
871	+ // also check for spoofers by checking known IE objects
872	+ if(_w.attachEvent && _w.ActiveXObject){
873	+ // Get version displayed in UA although if its IE 8 running in 7 or compat mode it will appear as 7
874	+ version = (na.match( /.+ie\s([\d.]+)/i ) \|\| [])[1];
875	+ // Its IE 8 pretending to be IE 7 or in compat mode
876	+ if(parseInt(version)==7){
877	+ // documentMode is only supported in IE 8 so we know if its here its really IE 8
878	+ if(_d.documentMode){
879	+ version = 8; //reset? change if you need to
880	+ // IE in Compat mode will mention Trident in the useragent
881	+ if(/trident\/\d/i.test(na)){
882	+ ie8BrowserMode = "Compat Mode";
883	+ // if it doesn't then its running in IE 7 mode
884	+ }else{
885	+ ie8BrowserMode = "IE 7 Mode";
886	+ }
887	+ }
888	+ }else if(parseInt(version)==8){
889	+ // IE 8 will always have documentMode available
890	+ if(_d.documentMode){ ie8BrowserMode = "IE 8 Mode";}
891	+ }
892	+ // If we are in IE 8 (any mode) or previous versions of IE we check for the documentMode or compatMode for pre 8 versions
893	+ ieDocMode = (_d.documentMode) ? _d.documentMode : (_d.compatMode && _d.compatMode=="CSS1Compat") ? 7 : 5;//default to quirks mode IE5
894	+ }
895	+ }
896	+
897	+ return {
898	+ "UserAgent" : na,
899	+ "Version" : version,
900	+ "BrowserMode" : ie8BrowserMode,
901	+ "DocMode": ieDocMode
902	+ }
903	+ }
904	+ /*
905	+ if (window.addEventListener) {
906	+ window.addEventListener("load",initLytebox,false);
907	+ } else if (window.attachEvent) {
908	+ window.attachEvent("onload",initLytebox);
909	+ } else {
910	+ window.onload = function() {initLytebox();}
911	+ }
912	+ */
913	+ /function initLytebox() { myLytebox = new LyteBox(); }/

package.xml ADDED Viewed

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


1	+ <?xml version="1.0"?>
2	+ <package>
3	+ <name>ET_Lytebox</name>
4	+ <version>0.1.2</version>
5	+ <stability>stable</stability>
6	+ <license uri="http://opensource.org/licenses/afl-3.0.php">AFL v3.0</license>
7	+ <channel>community</channel>
8	+ <extends/>
9	+ <summary>This extension integrates Lytebox viewer (http://www.dolem.com/lytebox/).</summary>
10	+ <description>This extension integrates Lytebox viewer (http://www.dolem.com/lytebox/).
11	+ * Replaces default popup window on product view page
12	+ * Adds possibility to use Lytebox on CMS pages</description>
13	+ <notes>stable result</notes>
14	+ <authors><author><name>Jurij</name><user>auto-converted</user><email>support@etwebsolutions.com</email></author><author><name>Andrej</name><user>auto-converted</user><email>support@etwebsolutions.com</email></author></authors>
15	+ <date>2011-03-09</date>
16	+ <time>11:13:02</time>
17	+ <contents><target name="magelocale"><dir name="en_US"><file name="ET_Lytebox.csv" hash="5459744820cfced72d8430780d5ad76c"/></dir><dir name="ru_RU"><file name="ET_Lytebox.csv" hash="86730c26ff89bef20b6071c946516ca4"/></dir></target><target name="magecommunity"><dir name="ET"><dir name="Lytebox"><dir name="etc"><file name="config.xml" hash="0f97b0eaaf495d88ff94e330a6c635bd"/><file name="system.xml" hash="90b38054a179cbc153bcb977121ee329"/></dir><dir name="Helper"><file name="Data.php" hash="b19a2f2c5c37cb4d8504435895b80c08"/></dir></dir><file name="ET_Lytebox_ChangeLog.txt" hash="25e2af9bb98b1ce0317289ad4879aa22"/><file name="ET_Lytebox_Description.txt" hash="fbf22c2ec168d25a52aed254da4d2be0"/><file name="ET_Lytebox_LICENSE.txt" hash="b799504264c23c11a941473d7a3e3ab7"/></dir></target><target name="magedesign"><dir name="frontend"><dir name="default"><dir name="default"><dir name="layout"><file name="etlytebox.xml" hash="27f4c3d9cb6bfe3dcaac0e2ea2666bb4"/></dir><dir name="template"><dir name="etlytebox"><file name="config.phtml" hash="9af6c10f53a65a96041c7595d41a5525"/><file name="media.phtml" hash="abeeaaa21039e78e0251dd3b7b11e29d"/></dir></dir></dir></dir></dir></target><target name="mageskin"><dir name="frontend"><dir name="default"><dir name="default"><dir name="lytebox"><dir name="images"><file name="blank.gif" hash="fc94fb0c3ed8a8f909dbc7630a0987ff"/><file name="close_blue_en.png" hash="9b7f3227900df3d4ff12f8432f77f0f3"/><file name="close_blue_lv.png" hash="c2918968a7d7e48a94e1b155bdd24b5b"/><file name="close_blue_ru.png" hash="65bc99e38fde51995a890fca2e399635"/><file name="close_gold_en.png" hash="19ffff14ee2934527a746507fb3eca31"/><file name="close_gold_lv.png" hash="16dd7c4be3bf095a32707d1c7f90b8f1"/><file name="close_gold_ru.png" hash="65ef7df11a89f7d496e89d86eeda98e1"/><file name="close_green_en.png" hash="760c55c6c543de9e944c9acee67047f6"/><file name="close_green_lv.png" hash="f9042688c084ced0f594fc596e89b501"/><file name="close_green_ru.png" hash="ad0f17ee11738c3f7bc243d511aa62a9"/><file name="close_grey_en.png" hash="fc0890f299ef7ce588271b24ff54d05d"/><file name="close_grey_lv.png" hash="921cd84e540e3c1a32061e1304a6aae9"/><file name="close_grey_ru.png" hash="0889160ffb8d57b9e9afed7ae222fb06"/><file name="close_red_en.png" hash="3dc61e5fe9a718d9c572f76abdfce117"/><file name="close_red_lv.png" hash="c35b81d8edfd281f238f582e6114f526"/><file name="close_red_ru.png" hash="8e2b1be515257d760ac4a9f097b85ecb"/><file name="loading.gif" hash="7e99e1159a3686f6aa4f90043c554483"/><file name="next_blue_en.gif" hash="991382cc703fede8211caf90bfc9d7b2"/><file name="next_blue_ru.gif" hash="bf431a3d2522fdd3c4732e657220a0e7"/><file name="next_gold_en.gif" hash="dac1b61671657bd345033f829b4d023e"/><file name="next_gold_ru.gif" hash="fd01918d77914c2bfb5ed7d83556134d"/><file name="next_green_en.gif" hash="aa40e7e01716700cf7b0ac0bbd54aa83"/><file name="next_green_ru.gif" hash="31bbef93e2c6fda78eb970c4ae476ff2"/><file name="next_grey_en.gif" hash="05f1304f3693fe3d220fc71ec9ce6704"/><file name="next_grey_ru.gif" hash="7e0f0c3d83dc75cc60449136e97ce7ce"/><file name="next_red_en.gif" hash="dc8d51d41cc518d963cd94ac0caa16b0"/><file name="next_red_ru.gif" hash="4509ceb5e6f53e1997fca3153cc9aba2"/><file name="pause_blue_en.png" hash="ea7218fe22534380f23efd5e99375fcc"/><file name="pause_blue_ru.png" hash="1f660b603405d2424b708c53605d9e0c"/><file name="pause_gold_en.png" hash="faef71f5386ed44c5caf95bfa562780e"/><file name="pause_gold_ru.png" hash="d89a3aff5c69289d280900cb2fc61d60"/><file name="pause_green_en.png" hash="25e4b8b88e16560e71bbf3b0ad70dac8"/><file name="pause_green_ru.png" hash="93f304e8fa3893adde6a13f02135edcf"/><file name="pause_grey_en.png" hash="54e9f0574c100e280ef757e6d52bdb67"/><file name="pause_grey_ru.png" hash="a1981ec0d8264c24a4e71edde3307f41"/><file name="pause_red_en.png" hash="d33377c32008d7eded0908d8533d5f8a"/><file name="pause_red_ru.png" hash="306a87f1017e5a84baacd8b067475d23"/><file name="play_blue_en.png" hash="b447167c055a67c93f58eeb7d9a3c5af"/><file name="play_blue_ru.png" hash="447474f30a4d5e486b99b69fba981e97"/><file name="play_gold_en.png" hash="049ea18b682fe928eac3aaa905d82d8d"/><file name="play_gold_ru.png" hash="0f71c24168b4488640c28a4c271675a0"/><file name="play_green_en.png" hash="fec50e905f687f28a414a6a5d1a159e0"/><file name="play_green_ru.png" hash="272da068574288b65f6d25ef0c524df4"/><file name="play_grey_en.png" hash="dd83740fb3ed1b0dcd9670099a98d72d"/><file name="play_grey_ru.png" hash="d5332b6699662d9b40bb6f69990f2f61"/><file name="play_red_en.png" hash="338e9cdb52c3a8c7fd2547a21899a88c"/><file name="play_red_ru.png" hash="d1a6dba2bf6fab5d1004a7aeeb8d0a38"/><file name="prev_blue_en.gif" hash="78b24fd9e1ecc8a10996f5a0d3b2730f"/><file name="prev_blue_ru.gif" hash="88d8a023dabcbc0a1003d5ced86f726b"/><file name="prev_gold_en.gif" hash="758083084ccf7726b1f08ed201368360"/><file name="prev_gold_ru.gif" hash="f7173b03bfd80a4ea2dbc3bb1136965e"/><file name="prev_green_en.gif" hash="e61ec81e13986afde7600d81a8bb037e"/><file name="prev_green_ru.gif" hash="bb143bea45ac49d8f2479bfec3ff015a"/><file name="prev_grey_en.gif" hash="37fc1dbf036133a4a0c0f07c69912a91"/><file name="prev_grey_ru.gif" hash="ecf2677d6f42738dc94780f0a084591b"/><file name="prev_red_en.gif" hash="9316b29639a30b42ecdd6dfb52167eb3"/><file name="prev_red_ru.gif" hash="1f499531e24d983be839a3e152e63f98"/></dir><file name="lytebox_base.css" hash="625e129c5dbd408502421afc78105457"/></dir></dir></dir></dir></target><target name="mage"><dir name="js"><dir name="lytebox"><file name="lytebox.js" hash="b1c2d3831ccaf4890169e07c1c434f5f"/></dir></dir></target><target name="mageetc"><dir name="modules"><file name="ET_Lytebox.xml" hash="4656c4160f47cffc87248426da8b89a6"/></dir></target></contents>
18	+ <compatible/>
19	+ <dependencies/>
20	+ </package>

skin/frontend/default/default/lytebox/images/blank.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_blue_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_blue_lv.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_blue_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_gold_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_gold_lv.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_gold_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_green_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_green_lv.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_green_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_grey_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_grey_lv.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_grey_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_red_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_red_lv.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/close_red_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/loading.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/next_blue_en.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/next_blue_ru.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/next_gold_en.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/next_gold_ru.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/next_green_en.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/next_green_ru.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/next_grey_en.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/next_grey_ru.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/next_red_en.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/next_red_ru.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/pause_blue_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/pause_blue_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/pause_gold_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/pause_gold_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/pause_green_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/pause_green_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/pause_grey_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/pause_grey_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/pause_red_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/pause_red_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/play_blue_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/play_blue_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/play_gold_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/play_gold_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/play_green_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/play_green_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/play_grey_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/play_grey_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/play_red_en.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/play_red_ru.png ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/prev_blue_en.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/prev_blue_ru.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/prev_gold_en.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/prev_gold_ru.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/prev_green_en.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/prev_green_ru.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/prev_grey_en.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/prev_grey_ru.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/prev_red_en.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/images/prev_red_ru.gif ADDED Viewed

Binary file

skin/frontend/default/default/lytebox/lytebox_base.css ADDED Viewed

	@@ -0,0 +1,168 @@


1	+ #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
2	+ #lbOverlay.grey, #lbOverlay.grey_ru, #lbOverlay.grey_lv { background-color: #000000; }
3	+ #lbOverlay.red, #lbOverlay.red_ru, #lbOverlay.red_lv { background-color: #330000; }
4	+ #lbOverlay.green, #lbOverlay.green_ru, #lbOverlay.green_lv { background-color: #003300; }
5	+ #lbOverlay.blue, #lbOverlay.blue_ru, #lbOverlay.blue_lv { background-color: #011D50; }
6	+ #lbOverlay.gold, #lbOverlay.gold_ru, #lbOverlay.gold_lv { background-color: #666600; }
7	+
8	+
9	+ #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
10	+ #lbMain a img { border: none; }
11	+
12	+ #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
13	+ #lbOuterContainer.grey, #lbOuterContainer.grey_ru, #lbOuterContainer.grey_lv { border: 3px solid #888888; }
14	+ #lbOuterContainer.red, #lbOuterContainer.red_ru, #lbOuterContainer.red_lv { border: 3px solid #DD0000; }
15	+ #lbOuterContainer.green, #lbOuterContainer.green_ru, #lbOuterContainer.green_lv { border: 3px solid #00B000; }
16	+ #lbOuterContainer.blue, #lbOuterContainer.blue_ru, #lbOuterContainer.blue_lv { border: 3px solid #5F89D8; }
17	+ #lbOuterContainer.gold, #lbOuterContainer.gold_ru, #lbOuterContainer.gold_lv { border: 3px solid #B0B000; }
18	+
19	+
20	+ #lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; }
21	+ #lbDetailsContainer.grey, #lbDetailsContainer.grey_ru, #lbDetailsContainer.grey_lv { border: 3px solid #888888; border-top: none; }
22	+ #lbDetailsContainer.red, #lbDetailsContainer.red_ru, #lbDetailsContainer.red_lv { border: 3px solid #DD0000; border-top: none; }
23	+ #lbDetailsContainer.green, #lbDetailsContainer.green_ru, #lbDetailsContainer.green_lv { border: 3px solid #00B000; border-top: none; }
24	+ #lbDetailsContainer.blue, #lbDetailsContainer.blue_ru, #lbDetailsContainer.blue_lv { border: 3px solid #5F89D8; border-top: none; }
25	+ #lbDetailsContainer.gold, #lbDetailsContainer.gold_ru, #lbDetailsContainer.gold_lv { border: 3px solid #B0B000; border-top: none; }
26	+
27	+
28	+
29	+ #lbImageContainer, #lbIframeContainer { padding: 10px; }
30	+ #lbLoading {
31	+ position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
32	+ }
33	+
34	+ #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
35	+ #lbImageContainer>#lbHoverNav { left: 0; }
36	+ #lbHoverNav a { outline: none; }
37	+
38	+ #lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
39	+ #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey_en.gif) left 15% no-repeat; }
40	+ #lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red_en.gif) left 15% no-repeat; }
41	+ #lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green_en.gif) left 15% no-repeat; }
42	+ #lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue_en.gif) left 15% no-repeat; }
43	+ #lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold_en.gif) left 15% no-repeat; }
44	+
45	+ #lbPrev.grey_ru:hover, #lbPrev.grey_ru:visited:hover { background: url(images/prev_grey_ru.gif) left 15% no-repeat; }
46	+ #lbPrev.red_ru:hover, #lbPrev.red_ru:visited:hover { background: url(images/prev_red_ru.gif) left 15% no-repeat; }
47	+ #lbPrev.green_ru:hover, #lbPrev.green_ru:visited:hover { background: url(images/prev_green_ru.gif) left 15% no-repeat; }
48	+ #lbPrev.blue_ru:hover, #lbPrev.blue_ru:visited:hover { background: url(images/prev_blue_ru.gif) left 15% no-repeat; }
49	+ #lbPrev.gold_ru:hover, #lbPrev.gold_ru:visited:hover { background: url(images/prev_gold_ru.gif) left 15% no-repeat; }
50	+
51	+ #lbPrev.grey_lv:hover, #lbPrev.grey_lv:visited:hover { background: url(images/prev_grey_ru.gif) left 15% no-repeat; }
52	+ #lbPrev.red_lv:hover, #lbPrev.red_lv:visited:hover { background: url(images/prev_red_ru.gif) left 15% no-repeat; }
53	+ #lbPrev.green_lv:hover, #lbPrev.green_lv:visited:hover { background: url(images/prev_green_ru.gif) left 15% no-repeat; }
54	+ #lbPrev.blue_lv:hover, #lbPrev.blue_lv:visited:hover { background: url(images/prev_blue_ru.gif) left 15% no-repeat; }
55	+ #lbPrev.gold_lv:hover, #lbPrev.gold_lv:visited:hover { background: url(images/prev_gold_ru.gif) left 15% no-repeat; }
56	+
57	+
58	+ #lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
59	+ #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey_en.gif) right 15% no-repeat; }
60	+ #lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red_en.gif) right 15% no-repeat; }
61	+ #lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green_en.gif) right 15% no-repeat; }
62	+ #lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue_en.gif) right 15% no-repeat; }
63	+ #lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold_en.gif) right 15% no-repeat; }
64	+
65	+ #lbNext.grey_ru:hover, #lbNext.grey_ru:visited:hover { background: url(images/next_grey_ru.gif) right 15% no-repeat; }
66	+ #lbNext.red_ru:hover, #lbNext.red_ru:visited:hover { background: url(images/next_red_ru.gif) right 15% no-repeat; }
67	+ #lbNext.green_ru:hover, #lbNext.green_ru:visited:hover { background: url(images/next_green_ru.gif) right 15% no-repeat; }
68	+ #lbNext.blue_ru:hover, #lbNext.blue_ru:visited:hover { background: url(images/next_blue_ru.gif) right 15% no-repeat; }
69	+ #lbNext.gold_ru:hover, #lbNext.gold_ru:visited:hover { background: url(images/next_gold_ru.gif) right 15% no-repeat; }
70	+
71	+ #lbNext.grey_lv:hover, #lbNext.grey_lv:visited:hover { background: url(images/next_grey_ru.gif) right 15% no-repeat; }
72	+ #lbNext.red_lv:hover, #lbNext.red_lv:visited:hover { background: url(images/next_red_ru.gif) right 15% no-repeat; }
73	+ #lbNext.green_lv:hover, #lbNext.green_lv:visited:hover { background: url(images/next_green_ru.gif) right 15% no-repeat; }
74	+ #lbNext.blue_lv:hover, #lbNext.blue_lv:visited:hover { background: url(images/next_blue_ru.gif) right 15% no-repeat; }
75	+ #lbNext.gold_lv:hover, #lbNext.gold_lv:visited:hover { background: url(images/next_gold_ru.gif) right 15% no-repeat; }
76	+
77	+
78	+ #lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
79	+ #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey, #lbPrev2.grey_ru, #lbNext2.grey_ru, #lbSpacer.grey_ru, #lbPrev2.grey_lv, #lbNext2.grey_lv, #lbSpacer.grey_lv { color: #333333; }
80	+ #lbPrev2.red, #lbNext2.red, #lbSpacer.red, #lbPrev2.red_ru, #lbNext2.red_ru, #lbSpacer.red_ru, #lbPrev2.red_lv, #lbNext2.red_lv, #lbSpacer.red_lv { color: #620000; }
81	+ #lbPrev2.green, #lbNext2.green, #lbSpacer.green, #lbPrev2.green_ru, #lbNext2.green_ru, #lbSpacer.green_ru, #lbPrev2.green_lv, #lbNext2.green_lv, #lbSpacer.green_lv { color: #003300; }
82	+ #lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue, #lbPrev2.blue_ru, #lbNext2.blue_ru, #lbSpacer.blue_ru, #lbPrev2.blue_lv, #lbNext2.blue_lv, #lbSpacer.blue_lv { color: #01379E; }
83	+ #lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold, #lbPrev2.gold_ru, #lbNext2.gold_ru, #lbSpacer.gold_ru, #lbPrev2.gold_lv, #lbNext2.gold_lv, #lbSpacer.gold_lv { color: #666600; }
84	+
85	+
86	+ #lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
87	+ #lbPrev2_Off.grey, #lbNext2_Off.grey, #lbPrev2_Off.grey_ru, #lbNext2_Off.grey_ru, #lbPrev2_Off.grey_lv, #lbNext2_Off.grey_lv { color: #CCCCCC; }
88	+ #lbPrev2_Off.red, #lbNext2_Off.red, #lbPrev2_Off.red_ru, #lbNext2_Off.red_ru, #lbPrev2_Off.red_lv, #lbNext2_Off.red_lv { color: #FFCCCC; }
89	+ #lbPrev2_Off.green, #lbNext2_Off.green, #lbPrev2_Off.green_ru, #lbNext2_Off.green_ru, #lbPrev2_Off.green_lv, #lbNext2_Off.green_lv { color: #82FF82; }
90	+ #lbPrev2_Off.blue, #lbNext2_Off.blue, #lbPrev2_Off.blue_ru, #lbNext2_Off.blue_ru, #lbPrev2_Off.blue_lv, #lbNext2_Off.blue_lv { color: #B7CAEE; }
91	+ #lbPrev2_Off.gold, #lbNext2_Off.gold, #lbPrev2_Off.gold_ru, #lbNext2_Off.gold_ru, #lbPrev2_Off.gold_lv, #lbNext2_Off.gold_lv { color: #E1E100; }
92	+
93	+
94	+
95	+ #lbDetailsData { padding: 0 10px; }
96	+ #lbDetailsData.grey, #lbDetailsData.grey_ru, #lbDetailsData.grey_lv { color: #333333; }
97	+ #lbDetailsData.red, #lbDetailsData.red_ru, #lbDetailsData.red_lv { color: #620000; }
98	+ #lbDetailsData.green, #lbDetailsData.green_ru, #lbDetailsData.green_lv { color: #003300; }
99	+ #lbDetailsData.blue, #lbDetailsData.blue_ru, #lbDetailsData.blue_lv { color: #01379E; }
100	+ #lbDetailsData.gold, #lbDetailsData.gold_ru, #lbDetailsData.gold_lv { color: #666600; }
101	+
102	+
103	+
104	+ #lbDetails { width: 60%; float: left; text-align: left; }
105	+ #lbCaption { display: block; font-weight: bold; }
106	+ #lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
107	+ #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
108	+
109	+ #lbClose { width: 84px; height: 28px; float: right; margin-bottom: 1px; }
110	+ #lbClose.grey { background: url(images/close_grey_en.png) no-repeat; }
111	+ #lbClose.red { background: url(images/close_red_en.png) no-repeat; }
112	+ #lbClose.green { background: url(images/close_green_en.png) no-repeat; }
113	+ #lbClose.blue { background: url(images/close_blue_en.png) no-repeat; }
114	+ #lbClose.gold { background: url(images/close_gold_en.png) no-repeat; }
115	+
116	+ #lbClose.grey_ru { background: url(images/close_grey_ru.png) no-repeat; }
117	+ #lbClose.red_ru { background: url(images/close_red_ru.png) no-repeat; }
118	+ #lbClose.green_ru { background: url(images/close_green_ru.png) no-repeat; }
119	+ #lbClose.blue_ru { background: url(images/close_blue_ru.png) no-repeat; }
120	+ #lbClose.gold_ru { background: url(images/close_gold_ru.png) no-repeat; }
121	+
122	+ #lbClose.grey_lv { background: url(images/close_grey_lv.png) no-repeat; }
123	+ #lbClose.red_lv { background: url(images/close_red_lv.png) no-repeat; }
124	+ #lbClose.green_lv { background: url(images/close_green_lv.png) no-repeat; }
125	+ #lbClose.blue_lv { background: url(images/close_blue_lv.png) no-repeat; }
126	+ #lbClose.gold_lv { background: url(images/close_gold_lv.png) no-repeat; }
127	+
128	+
129	+
130	+
131	+ #lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
132	+ #lbPlay.grey { background: url(images/play_grey_en.png) no-repeat; }
133	+ #lbPlay.red { background: url(images/play_red_en.png) no-repeat; }
134	+ #lbPlay.green { background: url(images/play_green_en.png) no-repeat; }
135	+ #lbPlay.blue { background: url(images/play_blue_en.png) no-repeat; }
136	+ #lbPlay.gold { background: url(images/play_gold_en.png) no-repeat; }
137	+
138	+ #lbPlay.grey_ru { background: url(images/play_grey_ru.png) no-repeat; }
139	+ #lbPlay.red_ru { background: url(images/play_red_ru.png) no-repeat; }
140	+ #lbPlay.green_ru { background: url(images/play_green_ru.png) no-repeat; }
141	+ #lbPlay.blue_ru { background: url(images/play_blue_ru.png) no-repeat; }
142	+ #lbPlay.gold_ru { background: url(images/play_gold_ru.png) no-repeat; }
143	+
144	+ #lbPlay.grey_lv { background: url(images/play_grey_ru.png) no-repeat; }
145	+ #lbPlay.red_lv { background: url(images/play_red_ru.png) no-repeat; }
146	+ #lbPlay.green_lv { background: url(images/play_green_ru.png) no-repeat; }
147	+ #lbPlay.blue_lv { background: url(images/play_blue_ru.png) no-repeat; }
148	+ #lbPlay.gold_lv { background: url(images/play_gold_ru.png) no-repeat; }
149	+
150	+
151	+ #lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
152	+ #lbPause.grey { background: url(images/pause_grey_en.png) no-repeat; }
153	+ #lbPause.red { background: url(images/pause_red_en.png) no-repeat; }
154	+ #lbPause.green { background: url(images/pause_green_en.png) no-repeat; }
155	+ #lbPause.blue { background: url(images/pause_blue_en.png) no-repeat; }
156	+ #lbPause.gold { background: url(images/pause_gold_en.png) no-repeat; }
157	+
158	+ #lbPause.grey_ru { background: url(images/pause_grey_ru.png) no-repeat; }
159	+ #lbPause.red_ru { background: url(images/pause_red_ru.png) no-repeat; }
160	+ #lbPause.green_ru { background: url(images/pause_green_ru.png) no-repeat; }
161	+ #lbPause.blue_ru { background: url(images/pause_blue_ru.png) no-repeat; }
162	+ #lbPause.gold_ru { background: url(images/pause_gold_ru.png) no-repeat; }
163	+
164	+ #lbPause.grey_lv { background: url(images/pause_grey_ru.png) no-repeat; }
165	+ #lbPause.red_lv { background: url(images/pause_red_ru.png) no-repeat; }
166	+ #lbPause.green_lv { background: url(images/pause_green_ru.png) no-repeat; }
167	+ #lbPause.blue_lv { background: url(images/pause_blue_ru.png) no-repeat; }
168	+ #lbPause.gold_lv { background: url(images/pause_gold_ru.png) no-repeat; }