magento_colorbox - Version 1.0.0

Version Notes

1.0.0

Download this release

Release Info

Developer Magento Core Team
Extension magento_colorbox
Version 1.0.0
Comparing to
See all releases


Version 1.0.0

Files changed (65) hide show
  1. app/code/community/Magazento/Colorbox/Block/Developer.php +125 -0
  2. app/code/community/Magazento/Colorbox/Helper/Data.php +15 -0
  3. app/code/community/Magazento/Colorbox/Model/List.php +418 -0
  4. app/code/community/Magazento/Colorbox/Model/Source/Boolean.php +20 -0
  5. app/code/community/Magazento/Colorbox/Model/Source/Skin.php +23 -0
  6. app/code/community/Magazento/Colorbox/Model/Source/Transition.php +21 -0
  7. app/code/community/Magazento/Colorbox/etc/config.xml +161 -0
  8. app/code/community/Magazento/Colorbox/etc/system.xml +424 -0
  9. app/design/frontend/base/default/layout/magazento_colorbox.xml +24 -0
  10. app/design/frontend/base/default/template/magazento/colorbox/images.phtml +20 -0
  11. app/design/frontend/base/default/template/magazento/colorbox/link.phtml +16 -0
  12. app/design/frontend/base/default/template/magazento/colorbox/media.phtml +80 -0
  13. app/design/frontend/base/default/template/magazento/colorbox/media_1.phtml +96 -0
  14. app/design/frontend/base/default/template/magazento/colorbox/media_2.phtml +73 -0
  15. app/design/frontend/base/default/template/magazento/colorbox/media_3.phtml +94 -0
  16. app/design/frontend/base/default/template/magazento/colorbox/media_4.phtml +82 -0
  17. app/design/frontend/base/default/template/magazento/colorbox/script.phtml +27 -0
  18. app/etc/modules/Magazento_Colorbox.xml +9 -0
  19. package.xml +19 -0
  20. skin/frontend/base/default/magazento/colorbox/jquery.colorbox.js +926 -0
  21. skin/frontend/base/default/magazento/colorbox/logo_onecheckout.jpg +0 -0
  22. skin/frontend/base/default/magazento/colorbox/logo_pdf.jpg +0 -0
  23. skin/frontend/base/default/magazento/colorbox/logo_sitemap.jpg +0 -0
  24. skin/frontend/base/default/magazento/colorbox/menu_box.jpg +0 -0
  25. skin/frontend/base/default/magazento/colorbox/skin1/colorbox.css +86 -0
  26. skin/frontend/base/default/magazento/colorbox/skin1/images/border.png +0 -0
  27. skin/frontend/base/default/magazento/colorbox/skin1/images/controls.png +0 -0
  28. skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderBottomCenter.png +0 -0
  29. skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderBottomLeft.png +0 -0
  30. skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderBottomRight.png +0 -0
  31. skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderMiddleLeft.png +0 -0
  32. skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderMiddleRight.png +0 -0
  33. skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderTopCenter.png +0 -0
  34. skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderTopLeft.png +0 -0
  35. skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderTopRight.png +0 -0
  36. skin/frontend/base/default/magazento/colorbox/skin1/images/loading.gif +0 -0
  37. skin/frontend/base/default/magazento/colorbox/skin1/images/loading_background.png +0 -0
  38. skin/frontend/base/default/magazento/colorbox/skin1/images/overlay.png +0 -0
  39. skin/frontend/base/default/magazento/colorbox/skin2/colorbox.css +43 -0
  40. skin/frontend/base/default/magazento/colorbox/skin2/images/controls.png +0 -0
  41. skin/frontend/base/default/magazento/colorbox/skin2/images/loading.gif +0 -0
  42. skin/frontend/base/default/magazento/colorbox/skin2/index.html +87 -0
  43. skin/frontend/base/default/magazento/colorbox/skin3/colorbox.css +38 -0
  44. skin/frontend/base/default/magazento/colorbox/skin3/images/controls.png +0 -0
  45. skin/frontend/base/default/magazento/colorbox/skin3/images/loading.gif +0 -0
  46. skin/frontend/base/default/magazento/colorbox/skin3/index.html +87 -0
  47. skin/frontend/base/default/magazento/colorbox/skin4/colorbox.css +82 -0
  48. skin/frontend/base/default/magazento/colorbox/skin4/images/border1.png +0 -0
  49. skin/frontend/base/default/magazento/colorbox/skin4/images/border2.png +0 -0
  50. skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderBottomCenter.png +0 -0
  51. skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderBottomLeft.png +0 -0
  52. skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderBottomRight.png +0 -0
  53. skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderMiddleLeft.png +0 -0
  54. skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderMiddleRight.png +0 -0
  55. skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderTopCenter.png +0 -0
  56. skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderTopLeft.png +0 -0
  57. skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderTopRight.png +0 -0
  58. skin/frontend/base/default/magazento/colorbox/skin4/images/loading.gif +0 -0
  59. skin/frontend/base/default/magazento/colorbox/skin4/index.html +87 -0
  60. skin/frontend/base/default/magazento/colorbox/skin5/colorbox.css +52 -0
  61. skin/frontend/base/default/magazento/colorbox/skin5/images/border.png +0 -0
  62. skin/frontend/base/default/magazento/colorbox/skin5/images/controls.png +0 -0
  63. skin/frontend/base/default/magazento/colorbox/skin5/images/loading.gif +0 -0
  64. skin/frontend/base/default/magazento/colorbox/skin5/images/loading_background.png +0 -0
  65. skin/frontend/base/default/magazento/colorbox/skin5/index.html +87 -0
app/code/community/Magazento/Colorbox/Block/Developer.php ADDED
@@ -0,0 +1,125 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class Magazento_Colorbox_Block_Developer extends Mage_Adminhtml_Block_System_Config_Form_Fieldset {
4
+
5
+ public function render(Varien_Data_Form_Element_Abstract $element) {
6
+ $content = '<p></p>';
7
+ $content.= '<style>
8
+ .developer {
9
+ background: #FAFAFA;
10
+ border: 1px solid #CCCCCC;
11
+ margin-bottom: 10px;
12
+ padding: 10px;
13
+ height: auto;
14
+ }
15
+
16
+ .developer h3 {
17
+ color: #444;
18
+ }
19
+
20
+ .contact-type {
21
+ color: #EA7601;
22
+ font-weight: bold;
23
+ }
24
+
25
+ .developer img {
26
+ float: left;
27
+ }
28
+
29
+ .developer .info {
30
+ background: #E7EFEF;
31
+ padding: 5px 10px 0 5px;
32
+ margin-left: 210px;
33
+ height: 195px;
34
+ }
35
+ </style>
36
+
37
+ <div class="developer">
38
+ <a href="http://www.magazento.com/english/magento-ext/magazento-extensions/navigation-menu-megamenu"
39
+ target="_blank"><img
40
+ src="'.Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_SKIN).'frontend/base/default/magazento/colorbox/menu_box.jpg"
41
+ >
42
+ </a>
43
+
44
+ <div class="info">
45
+ <h3>MEGAMENU - Band new Magento navigation menu</h3>
46
+ <p>
47
+ Menu - is a key navigation element for customers on your website. It is particularly important that the menu would contain a maximum of all information,
48
+ namely that which is needed by your potential customers. Alas, based on analysis of user behavior on large portals, the attention of given only for the first
49
+ 10% - 20% of all categories of the store directories.<br>
50
+ The remaining elements are simply not visible to users and are not used. Store can increase profits by changing the sitemenu - users should see all items of your catalog products immediately.
51
+ </p>
52
+
53
+ <a href="http://www.magazento.com/english/magento-ext/magazento-extensions/navigation-menu-megamenu" target="_blank"><img src="http://magazento.com/promo/extension_page.png" alt=""></a>
54
+ <br>
55
+ </div>
56
+
57
+ </div>
58
+
59
+ <div class="developer">
60
+ <a href="http://www.magazento.com/english/magento-ext/magazento-extensions/magento-one-step-page-checkout"
61
+ target="_blank"><img
62
+ src="'.Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_SKIN).'frontend/base/default/magazento/colorbox/logo_onecheckout.jpg"
63
+ >
64
+ </a>
65
+
66
+ <div class="info">
67
+ <h3>ONE STEP CHECKOUT</h3>
68
+ <p>
69
+ Complicated checkout process with many forms to fill in can make customers run away and increase cart abandonment. Magento One Step Checkout offers simplified checkout for your customers\' positive shopping experience. The module shortens the process into one single page. Logged in customers already have their information on the page; they need to make just a few clicks to confirm the order.
70
+ </p>
71
+
72
+ <a href="http://www.magazento.com/english/magento-ext/magazento-extensions/magento-one-step-page-checkout" target="_blank"><img src="http://magazento.com/promo/extension_page.png" alt=""></a>
73
+ <br>
74
+ </div>
75
+ </div>
76
+
77
+ <div class="developer">
78
+ <a href="http://www.magazento.com/english/magento-ext/magazento-extensions/pdf-export"
79
+ target="_blank"><img
80
+ src="'.Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_SKIN).'frontend/base/default/magazento/colorbox/logo_pdf.jpg"
81
+ >
82
+ </a>
83
+
84
+ <div class="info">
85
+ <h3>PDF EXPORT</h3>
86
+ <p>
87
+ PDF EXPORT for Magento is a professional solution that lets you generate printable copy of all store products! It also lets your customers to generate PDF\'s of products and categories they view directly from your website without other 3rd party website or applications. All store products in PDF in few clicks!
88
+ </p>
89
+
90
+ <a href="http://www.magazento.com/english/magento-ext/magazento-extensions/pdf-export" target="_blank"><img src="http://magazento.com/promo/extension_page.png" alt=""></a>
91
+ <br>
92
+ </div>
93
+ </div>
94
+
95
+ <div class="developer">
96
+ <a href="http://www.magazento.com/english/magento-ext/magazento-extensions/extension-html-sitemap"
97
+ target="_blank"><img
98
+ src="'.Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_SKIN).'frontend/base/default/magazento/colorbox/logo_sitemap.jpg"
99
+ >
100
+ </a>
101
+
102
+ <div class="info">
103
+ <h3>SITEMAP</h3>
104
+ <p>
105
+ With Sitemap you can easily create the site map page on your site with the clear hierarchical structure of all the products, categories and pages. Sure that such a page will be highly appreciated by those of your customers who would like not to spend a lot of time to find the product they are interested in. And the search spiders and crawlers will get through this magento sitemap the clear direction to all your site pages, no matter how numerous they are. Moreover, with Magento Html Sitemap extension you will receive the bundle of bright additional advantages making the google sitemap creation even easier and more convenient.
106
+ </p>
107
+
108
+ <a href="http://www.magazento.com/english/magento-ext/magazento-extensions/extension-html-sitemap" target="_blank"><img src="http://magazento.com/promo/extension_page.png" alt=""></a>
109
+ <br>
110
+ </div>
111
+ </div>'
112
+
113
+
114
+
115
+
116
+
117
+ ;
118
+
119
+ return $content;
120
+
121
+
122
+ }
123
+
124
+
125
+ }
app/code/community/Magazento/Colorbox/Helper/Data.php ADDED
@@ -0,0 +1,15 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ class Magazento_Colorbox_Helper_Data extends Mage_Core_Helper_Abstract
3
+ {
4
+ public function isBookmarksEnabled() {
5
+ return Mage::getStoreConfig('colorbox/options/enable');
6
+ }
7
+
8
+ public function printBookmarks($page_title,$page_url)
9
+ {
10
+ $list = Mage::getModel('colorbox/list')->buildBookmarksList($page_title,$page_url);
11
+ return $list;
12
+ }
13
+
14
+
15
+ }
app/code/community/Magazento/Colorbox/Model/List.php ADDED
@@ -0,0 +1,418 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+
3
+ class Magazento_Colorbox_Model_List extends Mage_Core_Model_Abstract {
4
+
5
+ public function getBookmarksList() {
6
+ return Mage::getStoreConfig('colorbox/options/bookmarkslist');
7
+ }
8
+ public function getApiKey() {
9
+ return Mage::getStoreConfig('colorbox/options/apikey');
10
+ }
11
+ public function getSource() {
12
+ return Mage::getStoreConfig('colorbox/options/source');
13
+ }
14
+
15
+ public function buildBookmarksList($page_title, $page_url) {
16
+ $href = 'http://www.Shareaholic.com/api/share/';
17
+ $title = $page_title;
18
+ $link = $page_url;
19
+ $shortlink = '';
20
+ $feed = 'feed';
21
+ // $shortlink = $this->googl_generator($page_url);
22
+ $notes = '';
23
+ $apikey = $this->getApiKey();
24
+ $apitype = '1';
25
+ $source = $this->getSource();
26
+ $tags = '';
27
+
28
+
29
+ $blist = '';
30
+ $bookmarksarray = $this->getEnabledBookmarksArray();
31
+
32
+ if (in_array("shr-delicious", $bookmarksarray))
33
+ $blist.='<li class="shr-delicious">
34
+ <a title="Share this on del.icio.us" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=2&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
35
+ </li>';
36
+ if (in_array("shr-facebook", $bookmarksarray))
37
+ $blist.='<li class="shr-facebook">
38
+ <a onclick="window.open(this.href,\'sharer\',\'toolbar=0,status=0,width=626,height=436\'); return false;" title="Share this on Facebook" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=5&amp;tags=' . $tags . '&amp;ctype=">&nbsp;</a>
39
+ </li>';
40
+ if (in_array("shr-gmail", $bookmarksarray))
41
+ $blist.='<li class="shr-gmail">
42
+ <a title="Email this via Gmail" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=52&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
43
+ </li>';
44
+ if (in_array("shr-googlebuzz", $bookmarksarray))
45
+ $blist.='<li class="shr-googlebuzz">
46
+ <a title="Post on Google Buzz" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=257&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
47
+ </li>';
48
+ if (in_array("shr-linkedin", $bookmarksarray))
49
+ $blist.='<li class="shr-linkedin">
50
+ <a title="Share this on LinkedIn" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=88&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
51
+ </li>';
52
+ if (in_array("shr-mail", $bookmarksarray))
53
+ $blist.='<li class="shr-mail">
54
+ <a title="Email this to a friend?" class="external" rel="nofollow" href="' . $href . '?v=1&title=Hello%20world%21&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=201&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
55
+ </li>';
56
+ if (in_array("shr-printfriendly", $bookmarksarray))
57
+ $blist.='<li class="shr-printfriendly">
58
+ <a title="Send this page to Print Friendly" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=236&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
59
+ </li>';
60
+ if (in_array("shr-reddit", $bookmarksarray))
61
+ $blist.='<li class="shr-reddit">
62
+ <a title="Share this on Reddit" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=40&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
63
+ </li>';
64
+ if (in_array("shr-stumbleupon", $bookmarksarray))
65
+ $blist.='<li class="shr-stumbleupon">
66
+ <a title="Stumble upon something good? Share it on StumbleUpon" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=38&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
67
+ </li>';
68
+ if (in_array("shr-twitter", $bookmarksarray))
69
+ $blist.='<li class="shr-twitter">
70
+ <a title="Tweet This!" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=%24%7Btitle%7D+-+%24%7Bshort_link%7D+via+%40' . $source . '&amp;service=7&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
71
+ </li>';
72
+ if (in_array("shr-100zakladok", $bookmarksarray))
73
+ $blist.='<li class="shr-100zakladok">
74
+ <a title="Add this to 100 bookmarks" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=281&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
75
+ </li>';
76
+ if (in_array("shr-bebo", $bookmarksarray))
77
+ $blist.='<li class="shr-bebo">
78
+ <a title="Share this on Bebo" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=196&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
79
+ </li>';
80
+ if (in_array("shr-bitacoras", $bookmarksarray))
81
+ $blist.='<li class="shr-bitacoras">
82
+ <a title="Submit this to Bitacoras" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=288&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
83
+ </li>';
84
+ if (in_array("shr-blinklist", $bookmarksarray))
85
+ $blist.='<li class="shr-blinklist">
86
+ <a title="Share this on Blinklist" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=48&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
87
+ </li>';
88
+ if (in_array("shr-blogengage", $bookmarksarray))
89
+ $blist.='<li class="shr-blogengage">
90
+ <a title="Engage with this article!" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=286&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
91
+ </li>';
92
+ if (in_array("shr-blogger", $bookmarksarray))
93
+ $blist.='<li class="shr-blogger">
94
+ <a title="Blog this on Blogger" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=219&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
95
+ </li>';
96
+ if (in_array("shr-blogmarks", $bookmarksarray))
97
+ $blist.='<li class="shr-blogmarks">
98
+ <a title="Mark this on BlogMarks" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=27&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
99
+ </li>';
100
+ if (in_array("shr-bobrdobr", $bookmarksarray))
101
+ $blist.='<li class="shr-bobrdobr">
102
+ <a title="Share this on BobrDobr" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=266&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
103
+ </li>';
104
+ if (in_array("shr-bonzobox", $bookmarksarray))
105
+ $blist.='<li class="shr-bonzobox">
106
+ <a title="Add this to BonzoBox" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=292&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
107
+ </li>';
108
+ if (in_array("shr-box", $bookmarksarray))
109
+ $blist.='<li class="shr-box">
110
+ <a title="Add this link to Box.net" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=240&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
111
+ </li>';
112
+ if (in_array("shr-buzzster", $bookmarksarray))
113
+ $blist.='<li class="shr-buzzster">
114
+ <a title="Share this via Buzzster!" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=1&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
115
+ </li>';
116
+
117
+ // if (in_array("shr-comfeed", $bookmarksarray))
118
+ // $blist.='<li class="shr-comfeed">
119
+ // <a title="Subscribe via RSS" class="external" rel="nofollow" href="' . $link . '&amp;feed=comments-rss2" target="_blank">&nbsp;</a>
120
+ // </li>';
121
+
122
+ if (in_array("shr-current", $bookmarksarray))
123
+ $blist.='<li class="shr-current">
124
+ <a title="Post this to Current" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=80&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
125
+ </li>';
126
+ if (in_array("shr-designbump", $bookmarksarray))
127
+ $blist.='<li class="shr-designbump">
128
+ <a title="Bump this on DesignBump" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=282&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
129
+ </li>';
130
+ if (in_array("shr-designfloat", $bookmarksarray))
131
+ $blist.='<li class="shr-designfloat">
132
+ <a title="Submit this to DesignFloat" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=106&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
133
+ </li>';
134
+ if (in_array("shr-digg", $bookmarksarray))
135
+ $blist.='<li class="shr-digg">
136
+ <a title="Digg this!" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=3&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
137
+ </li>';
138
+ if (in_array("shr-diigo", $bookmarksarray))
139
+ $blist.='<li class="shr-diigo">
140
+ <a title="Post this on Diigo" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=24&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
141
+ </li>';
142
+ if (in_array("shr-dzone", $bookmarksarray))
143
+ $blist.='<li class="shr-dzone">
144
+ <a title="Add this to DZone" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=102&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
145
+ </li>';
146
+ if (in_array("shr-ekudos", $bookmarksarray))
147
+ $blist.='<li class="shr-ekudos">
148
+ <a title="Submit this to eKudos" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=283&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
149
+ </li>';
150
+ if (in_array("shr-evernote", $bookmarksarray))
151
+ $blist.='<li class="shr-evernote">
152
+ <a title="Clip this to Evernote" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=191&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
153
+ </li>';
154
+ if (in_array("shr-faqpal", $bookmarksarray))
155
+ $blist.='<li class="shr-faqpal">
156
+ <a title="Submit this to FAQpal" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=287&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
157
+ </li>';
158
+ if (in_array("shr-friendfeed", $bookmarksarray))
159
+ $blist.='<li class="shr-friendfeed">
160
+ <a title="Share this on FriendFeed" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=43&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
161
+ </li>';
162
+ if (in_array("shr-fwisp", $bookmarksarray))
163
+ $blist.='<li class="shr-fwisp">
164
+ <a title="Share this on Fwisp" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=280&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
165
+ </li>';
166
+ if (in_array("shr-globalgrind", $bookmarksarray))
167
+ $blist.='<li class="shr-globalgrind">
168
+ <a title="Grind this! on Global Grind" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=89&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
169
+ </li>';
170
+ if (in_array("shr-googlebookmarks", $bookmarksarray))
171
+ $blist.='<li class="shr-googlebookmarks">
172
+ <a title="Add this to Google Bookmarks" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=74&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
173
+ </li>';
174
+ if (in_array("shr-googlereader", $bookmarksarray))
175
+ $blist.='<li class="shr-googlereader">
176
+ <a title="Add this to Google Reader" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=207&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
177
+ </li>';
178
+ if (in_array("shr-hackernews", $bookmarksarray))
179
+ $blist.='<li class="shr-hackernews">
180
+ <a title="Submit this to Hacker News" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=202&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
181
+ </li>';
182
+ if (in_array("shr-hatena", $bookmarksarray))
183
+ $blist.='<li class="shr-hatena">
184
+ <a title="Bookmarks this on Hatena Bookmarks" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=246&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
185
+ </li>';
186
+ if (in_array("shr-hotmail", $bookmarksarray))
187
+ $blist.='<li class="shr-hotmail">
188
+ <a title="Email this via Hotmail" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=53&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
189
+ </li>';
190
+ if (in_array("shr-hyves", $bookmarksarray))
191
+ $blist.='<li class="shr-hyves">
192
+ <a title="Share this on Hyves" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=105&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
193
+ </li>';
194
+ if (in_array("shr-identica", $bookmarksarray))
195
+ $blist.='<li class="shr-identica">
196
+ <a title="Post this to Identica" class="external" rel="nofollow" href="' . $href . '?v=1&title=TITLE&amp;link=PERMALINK&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=205&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
197
+ </li>';
198
+ if (in_array("shr-izeby", $bookmarksarray))
199
+ $blist.='<li class="shr-izeby">
200
+ <a title="Add this to Izeby" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=263&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
201
+ </li>';
202
+ if (in_array("shr-jumptags", $bookmarksarray))
203
+ $blist.='<li class="shr-jumptags">
204
+ <a title="Submit this link to JumpTags" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=14&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
205
+ </li>';
206
+ if (in_array("shr-kaevur", $bookmarksarray))
207
+ $blist.='<li class="shr-kaevur">
208
+ <a title="Share this on Kaevur" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=290&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
209
+ </li>';
210
+ if (in_array("shr-memoryru", $bookmarksarray))
211
+ $blist.='<li class="shr-memoryru">
212
+ <a title="Add this to Memory.ru" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=269&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
213
+ </li>';
214
+ if (in_array("shr-meneame", $bookmarksarray))
215
+ $blist.='<li class="shr-meneame">
216
+ <a title="Submit this to Meneame" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=33&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
217
+ </li>';
218
+ if (in_array("shr-misterwong", $bookmarksarray))
219
+ $blist.='<li class="shr-misterwong">
220
+ <a title="Add this to Mister Wong" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=6&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
221
+ </li>';
222
+ if (in_array("shr-mixx", $bookmarksarray))
223
+ $blist.='<li class="shr-mixx">
224
+ <a title="Share this on Mixx" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=4&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
225
+ </li>';
226
+ if (in_array("shr-moemesto", $bookmarksarray))
227
+ $blist.='<li class="shr-moemesto">
228
+ <a title="Add this to MyPlace" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=268&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
229
+ </li>';
230
+ if (in_array("shr-mylinkvault", $bookmarksarray))
231
+ $blist.='<li class="shr-mylinkvault">
232
+ <a title="Store this link on MyLinkVault" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=98&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
233
+ </li>';
234
+ if (in_array("shr-myspace", $bookmarksarray))
235
+ $blist.='<li class="shr-myspace">
236
+ <a title="Post this to MySpace" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=39&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
237
+ </li>';
238
+ if (in_array("shr-n4g", $bookmarksarray))
239
+ $blist.='<li class="shr-n4g">
240
+ <a title="Submit tip to N4G" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=289&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
241
+ </li>';
242
+ if (in_array("shr-netvibes", $bookmarksarray))
243
+ $blist.='<li class="shr-netvibes">
244
+ <a title="Submit this to Netvibes" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=195&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
245
+ </li>';
246
+ if (in_array("shr-netvouz", $bookmarksarray))
247
+ $blist.='<li class="shr-netvouz">
248
+ <a title="Submit this to Netvouz" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=21&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
249
+ </li>';
250
+ if (in_array("shr-newsvine", $bookmarksarray))
251
+ $blist.='<li class="shr-newsvine">
252
+ <a title="Seed this on Newsvine" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=41&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
253
+ </li>';
254
+ if (in_array("shr-ning", $bookmarksarray))
255
+ $blist.='<li class="shr-ning">
256
+ <a title="Add this to Ning" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=264&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
257
+ </li>';
258
+ if (in_array("shr-nujij", $bookmarksarray))
259
+ $blist.='<li class="shr-nujij">
260
+ <a title="Submit this to NUjij" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=238&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
261
+ </li>';
262
+ if (in_array("shr-oknotizie", $bookmarksarray))
263
+ $blist.='<li class="shr-oknotizie">
264
+ <a title="Share this on OkNotizie" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=243&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
265
+ </li>';
266
+ if (in_array("shr-orkut", $bookmarksarray))
267
+ $blist.='<li class="shr-orkut">
268
+ <a title="Promote this on Orkut" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=247&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
269
+ </li>';
270
+ if (in_array("shr-pfbuzz", $bookmarksarray))
271
+ $blist.='<li class="shr-pfbuzz">
272
+ <a title="Share this on PFBuzz" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=279&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
273
+ </li>';
274
+ if (in_array("shr-pingfm", $bookmarksarray))
275
+ $blist.='<li class="shr-pingfm">
276
+ <a title="Ping this on Ping.fm" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=45&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
277
+ </li>';
278
+ if (in_array("shr-plaxo", $bookmarksarray))
279
+ $blist.='<li class="shr-plaxo">
280
+ <a title="Share this on Plaxo" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=44&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
281
+ </li>';
282
+ if (in_array("shr-plurk", $bookmarksarray))
283
+ $blist.='<li class="shr-plurk">
284
+ <a title="Share this on Plurk" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=218&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
285
+ </li>';
286
+ if (in_array("shr-posterous", $bookmarksarray))
287
+ $blist.='<li class="shr-posterous">
288
+ <a title="Post this to Posterous" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=210&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
289
+ </li>';
290
+ if (in_array("shr-propeller", $bookmarksarray))
291
+ $blist.='<li class="shr-propeller">
292
+ <a title="Submit this story to Propeller" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=77&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
293
+ </li>';
294
+ if (in_array("shr-pusha", $bookmarksarray))
295
+ $blist.='<li class="shr-pusha">
296
+ <a title="Push this on Pusha" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=59&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
297
+ </li>';
298
+ if (in_array("shr-scriptstyle", $bookmarksarray))
299
+ $blist.='<li class="shr-scriptstyle">
300
+ <a title="Submit this to Script &amp; Style" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=278&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
301
+ </li>';
302
+ if (in_array("shr-slashdot", $bookmarksarray))
303
+ $blist.='<li class="shr-slashdot">
304
+ <a title="Submit this to SlashDot" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=61&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
305
+ </li>';
306
+ if (in_array("shr-sphinn", $bookmarksarray))
307
+ $blist.='<li class="shr-sphinn">
308
+ <a title="Sphinn this on Sphinn" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=100&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
309
+ </li>';
310
+ if (in_array("shr-springpad", $bookmarksarray))
311
+ $blist.='<li class="shr-springpad">
312
+ <a title="Spring this on SpringPad" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=265&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
313
+ </li>';
314
+ if (in_array("shr-squidoo", $bookmarksarray))
315
+ $blist.='<li class="shr-squidoo">
316
+ <a title="Add to a lense on Squidoo" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=46&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
317
+ </li>';
318
+ if (in_array("shr-strands", $bookmarksarray))
319
+ $blist.='<li class="shr-strands">
320
+ <a title="Submit this to Strands" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=190&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
321
+ </li>';
322
+ if (in_array("shr-stumpedia", $bookmarksarray))
323
+ $blist.='<li class="shr-stumpedia">
324
+ <a title="Add this to Stumpedia" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=192&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
325
+ </li>';
326
+ if (in_array("shr-techmeme", $bookmarksarray))
327
+ $blist.='<li class="shr-techmeme">
328
+ <a title="Tip this to TechMeme" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=204&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
329
+ </li>';
330
+ if (in_array("shr-technorati", $bookmarksarray))
331
+ $blist.='<li class="shr-technorati">
332
+ <a title="Share this on Technorati" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=10&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
333
+ </li>';
334
+ if (in_array("shr-tipd", $bookmarksarray))
335
+ $blist.='<li class="shr-tipd">
336
+ <a title="Share this on Tipd" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=188&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
337
+ </li>';
338
+ if (in_array("shr-tomuse", $bookmarksarray))
339
+ $blist.='<li class="shr-tomuse">
340
+ <a title="Suggest this article to ToMuse" class="external" rel="nofollow" href="' . $href . '?v=1&title=Hello%20world%21&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=294&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
341
+ </li>';
342
+ if (in_array("shr-tumblr", $bookmarksarray))
343
+ $blist.='<li class="shr-tumblr">
344
+ <a title="Share this on Tumblr" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=http%3A%2F%2Flocalhost%2Fwordpress%2F%3Fp%3D1&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=78&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
345
+ </li>';
346
+ if (in_array("shr-twittley", $bookmarksarray))
347
+ $blist.='<li class="shr-twittley">
348
+ <a title="Submit this to Twittley" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=http%3A%2F%2Flocalhost%2Fwordpress%2F%3Fp%3D1&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=277&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
349
+ </li>';
350
+ if (in_array("shr-viadeo", $bookmarksarray))
351
+ $blist.='<li class="shr-viadeo">
352
+ <a title="Share this on Viadeo" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=92&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
353
+ </li>';
354
+ if (in_array("shr-virb", $bookmarksarray))
355
+ $blist.='<li class="shr-virb">
356
+ <a title="Share this on Virb" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=291&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
357
+ </li>';
358
+ if (in_array("shr-webblend", $bookmarksarray))
359
+ $blist.='<li class="shr-webblend">
360
+ <a title="Blend this!" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=284&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
361
+ </li>';
362
+ if (in_array("shr-wykop", $bookmarksarray))
363
+ $blist.='<li class="shr-wykop">
364
+ <a title="Add this to Wykop!" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=285&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
365
+ </li>';
366
+ if (in_array("shr-xerpi", $bookmarksarray))
367
+ $blist.='<li class="shr-xerpi">
368
+ <a title="Save this to Xerpi" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=20&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
369
+ </li>';
370
+ if (in_array("shr-yahoobuzz", $bookmarksarray))
371
+ $blist.='<li class="shr-yahoobuzz">
372
+ <a title="Buzz up!" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=73&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
373
+ </li>';
374
+ if (in_array("shr-yahoomail", $bookmarksarray))
375
+ $blist.='<li class="shr-yahoomail">
376
+ <a title="Email this via Yahoo! Mail" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=54&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
377
+ </li>';
378
+ if (in_array("shr-yandex", $bookmarksarray))
379
+ $blist.='<li class="shr-yandex">
380
+ <a title="Add this to Yandex.Bookmarks" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=267&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
381
+ </li>';
382
+ if (in_array("shr-zabox", $bookmarksarray))
383
+ $blist.='<li class="shr-zabox">
384
+ <a title="Box this on Zabox" class="external" rel="nofollow" href="' . $href . '?v=1&title=' . $title . '&amp;link=' . $link . '&amp;notes=' . $notes . '&amp;short_link=' . $shortlink . '&amp;apitype=' . $apitype . '&amp;apikey=' . $apikey . '&amp;source=' . $source . '&amp;template=&amp;service=293&amp;tags=' . $tags . '&amp;ctype=" target="_blank">&nbsp;</a>
385
+ </li>';
386
+
387
+ return $blist;
388
+ }
389
+
390
+ public function getEnabledBookmarksArray() {
391
+ $arr = $this->_bookmarkslist = explode(',', $this->getBookmarksList());
392
+ return $arr;
393
+ }
394
+
395
+ protected function googl_generator($long_url) {
396
+
397
+ $output = '';
398
+
399
+ if (extension_loaded("curl")) {
400
+
401
+ $curl = curl_init("http://ggl-shortener.appspot.com/?url=" . rawurlencode($long_url));
402
+ curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
403
+ $response_text = curl_exec($curl);
404
+ if ($response_text) {
405
+ $json_response = json_decode($response_text);
406
+ }
407
+ $output = $json_response->short_url;
408
+ } else {
409
+
410
+ $url = htmlentities($long_url, ENT_QUOTES);
411
+ $obj = json_decode(file_get_contents('http://ggl-shortener.appspot.com/?url=' . urlencode($url)));
412
+ $output = $obj->{'short_url'};
413
+ }
414
+
415
+ return $output;
416
+ }
417
+
418
+ }
app/code/community/Magazento/Colorbox/Model/Source/Boolean.php ADDED
@@ -0,0 +1,20 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /*
3
+ * Created on Mar 16, 2011
4
+ * Author Ivan Proskuryakov - volgodark@gmail.com - Magazento.com
5
+ * Copyright Proskuryakov Ivan. Magazento.com © 2011. All Rights Reserved.
6
+ * Single Use, Limited Licence and Single Use No Resale Licence ["Single Use"]
7
+ */
8
+ ?>
9
+ <?php
10
+
11
+ class Magazento_Colorbox_Model_Source_Boolean {
12
+
13
+ public function toOptionArray() {
14
+ return array(
15
+ array('value' => 'true', 'label' => Mage::helper('colorbox')->__('True')),
16
+ array('value' => 'false', 'label' => Mage::helper('colorbox')->__('False')),
17
+ );
18
+ }
19
+
20
+ }
app/code/community/Magazento/Colorbox/Model/Source/Skin.php ADDED
@@ -0,0 +1,23 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /*
3
+ * Created on Mar 16, 2011
4
+ * Author Ivan Proskuryakov - volgodark@gmail.com - Magazento.com
5
+ * Copyright Proskuryakov Ivan. Magazento.com © 2011. All Rights Reserved.
6
+ * Single Use, Limited Licence and Single Use No Resale Licence ["Single Use"]
7
+ */
8
+ ?>
9
+ <?php
10
+
11
+ class Magazento_Colorbox_Model_Source_Skin {
12
+
13
+ public function toOptionArray() {
14
+ return array(
15
+ array('value' => 'skin1', 'label' => Mage::helper('colorbox')->__('skin1')),
16
+ array('value' => 'skin2', 'label' => Mage::helper('colorbox')->__('skin2')),
17
+ array('value' => 'skin3', 'label' => Mage::helper('colorbox')->__('skin3')),
18
+ array('value' => 'skin4', 'label' => Mage::helper('colorbox')->__('skin4')),
19
+ array('value' => 'skin5', 'label' => Mage::helper('colorbox')->__('skin5')),
20
+ );
21
+ }
22
+
23
+ }
app/code/community/Magazento/Colorbox/Model/Source/Transition.php ADDED
@@ -0,0 +1,21 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /*
3
+ * Created on Mar 16, 2011
4
+ * Author Ivan Proskuryakov - volgodark@gmail.com - Magazento.com
5
+ * Copyright Proskuryakov Ivan. Magazento.com © 2011. All Rights Reserved.
6
+ * Single Use, Limited Licence and Single Use No Resale Licence ["Single Use"]
7
+ */
8
+ ?>
9
+ <?php
10
+
11
+ class Magazento_Colorbox_Model_Source_Transition {
12
+
13
+ public function toOptionArray() {
14
+ return array(
15
+ array('value' => 'elastic', 'label' => Mage::helper('colorbox')->__('elastic')),
16
+ array('value' => 'fade', 'label' => Mage::helper('colorbox')->__('fade')),
17
+ array('value' => 'none', 'label' => Mage::helper('colorbox')->__('none')),
18
+ );
19
+ }
20
+
21
+ }
app/code/community/Magazento/Colorbox/etc/config.xml ADDED
@@ -0,0 +1,161 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?xml version="1.0"?>
2
+
3
+ <config>
4
+ <modules>
5
+ <Magazento_Colorbox>
6
+ <version>1.0.0</version>
7
+ </Magazento_Colorbox>
8
+ </modules>
9
+ <frontend>
10
+ <layout>
11
+ <updates>
12
+ <colorbox>
13
+ <file>magazento_colorbox.xml</file>
14
+ </colorbox>
15
+ </updates>
16
+ </layout>
17
+ <!-- <translate>
18
+ <modules>
19
+ <Magazento_Colorbox>
20
+ <files>
21
+ <default>Magazento_Colorbox.csv</default>
22
+ </files>
23
+ </Magazento_Colorbox>
24
+ </modules>
25
+ </translate>-->
26
+ </frontend>
27
+
28
+ <global>
29
+ <blocks>
30
+ <colorbox>
31
+ <class>Magazento_Colorbox_Block</class>
32
+ </colorbox>
33
+ </blocks>
34
+ <models>
35
+ <colorbox>
36
+ <class>Magazento_Colorbox_Model</class>
37
+ </colorbox>
38
+ </models>
39
+ <helpers>
40
+ <colorbox>
41
+ <class>Magazento_Colorbox_Helper</class>
42
+ </colorbox>
43
+ </helpers>
44
+ <resources>
45
+ <colorbox_setup>
46
+ <setup>
47
+ <module>Magazento_Colorbox</module>
48
+ </setup>
49
+ <connection>
50
+ <use>core_setup</use>
51
+ </connection>
52
+ </colorbox_setup>
53
+ <colorbox_write>
54
+ <connection>
55
+ <use>core_write</use>
56
+ </connection>
57
+ </colorbox_write>
58
+ <colorbox_read>
59
+ <connection>
60
+ <use>core_read</use>
61
+ </connection>
62
+ </colorbox_read>
63
+ </resources>
64
+ </global>
65
+ <adminhtml>
66
+ <translate>
67
+ <modules>
68
+ <Magazento_Colorbox>
69
+ <files>
70
+ <default>Magazento_Colorbox.csv</default>
71
+ </files>
72
+ </Magazento_Colorbox>
73
+ </modules>
74
+ </translate>
75
+ <acl>
76
+ <resources>
77
+ <admin>
78
+ <children>
79
+ <system>
80
+ <children>
81
+ <config>
82
+ <children>
83
+ <colorbox translate="title" module="colorbox">
84
+ <title>colorbox</title>
85
+ </colorbox>
86
+ </children>
87
+ </config>
88
+ </children>
89
+ </system>
90
+ </children>
91
+ </admin>
92
+ </resources>
93
+ </acl>
94
+ <menu>
95
+ <magazento translate="title" module="colorbox">
96
+ <title>Magazento</title>
97
+ <sort_order>65</sort_order>
98
+ <children>
99
+ <colorbox translate="title" module="colorbox">
100
+ <title>SexyBookmarks</title>
101
+ <sort_order>65</sort_order>
102
+ <children>
103
+ <slide translate="title" module="colorbox">
104
+ <title>Settings</title>
105
+ <action>adminhtml/system_config/edit/section/colorbox</action>
106
+ <sort_order>40</sort_order>
107
+ </slide>
108
+ </children>
109
+ </colorbox>
110
+ </children>
111
+ </magazento>
112
+ </menu>
113
+ </adminhtml>
114
+ <default>
115
+ <colorbox>
116
+
117
+ <dimensions>
118
+ <width>false</width>
119
+ <height>false</height>
120
+ <innerwidth>false</innerwidth>
121
+ <innerheight>false</innerheight>
122
+ <initialwidth>false</initialwidth>
123
+ <initialheight>false</initialheight>
124
+ <maxwidth>false</maxwidth>
125
+ <maxheight>false</maxheight>
126
+ </dimensions>
127
+ <settings>
128
+ <enable>1</enable>
129
+ <jquery>1</jquery>
130
+ <skin>skin1</skin>
131
+ <transition>elastic</transition>
132
+ <speed>300</speed>
133
+
134
+ <scalephotos>true</scalephotos>
135
+ <scrolling>300</scrolling>
136
+ <opacity>0.9</opacity>
137
+ <open>false</open>
138
+ <returnfocus>true</returnfocus>
139
+ <overlayclose>false</overlayclose>
140
+ <esckey>true</esckey>
141
+ <arrowkey>true</arrowkey>
142
+ <loop>true</loop>
143
+ </settings>
144
+ <internationalization>
145
+ <current>image {current} of {total}</current>
146
+ <previous>previous</previous>
147
+ <next>next</next>
148
+ <close>close</close>
149
+ </internationalization>
150
+ <slideshow>
151
+ <slideshow>false</slideshow>
152
+ <slideshowauto>true</slideshowauto>
153
+ <slideshowspeed>2500</slideshowspeed>
154
+ <slideshowstart>start slideshow</slideshowstart>
155
+ <slideshowstop>stop slideshow</slideshowstop>
156
+ </slideshow>
157
+
158
+ </colorbox>
159
+ </default>
160
+
161
+ </config>
app/code/community/Magazento/Colorbox/etc/system.xml ADDED
@@ -0,0 +1,424 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?xml version="1.0"?>
2
+ <config>
3
+ <tabs>
4
+ <magazento translate="label">
5
+ <label>Magazento.com</label>
6
+ <sort_order>250</sort_order>
7
+ </magazento>
8
+ </tabs>
9
+ <sections>
10
+ <colorbox translate="label" module="colorbox">
11
+ <label>ColorBox</label>
12
+ <tab>magazento</tab>
13
+ <frontend_type>text</frontend_type>
14
+ <sort_order>100</sort_order>
15
+ <show_in_default>1</show_in_default>
16
+ <show_in_website>1</show_in_website>
17
+ <show_in_store>1</show_in_store>
18
+ <groups>
19
+ <settings translate="label">
20
+ <label>Settings</label>
21
+ <frontend_type>text</frontend_type>
22
+ <sort_order>10</sort_order>
23
+ <show_in_default>1</show_in_default>
24
+ <show_in_website>1</show_in_website>
25
+ <show_in_store>1</show_in_store>
26
+ <fields>
27
+ <enable translate="label">
28
+ <label>Enable</label>
29
+ <frontend_type>select</frontend_type>
30
+ <source_model>colorbox/source_boolean</source_model>
31
+ <sort_order>1</sort_order>
32
+ <show_in_default>1</show_in_default>
33
+ <show_in_website>1</show_in_website>
34
+ <show_in_store>0</show_in_store>
35
+ </enable>
36
+ <skin translate="label">
37
+ <label>Colorbox skin</label>
38
+ <frontend_type>select</frontend_type>
39
+ <source_model>colorbox/source_skin</source_model>
40
+ <sort_order>10</sort_order>
41
+ <show_in_default>1</show_in_default>
42
+ <show_in_website>1</show_in_website>
43
+ <show_in_store>1</show_in_store>
44
+ </skin>
45
+ <transition translate="label">
46
+ <label>Transition</label>
47
+ <frontend_type>select</frontend_type>
48
+ <source_model>colorbox/source_transition</source_model>
49
+ <comment>
50
+ The transition type. Can be set to "elastic", "fade", or "none".
51
+ </comment>
52
+ <sort_order>20</sort_order>
53
+ <show_in_default>1</show_in_default>
54
+ <show_in_website>1</show_in_website>
55
+ <show_in_store>1</show_in_store>
56
+ </transition>
57
+ <speed translate="label">
58
+ <label>Title text</label>
59
+ <frontend_type>text</frontend_type>
60
+ <sort_order>22</sort_order>
61
+ <comment>
62
+ Sets the speed of the fade and elastic transitions, in milliseconds.
63
+ </comment>
64
+ <show_in_default>1</show_in_default>
65
+ <show_in_website>1</show_in_website>
66
+ <show_in_store>0</show_in_store>
67
+ </speed>
68
+
69
+
70
+ <scalephotos translate="label">
71
+ <label>scalePhotos</label>
72
+ <frontend_type>select</frontend_type>
73
+ <source_model>colorbox/source_boolean</source_model>
74
+ <comment>
75
+ If true, and if maxWidth, maxHeight, innerWidth, innerHeight, width, or height have been defined, ColorBox will scale photos to fit within the those values.
76
+ </comment>
77
+ <sort_order>30</sort_order>
78
+ <show_in_default>1</show_in_default>
79
+ <show_in_website>1</show_in_website>
80
+ <show_in_store>1</show_in_store>
81
+ </scalephotos>
82
+ <scrolling translate="label">
83
+ <label>scalePhotos</label>
84
+ <frontend_type>select</frontend_type>
85
+ <source_model>colorbox/source_boolean</source_model>
86
+ <comment>
87
+ If false, ColorBox will hide scrollbars for overflowing content. This could be used on conjunction with the resize method (see below) for a smoother transition if you are appending content to an already open instance of ColorBox.
88
+ </comment>
89
+ <sort_order>40</sort_order>
90
+ <show_in_default>1</show_in_default>
91
+ <show_in_website>1</show_in_website>
92
+ <show_in_store>1</show_in_store>
93
+ </scrolling>
94
+ <opacity translate="label">
95
+ <label>scalePhotos</label>
96
+ <frontend_type>select</frontend_type>
97
+ <source_model>colorbox/source_boolean</source_model>
98
+ <comment>
99
+ The overlay opacity level. Range: 0 to 1.
100
+ </comment>
101
+ <sort_order>30</sort_order>
102
+ <show_in_default>1</show_in_default>
103
+ <show_in_website>1</show_in_website>
104
+ <show_in_store>1</show_in_store>
105
+ </opacity>
106
+ <open translate="label">
107
+ <label>scalePhotos</label>
108
+ <frontend_type>select</frontend_type>
109
+ <source_model>colorbox/source_boolean</source_model>
110
+ <comment>
111
+ If true, ColorBox will immediately open.
112
+ </comment>
113
+ <sort_order>50</sort_order>
114
+ <show_in_default>1</show_in_default>
115
+ <show_in_website>1</show_in_website>
116
+ <show_in_store>1</show_in_store>
117
+ </open>
118
+ <returnfocus translate="label">
119
+ <label>returnFocus</label>
120
+ <frontend_type>select</frontend_type>
121
+ <source_model>colorbox/source_boolean</source_model>
122
+ <comment>
123
+ If true, focus will be returned when ColorBox exits to the element it was launched from.
124
+ </comment>
125
+ <sort_order>60</sort_order>
126
+ <show_in_default>1</show_in_default>
127
+ <show_in_website>1</show_in_website>
128
+ <show_in_store>1</show_in_store>
129
+ </returnfocus>
130
+ <overlayclose translate="label">
131
+ <label>overlayClose</label>
132
+ <frontend_type>select</frontend_type>
133
+ <source_model>colorbox/source_boolean</source_model>
134
+ <comment>
135
+ If false, disables closing ColorBox by clicking on the background overlay.
136
+ </comment>
137
+ <sort_order>70</sort_order>
138
+ <show_in_default>1</show_in_default>
139
+ <show_in_website>1</show_in_website>
140
+ <show_in_store>1</show_in_store>
141
+ </overlayclose>
142
+ <esckey translate="label">
143
+ <label>escKey</label>
144
+ <frontend_type>select</frontend_type>
145
+ <source_model>colorbox/source_boolean</source_model>
146
+ <comment>
147
+ If false, will disable closing colorbox on 'esc' key press.
148
+ </comment>
149
+ <sort_order>80</sort_order>
150
+ <show_in_default>1</show_in_default>
151
+ <show_in_website>1</show_in_website>
152
+ <show_in_store>1</show_in_store>
153
+ </esckey>
154
+ <arrowkey translate="label">
155
+ <label>scalePhotos</label>
156
+ <frontend_type>select</frontend_type>
157
+ <source_model>colorbox/source_boolean</source_model>
158
+ <comment>
159
+ If false, will disable the left and right arrow keys from navigating between the items in a group.
160
+ </comment>
161
+ <sort_order>90</sort_order>
162
+ <show_in_default>1</show_in_default>
163
+ <show_in_website>1</show_in_website>
164
+ <show_in_store>1</show_in_store>
165
+ </arrowkey>
166
+ <loop translate="label">
167
+ <label>Loop</label>
168
+ <frontend_type>select</frontend_type>
169
+ <source_model>colorbox/source_boolean</source_model>
170
+ <comment>
171
+ If false, will disable the ability to loop back to the beginning of the group when on the last element.
172
+ </comment>
173
+ <sort_order>100</sort_order>
174
+ <show_in_default>1</show_in_default>
175
+ <show_in_website>1</show_in_website>
176
+ <show_in_store>1</show_in_store>
177
+ </loop>
178
+
179
+
180
+ </fields>
181
+ </settings>
182
+ <internationalization translate="label">
183
+ <label>Internationalization</label>
184
+ <frontend_type>text</frontend_type>
185
+ <sort_order>20</sort_order>
186
+ <show_in_default>1</show_in_default>
187
+ <show_in_website>1</show_in_website>
188
+ <show_in_store>1</show_in_store>
189
+ <fields>
190
+ <current translate="label">
191
+ <label>returnFocus</label>
192
+ <frontend_type>text</frontend_type>
193
+ <comment>
194
+ Text or HTML for the group counter while viewing a group. {current} and {total} are detected and replaced with actual numbers while ColorBox runs.
195
+ </comment>
196
+ <sort_order>60</sort_order>
197
+ <show_in_default>1</show_in_default>
198
+ <show_in_website>1</show_in_website>
199
+ <show_in_store>1</show_in_store>
200
+ </current>
201
+ <previous translate="label">
202
+ <label>returnFocus</label>
203
+ <frontend_type>text</frontend_type>
204
+ <comment>
205
+ Text or HTML for the previous button while viewing a group.
206
+ </comment>
207
+ <sort_order>60</sort_order>
208
+ <show_in_default>1</show_in_default>
209
+ <show_in_website>1</show_in_website>
210
+ <show_in_store>1</show_in_store>
211
+ </previous>
212
+ <next translate="label">
213
+ <label>returnFocus</label>
214
+ <frontend_type>text</frontend_type>
215
+ <comment>
216
+ Text or HTML for the next button while viewing a group.
217
+ </comment>
218
+ <sort_order>60</sort_order>
219
+ <show_in_default>1</show_in_default>
220
+ <show_in_website>1</show_in_website>
221
+ <show_in_store>1</show_in_store>
222
+ </next>
223
+ <close translate="label">
224
+ <label>returnFocus</label>
225
+ <frontend_type>text</frontend_type>
226
+ <comment>
227
+ Text or HTML for the close button. The 'esc' key will also close ColorBox.
228
+ </comment>
229
+ <sort_order>60</sort_order>
230
+ <show_in_default>1</show_in_default>
231
+ <show_in_website>1</show_in_website>
232
+ <show_in_store>1</show_in_store>
233
+ </close>
234
+
235
+
236
+ </fields>
237
+ </internationalization>
238
+ <dimensions translate="label">
239
+ <label>Dimensions</label>
240
+ <frontend_type>text</frontend_type>
241
+ <sort_order>30</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
+ <fields>
246
+ <width translate="label">
247
+ <label>Width</label>
248
+ <frontend_type>text</frontend_type>
249
+ <comment>
250
+ Set a fixed total width. This includes borders and buttons. Example: "100%", "500px", or 500
251
+ </comment>
252
+ <sort_order>60</sort_order>
253
+ <show_in_default>1</show_in_default>
254
+ <show_in_website>1</show_in_website>
255
+ <show_in_store>1</show_in_store>
256
+ </width>
257
+ <height translate="label">
258
+ <label>Height</label>
259
+ <frontend_type>text</frontend_type>
260
+ <comment>
261
+ Set a fixed total height. This includes borders and buttons. Example: "100%", "500px", or 500
262
+ </comment>
263
+ <sort_order>60</sort_order>
264
+ <show_in_default>1</show_in_default>
265
+ <show_in_website>1</show_in_website>
266
+ <show_in_store>1</show_in_store>
267
+ </height>
268
+
269
+ <innerwidth translate="label">
270
+ <label>innerWidth</label>
271
+ <frontend_type>text</frontend_type>
272
+ <comment>
273
+ This is an alternative to 'width' used to set a fixed inner width. This excludes borders and buttons. Example: "50%", "500px", or 500
274
+ </comment>
275
+ <sort_order>60</sort_order>
276
+ <show_in_default>1</show_in_default>
277
+ <show_in_website>1</show_in_website>
278
+ <show_in_store>1</show_in_store>
279
+ </innerwidth>
280
+ <innerheight translate="label">
281
+ <label>innerHeight</label>
282
+ <frontend_type>text</frontend_type>
283
+ <comment>
284
+ This is an alternative to 'height' used to set a fixed inner height. This excludes borders and buttons. Example: "50%", "500px", or 500
285
+ </comment>
286
+ <sort_order>60</sort_order>
287
+ <show_in_default>1</show_in_default>
288
+ <show_in_website>1</show_in_website>
289
+ <show_in_store>1</show_in_store>
290
+ </innerheight>
291
+
292
+ <initialwidth translate="label">
293
+ <label>initialWidth</label>
294
+ <frontend_type>text</frontend_type>
295
+ <comment>
296
+ Set the initial width, prior to any content being loaded.
297
+ </comment>
298
+ <sort_order>60</sort_order>
299
+ <show_in_default>1</show_in_default>
300
+ <show_in_website>1</show_in_website>
301
+ <show_in_store>1</show_in_store>
302
+ </initialwidth>
303
+ <initialheight translate="label">
304
+ <label>initialHeight</label>
305
+ <frontend_type>text</frontend_type>
306
+ <comment>
307
+ Set the initial height, prior to any content being loaded.
308
+ </comment>
309
+ <sort_order>60</sort_order>
310
+ <show_in_default>1</show_in_default>
311
+ <show_in_website>1</show_in_website>
312
+ <show_in_store>1</show_in_store>
313
+ </initialheight>
314
+
315
+ <maxwidth translate="label">
316
+ <label>maxWidth</label>
317
+ <frontend_type>text</frontend_type>
318
+ <comment>
319
+ Set a maximum width for loaded content. Example: "100%", 500, "500px"
320
+ </comment>
321
+ <sort_order>60</sort_order>
322
+ <show_in_default>1</show_in_default>
323
+ <show_in_website>1</show_in_website>
324
+ <show_in_store>1</show_in_store>
325
+ </maxwidth>
326
+ <maxheight translate="label">
327
+ <label>maxHeight</label>
328
+ <frontend_type>text</frontend_type>
329
+ <comment>
330
+ Set a maximum height for loaded content. Example: "100%", 500, "500px"
331
+ </comment>
332
+ <sort_order>60</sort_order>
333
+ <show_in_default>1</show_in_default>
334
+ <show_in_website>1</show_in_website>
335
+ <show_in_store>1</show_in_store>
336
+ </maxheight>
337
+
338
+
339
+ </fields>
340
+ </dimensions>
341
+ <slideshow translate="label">
342
+ <label>Slideshow</label>
343
+ <frontend_type>text</frontend_type>
344
+ <sort_order>50</sort_order>
345
+ <show_in_default>1</show_in_default>
346
+ <show_in_website>1</show_in_website>
347
+ <show_in_store>1</show_in_store>
348
+ <fields>
349
+ <slideshow translate="label">
350
+ <label>Slideshow</label>
351
+ <frontend_type>select</frontend_type>
352
+ <source_model>colorbox/source_boolean</source_model>
353
+ <comment>
354
+ If true, adds an automatic slideshow to a content group / gallery.
355
+ </comment>
356
+ <sort_order>60</sort_order>
357
+ <show_in_default>1</show_in_default>
358
+ <show_in_website>1</show_in_website>
359
+ <show_in_store>1</show_in_store>
360
+ </slideshow>
361
+
362
+ <slideshowspeed translate="label">
363
+ <label>slideshowSpeed</label>
364
+ <frontend_type>text</frontend_type>
365
+ <comment>
366
+ Sets the speed of the slideshow, in milliseconds.
367
+ </comment>
368
+ <sort_order>60</sort_order>
369
+ <show_in_default>1</show_in_default>
370
+ <show_in_website>1</show_in_website>
371
+ <show_in_store>1</show_in_store>
372
+ </slideshowspeed>
373
+
374
+ <slideshowauto translate="label">
375
+ <label>slideshowAuto</label>
376
+ <frontend_type>select</frontend_type>
377
+ <source_model>colorbox/source_boolean</source_model>
378
+ <comment>
379
+ If true, the slideshow will automatically start to play.
380
+ </comment>
381
+ <sort_order>60</sort_order>
382
+ <show_in_default>1</show_in_default>
383
+ <show_in_website>1</show_in_website>
384
+ <show_in_store>1</show_in_store>
385
+ </slideshowauto>
386
+
387
+ <slideshowstart translate="label">
388
+ <label>slideshowStart</label>
389
+ <frontend_type>text</frontend_type>
390
+ <comment>
391
+ Text for the slideshow start button.
392
+ </comment>
393
+ <sort_order>60</sort_order>
394
+ <show_in_default>1</show_in_default>
395
+ <show_in_website>1</show_in_website>
396
+ <show_in_store>1</show_in_store>
397
+ </slideshowstart>
398
+
399
+ <slideshowstop translate="label">
400
+ <label>slideshowStop</label>
401
+ <frontend_type>text</frontend_type>
402
+ <comment>
403
+ Text for the slideshow stop button
404
+ </comment>
405
+ <sort_order>60</sort_order>
406
+ <show_in_default>1</show_in_default>
407
+ <show_in_website>1</show_in_website>
408
+ <show_in_store>1</show_in_store>
409
+ </slideshowstop>
410
+
411
+
412
+ </fields>
413
+ </slideshow>
414
+ <developer>
415
+ <frontend_model>colorbox/developer</frontend_model>
416
+ <sort_order>999</sort_order>
417
+ <show_in_default>1</show_in_default>
418
+ <show_in_website>1</show_in_website>
419
+ <show_in_store>1</show_in_store>
420
+ </developer>
421
+ </groups>
422
+ </colorbox>
423
+ </sections>
424
+ </config>
app/design/frontend/base/default/layout/magazento_colorbox.xml ADDED
@@ -0,0 +1,24 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?xml version="1.0"?>
2
+ <layout version="0.1.0">
3
+ <catalog_product_view>
4
+ <reference name="product.info.media">
5
+ <action method="setTemplate" ifconfig="colorbox/options/enable"><template>magazento/colorbox/media.phtml</template></action>
6
+ </reference>
7
+ </catalog_product_view>
8
+
9
+ <review_product_list>
10
+ <reference name="head">
11
+ <action method="addItem" ifconfig="colorbox/options/enable"><type>skin_css</type><name>css/easylightbox.css</name></action>
12
+ <action method="addItem" ifconfig="colorbox/options/enable"><type>skin_js</type><name>js/lightbox.js</name></action>
13
+ </reference>
14
+ <reference name="product.info.media">
15
+ <action method="setTemplate" ifconfig="colorbox/options/enable"><template>magazento/colorbox/media.phtml</template></action>
16
+ </reference>
17
+ </review_product_list>
18
+
19
+ <default>
20
+ <reference name="before_body_end">
21
+ <block type="core/template" template="credits/magazento.phtml" />
22
+ </reference>
23
+ </default>
24
+ </layout>
app/design/frontend/base/default/template/magazento/colorbox/images.phtml ADDED
@@ -0,0 +1,20 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /* Popup Image Size */
3
+ if (strstr($_lightboxConfig['popupImageSize'], '_')) {
4
+ $popupImageSize = explode('_', $_lightboxConfig['popupImageSize'], 2);
5
+ } else {
6
+ $popupImageSize = array(0, 0);
7
+ }?>
8
+
9
+ <a href="<?php echo Mage::helper('easylightbox/image')
10
+ ->init($this->imageAttributes['imagepath'])
11
+ ->resize($this->imageAttributes['imagelightboxwidth'],$this->imageAttributes['imagelightboxheight']); ?>"
12
+ rel="lightbox[<?php echo $this->imageAttributes['imagegroup']; ?>]"
13
+ title="<?php echo $this->imageAttributes['imagetitle']; ?>"
14
+ onclick="return false;">
15
+ <img src="<?php echo Mage::helper('easylightbox/image')
16
+ ->init($this->imageAttributes['imagepath'])
17
+ ->resize($this->imageAttributes['imagepagewidth'], $this->imageAttributes['imagepageheight']); ?>"
18
+ alt="<?php echo $this->imageAttributes['imagetitle']; ?>"
19
+ />
20
+ </a>
app/design/frontend/base/default/template/magazento/colorbox/link.phtml ADDED
@@ -0,0 +1,16 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ /* Popup Image Size */
3
+ if (strstr($_lightboxConfig['popupImageSize'], '_')) {
4
+ $popupImageSize = explode('_', $_lightboxConfig['popupImageSize'], 2);
5
+ } else {
6
+ $popupImageSize = array(0, 0);
7
+ }?>
8
+
9
+ <a href="<?php echo Mage::helper('easylightbox/image')
10
+ ->init($this->imageAttributes['imagepath'])
11
+ ->resize($this->imageAttributes['imagelightboxwidth'], $this->imageAttributes['imagelightboxheight']); ?>"
12
+ rel="lightbox[<?php echo $this->imageAttributes['imagegroup']; ?>]"
13
+ title="<?php echo $this->imageAttributes['imagetitle']; ?>"
14
+ onclick="return false;">
15
+ <?php echo $this->imageAttributes['imagetitle']; ?>
16
+ </a>
app/design/frontend/base/default/template/magazento/colorbox/media.phtml ADDED
@@ -0,0 +1,80 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
2
+ <script src="<?php echo $this->getSkinUrl('magazento/colorbox/jquery.colorbox.js') ?>" type="text/javascript"></script>
3
+ <link rel="stylesheet"
4
+ href="<?php echo $this->getSkinUrl("magazento/colorbox/". Mage::getStoreConfig('colorbox/settings/skin') ."/colorbox.css") ?>" type="text/css" media="screen" />
5
+
6
+ <script>
7
+ jQuery.noConflict();
8
+ jQuery(document).ready(function(){
9
+ //Examples of how to assign the ColorBox event to elements
10
+ jQuery(".magazento-colorbox").colorbox(
11
+ {
12
+ rel:'magazento-colorbox',
13
+ transition: "<?php echo Mage::getStoreConfig('colorbox/settings/transition') ?>",
14
+ speed: <?php echo Mage::getStoreConfig('colorbox/settings/speed') ?>,
15
+ scalePhotos: <?php echo Mage::getStoreConfig('colorbox/settings/scalephotos') ?>,
16
+ scrolling: <?php echo Mage::getStoreConfig('colorbox/settings/scrolling') ?>,
17
+ opacity: <?php echo Mage::getStoreConfig('colorbox/settings/opacity') ?>,
18
+ open: <?php echo Mage::getStoreConfig('colorbox/settings/open') ?>,
19
+ returnFocus: <?php echo Mage::getStoreConfig('colorbox/settings/returnfocus') ?>,
20
+ overlayClose: <?php echo Mage::getStoreConfig('colorbox/settings/overlayclose') ?>,
21
+ escKey: <?php echo Mage::getStoreConfig('colorbox/settings/esckey') ?>,
22
+ arrowKey: <?php echo Mage::getStoreConfig('colorbox/settings/arrowkey') ?>,
23
+ loop: <?php echo Mage::getStoreConfig('colorbox/settings/loop') ?>,
24
+
25
+ width: <?php echo Mage::getStoreConfig('colorbox/dimensions/width') ?>,
26
+ initialWidth: "<?php echo Mage::getStoreConfig('colorbox/dimensions/initialwidth') ?>",
27
+ innerWidth: <?php echo Mage::getStoreConfig('colorbox/dimensions/initialheight') ?>,
28
+ maxWidth: <?php echo Mage::getStoreConfig('colorbox/dimensions/maxwidth') ?>,
29
+
30
+ height: <?php echo Mage::getStoreConfig('colorbox/dimensions/height') ?>,
31
+ initialHeight: "<?php echo Mage::getStoreConfig('colorbox/dimensions/initialheight') ?>",
32
+ innerHeight: <?php echo Mage::getStoreConfig('colorbox/dimensions/innerheight') ?>,
33
+ maxHeight: <?php echo Mage::getStoreConfig('colorbox/dimensions/maxheight') ?>,
34
+
35
+ current: "<?php echo Mage::getStoreConfig('colorbox/internationalization/current') ?>",
36
+ previous: "<?php echo Mage::getStoreConfig('colorbox/internationalization/previous') ?>",
37
+ next: "<?php echo Mage::getStoreConfig('colorbox/internationalization/next') ?>",
38
+ close: "<?php echo Mage::getStoreConfig('colorbox/internationalization/close') ?>",
39
+
40
+ slideshow: <?php echo Mage::getStoreConfig('colorbox/slideshow/slideshow') ?>,
41
+ slideshowAuto: <?php echo Mage::getStoreConfig('colorbox/slideshow/slideshowauto') ?>,
42
+ slideshowSpeed: <?php echo Mage::getStoreConfig('colorbox/slideshow/slideshowspeed') ?>,
43
+ slideshowStart: "<?php echo Mage::getStoreConfig('colorbox/slideshow/slideshowstart') ?>",
44
+ slideshowStop: "<?php echo Mage::getStoreConfig('colorbox/slideshow/slideshowstop') ?>"
45
+
46
+ }
47
+ );
48
+ });
49
+ </script>
50
+
51
+
52
+
53
+ <?php
54
+ $_product = $this->getProduct();
55
+ $_helper = $this->helper('catalog/output');
56
+ ?>
57
+ <p class="product-image">
58
+ <a class="magazento-colorbox" href="<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize(265); ?>">
59
+ <?php
60
+ $_img = '<img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(265).'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
61
+ echo $_helper->productAttribute($_product, $_img, 'image');
62
+ ?>
63
+ </a>
64
+ </p>
65
+
66
+ <?php if (count($this->getGalleryImages()) > 0): ?>
67
+ <div class="more-views">
68
+ <h2><?php echo $this->__('More Views') ?></h2>
69
+ <ul>
70
+ <?php foreach ($this->getGalleryImages() as $_image): ?>
71
+ <li>
72
+ <a class="magazento-colorbox" href="<?php echo $_image['url']; ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>">
73
+ <img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(56); ?>"
74
+ width="56" height="56" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />
75
+ </a>
76
+ </li>
77
+ <?php endforeach; ?>
78
+ </ul>
79
+ </div>
80
+ <?php endif; ?>
app/design/frontend/base/default/template/magazento/colorbox/media_1.phtml ADDED
@@ -0,0 +1,96 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php
2
+ $_product = $this->getProduct();
3
+ $_helper = $this->helper('catalog/output');
4
+
5
+ $_lightboxConfig = Mage::getStoreConfig('easy_lightbox/general');
6
+ /* Main Image Size */
7
+ if (strstr($_lightboxConfig['mainImageSize'], '_')) {
8
+ $mainImageSize = explode('_', $_lightboxConfig['mainImageSize'], 2);
9
+ } else {
10
+ $mainImageSize = array(265, 265);
11
+ }
12
+ /* Popup Image Size */
13
+ if (strstr($_lightboxConfig['popupImageSize'], '_')) {
14
+ $popupImageSize = explode('_', $_lightboxConfig['popupImageSize'], 2);
15
+ } else {
16
+ $popupImageSize = array(0, 0);
17
+ }
18
+ /* Additional Images Size */
19
+ if (strstr($_lightboxConfig['additionalImageSize'], '_')) {
20
+ $additionalImageSize = explode('_', $_lightboxConfig['additionalImageSize'], 2);
21
+ } else {
22
+ $additionalImageSize = array(60, 60);
23
+ }
24
+
25
+ $image = $this->helper('catalog/image')->init($_product, 'image');
26
+ if ($popupImageSize[0] > 0) {
27
+ $image = $this->helper('catalog/image')->init($_product, 'image')->resize($popupImageSize[0], $popupImageSize[1]);
28
+ }
29
+
30
+ ?>
31
+
32
+ <?php if(!$_lightboxConfig['defaulzoom']): ?>
33
+
34
+ <?php
35
+ $maintitle = $this->htmlEscape($_product->getImageLabel());
36
+ if(($_lightboxConfig['productName'] != 0) && empty($maintitle)):
37
+ $maintitle = $_product->getName();
38
+ endif;
39
+ ?>
40
+
41
+ <a href="<?php echo $image; ?>"
42
+ rel="lightbox[rotation]"
43
+ title="<?php echo $maintitle ;?>"
44
+ onclick="return false;"
45
+ ><img src="<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize($mainImageSize[0], $mainImageSize[1]); ?>" alt="<?php echo $this->htmlEscape($_product->getImageLabel());?>"
46
+ /></a>
47
+
48
+
49
+ <?php else: ?>
50
+
51
+ <p class="product-image-zoom">
52
+ <?php
53
+ $_img = '<img id="image" src="'.$this->helper('catalog/image')->init($_product, 'image').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
54
+ echo $_helper->productAttribute($_product, $_img, 'image')
55
+ ?>
56
+ </p>
57
+ <p class="a-center" id="track_hint"><?php echo $this->__('Double click on above image to view full picture') ?></p>
58
+
59
+ <div class="image-zoom" id="track_outer">
60
+ <img id="zoom_out" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_out.gif') ?>" alt="<?php echo $this->__('Zoom Out') ?>" class="btn-zoom-out" />
61
+ <div id="track">
62
+ <div id="handle"></div>
63
+ </div>
64
+ <img id="zoom_in" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_in.gif') ?>" alt="<?php echo $this->__('Zoom In') ?>" class="btn-zoom-in" />
65
+ </div>
66
+ <script type="text/javascript">
67
+ Event.observe(window, 'load', function() {
68
+ product_zoom = new Product.Zoom('image', 'track', 'handle', 'zoom_in', 'zoom_out', 'track_hint');
69
+ });
70
+ </script>
71
+
72
+ <?php endif; ?>
73
+
74
+ <?php if (count($this->getGalleryImages()) > 0): ?>
75
+ <div class="more-views">
76
+ <h4><?php echo $this->__('More Views') ?></h4>
77
+ <ul>
78
+ <?php foreach ($this->getGalleryImages() as $_image): ?>
79
+ <?php
80
+ $subtitle = $this->htmlEscape($_image->getLabel());
81
+ if(($_lightboxConfig['productName'] != 0) && empty($subtitle)):
82
+ $subtitle = $_product->getName();
83
+ endif;
84
+ ?>
85
+ <li>
86
+ <a href="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'image', $_image->getFile())->resize($popupImageSize[0], $popupImageSize[1]); ?>"
87
+ rel="lightbox[rotation]"
88
+ title="<?php echo $subtitle; ?>"
89
+ onclick="return false;"
90
+ ><img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize($additionalImageSize[0], $additionalImageSize[1]); ?>" alt="<?php echo $subtitle; ?>"
91
+ /></a>
92
+ </li>
93
+ <?php endforeach; ?>
94
+ </ul>
95
+ </div>
96
+ <?php endif; ?>
app/design/frontend/base/default/template/magazento/colorbox/media_2.phtml ADDED
@@ -0,0 +1,73 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
2
+ <script>
3
+ jQuery.noConflict();
4
+ jQuery(document).ready(function(){
5
+ //Examples of how to assign the ColorBox event to elements
6
+ jQuery(".group1").colorbox({rel:'group1'});
7
+ jQuery(".group2").colorbox({rel:'group2', transition:"fade"});
8
+ jQuery(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
9
+ jQuery(".group4").colorbox({rel:'group4', slideshow:true});
10
+ jQuery(".ajax").colorbox();
11
+ jQuery(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
12
+ jQuery(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
13
+ jQuery(".inline").colorbox({inline:true, width:"50%"});
14
+ jQuery(".callbacks").colorbox({
15
+ onOpen:function(){ alert('onOpen: colorbox is about to open'); },
16
+ onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
17
+ onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
18
+ onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
19
+ onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
20
+ });
21
+
22
+ //Example of preserving a JavaScript event for inline calls.
23
+ jQuery("#click").click(function(){
24
+ jQuery('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
25
+ return false;
26
+ });
27
+ });
28
+ </script>
29
+
30
+ <h2>Elastic Transition</h2>
31
+ <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
32
+ <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
33
+ <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
34
+
35
+ <h2>Fade Transition</h2>
36
+ <p><a class="group2" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee">Grouped Photo 1</a></p>
37
+ <p><a class="group2" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
38
+ <p><a class="group2" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
39
+
40
+ <h2>No Transition + fixed width and height (75% of screen size)</h2>
41
+ <p><a class="group3" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
42
+ <p><a class="group3" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
43
+ <p><a class="group3" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
44
+
45
+ <h2>Slideshow</h2>
46
+ <p><a class="group4" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
47
+ <p><a class="group4" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
48
+ <p><a class="group4" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
49
+
50
+ <h2>Other Content Types</h2>
51
+ <p><a class='ajax' href="../content/ajax.html" title="Homer Defined">Outside HTML (Ajax)</a></p>
52
+ <p><a class='ajax' href="../content/flash.html" title="Royksopp: Remind Me">Flash / Video (Ajax/Embedded)</a></p>
53
+ <p><a class='youtube' href="http://www.youtube.com/embed/617ANIA5Rqs?rel=0&amp;wmode=transparent" title="The Knife: We Share Our Mother's Health">Flash / Video (Iframe/Direct Link To YouTube)</a></p>
54
+ <p><a class='iframe' href="http://threadless.com">Outside Webpage (Iframe)</a></p>
55
+ <p><a class='inline' href="#inline_content">Inline HTML</a></p>
56
+
57
+ <h2>Demonstration of using callbacks</h2>
58
+ <p><a class='callbacks' href="../content/marylou.jpg" title="Marylou on Cumberland Island">Example with alerts</a>. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.</p>
59
+
60
+ <!-- This contains the hidden content for inline calls -->
61
+ <div style='display:none'>
62
+ <div id='inline_content' style='padding:10px; background:#fff;'>
63
+ <p><strong>This content comes from a hidden element on this page.</strong></p>
64
+ <p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>
65
+ <p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p>
66
+
67
+ <p><strong>If you try to open a new ColorBox while it is already open, it will update itself with the new content.</strong></p>
68
+ <p>Updating Content Example:<br />
69
+ <a class="ajax" href="../content/flash.html">Click here to load new content</a></p>
70
+ </div>
71
+ </div>
72
+
73
+
app/design/frontend/base/default/template/magazento/colorbox/media_3.phtml ADDED
@@ -0,0 +1,94 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
2
+ <script src="<?php echo $this->getSkinUrl('magazento/colorbox/jquery.colorbox.js') ?>" type="text/javascript"></script>
3
+ <link rel="stylesheet"
4
+ href="<?php echo $this->getSkinUrl("magazento/colorbox/". Mage::getStoreConfig('colorbox/settings/skin') ."/colorbox.css") ?>" type="text/css" media="screen" />
5
+
6
+ <script>
7
+ jQuery.noConflict();
8
+ jQuery(document).ready(function(){
9
+ //Examples of how to assign the ColorBox event to elements
10
+ jQuery(".group2").colorbox(
11
+ {
12
+ transition: "elastic",
13
+ speed: 300,
14
+ width: false,
15
+ initialWidth: "600",
16
+ innerWidth: false,
17
+ maxWidth: false,
18
+ height: false,
19
+ initialHeight: "450",
20
+ innerHeight: false,
21
+ maxHeight: false,
22
+
23
+ //settings
24
+ // transition: "<?php echo Mage::getStoreConfig('colorbox/settings/transition') ?>",
25
+ // speed: <?php echo Mage::getStoreConfig('colorbox/settings/speed') ?>,
26
+
27
+ // scalePhotos: <?php echo Mage::getStoreConfig('colorbox/settings/scalephotos') ?>,
28
+ // scrolling: <?php echo Mage::getStoreConfig('colorbox/settings/scrolling') ?>,
29
+ // opacity: <?php echo Mage::getStoreConfig('colorbox/settings/opacity') ?>,
30
+ // open: <?php echo Mage::getStoreConfig('colorbox/settings/open') ?>,
31
+ // returnFocus: <?php echo Mage::getStoreConfig('colorbox/settings/returnfocus') ?>,
32
+ // overlayClose: <?php echo Mage::getStoreConfig('colorbox/settings/overlayclose') ?>,
33
+ // escKey: <?php echo Mage::getStoreConfig('colorbox/settings/esckey') ?>,
34
+ // arrowKey: <?php echo Mage::getStoreConfig('colorbox/settings/arrowkey') ?>,
35
+ // loop: <?php echo Mage::getStoreConfig('colorbox/settings/loop') ?>
36
+ //
37
+ // //dimensions start
38
+ // width: <?php echo Mage::getStoreConfig('colorbox/dimensions/width') ?>,
39
+ // initialWidth: "<?php echo Mage::getStoreConfig('colorbox/dimensions/initialwidth') ?>",
40
+ // innerWidth: <?php echo Mage::getStoreConfig('colorbox/dimensions/initialheight') ?>,
41
+ // maxWidth: <?php echo Mage::getStoreConfig('colorbox/dimensions/maxwidth') ?>,
42
+ //
43
+ // height: <?php echo Mage::getStoreConfig('colorbox/dimensions/height') ?>,
44
+ // initialHeight: "<?php echo Mage::getStoreConfig('colorbox/dimensions/initialheight') ?>",
45
+ // innerHeight: <?php echo Mage::getStoreConfig('colorbox/dimensions/innerheight') ?>,
46
+ // maxHeight: <?php echo Mage::getStoreConfig('colorbox/dimensions/maxheight') ?>,
47
+ //
48
+ // //internationalization
49
+ // current: <?php echo Mage::getStoreConfig('colorbox/internationalization/current') ?>,
50
+ // previous: <?php echo Mage::getStoreConfig('colorbox/internationalization/previous') ?>,
51
+ // next: <?php echo Mage::getStoreConfig('colorbox/internationalization/next') ?>,
52
+ // close: <?php echo Mage::getStoreConfig('colorbox/internationalization/close') ?>,
53
+ //
54
+ // //slideshow
55
+ // slideshow: <?php echo Mage::getStoreConfig('colorbox/slideshow/slideshow') ?>,
56
+ // slideshowAuto: <?php echo Mage::getStoreConfig('colorbox/slideshow/slideshowauto') ?>,
57
+ // slideshowSpeed: <?php echo Mage::getStoreConfig('colorbox/slideshow/slideshowspeed') ?>,
58
+ // slideshowStart: <?php echo Mage::getStoreConfig('colorbox/slideshow/slideshowstart') ?>,
59
+ // slideshowStop: <?php echo Mage::getStoreConfig('colorbox/slideshow/slideshowstop') ?>
60
+ }
61
+ );
62
+ });
63
+ </script>
64
+
65
+
66
+
67
+ <?php
68
+ $_product = $this->getProduct();
69
+ $_helper = $this->helper('catalog/output');
70
+ ?>
71
+ <p class="product-image">
72
+ <a class="group2" href="<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize(265); ?>">
73
+ <?php
74
+ $_img = '<img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(265).'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
75
+ echo $_helper->productAttribute($_product, $_img, 'image');
76
+ ?>
77
+ </a>
78
+ </p>
79
+
80
+ <?php if (count($this->getGalleryImages()) > 0): ?>
81
+ <div class="more-views">
82
+ <h2><?php echo $this->__('More Views') ?></h2>
83
+ <ul>
84
+ <?php foreach ($this->getGalleryImages() as $_image): ?>
85
+ <li>
86
+ <a class="group2" href="<?php echo $_image['url']; ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>">
87
+ <img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(56); ?>"
88
+ width="56" height="56" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />
89
+ </a>
90
+ </li>
91
+ <?php endforeach; ?>
92
+ </ul>
93
+ </div>
94
+ <?php endif; ?>
app/design/frontend/base/default/template/magazento/colorbox/media_4.phtml ADDED
@@ -0,0 +1,82 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
2
+ <script src="<?php echo $this->getSkinUrl('magazento/colorbox/jquery.colorbox.js') ?>" type="text/javascript"></script>
3
+ <link rel="stylesheet"
4
+ href="<?php echo $this->getSkinUrl("magazento/colorbox/". Mage::getStoreConfig('colorbox/settings/skin') ."/colorbox.css") ?>" type="text/css" media="screen" />
5
+
6
+ <script>
7
+ jQuery.noConflict();
8
+ jQuery(document).ready(function(){
9
+ //Examples of how to assign the ColorBox event to elements
10
+ jQuery(".group2").colorbox(
11
+ {
12
+
13
+ transition: "<?php echo Mage::getStoreConfig('colorbox/settings/transition') ?>",
14
+ speed: <?php echo Mage::getStoreConfig('colorbox/settings/speed') ?>,
15
+ scalePhotos: <?php echo Mage::getStoreConfig('colorbox/settings/scalephotos') ?>,
16
+ scrolling: <?php echo Mage::getStoreConfig('colorbox/settings/scrolling') ?>,
17
+ opacity: <?php echo Mage::getStoreConfig('colorbox/settings/opacity') ?>,
18
+ open: <?php echo Mage::getStoreConfig('colorbox/settings/open') ?>,
19
+ returnFocus: <?php echo Mage::getStoreConfig('colorbox/settings/returnfocus') ?>,
20
+ overlayClose: <?php echo Mage::getStoreConfig('colorbox/settings/overlayclose') ?>,
21
+ escKey: <?php echo Mage::getStoreConfig('colorbox/settings/esckey') ?>,
22
+ arrowKey: <?php echo Mage::getStoreConfig('colorbox/settings/arrowkey') ?>,
23
+ loop: <?php echo Mage::getStoreConfig('colorbox/settings/loop') ?>,
24
+
25
+
26
+ width: <?php echo Mage::getStoreConfig('colorbox/dimensions/width') ?>,
27
+ initialWidth: "<?php echo Mage::getStoreConfig('colorbox/dimensions/initialwidth') ?>",
28
+ innerWidth: <?php echo Mage::getStoreConfig('colorbox/dimensions/initialheight') ?>,
29
+ maxWidth: <?php echo Mage::getStoreConfig('colorbox/dimensions/maxwidth') ?>,
30
+
31
+ height: <?php echo Mage::getStoreConfig('colorbox/dimensions/height') ?>,
32
+ initialHeight: "<?php echo Mage::getStoreConfig('colorbox/dimensions/initialheight') ?>",
33
+ innerHeight: <?php echo Mage::getStoreConfig('colorbox/dimensions/innerheight') ?>,
34
+ maxHeight: <?php echo Mage::getStoreConfig('colorbox/dimensions/maxheight') ?>,
35
+
36
+ current: "<?php echo Mage::getStoreConfig('colorbox/internationalization/current') ?>",
37
+ previous: "<?php echo Mage::getStoreConfig('colorbox/internationalization/previous') ?>",
38
+ next: "<?php echo Mage::getStoreConfig('colorbox/internationalization/next') ?>",
39
+ close: "<?php echo Mage::getStoreConfig('colorbox/internationalization/close') ?>",
40
+
41
+ slideshow: <?php echo Mage::getStoreConfig('colorbox/slideshow/slideshow') ?>,
42
+ slideshowAuto: <?php echo Mage::getStoreConfig('colorbox/slideshow/slideshowauto') ?>,
43
+ slideshowSpeed: <?php echo Mage::getStoreConfig('colorbox/slideshow/slideshowspeed') ?>,
44
+ slideshowStart: "<?php echo Mage::getStoreConfig('colorbox/slideshow/slideshowstart') ?>",
45
+ slideshowStop: "<?php echo Mage::getStoreConfig('colorbox/slideshow/slideshowstop') ?>"
46
+
47
+
48
+ }
49
+ );
50
+ });
51
+ </script>
52
+
53
+
54
+
55
+ <?php
56
+ $_product = $this->getProduct();
57
+ $_helper = $this->helper('catalog/output');
58
+ ?>
59
+ <p class="product-image">
60
+ <a class="group2" href="<?php echo $this->helper('catalog/image')->init($_product, 'image')->resize(265); ?>">
61
+ <?php
62
+ $_img = '<img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(265).'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
63
+ echo $_helper->productAttribute($_product, $_img, 'image');
64
+ ?>
65
+ </a>
66
+ </p>
67
+
68
+ <?php if (count($this->getGalleryImages()) > 0): ?>
69
+ <div class="more-views">
70
+ <h2><?php echo $this->__('More Views') ?></h2>
71
+ <ul>
72
+ <?php foreach ($this->getGalleryImages() as $_image): ?>
73
+ <li>
74
+ <a class="group2" href="<?php echo $_image['url']; ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>">
75
+ <img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(56); ?>"
76
+ width="56" height="56" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" />
77
+ </a>
78
+ </li>
79
+ <?php endforeach; ?>
80
+ </ul>
81
+ </div>
82
+ <?php endif; ?>
app/design/frontend/base/default/template/magazento/colorbox/script.phtml ADDED
@@ -0,0 +1,27 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?php $_lightboxConfig = Mage::getStoreConfig('easy_lightbox/general'); ?>
2
+ <script type="text/javascript">
3
+
4
+ function initLightbox(){
5
+ new Lightbox({
6
+ fileLoadingImage: '<?php echo $this->getSkinUrl('images/lightbox/loading.gif') ?>',
7
+ fileBottomNavCloseImage: '<?php echo $this->getSkinUrl('images/lightbox/closelabel.gif') ?>',
8
+ overlayOpacity: <?php echo $_lightboxConfig['overlayOpacity'] ?>,
9
+ animate: <?php echo (($_lightboxConfig['animate'] > 0)? "1":"0"); ?>,
10
+ resizeSpeed: <?php echo $_lightboxConfig['resizeSpeed'] ?>,
11
+ borderSize: <?php echo $_lightboxConfig['borderSize'] ?>,
12
+ labelImage: '<?php echo $_lightboxConfig['labelImage'] ?>',
13
+ labelOf: '<?php echo $_lightboxConfig['labelOf'] ?>'
14
+ });
15
+ }
16
+
17
+
18
+ if (Prototype.Browser.IE) {
19
+ Event.observe(window, 'load', function(){ //KB927917 fix
20
+ initLightbox();
21
+ });
22
+ } else {
23
+ document.observe("dom:loaded", function(){
24
+ initLightbox();
25
+ });
26
+ }
27
+ </script>
app/etc/modules/Magazento_Colorbox.xml ADDED
@@ -0,0 +1,9 @@
 
 
 
 
 
 
 
 
 
1
+ <?xml version="1.0"?>
2
+ <config>
3
+ <modules>
4
+ <Magazento_Colorbox>
5
+ <active>true</active>
6
+ <codePool>community</codePool>
7
+ </Magazento_Colorbox>
8
+ </modules>
9
+ </config>
package.xml ADDED
@@ -0,0 +1,19 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <?xml version="1.0"?>
2
+ <package>
3
+ <name>magento_colorbox</name>
4
+ <version>1.0.0</version>
5
+ <stability>stable</stability>
6
+ <license>GPL</license>
7
+ <channel>community</channel>
8
+ <extends/>
9
+ <summary>Colorbox Magento integtaion. A lightweight customizable lightbox plugin for Magento.</summary>
10
+ <description>Tested in: jQuery 1.4.3+ in Firefox, Safari, Chrome, Internet Explorer 6, 7, 8, 9, Opera 11. &#xD;
11
+ Adds Colorbox/Lightbox functionality to images, grouped on product pages. Works for Magento CE 1.4+ and Magento EE 1.9+. Comes with different themes.</description>
12
+ <notes>1.0.0</notes>
13
+ <authors><author><name>volgodark</name><user>auto-converted</user><email>volgodark@gmail.com</email></author></authors>
14
+ <date>2012-07-26</date>
15
+ <time>20:32:45</time>
16
+ <contents><target name="magecommunity"><dir name="Magazento"><dir name="Colorbox"><dir name="Block"><file name="Developer.php" hash="e528aada4c7131265b139e67911789b2"/></dir><dir name="Helper"><file name="Data.php" hash="35da1a2c8bdb5fda6978d09ac2ed081f"/></dir><dir name="Model"><dir name="Source"><file name="Boolean.php" hash="31ded6c3e83de9588aefee41f087be41"/><file name="Skin.php" hash="e78e4fc350dbcc30597251b4cec6f5e6"/><file name="Transition.php" hash="aeba0a23773251d870d6220fe90cc691"/></dir><file name="List.php" hash="c2cff3c5a744e1c3af5f23c3f5e2da74"/></dir><dir name="etc"><file name="config.xml" hash="672a08221a22427850dfa809e4916c4e"/><file name="system.xml" hash="6a7da58bb6869b0de550916ce9e41ffc"/></dir></dir></dir></target><target name="magedesign"><dir name="frontend"><dir name="base"><dir name="default"><dir name="template"><dir name="magazento"><dir name="colorbox"><file name="images.phtml" hash="e460683e47aea62fa9dbe97cf07ececc"/><file name="link.phtml" hash="d4f4fb1040a8a536594f970dd8893d62"/><file name="media.phtml" hash="601bea464452adbae189f93911b249f9"/><file name="media_1.phtml" hash="6cfd0983484e23704331a22342e159c6"/><file name="media_2.phtml" hash="43e8a4c4b187e9afd7ad763d2762121d"/><file name="media_3.phtml" hash="f2f288053f218c41d1bc1d4ad2736350"/><file name="media_4.phtml" hash="830b9e514979e21ccaf5a1f1e924f023"/><file name="script.phtml" hash="624cf2c985a288bef15e04093586950a"/></dir></dir></dir><dir name="layout"><file name="magazento_colorbox.xml" hash="27b8a8846444af4e1ecb4fc4111e1b0e"/></dir></dir></dir></dir></target><target name="mageetc"><dir name="modules"><file name="Magazento_Colorbox.xml" hash="d0927f9a22b3b668f99057f6018a239f"/></dir></target><target name="mageskin"><dir name="frontend"><dir name="base"><dir name="default"><dir name="magazento"><dir name="colorbox"><dir name="skin1"><dir name="images"><dir name="ie6"><file name="borderBottomCenter.png" hash="1936585831e8bcf4eb5ef1081c8e2574"/><file name="borderBottomLeft.png" hash="7ceeb01563f030dc47837fd8bad29488"/><file name="borderBottomRight.png" hash="297fb77440870d91f519bcecdb312725"/><file name="borderMiddleLeft.png" hash="64df0244eeaade27764d2cf33606527b"/><file name="borderMiddleRight.png" hash="9fa458eaaa35b80b2452f35a1d6b4d0c"/><file name="borderTopCenter.png" hash="01ecb01841270f3a765aadf4900929f3"/><file name="borderTopLeft.png" hash="bf4949b95b09d255edd9bcb8358a3557"/><file name="borderTopRight.png" hash="51315fa19507a33d5f1b5411598593e7"/></dir><file name="border.png" hash="7ca8a1d2eb0763b35c266cd54bee2fa5"/><file name="controls.png" hash="b68b9ecaae424de4862ba0d055b7a560"/><file name="loading.gif" hash="e6611f867d63754b7a2a974fb0a0e7dc"/><file name="loading_background.png" hash="acf427e932fb9413700a4b8b58b41eec"/><file name="overlay.png" hash="790376e15a036959e358a19d4a7ea437"/></dir><file name="colorbox.css" hash="1a7dd23f5d2962260d5bb26a57046db1"/></dir><dir name="skin2"><dir name="images"><file name="controls.png" hash="e9bdd308d0c5978e837e5aba1c5712d6"/><file name="loading.gif" hash="8732a6660b528fadfaeb35bcf568875f"/></dir><file name="colorbox.css" hash="251a08f1ee2c1220805b4cef193a19e0"/><file name="index.html" hash="78353f64a2cf4a4016a0351ef98328fe"/></dir><dir name="skin3"><dir name="images"><file name="controls.png" hash="26156c32573f430fc4454fb551ac67f2"/><file name="loading.gif" hash="8732a6660b528fadfaeb35bcf568875f"/></dir><file name="colorbox.css" hash="1862958fc873589e07dc2e12b5faa549"/><file name="index.html" hash="78353f64a2cf4a4016a0351ef98328fe"/></dir><dir name="skin4"><dir name="images"><dir name="ie6"><file name="borderBottomCenter.png" hash="3f90207da36603df0c149c492bddbb0c"/><file name="borderBottomLeft.png" hash="3262aa0a44269611921af9ead46f0895"/><file name="borderBottomRight.png" hash="a5f6d0d9be6462600cd30a84faab6363"/><file name="borderMiddleLeft.png" hash="eb8abe31d7b850f14bf5eb4543e8c59d"/><file name="borderMiddleRight.png" hash="b644333625c0412bb2b40e2dc64e60fb"/><file name="borderTopCenter.png" hash="ec720341598256324261994c1ea5afce"/><file name="borderTopLeft.png" hash="748c78f393f4f0894ea38a15400dfb51"/><file name="borderTopRight.png" hash="97c3bc0be76863db1a81cedb8ecb3b92"/></dir><file name="border1.png" hash="416e964cc063395fc2db26e463987609"/><file name="border2.png" hash="50cdcf6bc41aeac05c43095f4074f6f4"/><file name="loading.gif" hash="b5e24db8f84eb4eac09c88f804f36df2"/></dir><file name="colorbox.css" hash="08d9e0000045c2fa70ee6fcb8be26464"/><file name="index.html" hash="78353f64a2cf4a4016a0351ef98328fe"/></dir><dir name="skin5"><dir name="images"><file name="border.png" hash="84ac39cb765f507aa1aef0f657c5e4bf"/><file name="controls.png" hash="5aec7ed684b6fe4dbeffabb73378962c"/><file name="loading.gif" hash="e6611f867d63754b7a2a974fb0a0e7dc"/><file name="loading_background.png" hash="7c96a54b079f79d48db5c29c3a538b83"/></dir><file name="colorbox.css" hash="2452c075ac9cf205c13d5b0c459f83b5"/><file name="index.html" hash="78353f64a2cf4a4016a0351ef98328fe"/></dir><file name="jquery.colorbox.js" hash="5f6f6fb1da2f569029c97b3832c3fa78"/><file name="logo_onecheckout.jpg" hash="cf71a3d20cf06abaf99521651c2fe3d1"/><file name="logo_pdf.jpg" hash="5a0d745372115da1d61168e2529c0c0d"/><file name="logo_sitemap.jpg" hash="937495eec93cb1640b6244bff4cb31a2"/><file name="menu_box.jpg" hash="e76e4c6b62b096ca87175eb0f5270062"/></dir></dir></dir></dir></dir></target></contents>
17
+ <compatible/>
18
+ <dependencies/>
19
+ </package>
skin/frontend/base/default/magazento/colorbox/jquery.colorbox.js ADDED
@@ -0,0 +1,926 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ // ColorBox v1.3.19.3 - jQuery lightbox plugin
2
+ // (c) 2011 Jack Moore - jacklmoore.com
3
+ // License: http://www.opensource.org/licenses/mit-license.php
4
+ (function ($, document, window) {
5
+ var
6
+ // Default settings object.
7
+ // See http://jacklmoore.com/colorbox for details.
8
+ defaults = {
9
+ transition: "elastic",
10
+ speed: 300,
11
+ width: false,
12
+ initialWidth: "600",
13
+ innerWidth: false,
14
+ maxWidth: false,
15
+ height: false,
16
+ initialHeight: "450",
17
+ innerHeight: false,
18
+ maxHeight: false,
19
+ scalePhotos: true,
20
+ scrolling: true,
21
+ inline: false,
22
+ html: false,
23
+ iframe: false,
24
+ fastIframe: true,
25
+ photo: false,
26
+ href: false,
27
+ title: false,
28
+ rel: false,
29
+ opacity: 0.9,
30
+ preloading: true,
31
+
32
+ current: "image {current} of {total}",
33
+ previous: "previous",
34
+ next: "next",
35
+ close: "close",
36
+ xhrError: "This content failed to load.",
37
+ imgError: "This image failed to load.",
38
+
39
+ open: false,
40
+ returnFocus: true,
41
+ reposition: true,
42
+ loop: true,
43
+ slideshow: false,
44
+ slideshowAuto: true,
45
+ slideshowSpeed: 2500,
46
+ slideshowStart: "start slideshow",
47
+ slideshowStop: "stop slideshow",
48
+ onOpen: false,
49
+ onLoad: false,
50
+ onComplete: false,
51
+ onCleanup: false,
52
+ onClosed: false,
53
+ overlayClose: true,
54
+ escKey: true,
55
+ arrowKey: true,
56
+ top: false,
57
+ bottom: false,
58
+ left: false,
59
+ right: false,
60
+ fixed: false,
61
+ data: undefined
62
+ },
63
+
64
+ // Abstracting the HTML and event identifiers for easy rebranding
65
+ colorbox = 'colorbox',
66
+ prefix = 'cbox',
67
+ boxElement = prefix + 'Element',
68
+
69
+ // Events
70
+ event_open = prefix + '_open',
71
+ event_load = prefix + '_load',
72
+ event_complete = prefix + '_complete',
73
+ event_cleanup = prefix + '_cleanup',
74
+ event_closed = prefix + '_closed',
75
+ event_purge = prefix + '_purge',
76
+
77
+ // Special Handling for IE
78
+ isIE = !$.support.opacity && !$.support.style, // IE7 & IE8
79
+ isIE6 = isIE && !window.XMLHttpRequest, // IE6
80
+ event_ie6 = prefix + '_IE6',
81
+
82
+ // Cached jQuery Object Variables
83
+ $overlay,
84
+ $box,
85
+ $wrap,
86
+ $content,
87
+ $topBorder,
88
+ $leftBorder,
89
+ $rightBorder,
90
+ $bottomBorder,
91
+ $related,
92
+ $window,
93
+ $loaded,
94
+ $loadingBay,
95
+ $loadingOverlay,
96
+ $title,
97
+ $current,
98
+ $slideshow,
99
+ $next,
100
+ $prev,
101
+ $close,
102
+ $groupControls,
103
+
104
+ // Variables for cached values or use across multiple functions
105
+ settings,
106
+ interfaceHeight,
107
+ interfaceWidth,
108
+ loadedHeight,
109
+ loadedWidth,
110
+ element,
111
+ index,
112
+ photo,
113
+ open,
114
+ active,
115
+ closing,
116
+ loadingTimer,
117
+ publicMethod,
118
+ div = "div",
119
+ init;
120
+
121
+ // ****************
122
+ // HELPER FUNCTIONS
123
+ // ****************
124
+
125
+ // Convience function for creating new jQuery objects
126
+ function $tag(tag, id, css) {
127
+ var element = document.createElement(tag);
128
+
129
+ if (id) {
130
+ element.id = prefix + id;
131
+ }
132
+
133
+ if (css) {
134
+ element.style.cssText = css;
135
+ }
136
+
137
+ return $(element);
138
+ }
139
+
140
+ // Determine the next and previous members in a group.
141
+ function getIndex(increment) {
142
+ var
143
+ max = $related.length,
144
+ newIndex = (index + increment) % max;
145
+
146
+ return (newIndex < 0) ? max + newIndex : newIndex;
147
+ }
148
+
149
+ // Convert '%' and 'px' values to integers
150
+ function setSize(size, dimension) {
151
+ return Math.round((/%/.test(size) ? ((dimension === 'x' ? $window.width() : $window.height()) / 100) : 1) * parseInt(size, 10));
152
+ }
153
+
154
+ // Checks an href to see if it is a photo.
155
+ // There is a force photo option (photo: true) for hrefs that cannot be matched by this regex.
156
+ function isImage(url) {
157
+ return settings.photo || /\.(gif|png|jpe?g|bmp|ico)((#|\?).*)?$/i.test(url);
158
+ }
159
+
160
+ // Assigns function results to their respective properties
161
+ function makeSettings() {
162
+ var i,
163
+ data = $.data(element, colorbox);
164
+
165
+ if (data == null) {
166
+ settings = $.extend({}, defaults);
167
+ if (console && console.log) {
168
+ console.log('Error: cboxElement missing settings object')
169
+ }
170
+ } else {
171
+ settings = $.extend({}, data);
172
+ }
173
+
174
+ for (i in settings) {
175
+ if ($.isFunction(settings[i]) && i.slice(0, 2) !== 'on') { // checks to make sure the function isn't one of the callbacks, they will be handled at the appropriate time.
176
+ settings[i] = settings[i].call(element);
177
+ }
178
+ }
179
+
180
+ settings.rel = settings.rel || element.rel || 'nofollow';
181
+ settings.href = settings.href || $(element).attr('href');
182
+ settings.title = settings.title || element.title;
183
+
184
+ if (typeof settings.href === "string") {
185
+ settings.href = $.trim(settings.href);
186
+ }
187
+ }
188
+
189
+ function trigger(event, callback) {
190
+ $.event.trigger(event);
191
+ if (callback) {
192
+ callback.call(element);
193
+ }
194
+ }
195
+
196
+ // Slideshow functionality
197
+ function slideshow() {
198
+ var
199
+ timeOut,
200
+ className = prefix + "Slideshow_",
201
+ click = "click." + prefix,
202
+ start,
203
+ stop,
204
+ clear;
205
+
206
+ if (settings.slideshow && $related[1]) {
207
+ start = function () {
208
+ $slideshow
209
+ .text(settings.slideshowStop)
210
+ .unbind(click)
211
+ .bind(event_complete, function () {
212
+ if (settings.loop || $related[index + 1]) {
213
+ timeOut = setTimeout(publicMethod.next, settings.slideshowSpeed);
214
+ }
215
+ })
216
+ .bind(event_load, function () {
217
+ clearTimeout(timeOut);
218
+ })
219
+ .one(click + ' ' + event_cleanup, stop);
220
+ $box.removeClass(className + "off").addClass(className + "on");
221
+ timeOut = setTimeout(publicMethod.next, settings.slideshowSpeed);
222
+ };
223
+
224
+ stop = function () {
225
+ clearTimeout(timeOut);
226
+ $slideshow
227
+ .text(settings.slideshowStart)
228
+ .unbind([event_complete, event_load, event_cleanup, click].join(' '))
229
+ .one(click, function () {
230
+ publicMethod.next();
231
+ start();
232
+ });
233
+ $box.removeClass(className + "on").addClass(className + "off");
234
+ };
235
+
236
+ if (settings.slideshowAuto) {
237
+ start();
238
+ } else {
239
+ stop();
240
+ }
241
+ } else {
242
+ $box.removeClass(className + "off " + className + "on");
243
+ }
244
+ }
245
+
246
+ function launch(target) {
247
+ if (!closing) {
248
+
249
+ element = target;
250
+
251
+ makeSettings();
252
+
253
+ $related = $(element);
254
+
255
+ index = 0;
256
+
257
+ if (settings.rel !== 'nofollow') {
258
+ $related = $('.' + boxElement).filter(function () {
259
+ var data = $.data(this, colorbox),
260
+ relRelated;
261
+
262
+ if (data) {
263
+ relRelated = data.rel || this.rel;
264
+ }
265
+
266
+ return (relRelated === settings.rel);
267
+ });
268
+ index = $related.index(element);
269
+
270
+ // Check direct calls to ColorBox.
271
+ if (index === -1) {
272
+ $related = $related.add(element);
273
+ index = $related.length - 1;
274
+ }
275
+ }
276
+
277
+ if (!open) {
278
+ open = active = true; // Prevents the page-change action from queuing up if the visitor holds down the left or right keys.
279
+
280
+ $box.show();
281
+
282
+ if (settings.returnFocus) {
283
+ $(element).blur().one(event_closed, function () {
284
+ $(this).focus();
285
+ });
286
+ }
287
+
288
+ // +settings.opacity avoids a problem in IE when using non-zero-prefixed-string-values, like '.5'
289
+ $overlay.css({"opacity": +settings.opacity, "cursor": settings.overlayClose ? "pointer" : "auto"}).show();
290
+
291
+ // Opens inital empty ColorBox prior to content being loaded.
292
+ settings.w = setSize(settings.initialWidth, 'x');
293
+ settings.h = setSize(settings.initialHeight, 'y');
294
+ publicMethod.position();
295
+
296
+ if (isIE6) {
297
+ $window.bind('resize.' + event_ie6 + ' scroll.' + event_ie6, function () {
298
+ $overlay.css({width: $window.width(), height: $window.height(), top: $window.scrollTop(), left: $window.scrollLeft()});
299
+ }).trigger('resize.' + event_ie6);
300
+ }
301
+
302
+ trigger(event_open, settings.onOpen);
303
+
304
+ $groupControls.add($title).hide();
305
+
306
+ $close.html(settings.close).show();
307
+ }
308
+
309
+ publicMethod.load(true);
310
+ }
311
+ }
312
+
313
+ // ColorBox's markup needs to be added to the DOM prior to being called
314
+ // so that the browser will go ahead and load the CSS background images.
315
+ function appendHTML() {
316
+ if (!$box && document.body) {
317
+ init = false;
318
+
319
+ $window = $(window);
320
+ $box = $tag(div).attr({id: colorbox, 'class': isIE ? prefix + (isIE6 ? 'IE6' : 'IE') : ''}).hide();
321
+ $overlay = $tag(div, "Overlay", isIE6 ? 'position:absolute' : '').hide();
322
+ $wrap = $tag(div, "Wrapper");
323
+ $content = $tag(div, "Content").append(
324
+ $loaded = $tag(div, "LoadedContent", 'width:0; height:0; overflow:hidden'),
325
+ $loadingOverlay = $tag(div, "LoadingOverlay").add($tag(div, "LoadingGraphic")),
326
+ $title = $tag(div, "Title"),
327
+ $current = $tag(div, "Current"),
328
+ $next = $tag(div, "Next"),
329
+ $prev = $tag(div, "Previous"),
330
+ $slideshow = $tag(div, "Slideshow").bind(event_open, slideshow),
331
+ $close = $tag(div, "Close")
332
+ );
333
+
334
+ $wrap.append( // The 3x3 Grid that makes up ColorBox
335
+ $tag(div).append(
336
+ $tag(div, "TopLeft"),
337
+ $topBorder = $tag(div, "TopCenter"),
338
+ $tag(div, "TopRight")
339
+ ),
340
+ $tag(div, false, 'clear:left').append(
341
+ $leftBorder = $tag(div, "MiddleLeft"),
342
+ $content,
343
+ $rightBorder = $tag(div, "MiddleRight")
344
+ ),
345
+ $tag(div, false, 'clear:left').append(
346
+ $tag(div, "BottomLeft"),
347
+ $bottomBorder = $tag(div, "BottomCenter"),
348
+ $tag(div, "BottomRight")
349
+ )
350
+ ).find('div div').css({'float': 'left'});
351
+
352
+ $loadingBay = $tag(div, false, 'position:absolute; width:9999px; visibility:hidden; display:none');
353
+
354
+ $groupControls = $next.add($prev).add($current).add($slideshow);
355
+
356
+ $(document.body).append($overlay, $box.append($wrap, $loadingBay));
357
+ }
358
+ }
359
+
360
+ // Add ColorBox's event bindings
361
+ function addBindings() {
362
+ if ($box) {
363
+ if (!init) {
364
+ init = true;
365
+
366
+ // Cache values needed for size calculations
367
+ interfaceHeight = $topBorder.height() + $bottomBorder.height() + $content.outerHeight(true) - $content.height();//Subtraction needed for IE6
368
+ interfaceWidth = $leftBorder.width() + $rightBorder.width() + $content.outerWidth(true) - $content.width();
369
+ loadedHeight = $loaded.outerHeight(true);
370
+ loadedWidth = $loaded.outerWidth(true);
371
+
372
+ // Setting padding to remove the need to do size conversions during the animation step.
373
+ $box.css({"padding-bottom": interfaceHeight, "padding-right": interfaceWidth});
374
+
375
+ // Anonymous functions here keep the public method from being cached, thereby allowing them to be redefined on the fly.
376
+ $next.click(function () {
377
+ publicMethod.next();
378
+ });
379
+ $prev.click(function () {
380
+ publicMethod.prev();
381
+ });
382
+ $close.click(function () {
383
+ publicMethod.close();
384
+ });
385
+ $overlay.click(function () {
386
+ if (settings.overlayClose) {
387
+ publicMethod.close();
388
+ }
389
+ });
390
+
391
+ // Key Bindings
392
+ $(document).bind('keydown.' + prefix, function (e) {
393
+ var key = e.keyCode;
394
+ if (open && settings.escKey && key === 27) {
395
+ e.preventDefault();
396
+ publicMethod.close();
397
+ }
398
+ if (open && settings.arrowKey && $related[1]) {
399
+ if (key === 37) {
400
+ e.preventDefault();
401
+ $prev.click();
402
+ } else if (key === 39) {
403
+ e.preventDefault();
404
+ $next.click();
405
+ }
406
+ }
407
+ });
408
+
409
+ $('.' + boxElement, document).live('click', function (e) {
410
+ // ignore non-left-mouse-clicks and clicks modified with ctrl / command, shift, or alt.
411
+ // See: http://jacklmoore.com/notes/click-events/
412
+ if (!(e.which > 1 || e.shiftKey || e.altKey || e.metaKey)) {
413
+ e.preventDefault();
414
+ launch(this);
415
+ }
416
+ });
417
+ }
418
+ return true;
419
+ }
420
+ return false;
421
+ }
422
+
423
+ // Don't do anything if ColorBox already exists.
424
+ if ($.colorbox) {
425
+ return;
426
+ }
427
+
428
+ // Append the HTML when the DOM loads
429
+ $(appendHTML);
430
+
431
+
432
+ // ****************
433
+ // PUBLIC FUNCTIONS
434
+ // Usage format: $.fn.colorbox.close();
435
+ // Usage from within an iframe: parent.$.fn.colorbox.close();
436
+ // ****************
437
+
438
+ publicMethod = $.fn[colorbox] = $[colorbox] = function (options, callback) {
439
+ var $this = this;
440
+
441
+ options = options || {};
442
+
443
+ appendHTML();
444
+
445
+ if (addBindings()) {
446
+ if (!$this[0]) {
447
+ if ($this.selector) { // if a selector was given and it didn't match any elements, go ahead and exit.
448
+ return $this;
449
+ }
450
+ // if no selector was given (ie. $.colorbox()), create a temporary element to work with
451
+ $this = $('<a/>');
452
+ options.open = true; // assume an immediate open
453
+ }
454
+
455
+ if (callback) {
456
+ options.onComplete = callback;
457
+ }
458
+
459
+ $this.each(function () {
460
+ $.data(this, colorbox, $.extend({}, $.data(this, colorbox) || defaults, options));
461
+ }).addClass(boxElement);
462
+
463
+ if (($.isFunction(options.open) && options.open.call($this)) || options.open) {
464
+ launch($this[0]);
465
+ }
466
+ }
467
+
468
+ return $this;
469
+ };
470
+
471
+ publicMethod.position = function (speed, loadedCallback) {
472
+ var
473
+ top = 0,
474
+ left = 0,
475
+ offset = $box.offset(),
476
+ scrollTop,
477
+ scrollLeft;
478
+
479
+ $window.unbind('resize.' + prefix);
480
+
481
+ // remove the modal so that it doesn't influence the document width/height
482
+ $box.css({top: -9e4, left: -9e4});
483
+
484
+ scrollTop = $window.scrollTop();
485
+ scrollLeft = $window.scrollLeft();
486
+
487
+ if (settings.fixed && !isIE6) {
488
+ offset.top -= scrollTop;
489
+ offset.left -= scrollLeft;
490
+ $box.css({position: 'fixed'});
491
+ } else {
492
+ top = scrollTop;
493
+ left = scrollLeft;
494
+ $box.css({position: 'absolute'});
495
+ }
496
+
497
+ // keeps the top and left positions within the browser's viewport.
498
+ if (settings.right !== false) {
499
+ left += Math.max($window.width() - settings.w - loadedWidth - interfaceWidth - setSize(settings.right, 'x'), 0);
500
+ } else if (settings.left !== false) {
501
+ left += setSize(settings.left, 'x');
502
+ } else {
503
+ left += Math.round(Math.max($window.width() - settings.w - loadedWidth - interfaceWidth, 0) / 2);
504
+ }
505
+
506
+ if (settings.bottom !== false) {
507
+ top += Math.max($window.height() - settings.h - loadedHeight - interfaceHeight - setSize(settings.bottom, 'y'), 0);
508
+ } else if (settings.top !== false) {
509
+ top += setSize(settings.top, 'y');
510
+ } else {
511
+ top += Math.round(Math.max($window.height() - settings.h - loadedHeight - interfaceHeight, 0) / 2);
512
+ }
513
+
514
+ $box.css({top: offset.top, left: offset.left});
515
+
516
+ // setting the speed to 0 to reduce the delay between same-sized content.
517
+ speed = ($box.width() === settings.w + loadedWidth && $box.height() === settings.h + loadedHeight) ? 0 : speed || 0;
518
+
519
+ // this gives the wrapper plenty of breathing room so it's floated contents can move around smoothly,
520
+ // but it has to be shrank down around the size of div#colorbox when it's done. If not,
521
+ // it can invoke an obscure IE bug when using iframes.
522
+ $wrap[0].style.width = $wrap[0].style.height = "9999px";
523
+
524
+ function modalDimensions(that) {
525
+ $topBorder[0].style.width = $bottomBorder[0].style.width = $content[0].style.width = that.style.width;
526
+ $content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = that.style.height;
527
+ }
528
+
529
+ $box.dequeue().animate({width: settings.w + loadedWidth, height: settings.h + loadedHeight, top: top, left: left}, {
530
+ duration: speed,
531
+ complete: function () {
532
+ modalDimensions(this);
533
+
534
+ active = false;
535
+
536
+ // shrink the wrapper down to exactly the size of colorbox to avoid a bug in IE's iframe implementation.
537
+ $wrap[0].style.width = (settings.w + loadedWidth + interfaceWidth) + "px";
538
+ $wrap[0].style.height = (settings.h + loadedHeight + interfaceHeight) + "px";
539
+
540
+ if (settings.reposition) {
541
+ setTimeout(function () { // small delay before binding onresize due to an IE8 bug.
542
+ $window.bind('resize.' + prefix, publicMethod.position);
543
+ }, 1);
544
+ }
545
+
546
+ if (loadedCallback) {
547
+ loadedCallback();
548
+ }
549
+ },
550
+ step: function () {
551
+ modalDimensions(this);
552
+ }
553
+ });
554
+ };
555
+
556
+ publicMethod.resize = function (options) {
557
+ if (open) {
558
+ options = options || {};
559
+
560
+ if (options.width) {
561
+ settings.w = setSize(options.width, 'x') - loadedWidth - interfaceWidth;
562
+ }
563
+ if (options.innerWidth) {
564
+ settings.w = setSize(options.innerWidth, 'x');
565
+ }
566
+ $loaded.css({width: settings.w});
567
+
568
+ if (options.height) {
569
+ settings.h = setSize(options.height, 'y') - loadedHeight - interfaceHeight;
570
+ }
571
+ if (options.innerHeight) {
572
+ settings.h = setSize(options.innerHeight, 'y');
573
+ }
574
+ if (!options.innerHeight && !options.height) {
575
+ $loaded.css({height: "auto"});
576
+ settings.h = $loaded.height();
577
+ }
578
+ $loaded.css({height: settings.h});
579
+
580
+ publicMethod.position(settings.transition === "none" ? 0 : settings.speed);
581
+ }
582
+ };
583
+
584
+ publicMethod.prep = function (object) {
585
+ if (!open) {
586
+ return;
587
+ }
588
+
589
+ var callback, speed = settings.transition === "none" ? 0 : settings.speed;
590
+
591
+ $loaded.remove();
592
+ $loaded = $tag(div, 'LoadedContent').append(object);
593
+
594
+ function getWidth() {
595
+ settings.w = settings.w || $loaded.width();
596
+ settings.w = settings.mw && settings.mw < settings.w ? settings.mw : settings.w;
597
+ return settings.w;
598
+ }
599
+ function getHeight() {
600
+ settings.h = settings.h || $loaded.height();
601
+ settings.h = settings.mh && settings.mh < settings.h ? settings.mh : settings.h;
602
+ return settings.h;
603
+ }
604
+
605
+ $loaded.hide()
606
+ .appendTo($loadingBay.show())// content has to be appended to the DOM for accurate size calculations.
607
+ .css({width: getWidth(), overflow: settings.scrolling ? 'auto' : 'hidden'})
608
+ .css({height: getHeight()})// sets the height independently from the width in case the new width influences the value of height.
609
+ .prependTo($content);
610
+
611
+ $loadingBay.hide();
612
+
613
+ // floating the IMG removes the bottom line-height and fixed a problem where IE miscalculates the width of the parent element as 100% of the document width.
614
+ //$(photo).css({'float': 'none', marginLeft: 'auto', marginRight: 'auto'});
615
+
616
+ $(photo).css({'float': 'none'});
617
+
618
+ // Hides SELECT elements in IE6 because they would otherwise sit on top of the overlay.
619
+ if (isIE6) {
620
+ $('select').not($box.find('select')).filter(function () {
621
+ return this.style.visibility !== 'hidden';
622
+ }).css({'visibility': 'hidden'}).one(event_cleanup, function () {
623
+ this.style.visibility = 'inherit';
624
+ });
625
+ }
626
+
627
+ callback = function () {
628
+ var preload,
629
+ i,
630
+ total = $related.length,
631
+ iframe,
632
+ frameBorder = 'frameBorder',
633
+ allowTransparency = 'allowTransparency',
634
+ complete,
635
+ src,
636
+ img,
637
+ data;
638
+
639
+ if (!open) {
640
+ return;
641
+ }
642
+
643
+ function removeFilter() {
644
+ if (isIE) {
645
+ $box[0].style.removeAttribute('filter');
646
+ }
647
+ }
648
+
649
+ complete = function () {
650
+ clearTimeout(loadingTimer);
651
+ $loadingOverlay.hide();
652
+ trigger(event_complete, settings.onComplete);
653
+ };
654
+
655
+ if (isIE) {
656
+ //This fadeIn helps the bicubic resampling to kick-in.
657
+ if (photo) {
658
+ $loaded.fadeIn(100);
659
+ }
660
+ }
661
+
662
+ $title.html(settings.title).add($loaded).show();
663
+
664
+ if (total > 1) { // handle grouping
665
+ if (typeof settings.current === "string") {
666
+ $current.html(settings.current.replace('{current}', index + 1).replace('{total}', total)).show();
667
+ }
668
+
669
+ $next[(settings.loop || index < total - 1) ? "show" : "hide"]().html(settings.next);
670
+ $prev[(settings.loop || index) ? "show" : "hide"]().html(settings.previous);
671
+
672
+ if (settings.slideshow) {
673
+ $slideshow.show();
674
+ }
675
+
676
+ // Preloads images within a rel group
677
+ if (settings.preloading) {
678
+ preload = [
679
+ getIndex(-1),
680
+ getIndex(1)
681
+ ];
682
+ while (i = $related[preload.pop()]) {
683
+ data = $.data(i, colorbox);
684
+
685
+ if (data && data.href) {
686
+ src = data.href;
687
+ if ($.isFunction(src)) {
688
+ src = src.call(i);
689
+ }
690
+ } else {
691
+ src = i.href;
692
+ }
693
+
694
+ if (isImage(src)) {
695
+ img = new Image();
696
+ img.src = src;
697
+ }
698
+ }
699
+ }
700
+ } else {
701
+ $groupControls.hide();
702
+ }
703
+
704
+ if (settings.iframe) {
705
+ iframe = $tag('iframe')[0];
706
+
707
+ if (frameBorder in iframe) {
708
+ iframe[frameBorder] = 0;
709
+ }
710
+ if (allowTransparency in iframe) {
711
+ iframe[allowTransparency] = "true";
712
+ }
713
+ // give the iframe a unique name to prevent caching
714
+ iframe.name = prefix + (+new Date());
715
+ if (settings.fastIframe) {
716
+ complete();
717
+ } else {
718
+ $(iframe).one('load', complete);
719
+ }
720
+ iframe.src = settings.href;
721
+ if (!settings.scrolling) {
722
+ iframe.scrolling = "no";
723
+ }
724
+ $(iframe).addClass(prefix + 'Iframe').appendTo($loaded).one(event_purge, function () {
725
+ iframe.src = "//about:blank";
726
+ });
727
+ } else {
728
+ complete();
729
+ }
730
+
731
+ if (settings.transition === 'fade') {
732
+ $box.fadeTo(speed, 1, removeFilter);
733
+ } else {
734
+ removeFilter();
735
+ }
736
+ };
737
+
738
+ if (settings.transition === 'fade') {
739
+ $box.fadeTo(speed, 0, function () {
740
+ publicMethod.position(0, callback);
741
+ });
742
+ } else {
743
+ publicMethod.position(speed, callback);
744
+ }
745
+ };
746
+
747
+ publicMethod.load = function (launched) {
748
+ var href, setResize, prep = publicMethod.prep;
749
+
750
+ active = true;
751
+
752
+ photo = false;
753
+
754
+ element = $related[index];
755
+
756
+ if (!launched) {
757
+ makeSettings();
758
+ }
759
+
760
+ trigger(event_purge);
761
+
762
+ trigger(event_load, settings.onLoad);
763
+
764
+ settings.h = settings.height ?
765
+ setSize(settings.height, 'y') - loadedHeight - interfaceHeight :
766
+ settings.innerHeight && setSize(settings.innerHeight, 'y');
767
+
768
+ settings.w = settings.width ?
769
+ setSize(settings.width, 'x') - loadedWidth - interfaceWidth :
770
+ settings.innerWidth && setSize(settings.innerWidth, 'x');
771
+
772
+ // Sets the minimum dimensions for use in image scaling
773
+ settings.mw = settings.w;
774
+ settings.mh = settings.h;
775
+
776
+ // Re-evaluate the minimum width and height based on maxWidth and maxHeight values.
777
+ // If the width or height exceed the maxWidth or maxHeight, use the maximum values instead.
778
+ if (settings.maxWidth) {
779
+ settings.mw = setSize(settings.maxWidth, 'x') - loadedWidth - interfaceWidth;
780
+ settings.mw = settings.w && settings.w < settings.mw ? settings.w : settings.mw;
781
+ }
782
+ if (settings.maxHeight) {
783
+ settings.mh = setSize(settings.maxHeight, 'y') - loadedHeight - interfaceHeight;
784
+ settings.mh = settings.h && settings.h < settings.mh ? settings.h : settings.mh;
785
+ }
786
+
787
+ href = settings.href;
788
+
789
+ loadingTimer = setTimeout(function () {
790
+ $loadingOverlay.show();
791
+ }, 100);
792
+
793
+ if (settings.inline) {
794
+ // Inserts an empty placeholder where inline content is being pulled from.
795
+ // An event is bound to put inline content back when ColorBox closes or loads new content.
796
+ $tag(div).hide().insertBefore($(href)[0]).one(event_purge, function () {
797
+ $(this).replaceWith($loaded.children());
798
+ });
799
+ prep($(href));
800
+ } else if (settings.iframe) {
801
+ // IFrame element won't be added to the DOM until it is ready to be displayed,
802
+ // to avoid problems with DOM-ready JS that might be trying to run in that iframe.
803
+ prep(" ");
804
+ } else if (settings.html) {
805
+ prep(settings.html);
806
+ } else if (isImage(href)) {
807
+ $(photo = new Image())
808
+ .addClass(prefix + 'Photo')
809
+ .error(function () {
810
+ settings.title = false;
811
+ prep($tag(div, 'Error').html(settings.imgError));
812
+ })
813
+ .load(function () {
814
+ var percent;
815
+ photo.onload = null; //stops animated gifs from firing the onload repeatedly.
816
+
817
+ if (settings.scalePhotos) {
818
+ setResize = function () {
819
+ photo.height -= photo.height * percent;
820
+ photo.width -= photo.width * percent;
821
+ };
822
+ if (settings.mw && photo.width > settings.mw) {
823
+ percent = (photo.width - settings.mw) / photo.width;
824
+ setResize();
825
+ }
826
+ if (settings.mh && photo.height > settings.mh) {
827
+ percent = (photo.height - settings.mh) / photo.height;
828
+ setResize();
829
+ }
830
+ }
831
+
832
+ if (settings.h) {
833
+ photo.style.marginTop = Math.max(settings.h - photo.height, 0) / 2 + 'px';
834
+ }
835
+
836
+ if ($related[1] && (settings.loop || $related[index + 1])) {
837
+ photo.style.cursor = 'pointer';
838
+ photo.onclick = function () {
839
+ publicMethod.next();
840
+ };
841
+ }
842
+
843
+ if (isIE) {
844
+ photo.style.msInterpolationMode = 'bicubic';
845
+ }
846
+
847
+ setTimeout(function () { // A pause because Chrome will sometimes report a 0 by 0 size otherwise.
848
+ prep(photo);
849
+ }, 1);
850
+ });
851
+
852
+ setTimeout(function () { // A pause because Opera 10.6+ will sometimes not run the onload function otherwise.
853
+ photo.src = href;
854
+ }, 1);
855
+ } else if (href) {
856
+ $loadingBay.load(href, settings.data, function (data, status, xhr) {
857
+ prep(status === 'error' ? $tag(div, 'Error').html(settings.xhrError) : $(this).contents());
858
+ });
859
+ }
860
+ };
861
+
862
+ // Navigates to the next page/image in a set.
863
+ publicMethod.next = function () {
864
+ if (!active && $related[1] && (settings.loop || $related[index + 1])) {
865
+ index = getIndex(1);
866
+ publicMethod.load();
867
+ }
868
+ };
869
+
870
+ publicMethod.prev = function () {
871
+ if (!active && $related[1] && (settings.loop || index)) {
872
+ index = getIndex(-1);
873
+ publicMethod.load();
874
+ }
875
+ };
876
+
877
+ // Note: to use this within an iframe use the following format: parent.$.fn.colorbox.close();
878
+ publicMethod.close = function () {
879
+ if (open && !closing) {
880
+
881
+ closing = true;
882
+
883
+ open = false;
884
+
885
+ trigger(event_cleanup, settings.onCleanup);
886
+
887
+ $window.unbind('.' + prefix + ' .' + event_ie6);
888
+
889
+ $overlay.fadeTo(200, 0);
890
+
891
+ $box.stop().fadeTo(300, 0, function () {
892
+
893
+ $box.add($overlay).css({'opacity': 1, cursor: 'auto'}).hide();
894
+
895
+ trigger(event_purge);
896
+
897
+ $loaded.remove();
898
+
899
+ setTimeout(function () {
900
+ closing = false;
901
+ trigger(event_closed, settings.onClosed);
902
+ }, 1);
903
+ });
904
+ }
905
+ };
906
+
907
+ // Removes changes ColorBox made to the document, but does not remove the plugin
908
+ // from jQuery.
909
+ publicMethod.remove = function () {
910
+ $([]).add($box).add($overlay).remove();
911
+ $box = null;
912
+ $('.' + boxElement)
913
+ .removeData(colorbox)
914
+ .removeClass(boxElement)
915
+ .die();
916
+ };
917
+
918
+ // A method for fetching the current element ColorBox is referencing.
919
+ // returns a jQuery object.
920
+ publicMethod.element = function () {
921
+ return $(element);
922
+ };
923
+
924
+ publicMethod.settings = defaults;
925
+
926
+ }(jQuery, document, this));
skin/frontend/base/default/magazento/colorbox/logo_onecheckout.jpg ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/logo_pdf.jpg ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/logo_sitemap.jpg ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/menu_box.jpg ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/colorbox.css ADDED
@@ -0,0 +1,86 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ ColorBox Core Style:
3
+ The following CSS is consistent between example themes and should not be altered.
4
+ */
5
+ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
6
+ #cboxOverlay{position:fixed; width:100%; height:100%;}
7
+ #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
8
+ #cboxContent{position:relative;}
9
+ #cboxLoadedContent{overflow:auto;}
10
+ #cboxTitle{margin:0;}
11
+ #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
12
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
13
+ .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
14
+ .cboxIframe{width:100%; height:100%; display:block; border:0;}
15
+ #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
16
+
17
+ /*
18
+ User Style:
19
+ Change the following styles to modify the appearance of ColorBox. They are
20
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
21
+ */
22
+ #cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
23
+ #colorbox{}
24
+ #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
25
+ #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
26
+ #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
27
+ #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
28
+ #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
29
+ #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
30
+ #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
31
+ #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
32
+ #cboxContent{background:#fff; overflow:hidden;}
33
+ .cboxIframe{background:#fff;}
34
+ #cboxError{padding:50px; border:1px solid #ccc;}
35
+ #cboxLoadedContent{margin-bottom:28px;}
36
+ #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
37
+ #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
38
+ #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
39
+ #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
40
+ #cboxPrevious:hover{background-position:-75px -25px;}
41
+ #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
42
+ #cboxNext:hover{background-position:-50px -25px;}
43
+ #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
44
+ #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
45
+ #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
46
+ #cboxClose:hover{background-position:-25px -25px;}
47
+
48
+ /*
49
+ The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
50
+ when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
51
+ See: http://jacklmoore.com/notes/ie-transparency-problems/
52
+ */
53
+ .cboxIE #cboxTopLeft,
54
+ .cboxIE #cboxTopCenter,
55
+ .cboxIE #cboxTopRight,
56
+ .cboxIE #cboxBottomLeft,
57
+ .cboxIE #cboxBottomCenter,
58
+ .cboxIE #cboxBottomRight,
59
+ .cboxIE #cboxMiddleLeft,
60
+ .cboxIE #cboxMiddleRight {
61
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
62
+ }
63
+
64
+ /*
65
+ The following provides PNG transparency support for IE6
66
+ Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
67
+ */
68
+ .cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
69
+ .cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
70
+ .cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
71
+ .cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
72
+ .cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
73
+ .cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
74
+ .cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
75
+ .cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}
76
+
77
+ .cboxIE6 #cboxTopLeft,
78
+ .cboxIE6 #cboxTopCenter,
79
+ .cboxIE6 #cboxTopRight,
80
+ .cboxIE6 #cboxBottomLeft,
81
+ .cboxIE6 #cboxBottomCenter,
82
+ .cboxIE6 #cboxBottomRight,
83
+ .cboxIE6 #cboxMiddleLeft,
84
+ .cboxIE6 #cboxMiddleRight {
85
+ _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
86
+ }
skin/frontend/base/default/magazento/colorbox/skin1/images/border.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/images/controls.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderBottomCenter.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderBottomLeft.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderBottomRight.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderMiddleLeft.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderMiddleRight.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderTopCenter.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderTopLeft.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/images/ie6/borderTopRight.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/images/loading.gif ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/images/loading_background.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin1/images/overlay.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin2/colorbox.css ADDED
@@ -0,0 +1,43 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ ColorBox Core Style:
3
+ The following CSS is consistent between example themes and should not be altered.
4
+ */
5
+ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
6
+ #cboxOverlay{position:fixed; width:100%; height:100%;}
7
+ #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
8
+ #cboxContent{position:relative;}
9
+ #cboxLoadedContent{overflow:auto;}
10
+ #cboxTitle{margin:0;}
11
+ #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
12
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
13
+ .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
14
+ .cboxIframe{width:100%; height:100%; display:block; border:0;}
15
+ #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
16
+
17
+ /*
18
+ User Style:
19
+ Change the following styles to modify the appearance of ColorBox. They are
20
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
21
+ */
22
+ #cboxOverlay{background:#fff;}
23
+ #colorbox{}
24
+ #cboxContent{margin-top:32px; overflow:visible;}
25
+ .cboxIframe{background:#fff;}
26
+ #cboxError{padding:50px; border:1px solid #ccc;}
27
+ #cboxLoadedContent{background:#000; padding:1px;}
28
+ #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
29
+ #cboxLoadingOverlay{background:#000;}
30
+ #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
31
+ #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
32
+ #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(images/controls.png) no-repeat 0 0;}
33
+ #cboxPrevious{background-position:0px 0px; right:44px;}
34
+ #cboxPrevious:hover{background-position:0px -25px;}
35
+ #cboxNext{background-position:-25px 0px; right:22px;}
36
+ #cboxNext:hover{background-position:-25px -25px;}
37
+ #cboxClose{background-position:-50px 0px; right:0;}
38
+ #cboxClose:hover{background-position:-50px -25px;}
39
+ .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
40
+ .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
41
+ .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
42
+ .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
43
+ .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
skin/frontend/base/default/magazento/colorbox/skin2/images/controls.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin2/images/loading.gif ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin2/index.html ADDED
@@ -0,0 +1,87 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset='utf-8'/>
5
+ <title>ColorBox Examples</title>
6
+ <style>
7
+ body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
8
+ a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
9
+ h2{font-size:13px; margin:15px 0 0 0;}
10
+ </style>
11
+ <link rel="stylesheet" href="colorbox.css" />
12
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
13
+ <script src="../colorbox/jquery.colorbox.js"></script>
14
+ <script>
15
+ $(document).ready(function(){
16
+ //Examples of how to assign the ColorBox event to elements
17
+ $(".group1").colorbox({rel:'group1'});
18
+ $(".group2").colorbox({rel:'group2', transition:"fade"});
19
+ $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
20
+ $(".group4").colorbox({rel:'group4', slideshow:true});
21
+ $(".ajax").colorbox();
22
+ $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
23
+ $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
24
+ $(".inline").colorbox({inline:true, width:"50%"});
25
+ $(".callbacks").colorbox({
26
+ onOpen:function(){ alert('onOpen: colorbox is about to open'); },
27
+ onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
28
+ onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
29
+ onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
30
+ onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
31
+ });
32
+
33
+ //Example of preserving a JavaScript event for inline calls.
34
+ $("#click").click(function(){
35
+ $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
36
+ return false;
37
+ });
38
+ });
39
+ </script>
40
+ </head>
41
+ <body>
42
+ <h1>ColorBox Demonstration</h1>
43
+
44
+ <h2>Elastic Transition</h2>
45
+ <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
46
+ <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
47
+ <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
48
+
49
+ <h2>Fade Transition</h2>
50
+ <p><a class="group2" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee">Grouped Photo 1</a></p>
51
+ <p><a class="group2" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
52
+ <p><a class="group2" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
53
+
54
+ <h2>No Transition + fixed width and height (75% of screen size)</h2>
55
+ <p><a class="group3" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
56
+ <p><a class="group3" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
57
+ <p><a class="group3" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
58
+
59
+ <h2>Slideshow</h2>
60
+ <p><a class="group4" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
61
+ <p><a class="group4" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
62
+ <p><a class="group4" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
63
+
64
+ <h2>Other Content Types</h2>
65
+ <p><a class='ajax' href="../content/ajax.html" title="Homer Defined">Outside HTML (Ajax)</a></p>
66
+ <p><a class='ajax' href="../content/flash.html" title="Royksopp: Remind Me">Flash / Video (Ajax/Embedded)</a></p>
67
+ <p><a class='youtube' href="http://www.youtube.com/embed/617ANIA5Rqs?rel=0&amp;wmode=transparent" title="The Knife: We Share Our Mother's Health">Flash / Video (Iframe/Direct Link To YouTube)</a></p>
68
+ <p><a class='iframe' href="http://threadless.com">Outside Webpage (Iframe)</a></p>
69
+ <p><a class='inline' href="#inline_content">Inline HTML</a></p>
70
+
71
+ <h2>Demonstration of using callbacks</h2>
72
+ <p><a class='callbacks' href="../content/marylou.jpg" title="Marylou on Cumberland Island">Example with alerts</a>. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.</p>
73
+
74
+ <!-- This contains the hidden content for inline calls -->
75
+ <div style='display:none'>
76
+ <div id='inline_content' style='padding:10px; background:#fff;'>
77
+ <p><strong>This content comes from a hidden element on this page.</strong></p>
78
+ <p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>
79
+ <p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p>
80
+
81
+ <p><strong>If you try to open a new ColorBox while it is already open, it will update itself with the new content.</strong></p>
82
+ <p>Updating Content Example:<br />
83
+ <a class="ajax" href="../content/flash.html">Click here to load new content</a></p>
84
+ </div>
85
+ </div>
86
+ </body>
87
+ </html>
skin/frontend/base/default/magazento/colorbox/skin3/colorbox.css ADDED
@@ -0,0 +1,38 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ ColorBox Core Style:
3
+ The following CSS is consistent between example themes and should not be altered.
4
+ */
5
+ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
6
+ #cboxOverlay{position:fixed; width:100%; height:100%;}
7
+ #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
8
+ #cboxContent{position:relative;}
9
+ #cboxLoadedContent{overflow:auto;}
10
+ #cboxTitle{margin:0;}
11
+ #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
12
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
13
+ .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
14
+ .cboxIframe{width:100%; height:100%; display:block; border:0;}
15
+ #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
16
+
17
+ /*
18
+ User Style:
19
+ Change the following styles to modify the appearance of ColorBox. They are
20
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
21
+ */
22
+ #cboxOverlay{background:#000;}
23
+ #colorbox{}
24
+ #cboxContent{margin-top:20px;}
25
+ .cboxIframe{background:#fff;}
26
+ #cboxError{padding:50px; border:1px solid #ccc;}
27
+ #cboxLoadedContent{border:5px solid #000; background:#fff;}
28
+ #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
29
+ #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
30
+ #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
31
+ #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
32
+ #cboxPrevious:hover{background-position:bottom left;}
33
+ #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
34
+ #cboxNext:hover{background-position:bottom right;}
35
+ #cboxLoadingOverlay{background:#000;}
36
+ #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
37
+ #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
38
+ #cboxClose:hover{background-position:bottom center;}
skin/frontend/base/default/magazento/colorbox/skin3/images/controls.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin3/images/loading.gif ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin3/index.html ADDED
@@ -0,0 +1,87 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset='utf-8'/>
5
+ <title>ColorBox Examples</title>
6
+ <style>
7
+ body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
8
+ a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
9
+ h2{font-size:13px; margin:15px 0 0 0;}
10
+ </style>
11
+ <link rel="stylesheet" href="colorbox.css" />
12
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
13
+ <script src="../colorbox/jquery.colorbox.js"></script>
14
+ <script>
15
+ $(document).ready(function(){
16
+ //Examples of how to assign the ColorBox event to elements
17
+ $(".group1").colorbox({rel:'group1'});
18
+ $(".group2").colorbox({rel:'group2', transition:"fade"});
19
+ $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
20
+ $(".group4").colorbox({rel:'group4', slideshow:true});
21
+ $(".ajax").colorbox();
22
+ $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
23
+ $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
24
+ $(".inline").colorbox({inline:true, width:"50%"});
25
+ $(".callbacks").colorbox({
26
+ onOpen:function(){ alert('onOpen: colorbox is about to open'); },
27
+ onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
28
+ onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
29
+ onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
30
+ onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
31
+ });
32
+
33
+ //Example of preserving a JavaScript event for inline calls.
34
+ $("#click").click(function(){
35
+ $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
36
+ return false;
37
+ });
38
+ });
39
+ </script>
40
+ </head>
41
+ <body>
42
+ <h1>ColorBox Demonstration</h1>
43
+
44
+ <h2>Elastic Transition</h2>
45
+ <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
46
+ <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
47
+ <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
48
+
49
+ <h2>Fade Transition</h2>
50
+ <p><a class="group2" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee">Grouped Photo 1</a></p>
51
+ <p><a class="group2" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
52
+ <p><a class="group2" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
53
+
54
+ <h2>No Transition + fixed width and height (75% of screen size)</h2>
55
+ <p><a class="group3" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
56
+ <p><a class="group3" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
57
+ <p><a class="group3" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
58
+
59
+ <h2>Slideshow</h2>
60
+ <p><a class="group4" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
61
+ <p><a class="group4" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
62
+ <p><a class="group4" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
63
+
64
+ <h2>Other Content Types</h2>
65
+ <p><a class='ajax' href="../content/ajax.html" title="Homer Defined">Outside HTML (Ajax)</a></p>
66
+ <p><a class='ajax' href="../content/flash.html" title="Royksopp: Remind Me">Flash / Video (Ajax/Embedded)</a></p>
67
+ <p><a class='youtube' href="http://www.youtube.com/embed/617ANIA5Rqs?rel=0&amp;wmode=transparent" title="The Knife: We Share Our Mother's Health">Flash / Video (Iframe/Direct Link To YouTube)</a></p>
68
+ <p><a class='iframe' href="http://threadless.com">Outside Webpage (Iframe)</a></p>
69
+ <p><a class='inline' href="#inline_content">Inline HTML</a></p>
70
+
71
+ <h2>Demonstration of using callbacks</h2>
72
+ <p><a class='callbacks' href="../content/marylou.jpg" title="Marylou on Cumberland Island">Example with alerts</a>. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.</p>
73
+
74
+ <!-- This contains the hidden content for inline calls -->
75
+ <div style='display:none'>
76
+ <div id='inline_content' style='padding:10px; background:#fff;'>
77
+ <p><strong>This content comes from a hidden element on this page.</strong></p>
78
+ <p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>
79
+ <p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p>
80
+
81
+ <p><strong>If you try to open a new ColorBox while it is already open, it will update itself with the new content.</strong></p>
82
+ <p>Updating Content Example:<br />
83
+ <a class="ajax" href="../content/flash.html">Click here to load new content</a></p>
84
+ </div>
85
+ </div>
86
+ </body>
87
+ </html>
skin/frontend/base/default/magazento/colorbox/skin4/colorbox.css ADDED
@@ -0,0 +1,82 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ ColorBox Core Style:
3
+ The following CSS is consistent between example themes and should not be altered.
4
+ */
5
+ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
6
+ #cboxOverlay{position:fixed; width:100%; height:100%;}
7
+ #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
8
+ #cboxContent{position:relative;}
9
+ #cboxLoadedContent{overflow:auto;}
10
+ #cboxTitle{margin:0;}
11
+ #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
12
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
13
+ .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
14
+ .cboxIframe{width:100%; height:100%; display:block; border:0;}
15
+ #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
16
+
17
+ /*
18
+ User Style:
19
+ Change the following styles to modify the appearance of ColorBox. They are
20
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
21
+ */
22
+ #cboxOverlay{background:#fff;}
23
+ #colorbox{}
24
+ #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
25
+ #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
26
+ #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
27
+ #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
28
+ #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
29
+ #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
30
+ #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
31
+ #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
32
+ #cboxContent{background:#fff; overflow:hidden;}
33
+ .cboxIframe{background:#fff;}
34
+ #cboxError{padding:50px; border:1px solid #ccc;}
35
+ #cboxLoadedContent{margin-bottom:20px;}
36
+ #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
37
+ #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
38
+ #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
39
+ #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
40
+ #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
41
+ #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}
42
+ #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
43
+
44
+ /*
45
+ The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
46
+ when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9.
47
+ See: http://jacklmoore.com/notes/ie-transparency-problems/
48
+ */
49
+ .cboxIE #cboxTopLeft,
50
+ .cboxIE #cboxTopCenter,
51
+ .cboxIE #cboxTopRight,
52
+ .cboxIE #cboxBottomLeft,
53
+ .cboxIE #cboxBottomCenter,
54
+ .cboxIE #cboxBottomRight,
55
+ .cboxIE #cboxMiddleLeft,
56
+ .cboxIE #cboxMiddleRight {
57
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
58
+ }
59
+
60
+ /*
61
+ The following provides PNG transparency support for IE6
62
+ Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
63
+ */
64
+ .cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
65
+ .cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
66
+ .cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
67
+ .cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
68
+ .cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
69
+ .cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
70
+ .cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
71
+ .cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}
72
+
73
+ .cboxIE6 #cboxTopLeft,
74
+ .cboxIE6 #cboxTopCenter,
75
+ .cboxIE6 #cboxTopRight,
76
+ .cboxIE6 #cboxBottomLeft,
77
+ .cboxIE6 #cboxBottomCenter,
78
+ .cboxIE6 #cboxBottomRight,
79
+ .cboxIE6 #cboxMiddleLeft,
80
+ .cboxIE6 #cboxMiddleRight {
81
+ _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
82
+ }
skin/frontend/base/default/magazento/colorbox/skin4/images/border1.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin4/images/border2.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderBottomCenter.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderBottomLeft.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderBottomRight.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderMiddleLeft.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderMiddleRight.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderTopCenter.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderTopLeft.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin4/images/ie6/borderTopRight.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin4/images/loading.gif ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin4/index.html ADDED
@@ -0,0 +1,87 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset='utf-8'/>
5
+ <title>ColorBox Examples</title>
6
+ <style>
7
+ body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
8
+ a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
9
+ h2{font-size:13px; margin:15px 0 0 0;}
10
+ </style>
11
+ <link rel="stylesheet" href="colorbox.css" />
12
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
13
+ <script src="../colorbox/jquery.colorbox.js"></script>
14
+ <script>
15
+ $(document).ready(function(){
16
+ //Examples of how to assign the ColorBox event to elements
17
+ $(".group1").colorbox({rel:'group1'});
18
+ $(".group2").colorbox({rel:'group2', transition:"fade"});
19
+ $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
20
+ $(".group4").colorbox({rel:'group4', slideshow:true});
21
+ $(".ajax").colorbox();
22
+ $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
23
+ $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
24
+ $(".inline").colorbox({inline:true, width:"50%"});
25
+ $(".callbacks").colorbox({
26
+ onOpen:function(){ alert('onOpen: colorbox is about to open'); },
27
+ onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
28
+ onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
29
+ onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
30
+ onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
31
+ });
32
+
33
+ //Example of preserving a JavaScript event for inline calls.
34
+ $("#click").click(function(){
35
+ $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
36
+ return false;
37
+ });
38
+ });
39
+ </script>
40
+ </head>
41
+ <body>
42
+ <h1>ColorBox Demonstration</h1>
43
+
44
+ <h2>Elastic Transition</h2>
45
+ <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
46
+ <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
47
+ <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
48
+
49
+ <h2>Fade Transition</h2>
50
+ <p><a class="group2" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee">Grouped Photo 1</a></p>
51
+ <p><a class="group2" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
52
+ <p><a class="group2" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
53
+
54
+ <h2>No Transition + fixed width and height (75% of screen size)</h2>
55
+ <p><a class="group3" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
56
+ <p><a class="group3" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
57
+ <p><a class="group3" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
58
+
59
+ <h2>Slideshow</h2>
60
+ <p><a class="group4" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
61
+ <p><a class="group4" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
62
+ <p><a class="group4" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
63
+
64
+ <h2>Other Content Types</h2>
65
+ <p><a class='ajax' href="../content/ajax.html" title="Homer Defined">Outside HTML (Ajax)</a></p>
66
+ <p><a class='ajax' href="../content/flash.html" title="Royksopp: Remind Me">Flash / Video (Ajax/Embedded)</a></p>
67
+ <p><a class='youtube' href="http://www.youtube.com/embed/617ANIA5Rqs?rel=0&amp;wmode=transparent" title="The Knife: We Share Our Mother's Health">Flash / Video (Iframe/Direct Link To YouTube)</a></p>
68
+ <p><a class='iframe' href="http://threadless.com">Outside Webpage (Iframe)</a></p>
69
+ <p><a class='inline' href="#inline_content">Inline HTML</a></p>
70
+
71
+ <h2>Demonstration of using callbacks</h2>
72
+ <p><a class='callbacks' href="../content/marylou.jpg" title="Marylou on Cumberland Island">Example with alerts</a>. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.</p>
73
+
74
+ <!-- This contains the hidden content for inline calls -->
75
+ <div style='display:none'>
76
+ <div id='inline_content' style='padding:10px; background:#fff;'>
77
+ <p><strong>This content comes from a hidden element on this page.</strong></p>
78
+ <p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>
79
+ <p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p>
80
+
81
+ <p><strong>If you try to open a new ColorBox while it is already open, it will update itself with the new content.</strong></p>
82
+ <p>Updating Content Example:<br />
83
+ <a class="ajax" href="../content/flash.html">Click here to load new content</a></p>
84
+ </div>
85
+ </div>
86
+ </body>
87
+ </html>
skin/frontend/base/default/magazento/colorbox/skin5/colorbox.css ADDED
@@ -0,0 +1,52 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ ColorBox Core Style:
3
+ The following CSS is consistent between example themes and should not be altered.
4
+ */
5
+ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
6
+ #cboxOverlay{position:fixed; width:100%; height:100%;}
7
+ #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
8
+ #cboxContent{position:relative;}
9
+ #cboxLoadedContent{overflow:auto;}
10
+ #cboxTitle{margin:0;}
11
+ #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
12
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
13
+ .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
14
+ .cboxIframe{width:100%; height:100%; display:block; border:0;}
15
+ #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
16
+
17
+ /*
18
+ User Style:
19
+ Change the following styles to modify the appearance of ColorBox. They are
20
+ ordered & tabbed in a way that represents the nesting of the generated HTML.
21
+ */
22
+ #cboxOverlay{background:#000;}
23
+ #colorbox{}
24
+ #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
25
+ #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
26
+ #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
27
+ #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
28
+ #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
29
+ #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
30
+ #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
31
+ #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
32
+ #cboxContent{background:#fff; overflow:visible;}
33
+ .cboxIframe{background:#fff;}
34
+ #cboxError{padding:50px; border:1px solid #ccc;}
35
+ #cboxLoadedContent{margin-bottom:5px;}
36
+ #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
37
+ #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
38
+ #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
39
+ #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
40
+
41
+ #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
42
+ #cboxPrevious{left:0px; background-position: -51px -25px;}
43
+ #cboxPrevious:hover{background-position:-51px 0px;}
44
+ #cboxNext{left:27px; background-position:-75px -25px;}
45
+ #cboxNext:hover{background-position:-75px 0px;}
46
+ #cboxClose{right:0; background-position:-100px -25px;}
47
+ #cboxClose:hover{background-position:-100px 0px;}
48
+
49
+ .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
50
+ .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
51
+ .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
52
+ .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
skin/frontend/base/default/magazento/colorbox/skin5/images/border.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin5/images/controls.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin5/images/loading.gif ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin5/images/loading_background.png ADDED
Binary file
skin/frontend/base/default/magazento/colorbox/skin5/index.html ADDED
@@ -0,0 +1,87 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset='utf-8'/>
5
+ <title>ColorBox Examples</title>
6
+ <style>
7
+ body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
8
+ a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
9
+ h2{font-size:13px; margin:15px 0 0 0;}
10
+ </style>
11
+ <link rel="stylesheet" href="colorbox.css" />
12
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
13
+ <script src="../colorbox/jquery.colorbox.js"></script>
14
+ <script>
15
+ $(document).ready(function(){
16
+ //Examples of how to assign the ColorBox event to elements
17
+ $(".group1").colorbox({rel:'group1'});
18
+ $(".group2").colorbox({rel:'group2', transition:"fade"});
19
+ $(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
20
+ $(".group4").colorbox({rel:'group4', slideshow:true});
21
+ $(".ajax").colorbox();
22
+ $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344});
23
+ $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});
24
+ $(".inline").colorbox({inline:true, width:"50%"});
25
+ $(".callbacks").colorbox({
26
+ onOpen:function(){ alert('onOpen: colorbox is about to open'); },
27
+ onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
28
+ onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
29
+ onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
30
+ onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
31
+ });
32
+
33
+ //Example of preserving a JavaScript event for inline calls.
34
+ $("#click").click(function(){
35
+ $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
36
+ return false;
37
+ });
38
+ });
39
+ </script>
40
+ </head>
41
+ <body>
42
+ <h1>ColorBox Demonstration</h1>
43
+
44
+ <h2>Elastic Transition</h2>
45
+ <p><a class="group1" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
46
+ <p><a class="group1" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
47
+ <p><a class="group1" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
48
+
49
+ <h2>Fade Transition</h2>
50
+ <p><a class="group2" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee">Grouped Photo 1</a></p>
51
+ <p><a class="group2" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
52
+ <p><a class="group2" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
53
+
54
+ <h2>No Transition + fixed width and height (75% of screen size)</h2>
55
+ <p><a class="group3" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
56
+ <p><a class="group3" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
57
+ <p><a class="group3" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
58
+
59
+ <h2>Slideshow</h2>
60
+ <p><a class="group4" href="../content/ohoopee1.jpg" title="Me and my grandfather on the Ohoopee.">Grouped Photo 1</a></p>
61
+ <p><a class="group4" href="../content/ohoopee2.jpg" title="On the Ohoopee as a child">Grouped Photo 2</a></p>
62
+ <p><a class="group4" href="../content/ohoopee3.jpg" title="On the Ohoopee as an adult">Grouped Photo 3</a></p>
63
+
64
+ <h2>Other Content Types</h2>
65
+ <p><a class='ajax' href="../content/ajax.html" title="Homer Defined">Outside HTML (Ajax)</a></p>
66
+ <p><a class='ajax' href="../content/flash.html" title="Royksopp: Remind Me">Flash / Video (Ajax/Embedded)</a></p>
67
+ <p><a class='youtube' href="http://www.youtube.com/embed/617ANIA5Rqs?rel=0&amp;wmode=transparent" title="The Knife: We Share Our Mother's Health">Flash / Video (Iframe/Direct Link To YouTube)</a></p>
68
+ <p><a class='iframe' href="http://threadless.com">Outside Webpage (Iframe)</a></p>
69
+ <p><a class='inline' href="#inline_content">Inline HTML</a></p>
70
+
71
+ <h2>Demonstration of using callbacks</h2>
72
+ <p><a class='callbacks' href="../content/marylou.jpg" title="Marylou on Cumberland Island">Example with alerts</a>. Callbacks and event-hooks allow users to extend functionality without having to rewrite parts of the plugin.</p>
73
+
74
+ <!-- This contains the hidden content for inline calls -->
75
+ <div style='display:none'>
76
+ <div id='inline_content' style='padding:10px; background:#fff;'>
77
+ <p><strong>This content comes from a hidden element on this page.</strong></p>
78
+ <p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>
79
+ <p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p>
80
+
81
+ <p><strong>If you try to open a new ColorBox while it is already open, it will update itself with the new content.</strong></p>
82
+ <p>Updating Content Example:<br />
83
+ <a class="ajax" href="../content/flash.html">Click here to load new content</a></p>
84
+ </div>
85
+ </div>
86
+ </body>
87
+ </html>