Browse files

Navigation with dots

  • Loading branch information...
0 parents commit 039e52d9db38bda55855b2215966605eb8b97c1c @thiagosf committed May 8, 2011
5 README.textile
@@ -0,0 +1,5 @@
+h1. Skitter - Slideshow for anytime!
+
+With 23 different animations, two types of navigation and many options to customize!
+
+Distributed under the GPL license (http://en.wikipedia.org/wiki/GNU_General_Public_License).
137 css/highlight.black.css
@@ -0,0 +1,137 @@
+div.highlight {
+ background:#fff;
+ border:1px solid #000;
+ font-family:consolas,deja vu,"Courier New",Courier,monospace;
+ overflow: hidden;
+}
+div.highlight pre{
+ width: 100%;
+ overflow: auto;
+ padding:0;
+ margin:0;
+ font-size:12px;
+ clear: both;
+}
+
+/* tabs */
+div.highlight ul.tabs {
+ overflow: hidden;
+ padding: 5px 0 5px 0;
+ margin: 0;
+ list-style: none;
+ border-bottom: 0px solid #E0E0E0;
+ width: 100%;
+ background:#111;
+ font-size:12px;
+}
+div.highlight ul.tabs li {
+ padding: 0;
+ margin: 0 5px;
+ float: left;
+ background: none;
+ border-bottom: 1px dashed #CCC;
+ line-height:1.0em;
+ color: #CCC;
+ cursor: pointer;
+}
+div.highlight ul.tabs li.active {
+ border-bottom: none;
+ cursor: default;
+ color: #cc9966;
+}
+
+/* pre */
+div.highlight pre.code ol {
+ margin: 0;
+ padding:0 0 0 45px;
+ background:#555;
+ color:#fff;
+}
+div.highlight pre.code ul {
+ margin: 0;
+ padding:0;
+}
+div.highlight pre.code ol li,
+div.highlight pre.code ul li {
+ padding:0 0 0 5px;
+ border-left:1px solid #999;
+ background:#333;
+}
+div.highlight pre.code ul li {
+ border-left:none;
+}
+div.highlight pre.code ol li.even,
+div.highlight pre.code ul li.even {
+ background-color:#222;
+}
+div.highlight pre.source {
+ display: none;
+ padding:0 0 0 5px;
+ color:#333;
+ background:#ccc;
+}
+
+/* highligting */
+pre.code .str {
+ color: #00cc33;
+}
+pre.code .kwd,
+pre.code .kwd span {
+ color: #ccc;
+}
+pre.code .com,
+pre.code .com span {
+ color:#ff0000;
+ font-style: italic;
+ font-weight: normal;
+}
+pre.code .typ {
+ color: #ff0000;
+}
+pre.code .lit {
+ color: #ffff00;
+}
+pre.code .pun {
+ color: #ff3300; }
+pre.code .pln {
+ color: #ccc;
+}
+pre.code .tag {
+ color: #0099ff;
+ font-weight: bold;
+}
+pre.code .atn {
+ color: #ff9000;
+}
+pre.code .atv {
+ color: #00cc22;
+}
+pre.code .dec {
+ color: #ff9000;
+}
+pre.code .fnc,
+pre.code .fnc span {
+ color: #ff9000;
+}
+
+/* css */
+.css pre.code .kwd,
+.css pre.code .kwd span {
+ color: #ff9900;
+ font-weight: bold;
+}
+/* php */
+.php pre.code .str,
+.php pre.code .str span {
+ color: #fff;
+}
+.php pre.code .var,
+.php pre.code .var span {
+ color: #fff;
+}
+.php pre.code .com,
+.php pre.code .com span {
+ color:#ff8000;
+ font-style: italic;
+ font-weight: normal;
+}
137 css/highlight.css
@@ -0,0 +1,137 @@
+div.highlight {
+ background:#fff;
+ border:1px solid #000;
+ font-family:consolas,deja vu,"Courier New",Courier,monospace;
+ overflow: hidden;
+}
+div.highlight pre{
+ width: 100%;
+ overflow: auto;
+ padding:0;
+ margin:0;
+ font-size:12px;
+ clear: both;
+}
+
+/* tabs */
+div.highlight ul.tabs {
+ overflow: hidden;
+ padding: 5px 0 5px 0;
+ margin: 0;
+ list-style: none;
+ border-bottom: 0px solid #E0E0E0;
+ width: 100%;
+ background:#333;
+ font-size:12px;
+}
+div.highlight ul.tabs li {
+ padding: 0;
+ margin: 0 5px;
+ float: left;
+ background: none;
+ border-bottom: 1px dashed #CCC;
+ line-height:1.0em;
+ color: #CCC;
+ cursor: pointer;
+}
+div.highlight ul.tabs li.active {
+ border-bottom: none;
+ cursor: default;
+ color: #cc9966;
+}
+
+/* pre */
+div.highlight pre.code ol {
+ margin: 0;
+ padding:0 0 0 45px;
+ background:#999;
+ color:#444;
+}
+div.highlight pre.code ul {
+ margin: 0;
+ padding:0;
+}
+div.highlight pre.code ol li,
+div.highlight pre.code ul li {
+ padding:0 0 0 5px;
+ border-left:3px solid #ccc;
+ background:#e1e1e1;
+}
+div.highlight pre.code ul li {
+ border-left:none;
+}
+div.highlight pre.code ol li.even,
+div.highlight pre.code ul li.even {
+ background-color:#FFFFFF;
+}
+div.highlight pre.source {
+ display: none;
+ padding:0 0 0 5px;
+ color:#333;
+ background:#e1e1e1;
+}
+
+/* highligting */
+pre.code .str {
+ color: #080;
+}
+pre.code .kwd,
+pre.code .kwd span {
+ color: #070;
+}
+pre.code .com,
+pre.code .com span {
+ color:#080;
+ font-style: italic;
+ font-weight: normal;
+}
+pre.code .typ {
+ color: #606;
+}
+pre.code .lit {
+ color: #066;
+}
+pre.code .pun {
+ color: #660; }
+pre.code .pln {
+ color: #000;
+}
+pre.code .tag {
+ color: #008;
+ font-weight: bold;
+}
+pre.code .atn {
+ color: #606;
+}
+pre.code .atv {
+ color: #080;
+}
+pre.code .dec {
+ color: #606;
+}
+pre.code .fnc,
+pre.code .fnc span {
+ color: #00b;
+}
+
+/* css */
+.css pre.code .kwd,
+.css pre.code .kwd span {
+ color: #008;
+ font-weight: bold;
+}
+/* php */
+.php pre.code .str,
+.php pre.code .str span {
+ color: #d00;
+}
+.php pre.code .var,
+.php pre.code .var span {
+ color: #00b;
+}
+.php pre.code .com,
+.php pre.code .com span {
+ color:#ff8000;
+ font-style: italic;
+ font-weight: normal;
+}
416 css/sexy-bookmarks-style.css
@@ -0,0 +1,416 @@
+/*
+ click handler for SexyBookmarks
+ Credit: Phong Thai Cao - http://www.JavaScriptBank.com
+ Please keep this creadit when you use this code
+*/
+div.sexy-bookmarks {
+ margin:20px 0 0 0;
+ clear: both !important;
+}
+div.sexy-bookmarks-expand {
+ height: 29px;
+ overflow: hidden;
+}
+.sexy-bookmarks-bg-sexy, .sexy-bookmarks-bg-caring, .sexy-bookmarks-bg-caring-old, .sexy-bookmarks-bg-love, .sexy-bookmarks-bg-wealth, .sexy-bookmarks-bg-enjoy {
+ background-image:url('../images/sharing-caring.png') !important;
+ background-repeat: no-repeat !important;
+}
+div.sexy-bookmarks-bg-sexy {
+ padding: 28px 0 0 10px !important;
+ /*background-position: left -348px !important;*/
+}
+div.sexy-bookmarks-bg-caring {
+ padding: 26px 0 0 10px !important;
+ background-position: left 0 !important;
+}
+div.sexy-bookmarks-bg-caring-old {
+ padding: 26px 0 0 10px !important;
+ background-position: left -748px !important;
+}
+div.sexy-bookmarks-bg-love {
+ padding: 26px 0 0 10px !important;
+ background-position: left -1148px !important;
+}
+div.sexy-bookmarks-bg-wealth {
+ margin-left: 15px !important;
+ padding: 35px 0 0 20px !important;
+ background-position: left -1535px !important;
+}
+div.sexy-bookmarks-bg-enjoy {
+ padding: 26px 0 0 10px !important;
+ background-position: left -1895px !important;
+}
+div.sexy-bookmarks ul.socials {
+ width:100% !important;
+ margin:0 !important;
+ padding:0 !important;
+ float: left !important;
+}
+
+div.sexy-bookmarks ul.socials {
+ background:transparent none !important;
+ border:0 none !important;
+ outline:0 none !important;
+}
+
+div.sexy-bookmarks ul.socials li {
+ display:inline !important;
+ float:left !important;
+ list-style-type:none !important;
+ margin:0;
+ height:29px !important;
+ width:60px !important;
+ cursor:pointer !important;
+ padding:0 !important;
+ background-color:transparent !important;
+ border:0 none !important;
+ outline:0 none !important;
+ clear:none !important;
+}
+
+div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after {
+ content:none !important;
+}
+
+div.sexy-bookmarks ul.socials a {
+ display:block !important;
+ width:60px !important;
+ height:29px !important;
+ text-indent: -9999px !important;
+ background-color:transparent !important;
+}
+
+div.sexy-bookmarks ul.socials a:hover, div.sexy-bookmarks ul.socials li:hover {
+ background-color:transparent !important;
+ border:0 none !important;
+ outline:0 none !important;
+}
+
+li.sexy-diigo, li.sexy-diigo:hover, li.sexy-digg, li.sexy-digg:hover, li.sexy-reddit, li.sexy-reddit:hover, li.sexy-stumbleupon, li.sexy-stumbleupon:hover, li.sexy-delicious, li.sexy-delicious:hover, li.sexy-yahoobuzz, li.sexy-yahoobuzz:hover, li.sexy-blinklist, li.sexy-blinklist:hover, li.sexy-technorati, li.sexy-technorati:hover, li.sexy-facebook, li.sexy-facebook:hover, li.sexy-twitter, li.sexy-twitter:hover, li.sexy-myspace, li.sexy-myspace:hover, li.sexy-mixx, li.sexy-mixx:hover, li.sexy-scriptstyle, li.sexy-scriptstyle:hover, li.sexy-designfloat, li.sexy-designfloat:hover, li.sexy-mail, li.sexy-mail:hover, li.sexy-comfeed, li.sexy-comfeed:hover, li.sexy-newsvine, li.sexy-newsvine:hover, li.sexy-devmarks, li.sexy-devmarks:hover, li.sexy-linkedin, li.sexy-linkedin:hover, li.sexy-google, li.sexy-google:hover, li.sexy-misterwong, li.sexy-misterwong:hover, li.sexy-izeby, li.sexy-izeby:hover, li.sexy-twittley, li.sexy-twittley:hover, li.sexy-tipd, li.sexy-tipd:hover, li.sexy-pfbuzz, li.sexy-pfbuzz:hover, li.sexy-friendfeed, li.sexy-friendfeed:hover, li.sexy-blogmarks, li.sexy-blogmarks:hover, li.sexy-fwisp, li.sexy-fwisp:hover, li.sexy-designmoo, li.sexy-designmoo:hover, li.sexy-bobrdobr, li.sexy-bobrdobr:hover, li.sexy-yandex, li.sexy-yandex:hover, li.sexy-memoryru, li.sexy-memoryru:hover, li.sexy-100zakladok, li.sexy-100zakladok:hover, li.sexy-moemesto, li.sexy-moemesto:hover, li.sexy-ning, li.sexy-ning:hover, li.sexy-hackernews, li.sexy-hackernews:hover, li.sexy-identica, li.sexy-identica:hover, li.sexy-printfriendly, li.sexy-printfriendly:hover, li.sexy-designbump, li.sexy-designbump:hover, li.sexy-fleck, li.sexy-fleck:hover, li.sexy-netvibes, li.sexy-netvibes:hover, li.sexy-netvouz, li.sexy-netvouz:hover, li.sexy-nujij, li.sexy-nujij:hover, li.sexy-globalgrind, li.sexy-globalgrind:hover, li.sexy-wikio, li.sexy-wikio:hover, li.sexy-xerpi, li.sexy-xerpi:hover, li.sexy-sphinn, li.sexy-sphinn:hover, li.sexy-blogospherenews, li.sexy-blogospherenews:hover, li.sexy-posterous, li.sexy-posterous:hover, li.sexy-techmeme, li.sexy-techmeme:hover, li.sexy-ekudos, li.sexy-ekudos:hover, li.sexy-pingfm, li.sexy-pingfm:hover, li.sexy-tomuse, li.sexy-tomuse:hover {
+ background:url('../images/sexy-sprite.png') no-repeat !important;
+}
+
+li.sexy-diigo {
+ background-position:-910px bottom !important;
+}
+li.sexy-diigo:hover {
+ background-position:-910px top !important;
+}
+li.sexy-digg {
+ background-position:-980px bottom !important;
+}
+li.sexy-digg:hover {
+ background-position:-980px top !important;
+}
+li.sexy-reddit {
+ background-position:-700px bottom !important;
+}
+li.sexy-reddit:hover {
+ background-position:-700px top !important;
+}
+li.sexy-stumbleupon {
+ background-position:-630px bottom !important;
+}
+li.sexy-stumbleupon:hover {
+ background-position:-630px top !important;
+}
+li.sexy-delicious {
+ background-position:-1190px bottom !important;
+}
+li.sexy-delicious:hover {
+ background-position:-1190px top !important;
+}
+li.sexy-yahoobuzz {
+ background-position:-1120px bottom !important;
+}
+li.sexy-yahoobuzz:hover {
+ background-position:-1120px top !important;
+}
+li.sexy-blinklist {
+ background-position:-1260px bottom !important;
+}
+li.sexy-blinklist:hover {
+ background-position:-1260px top !important;
+}
+li.sexy-technorati {
+ background-position:-560px bottom !important;
+}
+li.sexy-technorati:hover {
+ background-position:-560px top !important;
+}
+li.sexy-myspace {
+ background-position:-770px bottom !important;
+}
+li.sexy-myspace:hover {
+ background-position:-770px top !important;
+}
+li.sexy-twitter {
+ background-position:-490px bottom !important;
+}
+li.sexy-twitter:hover {
+ background-position:-490px top !important;
+}
+li.sexy-facebook {
+ background-position:-1330px bottom !important;
+}
+li.sexy-facebook:hover {
+ background-position:-1330px top !important;
+}
+li.sexy-mixx {
+ background-position:-840px bottom !important;
+}
+li.sexy-mixx:hover {
+ background-position:-840px top !important;
+}
+li.sexy-scriptstyle {
+ background-position:-280px bottom !important;
+}
+li.sexy-scriptstyle:hover {
+ background-position:-280px top !important;
+}
+li.sexy-designfloat {
+ background-position:-1050px bottom !important;
+}
+li.sexy-designfloat:hover {
+ background-position:-1050px top !important;
+}
+li.sexy-newsvine {
+ background-position:left bottom !important;
+}
+li.sexy-newsvine:hover {
+ background-position:left top !important;
+}
+li.sexy-google {
+ background-position:-210px bottom !important;
+}
+li.sexy-google:hover {
+ background-position:-210px top !important;
+}
+li.sexy-comfeed {
+ background-position:-420px bottom !important;
+}
+li.sexy-comfeed:hover {
+ background-position:-420px top !important;
+}
+li.sexy-mail {
+ background-position:-350px bottom !important;
+}
+li.sexy-mail:hover {
+ background-position:-350px top !important;
+}
+li.sexy-devmarks {
+ background-position:-140px bottom !important;
+}
+li.sexy-devmarks:hover {
+ background-position:-140px top !important;
+}
+li.sexy-linkedin {
+ background-position:-70px bottom !important;
+}
+li.sexy-linkedin:hover {
+ background-position:-70px top !important;
+}
+li.sexy-misterwong {
+ background-position:-1400px bottom !important;
+}
+li.sexy-misterwong:hover {
+ background-position:-1400px top !important;
+}
+li.sexy-izeby {
+ background-position:-1470px bottom !important;
+}
+li.sexy-izeby:hover {
+ background-position:-1470px top !important;
+}
+li.sexy-twittley {
+ background-position:-1540px bottom !important;
+}
+li.sexy-twittley:hover {
+ background-position:-1540px top !important;
+}
+li.sexy-tipd {
+ background-position:-1610px bottom !important;
+}
+li.sexy-tipd:hover {
+ background-position:-1610px top !important;
+}
+li.sexy-pfbuzz {
+ background-position:-1680px bottom !important;
+}
+li.sexy-pfbuzz:hover {
+ background-position:-1680px top !important;
+}
+li.sexy-friendfeed {
+ background-position:-1750px bottom !important;
+}
+li.sexy-friendfeed:hover {
+ background-position:-1750px top !important;
+}
+li.sexy-blogmarks {
+ background-position:-1820px bottom !important;
+}
+li.sexy-blogmarks:hover {
+ background-position:-1820px top !important;
+}
+li.sexy-fwisp {
+ background-position:-1890px bottom !important;
+}
+li.sexy-fwisp:hover {
+ background-position:-1890px top !important;
+}
+li.sexy-designmoo {
+ background-position:-1960px bottom !important;
+}
+li.sexy-designmoo:hover {
+ background-position:-1960px top !important;
+}
+li.sexy-bobrdobr {
+ background-position:-2030px bottom !important;
+}
+li.sexy-bobrdobr:hover {
+ background-position:-2030px top !important;
+}
+li.sexy-memoryru {
+ background-position:-2100px bottom !important;
+}
+li.sexy-memoryru:hover {
+ background-position:-2100px top !important;
+}
+li.sexy-100zakladok {
+ background-position:-2170px bottom !important;
+}
+li.sexy-100zakladok:hover {
+ background-position:-2170px top !important;
+}
+li.sexy-yandex {
+ background-position:-2240px bottom !important;
+}
+li.sexy-yandex:hover {
+ background-position:-2240px top !important;
+}
+li.sexy-moemesto {
+ background-position:-2310px bottom !important;
+}
+li.sexy-moemesto:hover {
+ background-position:-2310px top !important;
+}
+li.sexy-marrows {
+ background-position:-2380px bottom !important;
+}
+li.sexy-marrows:hover {
+ background-position:-2380px top !important;
+}
+li.sexy-identica {
+ background-position:-2450px bottom !important;
+}
+li.sexy-identica:hover {
+ background-position:-2450px top !important;
+}
+li.sexy-hackernews {
+ background-position:-2520px bottom !important;
+}
+li.sexy-hackernews:hover {
+ background-position:-2520px top !important;
+}
+li.sexy-ning {
+ background-position:-2590px bottom !important;
+}
+li.sexy-ning:hover {
+ background-position:-2590px top !important;
+}
+li.sexy-designbump {
+ background-position:-2660px bottom !important;
+}
+li.sexy-designbump:hover {
+ background-position:-2660px top !important;
+}
+li.sexy-printfriendly {
+ background-position:-2730px bottom !important;
+}
+li.sexy-printfriendly:hover {
+ background-position:-2730px top !important;
+}
+li.sexy-fleck{
+ background-position:-2800px bottom !important;
+}
+li.sexy-fleck:hover{
+ background-position:-2800px top !important;
+}
+li.sexy-netvibes{
+ background-position:-2870px bottom !important;
+}
+li.sexy-netvibes:hover{
+ background-position:-2870px top !important;
+}
+li.sexy-netvouz{
+ background-position:-2940px bottom !important;
+}
+li.sexy-netvouz:hover{
+ background-position:-2940px top !important;
+}
+li.sexy-nujij{
+ background-position:-3010px bottom !important;
+}
+li.sexy-nujij:hover{
+ background-position:-3010px top !important;
+}
+li.sexy-globalgrind{
+ background-position:-3080px bottom !important;
+}
+li.sexy-globalgrind:hover{
+ background-position:-3080px top !important;
+}
+li.sexy-wikio{
+ background-position:-3150px bottom !important;
+}
+li.sexy-wikio:hover{
+ background-position:-3150px top !important;
+}
+li.sexy-xerpi{
+ background-position:-3220px bottom !important;
+}
+li.sexy-xerpi:hover{
+ background-position:-3220px top !important;
+}
+li.sexy-sphinn{
+ background-position:-3290px bottom !important;
+}
+li.sexy-sphinn:hover{
+ background-position:-3290px top !important;
+}
+li.sexy-blogospherenews{
+ background-position:-3360px bottom !important;
+}
+li.sexy-blogospherenews:hover{
+ background-position:-3360px top !important;
+}
+li.sexy-posterous{
+ background-position:-3430px bottom !important;
+}
+li.sexy-posterous:hover{
+ background-position:-3430px top !important;
+}
+li.sexy-techmeme{
+ background-position:-3500px bottom !important;
+}
+li.sexy-techmeme:hover{
+ background-position:-3500px top !important;
+}
+li.sexy-ekudos{
+ background-position:-3570px bottom !important;
+}
+li.sexy-ekudos:hover{
+ background-position:-3570px top !important;
+}
+li.sexy-pingfm{
+ background-position:-3640px bottom !important;
+}
+li.sexy-pingfm:hover{
+ background-position:-3640px top !important;
+}
+li.sexy-tomuse{
+ background-position:-3710px bottom !important;
+}
+li.sexy-tomuse:hover {
+ background-position:-3710px top !important;
+}
39 css/skitter.styles.css
@@ -0,0 +1,39 @@
+/* Skitter styles */
+
+.box_skitter {position:relative;width:800px;height:300px;background:#000;}
+.box_skitter ul {display:none;}
+.box_skitter .container_skitter {overflow:hidden;position:relative;}
+.box_skitter .image {overflow:hidden;}
+.box_skitter .image img {display:none;}
+
+.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
+.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}
+
+.box_skitter .prev_button {position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/prev.png) no-repeat left top;}
+.box_skitter .next_button {position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/next.png) no-repeat left top;}
+
+.box_skitter .info_slide {position:absolute;top:15px;left:15px;z-index:100;background:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}
+.box_skitter .info_slide .image_number {background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
+.box_skitter .info_slide .image_number_select {background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}
+
+.box_skitter .container_thumbs {position:relative;overflow:hidden;height:50px;}
+.box_skitter .info_slide_thumb {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0;}
+.box_skitter .info_slide_thumb .image_number {overflow:hidden;width:70px;height:40px;position:relative;}
+.box_skitter .info_slide_thumb .image_number img {position:absolute;top:-50px;left:-50px}
+
+.box_skitter .box_scroll_thumbs {padding:0 10px;}
+.box_skitter .box_scroll_thumbs .scroll_thumbs {position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;border:1px solid #333;}
+
+.box_skitter .info_slide_dots {position:absolute;bottom:-40px;z-index:100;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
+.box_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
+.box_skitter .info_slide_dots .image_number_select {background:#cc0000;float:left;margin:0 5px 0 0;}
+
+.box_skitter .label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;display:none;}
+
+.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(../images/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}
+
+/**
+ * Example for dimenions:
+ */
+.box_skitter_large {width:800px;height:300px;}
+.box_skitter_small {width:200px;height:200px;}
131 css/styles.css
@@ -0,0 +1,131 @@
+/** Global
+ ********************************************************** */
+* {font-family:consolas, deja vu, arial, tahoma;margin:0;border:0;padding:0;}
+body {margin:20px;background:url(../images/this-is-a-free-plugin.png) no-repeat top right #e1e1e1;}
+a {outline:none;color:#004488;}
+a img, img {border:0}
+
+p {margin:0 0 10px 0;letter-spacing:-1px;font-size:14px;}
+h2 {letter-spacing:-2px;margin:15px 0 10px 0;color:#333;font-weight:normal;}
+
+/** Header
+ ********************************************************** */
+#header {}
+#header h1 {font:bold 48px consolas, deja vu,arial;color:#006699;margin:0 0 10px 0;letter-spacing:2px;text-shadow:#fff 1px 1px 1px;text-decoration:underline;
+background:url(../images/logo.gif) no-repeat left top;width:320px;height:105px;overflow:hidden;text-indent:-9999em;margin-left:-15px;}
+#header p {font-weight:bold;font-size:18px;}
+
+/** Content
+ ********************************************************** */
+.border_box {background:#000;padding:10px;float:left;margin:0 0 10px 0;}
+
+#examples {background:#fff;padding:5px;border:1px solid #999;}
+#examples h2 {margin:0 0 5px 0;font:bold 20px consolas,arial;letter-spacing:-1px;background:#eee;padding:5px;color:#003366;}
+#examples h3 {float:left;width:120px;height:90px;margin:0 0 0 5px;font:normal 16px consolas,arial;color:#993300;letter-spacing:-1px;}
+
+#cube {background:url(../images/thumb-1.gif) no-repeat left bottom;}
+#tube {background:url(../images/thumb-2.gif) no-repeat left bottom;}
+#block {background:url(../images/thumb-3.gif) no-repeat left bottom;}
+#cubeStop {background:url(../images/thumb-4.gif) no-repeat left bottom;}
+#cubeHide {background:url(../images/thumb-5.gif) no-repeat left bottom;}
+#cubeSize {background:url(../images/thumb-6.gif) no-repeat left bottom;}
+#horizontal {background:url(../images/thumb-7.gif) no-repeat left bottom;}
+
+.label_skitter {z-index:150;position:absolute;bottom:0px;left:0px;background:url(../images/back-box-label-black.png) repeat-x left top;color:#fff;display:none;border-top:1px solid #000;}
+.label_skitter p {padding:10px;margin:0;font:normal 22px arial,tahoma;letter-spacing:-1px;}
+
+#skitter_fixed {position:fixed;right:20px;top:20px;padding:5px;background:#000;z-index:1000;color:#fff;-moz-box-shadow:#000 0 0 10px;-webkit-box-shadow:#000 0 0 10px;box-shadow:#000 0 0 10px;}
+
+#download {margin:10px 0 20px 0;height:55px;}
+#botao_download {float:left;margin:0 20px 0 -6px;}
+#donate {float:left;}
+
+#options h3 {font:bold 26px consolas,arial;color:#000;}
+#options dt {font:bold 18px consolas,arial;border-bottom:1px dashed #333;margin:10px 0 5px 0;color:#004499;}
+#options dd {font:normal 12px consolas,arial,tahoma;padding:0 0 0 10px;margin:0 0 4px 0;}
+#options dd.description {font-size:14px;}
+#options dd.default {color:#555;font-style:italic;padding:0 0 0 20px;}
+#options dd.example {color:#cc0000;padding:0 0 0 20px;}
+#options dd.example span {border:1px solid #003300;background:#007744;color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:1px 5px;}
+
+#options table {width:100%;border-collapse:collapse;border:1px solid #333;margin:20px 0;}
+#options table th {background:#333;color:#fff;text-shadow:#000 1px 1px 1px;padding:10px;text-align:left;}
+#options table th:nth-child(2n) { background:#222; }
+#options table td {padding:5px;background:#fff;font-size:12px;}
+#options table tr:nth-child(2n) td { background:#ddd; }
+#options table td:nth-child(3) {font-style:italic;color:#555;}
+#options table td span.code {color:#000;}
+
+#examples-animations {float:left;width:100%;}
+#examples-animations div {width:800px;}
+#examples-animations a {background:#ccc;float:left;margin:0 5px 5px 0;padding:5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;text-decoration:none;border:1px solid #bbb;
+ color:#000;
+ -moz-box-shadow:#555 1px 1px 0px;
+ -webkit-box-shadow:#555 1px 1px 0px;
+ box-shadow:#555 1px 1px 0px;
+ text-shadow:#fff 1px 1px 1px;
+}
+#examples-animations a:hover {position:relative;
+ background:#ddd;
+ border:1px solid #999;
+}
+#examples-animations a.selected {background:#333;color:#fff;border:1px solid #000;
+ background:#333;
+ text-shadow:none;
+}
+
+#styles_navigation {height:100px;}
+#styles_navigation h2 {}
+#styles_navigation ul {list-style:none;}
+#styles_navigation ul li {float:left;position:relative;}
+#styles_navigation ul li a {background:#ccc;float:left;margin:0 15px 15px 0;padding:5px 15px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;text-decoration:none;border:1px solid #bbb;
+ color:#000;
+ -moz-box-shadow:#555 1px 1px 0px;
+ -webkit-box-shadow:#555 1px 1px 0px;
+ box-shadow:#555 1px 1px 0px;
+ text-shadow:#fff 1px 1px 1px;
+ font:normal 26px consolas,arial;
+ letter-spacing:-2px;
+}
+
+#styles_navigation ul li a:hover {
+ background:#ddd;
+ border:1px solid #999;
+}
+#styles_navigation ul li a.selected {
+ background:#333;
+ text-shadow:#000 1px 1px 1px;
+ font-weight:normal;
+ color:#fff;
+ border:1px solid #000;
+}
+
+span.new {position:absolute;top:-5px;right:-10px;font:bold 11px arial,tahoma;color:#fff;padding:2px 5px;border:1px solid #000;
+ background:#cc0000;
+ -moz-border-radius:5px;
+ -webkit-border-radius:5px;
+ border-radius:5px;
+ -moz-box-shadow:#999 0 0 2px;
+ -webkit-box-shadow:#999 0 0 2px;
+ box-shadow:#999 0 0 2px;
+}
+
+span.update {position:absolute;top:-5px;right:-25px;font:bold 11px arial,tahoma;color:#fff;padding:2px 5px;border:1px solid #000;
+ background:#006600;
+ -moz-border-radius:5px;
+ -webkit-border-radius:5px;
+ border-radius:5px;
+ -moz-box-shadow:#999 0 0 2px;
+ -webkit-box-shadow:#999 0 0 2px;
+ box-shadow:#999 0 0 2px;
+}
+
+#updatelog {background:#fff;padding:10px;border-top:5px solid #333;}
+#updatelog dl dt {border-bottom:1px solid #ccc;font:bold 16px consolas,arial,tahoma,sans;margin-top:5px;}
+#updatelog dl dd {font:normal 12px consolas,arial,tahoma,sans;}
+
+/** Footer
+ ********************************************************** */
+#footer {clear:both;margin-top:20px;}
+#footer p {text-indent:-9999em;overflow:hidden;}
+#footer p a {background:url(../images/logo-thiago.png) no-repeat left top;width:50px;height:40px;float:right;}
96 fullscreen.php
@@ -0,0 +1,96 @@
+<?php
+
+$animations = array(
+ 'cube',
+ 'cubeRandom',
+ 'block',
+ 'cubeStop',
+ 'cubeHide',
+ 'cubeSize',
+ 'horizontal',
+ 'showBars',
+ 'showBarsRandom',
+ 'tube',
+ 'fade',
+ 'fadeFour',
+ 'paralell',
+ 'blind',
+ 'blindHeight',
+ 'blindWidth',
+ 'directionTop',
+ 'directionBottom',
+ 'directionRight',
+ 'directionLeft',
+ 'cubeStopRandom',
+ 'cubeSpread',
+);
+
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
+<head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+ <title>Skitter - Slideshow for anytime!</title>
+
+ <meta name="description" content="Slideshow flexible with many options for customizations. Distributed under the GPL license" />
+ <meta name="keywords" content="slides, slide, slideshow, gallery, images, effects, easing, transitions, jquery, plugin, gpl license, free, customizations, flexible" />
+ <meta name="author" content="Thiago S.F. - http://thiagosf.net" />
+
+ <link rel="shortcut icon" href="images/favicon.ico">
+ <link href="css/styles.css" type="text/css" media="all" rel="stylesheet" />
+ <link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
+
+ <script src="js/jquery-1.5.2.min.js"></script>
+ <script src="js/jquery-ui.min.js"></script>
+ <script src="js/jquery.skitter.min.js"></script>
+
+ <script>
+ $(document).ready(function(){
+
+ // Skitter Tester
+ $('.box_skitter_large').skitter({fullscreen:true});
+
+ });
+ </script>
+</head>
+<body style="margin:0;padding:0">
+ <div id="content" style="margin:0;padding:0">
+ <div class="border_box" style="margin:0;padding:0">
+ <div class="box_skitter box_skitter_large" style="margin:0;padding:0">
+ <ul>
+ <?php
+
+ $out = null;
+ foreach($animations as $i => $animation) {
+ $image = str_pad(($i + 1), 3, '0', STR_PAD_LEFT);
+ $out .= '<li>';
+ $out .= sprintf('<a href="#%s"><img src="images/%s.jpg" class="%s" /></a>', $animation, $image, $animation);
+ $out .= '<div class="label_text">';
+ $out .= sprintf('<p>%s</p>', $animation);
+ $out .= '</div>';
+ $out .= '</li>';
+ }
+
+ echo $out;
+
+ ?>
+ </ul>
+ </div>
+ </div>
+ </div>
+
+ <script type="text/javascript">
+
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-1966000-13']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+
+ </script>
+</body>
+</html>
BIN images/001.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/002.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/003.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/004.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/005.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/006.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/007.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/008.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/009.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/010.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/011.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/012.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/013.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/014.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/015.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/016.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/017.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/018.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/019.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/020.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/021.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/022.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/ajax-loader.gif
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/back-box-label-black.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/donate-button.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN images/download-button.png
Diff not rendered.
BIN images/favicon.ico
Binary file not shown.
BIN images/logo-thiago.png
Diff not rendered.
BIN images/logo.gif
Diff not rendered.
BIN images/next.png
Diff not rendered.
BIN images/prev.png
Diff not rendered.
BIN images/sexy-sprite.png
Diff not rendered.
BIN images/sharing-caring.png
Diff not rendered.
BIN images/this-is-a-free-plugin.png
Diff not rendered.
495 index.php
@@ -0,0 +1,495 @@
+<?php
+
+session_start();
+
+function getLinkAnimation($animation) {
+ return '<a href="?animation='.$animation.'">'.$animation.'</a>';
+}
+
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br">
+<head>
+ <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+ <title>Skitter - Slideshow for anytime!</title>
+
+ <meta name="description" content="Slideshow flexible with many options for customizations. Distributed under the GPL license" />
+ <meta name="keywords" content="slides, slide, slideshow, gallery, images, effects, easing, transitions, jquery, plugin, gpl license, free, customizations, flexible" />
+ <meta name="author" content="Thiago S.F. - http://thiagosf.net" />
+
+ <link rel="shortcut icon" href="images/favicon.ico">
+ <link href="css/styles.css" type="text/css" media="all" rel="stylesheet" />
+ <link href="css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
+ <link href="css/highlight.black.css" type="text/css" media="all" rel="stylesheet" />
+ <link href="css/sexy-bookmarks-style.css" type="text/css" media="all" rel="stylesheet" />
+
+ <script src="js/jquery-1.5.2.min.js"></script>
+ <script src="js/jquery-ui.min.js"></script>
+ <script src="js/jquery.skitter.min.js"></script>
+ <script src="js/highlight.js"></script>
+ <script src="js/sexy-bookmarks-public.js"></script>
+
+ <script>
+ $(document).ready(function(){
+
+ <?php
+
+ $mode_xml = false;
+
+ // Tipos de navegações
+ $_SESSION['type_loading'] = (isset($_SESSION['type_loading'])) ? $_SESSION['type_loading'] : 'html';
+ if (isset($_GET['type_loading'])) {
+ $_SESSION['other_options'] = 'normal';
+ switch($_GET['type_loading']) {
+ case 'html' : default :
+ $_SESSION['type_loading'] = 'html';
+ break;
+ case 'xml' :
+ $_SESSION['type_loading'] = 'xml';
+ break;
+ }
+ }
+
+ // Tipos de navegações
+ $_SESSION['type_navigation'] = (isset($_SESSION['type_navigation'])) ? $_SESSION['type_navigation'] : 'numbers';
+ if (isset($_GET['type_navigation'])) {
+ $_SESSION['other_options'] = 'normal';
+ switch($_GET['type_navigation']) {
+ case 'numbers' : default :
+ $_SESSION['type_navigation'] = 'numbers';
+ break;
+ case 'thumbs' :
+ $_SESSION['type_navigation'] = 'thumbs';
+ break;
+ case 'dots' :
+ $_SESSION['type_navigation'] = 'dots';
+ break;
+ }
+ }
+
+ // Opções do skitter
+ $_SESSION['other_options'] = (isset($_SESSION['other_options'])) ? $_SESSION['other_options'] : 'numbers';
+ if (isset($_GET['other_options'])) {
+ $_SESSION['type_navigation'] = 'numbers';
+ switch($_GET['other_options']) {
+ case 'normal' : default :
+ $_SESSION['other_options'] = 'normal';
+ break;
+ case 'hideTools' :
+ $_SESSION['other_options'] = 'hideTools';
+ break;
+ case 'mini' :
+ $_SESSION['other_options'] = 'mini';
+ break;
+ }
+ }
+
+ $animations = array(
+ 'cube',
+ 'cubeRandom',
+ 'block',
+ 'cubeStop',
+ 'cubeHide',
+ 'cubeSize',
+ 'horizontal',
+ 'showBars',
+ 'showBarsRandom',
+ 'tube',
+ 'fade',
+ 'fadeFour',
+ 'paralell',
+ 'blind',
+ 'blindHeight',
+ 'blindWidth',
+ 'directionTop',
+ 'directionBottom',
+ 'directionRight',
+ 'directionLeft',
+ 'cubeStopRandom',
+ 'cubeSpread',
+ 'cubeJelly',
+ );
+
+ $options = array();
+ $view = null;
+
+ if (isset($_GET['animation'])) {
+ $animation = $_GET['animation'];
+ if (in_array($animation, $animations)) {
+ $options[] = 'animation: "'.$animation.'"';
+ }
+ }
+
+ if ($_SESSION['type_navigation'] == 'thumbs') {
+ $options[] = 'thumbs: true';
+ }
+ else if ($_SESSION['type_navigation'] == 'dots') {
+ echo "$('.border_box').css({'margin-bottom':'35px'});\n\t\t";
+ $options[] = 'dots: true';
+ $options[] = "animateNumberOut: {backgroundColor:'#555', color:'#fff'}";
+ $options[] = "animateNumberOver: {backgroundColor:'#333', color:'#fff'}";
+ $options[] = "animateNumberActive: {backgroundColor:'#004499', color:'#fff'}";
+ }
+
+ if ($_SESSION['other_options'] == 'hideTools') {
+ $options[] = 'hideTools: true';
+ }
+
+ if ($_SESSION['type_loading'] == 'xml') {
+ $options[] = 'xml: "xml/slides.xml"';
+ }
+
+ $options = implode(', ', $options);
+ $out = sprintf("$('.box_skitter_large').skitter({%s});", $options);
+
+ if ($_SESSION['other_options'] == 'mini') {
+ echo '$(\'.box_skitter_large\').css({\'width\': 400, \'height\': 150});'."\n\t\t";
+ }
+
+ echo $out;
+
+ ?>
+
+ // Highlight
+ $('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});
+
+ });
+ </script>
+</head>
+<body>
+ <div id="header">
+ <h1>Skitter</h1>
+ <p>Slideshow for anytime!</p>
+ </div>
+
+ <div id="content">
+ <div class="border_box">
+ <div class="box_skitter box_skitter_large">
+ <?php if ($_SESSION['type_loading'] != 'xml') { ;?>
+ <ul>
+ <?php
+
+ $out = null;
+ foreach($animations as $i => $animation) {
+ if ($i == 22) break;
+ $image = str_pad(($i + 1), 3, '0', STR_PAD_LEFT);
+ $out .= '<li>';
+ $out .= sprintf('<a href="#%s"><img src="images/%s.jpg" class="%s" /></a>', $animation, $image, $animation);
+ $out .= '<div class="label_text">';
+ $out .= sprintf('<p>%s</p>', $animation);
+ $out .= '</div>';
+ $out .= '</li>';
+ }
+
+ echo $out;
+
+ ?>
+ </ul>
+ <?php } ;?>
+ </div>
+ </div>
+
+ <div id="examples-animations">
+ <div>
+ <?php
+
+ $class = (!isset($_GET['animation'])) ? 'selected' : '';
+ echo sprintf('<a href="?" class="%s">all</a>', $class);
+
+ foreach($animations as $animation) {
+ $class = (isset($_GET['animation']) && $_GET['animation'] == $animation) ? 'selected' : '';
+ echo sprintf('<a href="?animation=%s" class="%s">%s</a>', $animation, $class, $animation);
+ }
+
+ ?>
+ </div>
+ </div>
+
+ <div style="clear:both"></div>
+
+
+ <div id="styles_navigation">
+ <h2>Type of loading</h2>
+ <ul>
+ <?php
+
+ $types = array(
+ array('label' => 'HTML', 'type' => 'html'),
+ array('label' => 'XML', 'type' => 'xml', 'options' => '<span class="new">new!</span>'),
+ );
+
+ foreach($types as $type) {
+ $options = (isset($type['options'])) ? $type['options'] : '';
+ $class = $_SESSION['type_loading'] == $type['type'] ? 'selected' : '';
+ echo sprintf('<li><a href="?type_loading=%s" class="%s">%s</a>%s</li>', $type['type'], $class, $type['label'], $options);
+
+ }
+
+ ?>
+ </ul>
+ </div>
+
+ <div id="styles_navigation">
+ <h2>Type of navigation</h2>
+ <ul>
+ <?php
+
+ $types = array(
+ array('label' => 'Numbers', 'type' => 'numbers'),
+ array('label' => 'Thumbs', 'type' => 'thumbs'),
+ array('label' => 'Dots', 'type' => 'dots', 'options' => '<span class="new">new!</span>'),
+ );
+
+ foreach($types as $type) {
+ $options = (isset($type['options'])) ? $type['options'] : '';
+ $class = $_SESSION['type_navigation'] == $type['type'] ? 'selected' : '';
+ echo sprintf('<li><a href="?type_navigation=%s" class="%s">%s</a>%s</li>', $type['type'], $class, $type['label'], $options);
+
+ }
+
+ ?>
+ </ul>
+ </div>
+
+ <div id="styles_navigation">
+ <h2>Other options</h2>
+ <ul>
+ <?php
+
+ $types = array(
+ array('label' => 'Normal', 'type' => 'normal'),
+ array('label' => 'HideTools', 'type' => 'hideTools'),
+ array('label' => 'Fullscreen', 'type' => 'fullscreen', 'link' => 'fullscreen.php'),
+ );
+
+ foreach($types as $type) {
+ $options = (isset($type['options'])) ? $type['options'] : '';
+ $class = isset($_SESSION['other_options']) && $_SESSION['other_options'] == $type['type'] ? 'selected' : '';
+ if (!isset($type['link'])) {
+ echo sprintf('<li><a href="?other_options=%s" class="%s">%s</a>%s</li>', $type['type'], $class, $type['label'], $options);
+ }
+ else {
+ echo sprintf('<li><a href="%s" class="%s">%s</a>%s</li>', $type['link'], $class, $type['label'], $options);
+ }
+ }
+
+ ?>
+ </ul>
+ </div>
+
+ <div id="styles_navigation">
+ <h2>Other view</h2>
+ <ul>
+ <?php
+
+ $types = array(
+ array('label' => 'Mini-slides', 'type' => 'mini'),
+ );
+
+ foreach($types as $type) {
+ $options = (isset($type['options'])) ? $type['options'] : '';
+ $class = isset($_SESSION['other_options']) && $_SESSION['other_options'] == $type['type'] ? 'selected' : '';
+ if (!isset($type['link'])) {
+ echo sprintf('<li><a href="?other_options=%s" class="%s">%s</a>%s</li>', $type['type'], $class, $type['label'], $options);
+ }
+ else {
+ echo sprintf('<li><a href="%s" class="%s">%s</a>%s</li>', $type['link'], $class, $type['label'], $options);
+ }
+ }
+
+ ?>
+ </ul>
+ </div>
+
+ <div id="download">
+ <a href="https://github.com/thiagosf/SkitterSlideshow" id="botao_download"><img src="images/download-button.png" /></a>
+ </div>
+
+ <div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-center sexy-bookmarks-bg-sexy">
+ <ul class="socials">
+ <li class="sexy-delicious"><a href="http://del.icio.us/post" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a></li>
+ <li class="sexy-facebook"><a href="http://www.facebook.com/share.php" rel="nofollow" class="external" title="Share this on Facebook">Share this on Facebook</a></li>
+ <li class="sexy-digg"><a href="http://digg.com/submit" rel="nofollow" class="external" title="Digg this!">Digg this!</a></li>
+ <li class="sexy-twitter"><a href="http://twitter.com/home" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a></li>
+ <li class="sexy-twittley"><a href="http://twittley.com/submit/" rel="nofollow" class="external" title="Submit this to Twittley">Submit this to Twittley</a></li>
+
+ <li class="sexy-yahoobuzz"><a href="http://buzz.yahoo.com/submit/" rel="nofollow" class="external" title="Buzz up!">Buzz up!</a></li>
+ <li class="sexy-myspace"><a href="http://www.myspace.com/Modules/PostTo/Pages/" rel="nofollow" class="external" title="Post this to MySpace">Post this to MySpace</a></li>
+ <li class="sexy-google"><a href="http://www.google.com/bookmarks/mark" rel="nofollow" class="external" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a></li>
+
+ <li class="sexy-scriptstyle"><a href="http://scriptandstyle.com/submit" rel="nofollow" class="external" title="Submit this to Script &amp; Style">Submit this to Script &amp; Style</a></li>
+ <li class="sexy-reddit"><a href="http://reddit.com/submit" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a></li>
+ <li class="sexy-stumbleupon"><a href="http://www.stumbleupon.com/submit" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a></li>
+ <li class="sexy-mixx"><a href="http://www.mixx.com/submit" rel="nofollow" class="external" title="Share this on Mixx">Share this on Mixx</a></li>
+
+ <li class="sexy-technorati"><a href="http://technorati.com/faves" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a></li>
+ <li class="sexy-blinklist"><a href="http://www.blinklist.com/index.php" rel="nofollow" class="external" title="Share this on Blinklist">Share this on Blinklist</a></li>
+ <li class="sexy-diigo"><a href="http://www.diigo.com/post">Post this on Diigo</a></li>
+
+ <li class="sexy-designfloat"><a href="http://www.designfloat.com/submit.php" rel="nofollow" class="external" title="Submit this to DesignFloat">Submit this to DesignFloat</a></li>
+ <li class="sexy-newsvine"><a href="http://www.newsvine.com/_tools/seed&amp;save" rel="nofollow" class="external" title="Seed this on Newsvine">Seed this on Newsvine</a></li>
+
+ </ul>
+ </div>
+
+ <h2>Updatelog</h2>
+ <div id="updatelog">
+ <dl>
+ <dt>08/05/2011</dt>
+ <dd>- <a href="index.php?type_navigation=dots">Navigation with dots</a></dd>
+ <dd>- New animation: <?=getLinkAnimation('cubeJelly');?></dd>
+ <dd>- Restructuring HTML plugin</dd>
+ <dd>- Bug fixed navigation thumbs</dd>
+ <dt>07/05/2011</dt>
+ <dd>- Added option to load <a href="index.php?type_loading=xml">data via XML</a>.</dd>
+ <dt>23/04/2011</dt>
+ <dd>- Added <a href="fullscreen.php">fullscreen</a> mode</dd>
+ <dt>21/04/2011</dt>
+ <dd>- Fixed bug in loading images in IE9</dd>
+ <dd>- Update animations: <?=getLinkAnimation('directionTop');?>, <?=getLinkAnimation('directionBottom');?>, <?=getLinkAnimation('directionRight');?>, <?=getLinkAnimation('directionLeft');?> and <?=getLinkAnimation('block');?></dd>
+ <dt>20/04/2011</dt>
+ <dd>- Update jQuery and jQuery UI</dd>
+ <dt>16/01/2011</dt>
+ <dd>- New animations: <?=getLinkAnimation('cubeStopRandom');?>, <?=getLinkAnimation('cubeSpread');?></dd>
+ <dt>04/01/2011</dt>
+ <dd>- Update thumbnail browsing. Now the position of the mouse will move the thumbnails</dd>
+ <dd>- Fix the problem with the effects: cubeStop, cubeHide, cubSize.</dd>
+ <dt>09/10/2010</dt>
+ <dd>- Added the type of thumbnail browsing.</dd>
+ <dt>04/08/2010</dt>
+ <dd>- Creation of Skitter Slideshow!</dd>
+ </dl>
+ </div>
+
+
+ <h2>Javascript</h2>
+ <pre class="code" lang="js">
+$(function(){
+ $('.box_skitter_large').skitter();
+});
+</pre>
+
+ <h2>HTML</h2>
+ <pre class="code" lang="html">
+&lt;div class=&quot;box_skitter box_skitter_large&quot;&gt;
+ &lt;ul&gt;
+ &lt;li&gt;
+ &lt;a href=&quot;http://thiagosf.net&quot;&gt;&lt;img src=&quot;images/01.jpg&quot; class=&quot;block&quot; /&gt;&lt;/a&gt;
+ &lt;div class=&quot;label_text&quot;&gt;
+ &lt;p&gt;Label&lt;/p&gt;
+ &lt;/div&gt;
+ &lt;/li&gt;
+ &lt;li&gt;
+ &lt;a href=&quot;http://cakephp.org&quot;&gt;&lt;img src=&quot;images/02.jpg&quot; class=&quot;cube&quot; /&gt;&lt;/a&gt;
+ &lt;div class=&quot;label_text&quot;&gt;
+ &lt;p&gt;Label&lt;/p&gt;
+ &lt;/div&gt;
+ &lt;/li&gt;
+ &lt;li&gt;
+ &lt;a href=&quot;http://jquery.com&quot;&gt;&lt;img src=&quot;images/03.jpg&quot; class=&quot;default&quot; /&gt;&lt;/a&gt;
+ &lt;div class=&quot;label_text&quot;&gt;
+ &lt;p&gt;Label&lt;/p&gt;
+ &lt;/div&gt;
+ &lt;/li&gt;
+ &lt;/ul&gt;
+&lt;/div&gt;
+</pre>
+
+ <h2>XML</h2>
+ <pre class="code" lang="html">
+&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
+&lt;skitter&gt;
+ &lt;slide&gt;
+ &lt;link&gt;#directionTop&lt;/link&gt;
+ &lt;image type=&quot;directionTop&quot;&gt;images/001.jpg&lt;/image&gt;
+ &lt;label&gt;&lt;![CDATA[&lt;p&gt;directionTop&lt;/p&gt;]]&gt;&lt;/label&gt;
+ &lt;/slide&gt;
+ &lt;slide&gt;
+ &lt;link&gt;#cubeSize&lt;/link&gt;
+ &lt;image type=&quot;cubeSize&quot;&gt;images/002.jpg&lt;/image&gt;
+ &lt;label&gt;&lt;![CDATA[&lt;p&gt;cubeSize&lt;/p&gt;]]&gt;&lt;/label&gt;
+ &lt;/slide&gt;
+ &lt;slide&gt;
+ &lt;link&gt;#paralell&lt;/link&gt;
+ &lt;image type=&quot;paralell&quot;&gt;images/003.jpg&lt;/image&gt;
+ &lt;label&gt;&lt;![CDATA[&lt;p&gt;paralell&lt;/p&gt;]]&gt;&lt;/label&gt;
+ &lt;/slide&gt;
+&lt;/skitter&gt;
+</pre>
+
+ <div id="options">
+ <h2>Extend</h2>
+ <h3>Options</h3>
+
+
+ <table>
+ <thead>
+ <tr>
+ <th>option</th>
+ <th>description</th>
+ <th>default</th>
+ <th>example</th>
+ </tr>
+ </thead>
+ <tbody>
+ <?php
+
+ $data = array(
+ array('velocity', 'Velocity of animation', '1', "$('.box_skitter_large').skitter({velocity: 2});"),
+ array('interval', 'Interval between transitions', '2500', "$('.box_skitter_large').skitter({interval: 3000});"),
+ array('animation', 'Default animation', 'null or defined in &lt;a&gt; class', "$('.box_skitter_large').skitter({animation: 'fade'});"),
+ array('numbers', 'Numbers display', 'true', "$('.box_skitter_large').skitter({numbers: false});"),
+ array('navigation', 'Navigation display', 'true', "$('.box_skitter_large').skitter({navigation: false});"),
+ array('label', 'Label display', 'true', "$('.box_skitter_large').skitter({label: false});"),
+ array('easing_default', 'Easing default', 'null', "$('.box_skitter_large').skitter({easing_default: 'easeOutBack'});"),
+ array('animateNumberOut', 'Animation/style number', "{backgroundColor:'#333', color:'#fff'}", "$('.box_skitter_large').skitter({animateNumberOut: {backgroundColor:'#000', color:'#ccc'}});"),
+ array('animateNumberOver', 'Animation/style hover number', "{backgroundColor:'#000', color:'#fff'}", "$('.box_skitter_large').skitter({animateNumberOver: {backgroundColor:'#000', color:'#ccc'}});"),
+ array('animateNumberActive', 'Animation/style active number', "{backgroundColor:'#cc3333', color:'#fff'}", "$('.box_skitter_large').skitter({animateNumberActive: {backgroundColor:'#000', color:'#ccc'}});"),
+ array('thumbs', 'Navigation with thumbs', "false", "$('.box_skitter_large').skitter({thumbs: true});"),
+ array('hideTools', 'Hide numbers and navigation', "false", "$('.box_skitter_large').skitter({hideTools: true});"),
+ array('fullscreen', 'Fullscreen mode', "false", "$('.box_skitter_large').skitter({fullscreen: true});"),
+ array('xml', 'Loading data from XML file', "false", "$('.box_skitter_large').skitter({xml: \"xml/slides.xml\"});"),
+ array('dots', 'Navigation with dots', "false", "$('.box_skitter_large').skitter({dots: true});"),
+ );
+
+ foreach($data as $linha) {
+
+ ?>
+ <tr>
+ <td><?=$linha[0];?></td>
+ <td><?=$linha[1];?></td>
+ <td><?=$linha[2];?></td>
+ <td><span class="code"><?=$linha[3];?></span></td>
+ </tr>
+ <?php
+
+ }
+
+ ?>
+ </tbody>
+ </table>
+
+ </div>
+ </div>
+
+ <div id="footer">
+ <p>Thiago S.F.</p>
+ <p><a href="http://thiagosf.net">thiagosf.net</a></p>
+ </div>
+
+ <script type="text/javascript">
+
+ var _gaq = _gaq || [];
+ _gaq.push(['_setAccount', 'UA-1966000-13']);
+ _gaq.push(['_trackPageview']);
+
+ (function() {
+ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+ })();
+
+ </script>
+
+</body>
+</html>
297 js/highlight.js
@@ -0,0 +1,297 @@
+/*
+ * jQuery Highlight Plugin
+ * Examples and documentation at: http://demo.webcodingstudio.com/highlight/
+ * Copyright (c) 2010 E. Matsakov
+ * Version: 1.0 (26-FEB-2010)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ * Requires: jQuery v1.2.6 or later
+ */
+(function($){
+ $.fn.highlight = function(element_params){
+
+ var defaults = {
+ // show source code tab
+ source: true,
+ // show zebra
+ zebra: true,
+ //indents: "tabs" or "space"
+ indent: 'tabs',
+ //ordered or unordered list
+ list: 'ol'
+ }
+
+ var params = $.extend({}, defaults, element_params);
+
+ return this.each(function(){
+ var code_container = $(this);
+ var code_class = $(code_container).attr('class');
+ var code_lang = $(code_container).attr('lang');
+ var code_lang_class = '';
+ if(code_lang!='') {
+ code_lang_class = ' '+code_lang;
+ }
+ $(code_container).wrap('<div class="highlight'+code_lang_class+'"></div>');
+ var highlight_container = $(code_container).parent();
+
+ var source = code_container.html();
+ source = source.replace(/</gm, '&lt;');
+
+ //replace tabs with spaces
+ if(params.indent=='space') {
+ source = source.replace(/\t/g,' ');
+ }
+
+ var code = source;
+
+ //hightlight
+ switch(code_lang) {
+ case 'html':
+ code = $.highlightCode.hightlight_html(code);
+ break;
+ case 'css':
+ code = $.highlightCode.hightlight_css(code);
+ break;
+ case 'php':
+ code = $.highlightCode.hightlight_php(code);
+ break;
+ default:
+ code = $.highlightCode.hightlight(code);
+ break;
+ }
+
+ code = code.replace(/(?:\r\n?|\n)$/, '');
+ code = '<'+params.list+'><li>'+code.split(/\r\n|\n/).join('\n</li><li>')+'\n</li></'+params.list+'>';
+
+ //add source and tabs
+ if(params.source==true) {
+ source = '<pre class="source">'+source+'</pre>';
+ var tabs = '<ul class="tabs"><li class="code active">code</li><li class="source">source</li></ul>';
+ $(code_container).after(source);
+ $(code_container).before(tabs);
+ }
+
+
+ //init tabs
+ if(params.source==true) {
+ var tabs = $(highlight_container).find('ul.tabs li');
+ $.each(tabs , function(i,tab){
+ $(tab).click(function() {
+ $(tabs).removeClass('active');
+ var tab_class = $(tab).attr('class');
+ $(highlight_container).find('pre[class!="'+tab_class+'"]').css('display', 'none');
+ $(highlight_container).find('pre[class^="'+tab_class+'"]').css('display', 'block');
+ $(tab).addClass('active');
+ });
+ });
+
+ }
+
+ //replace instead of html, because of IE bug
+ $(code_container).replaceWith('<pre class="'+code_class+'">'+code+'</pre>');
+
+ //zebra
+ if(params.zebra==true) {
+ $(highlight_container).find('pre[class="'+code_class+'"] '+params.list+' li:even').addClass('even');
+ }
+ });
+ };
+
+ $.highlightCode = {
+
+ //DEFAULT
+ hightlight: function(code) {
+
+ var comments = []; // store comments
+
+ code = code
+ //replace keywords
+ .replace(/(var|function|typeof|new|return|if|for|in|while|break|do|continue|case|switch)([^a-z0-9\$_])/gi,'<span class="kwd">$1</span>$2')
+ //replace keywords
+ .replace(/(\{|\}|\]|\[|\|)/gi,'<span class="kwd">$1</span>')
+ //replace strings
+ .replace(/('.*?')/g,'<span class="str">$1</span>')
+ //replace multiline comments
+ .replace(/\/\*([\s\S]*?)\*\//g, function(m, t)
+ { return '\0C'+push(comments, multiline_comments(m))+'\0'; })
+ .replace(/\0C(\d+)\0/g, function(m, i)
+ { return comments[i]; })
+ //replace one line comments
+ .replace(/\/\/(.*$)/gm,'<span class="com">//$1</span>')
+ //replace functons
+ .replace(/([a-z\_\$][a-z0-9_]*)\(/gi,'<span class="fnc">$1</span>(');
+ return code;
+ },
+
+ //PHP
+ hightlight_php: function(code) {
+
+ var comments = []; // store comments
+
+ var funcs = 'abs acos acosh addcslashes addslashes ' +
+ 'array_change_key_case array_chunk array_combine array_count_values array_diff '+
+ 'array_diff_assoc array_diff_key array_diff_uassoc array_diff_ukey array_fill '+
+ 'array_filter array_flip array_intersect array_intersect_assoc array_intersect_key '+
+ 'array_intersect_uassoc array_intersect_ukey array_key_exists array_keys array_map '+
+ 'array_merge array_merge_recursive array_multisort array_pad array_pop array_product '+
+ 'array_push array_rand array_reduce array_reverse array_search array_shift '+
+ 'array_slice array_splice array_sum array_udiff array_udiff_assoc '+
+ 'array_udiff_uassoc array_uintersect array_uintersect_assoc '+
+ 'array_uintersect_uassoc array_unique array_unshift array_values array_walk '+
+ 'array_walk_recursive atan atan2 atanh base64_decode base64_encode base_convert '+
+ 'basename bcadd bccomp bcdiv bcmod bcmul bindec bindtextdomain bzclose bzcompress '+
+ 'bzdecompress bzerrno bzerror bzerrstr bzflush bzopen bzread bzwrite ceil chdir '+
+ 'checkdate checkdnsrr chgrp chmod chop chown chr chroot chunk_split class_exists '+
+ 'closedir closelog copy cos cosh count count_chars date decbin dechex decoct '+
+ 'deg2rad delete ebcdic2ascii echo empty end ereg ereg_replace eregi eregi_replace error_log '+
+ 'error_reporting escapeshellarg escapeshellcmd eval exec exit exp explode extension_loaded '+
+ 'feof fflush fgetc fgetcsv fgets fgetss file_exists file_get_contents file_put_contents '+
+ 'fileatime filectime filegroup fileinode filemtime fileowner fileperms filesize filetype '+
+ 'floatval flock floor flush fmod fnmatch fopen fpassthru fprintf fputcsv fputs fread fscanf '+
+ 'fseek fsockopen fstat ftell ftok getallheaders getcwd getdate getenv gethostbyaddr gethostbyname '+
+ 'gethostbynamel getimagesize getlastmod getmxrr getmygid getmyinode getmypid getmyuid getopt '+
+ 'getprotobyname getprotobynumber getrandmax getrusage getservbyname getservbyport gettext '+
+ 'gettimeofday gettype glob gmdate gmmktime in_array ini_alter ini_get ini_get_all ini_restore ini_set '+
+ 'interface_exists intval ip2long is_a is_array is_bool is_callable is_dir is_double '+
+ 'is_executable is_file is_finite is_float is_infinite is_int is_integer is_link is_long '+
+ 'is_nan is_null is_numeric is_object is_readable is_real is_resource is_scalar is_soap_fault '+
+ 'is_string is_subclass_of is_uploaded_file is_writable is_writeable mkdir mktime nl2br '+
+ 'parse_ini_file parse_str parse_url passthru pathinfo readlink realpath rewind rewinddir rmdir '+
+ 'round str_ireplace str_pad str_repeat str_replace str_rot13 str_shuffle str_split '+
+ 'str_word_count strcasecmp strchr strcmp strcoll strcspn strftime strip_tags stripcslashes '+
+ 'stripos stripslashes stristr strlen strnatcasecmp strnatcmp strncasecmp strncmp strpbrk '+
+ 'strpos strptime strrchr strrev strripos strrpos strspn strstr strtok strtolower strtotime '+
+ 'strtoupper strtr strval substr substr_compare';
+
+ var keywords = 'and or xor array as break case ' +
+ 'cfunction const continue declare default die do else ' +
+ 'elseif enddeclare endfor endforeach endif endswitch endwhile ' +
+ 'extends for foreach function include include_once global if ' +
+ 'new old_function return static switch use require require_once ' +
+ 'while abstract interface public implements extends private protected throw';
+
+ funcs = new RegExp(get_keywords(funcs), 'gi');
+ keywords = new RegExp(get_keywords(keywords), 'gi');
+
+ code = code
+ //replace strings
+ .replace(/(".*?")/g,'<span class="str">$1</span>')
+ .replace(/('.*?')/g,'<span class="str">$1</span>')
+ //replace multiline comments
+ .replace(/\/\*([\s\S]*?)\*\//g, function(m, t)
+ { return '\0C'+push(comments, multiline_comments(m))+'\0'; })
+ .replace(/\0C(\d+)\0/g, function(m, i)
+ { return comments[i]; })
+ //replace one line comments
+ .replace(/\/\/(.*$)/gm,'<span class="com">//$1</span>')
+ //replace variables
+ .replace(/\$(\w+)/g,'<span class="var">$$$1</span>')
+ //replace functions
+ .replace(funcs,'<span class="fnc">$1</span>$2')
+ //replace keywords
+ .replace(keywords,'<span class="kwd">$1</span>$2');
+ return code;
+ },
+
+ //CSS
+ hightlight_css: function(code) {
+
+ var comments = []; // store comments
+
+ var keywords = 'background-color background-image background-position ' +
+ 'background-repeat background border-collapse border-color border-spacing border-style border-top ' +
+ 'border-right border-bottom border-left border-top-color border-right-color border-bottom-color border-left-color ' +
+ 'border-top-style border-right-style border-bottom-style border-left-style border-top-width border-right-width ' +
+ 'border-bottom-width border-left-width border-width border color cursor direction display ' +
+ 'float font-size-adjust font-family font-size font-stretch font-style font-variant font-weight font ' +
+ 'height left letter-spacing line-height list-style-image list-style-position list-style-type list-style margin-top ' +
+ 'margin-right margin-bottom margin-left margin max-height max-width min-height min-width ' +
+ 'outline-color outline-style outline-width outline overflow padding-top padding-right padding-bottom padding-left padding position' +
+ 'quotes right size src table-layout text-align top text-decoration text-indent text-shadow text-transform ' +
+ 'vertical-align visibility white-space width word-spacing x-height z-index position -moz-border-radius -webkit-border-radius border-radius opacity';
+
+ var values = 'absolute all attr auto baseline behind below black blink block blue bold bolder '+
+ 'both bottom capitalize caption center center-left center-right circle close-quote collapse compact '+
+ 'continuous cursive dashed decimal default digits disc dotted double embed expanded fixed format '+
+ 'gray green groove help hidden hide high higher icon inline-table inline inset inside invert italic '+
+ 'justify large larger left-side left leftwards level line-through list-item '+
+ 'lowercase lower low ltr marker medium middle move none no-repeat normal nowrap oblique olive once outset '+
+ 'outside overline pointer print purple red relative repeat repeat-x repeat-y rgb right rtl screen scroll show silver slower slow '+
+ 'small small-caps small-caption smaller soft solid square s-resize static sub super '+
+ 'table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group '+
+ 'text-bottom text-top thick thin top transparent underline upper-alpha uppercase upper-latin '+
+ 'upper-roman url visible wait white wider w-resize x-fast x-high x-large x-low x-small x-soft yellow';
+
+ var fonts = '[mM]onospace [tT]ahoma [vV]erdana [aA]rial [hH]elvetica [sS]ans-serif [sS]erif [cC]ourier New mono sans serif';
+
+ keywords = new RegExp(get_keywords(keywords), 'gi');
+ values = new RegExp(get_keywords(values), 'gi');
+ fonts = new RegExp(get_keywords(fonts), 'gi');
+
+ code = code
+ //replace comments
+ .replace(/\/\*([\s\S]*?)\*\//g, function(m, t)
+ { return '\0C'+push(comments, multiline_comments(m))+'\0'; })
+ .replace(/\0C(\d+)\0/g, function(m, i)
+ { return comments[i]; })
+ //replace keywords
+ .replace(keywords,'<span class="kwd">$1</span>$2')
+ //replace values
+ .replace(values,'<span class="pln">$1</span>$2')
+ //replace fonts
+ .replace(fonts,'<span class="str">$1</span>$2')
+ //replace hex colors
+ .replace(/(\#[a-fA-F0-9]{3,6})/gi,'<span class="lit">$1</span>')
+ //replace sizes
+ .replace(/(-?\d+)(\.\d+)?(px|em|pt|\:|\%|)/gi,'<span class="lit">$1$3</span>');
+ return code;
+ },
+
+ //HTML
+ hightlight_html: function(code) {
+
+ code = code
+ //replace attributes
+ .replace(/\s+([a-zA-Z\-]{0,15})\=\"([-a-z0-9_ \/\.\#\:\=\;]{0,49})\"/gi,' <span class="atn">$1</span>=<span class="atv">"$2"</span>')
+ //replace open tags
+ .replace(/(&lt;)(\w{0,15})(\s+|&gt;|>)/gi,'$1<span class="tag">$2</span>$3')
+ //replace close tags
+ .replace(/(&lt;)\/(\w{0,15})(&gt;|>)/gi,'$1/<span class="tag">$2</span>$3')
+ //replace doctype
+ .replace(/(&lt;!)([-a-z0-9_ \/\.\#\:\"]{0,150})(&gt;|>)/gi,'<span class="dec">$1$2$3</span>')
+ //replace comments
+ .replace(/(&lt;|<)!--([\s\S]*?)--(&gt;|>)/gm,'<span class="com">$1!--$2--$3</span>');
+
+ return code;
+ }
+ };
+
+ /*
+ * helpers
+ */
+
+ //prepare regexp template for keywords
+ function get_keywords(str)
+ {
+ return '(' + str.replace(/ /g, '|') + ')([^a-z0-9\$_])';
+ }
+
+ //process multiline comments
+ function multiline_comments(text)
+ {
+ text = text.split('\n');
+ for(var i=0; i<text.length; i++) {
+ text[i] = '<span class="com">'+text[i]+'</span>';
+ }
+ return text.join('\n');
+ }
+
+ //add element, return index
+ function push(array, element)
+ {
+ array.push(element);
+ return array.length-1;
+ }
+
+})(jQuery);
16 js/jquery-1.5.2.min.js
@@ -0,0 +1,16 @@
+/*!
+ * jQuery JavaScript Library v1.5.2
+ * http://jquery.com/
+ *
+ * Copyright 2011, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ * Copyright 2011, The Dojo Foundation
+ * Released under the MIT, BSD, and GPL Licenses.
+ *
+ * Date: Thu Mar 31 15:28:23 2011 -0400
+ */
+(function(a,b){function ci(a){return d.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cf(a){if(!b_[a]){var b=d("<"+a+">").appendTo("body"),c=b.css("display");b.remove();if(c==="none"||c==="")c="block";b_[a]=c}return b_[a]}function ce(a,b){var c={};d.each(cd.concat.apply([],cd.slice(0,b)),function(){c[this]=a});return c}function b$(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function bZ(){try{return new a.XMLHttpRequest}catch(b){}}function bY(){d(a).unload(function(){for(var a in bW)bW[a](0,1)})}function bS(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var e=a.dataTypes,f={},g,h,i=e.length,j,k=e[0],l,m,n,o,p;for(g=1;g<i;g++){if(g===1)for(h in a.converters)typeof h==="string"&&(f[h.toLowerCase()]=a.converters[h]);l=k,k=e[g];if(k==="*")k=l;else if(l!=="*"&&l!==k){m=l+" "+k,n=f[m]||f["* "+k];if(!n){p=b;for(o in f){j=o.split(" ");if(j[0]===l||j[0]==="*"){p=f[j[1]+" "+k];if(p){o=f[o],o===!0?n=p:p===!0&&(n=o);break}}}}!n&&!p&&d.error("No conversion from "+m.replace(" "," to ")),n!==!0&&(c=n?n(c):p(o(c)))}}return c}function bR(a,c,d){var e=a.contents,f=a.dataTypes,g=a.responseFields,h,i,j,k;for(i in g)i in d&&(c[g[i]]=d[i]);while(f[0]==="*")f.shift(),h===b&&(h=a.mimeType||c.getResponseHeader("content-type"));if(h)for(i in e)if(e[i]&&e[i].test(h)){f.unshift(i);break}if(f[0]in d)j=f[0];else{for(i in d){if(!f[0]||a.converters[i+" "+f[0]]){j=i;break}k||(k=i)}j=j||k}if(j){j!==f[0]&&f.unshift(j);return d[j]}}function bQ(a,b,c,e){if(d.isArray(b)&&b.length)d.each(b,function(b,f){c||bs.test(a)?e(a,f):bQ(a+"["+(typeof f==="object"||d.isArray(f)?b:"")+"]",f,c,e)});else if(c||b==null||typeof b!=="object")e(a,b);else if(d.isArray(b)||d.isEmptyObject(b))e(a,"");else for(var f in b)bQ(a+"["+f+"]",b[f],c,e)}function bP(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;var h=a[f],i=0,j=h?h.length:0,k=a===bJ,l;for(;i<j&&(k||!l);i++)l=h[i](c,d,e),typeof l==="string"&&(!k||g[l]?l=b:(c.dataTypes.unshift(l),l=bP(a,c,d,e,l,g)));(k||!l)&&!g["*"]&&(l=bP(a,c,d,e,"*",g));return l}function bO(a){return function(b,c){typeof b!=="string"&&(c=b,b="*");if(d.isFunction(c)){var e=b.toLowerCase().split(bD),f=0,g=e.length,h,i,j;for(;f<g;f++)h=e[f],j=/^\+/.test(h),j&&(h=h.substr(1)||"*"),i=a[h]=a[h]||[],i[j?"unshift":"push"](c)}}}function bq(a,b,c){var e=b==="width"?bk:bl,f=b==="width"?a.offsetWidth:a.offsetHeight;if(c==="border")return f;d.each(e,function(){c||(f-=parseFloat(d.css(a,"padding"+this))||0),c==="margin"?f+=parseFloat(d.css(a,"margin"+this))||0:f-=parseFloat(d.css(a,"border"+this+"Width"))||0});return f}function bc(a,b){b.src?d.ajax({url:b.src,async:!1,dataType:"script"}):d.globalEval(b.text||b.textContent||b.innerHTML||""),b.parentNode&&b.parentNode.removeChild(b)}function bb(a){return"getElementsByTagName"in a?a.getElementsByTagName("*"):"querySelectorAll"in a?a.querySelectorAll("*"):[]}function ba(a,b){if(b.nodeType===1){var c=b.nodeName.toLowerCase();b.clearAttributes(),b.mergeAttributes(a);if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(d.expando)}}function _(a,b){if(b.nodeType===1&&d.hasData(a)){var c=d.expando,e=d.data(a),f=d.data(b,e);if(e=e[c]){var g=e.events;f=f[c]=d.extend({},e);if(g){delete f.handle,f.events={};for(var h in g)for(var i=0,j=g[h].length;i<j;i++)d.event.add(b,h+(g[h][i].namespace?".":"")+g[h][i].namespace,g[h][i],g[h][i].data)}}}}function $(a,b){return d.nodeName(a,"table")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function Q(a,b,c){if(d.isFunction(b))return d.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return d.grep(a,function(a,d){return a===b===c});if(typeof b==="string"){var e=d.grep(a,function(a){return a.nodeType===1});if(L.test(b))return d.filter(b,e,!c);b=d.filter(b,e)}return d.grep(a,function(a,e){return d.inArray(a,b)>=0===c})}function P(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function H(a,b){return(a&&a!=="*"?a+".":"")+b.replace(t,"`").replace(u,"&")}function G(a){var b,c,e,f,g,h,i,j,k,l,m,n,o,p=[],q=[],s=d._data(this,"events");if(a.liveFired!==this&&s&&s.live&&!a.target.disabled&&(!a.button||a.type!=="click")){a.namespace&&(n=new RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)")),a.liveFired=this;var t=s.live.slice(0);for(i=0;i<t.length;i++)g=t[i],g.origType.replace(r,"")===a.type?q.push(g.selector):t.splice(i--,1);f=d(a.target).closest(q,a.currentTarget);for(j=0,k=f.length;j<k;j++){m=f[j];for(i=0;i<t.length;i++){g=t[i];if(m.selector===g.selector&&(!n||n.test(g.namespace))&&!m.elem.disabled){h=m.elem,e=null;if(g.preType==="mouseenter"||g.preType==="mouseleave")a.type=g.preType,e=d(a.relatedTarget).closest(g.selector)[0];(!e||e!==h)&&p.push({elem:h,handleObj:g,level:m.level})}}}for(j=0,k=p.length;j<k;j++){f=p[j];if(c&&f.level>c)break;a.currentTarget=f.elem,a.data=f.handleObj.data,a.handleObj=f.handleObj,o=f.handleObj.origHandler.apply(f.elem,arguments);if(o===!1||a.isPropagationStopped()){c=f.level,o===!1&&(b=!1);if(a.isImmediatePropagationStopped())break}}return b}}function E(a,c,e){var f=d.extend({},e[0]);f.type=a,f.originalEvent={},f.liveFired=b,d.event.handle.call(c,f),f.isDefaultPrevented()&&e[0].preventDefault()}function y(){return!0}function x(){return!1}function i(a){for(var b in a)if(b!=="toJSON")return!1;return!0}function h(a,c,e){if(e===b&&a.nodeType===1){e=a.getAttribute("data-"+c);if(typeof e==="string"){try{e=e==="true"?!0:e==="false"?!1:e==="null"?null:d.isNaN(e)?g.test(e)?d.parseJSON(e):e:parseFloat(e)}catch(f){}d.data(a,c,e)}else e=b}return e}var c=a.document,d=function(){function G(){if(!d.isReady){try{c.documentElement.doScroll("left")}catch(a){setTimeout(G,1);return}d.ready()}}var d=function(a,b){return new d.fn.init(a,b,g)},e=a.jQuery,f=a.$,g,h=/^(?:[^<]*(<[\w\W]+>)[^>]*$|#([\w\-]+)$)/,i=/\S/,j=/^\s+/,k=/\s+$/,l=/\d/,m=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,n=/^[\],:{}\s]*$/,o=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,p=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,q=/(?:^|:|,)(?:\s*\[)+/g,r=/(webkit)[ \/]([\w.]+)/,s=/(opera)(?:.*version)?[ \/]([\w.]+)/,t=/(msie) ([\w.]+)/,u=/(mozilla)(?:.*? rv:([\w.]+))?/,v=navigator.userAgent,w,x,y,z=Object.prototype.toString,A=Object.prototype.hasOwnProperty,B=Array.prototype.push,C=Array.prototype.slice,D=String.prototype.trim,E=Array.prototype.indexOf,F={};d.fn=d.prototype={constructor:d,init:function(a,e,f){var g,i,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!e&&c.body){this.context=c,this[0]=c.body,this.selector="body",this.length=1;return this}if(typeof a==="string"){g=h.exec(a);if(!g||!g[1]&&e)return!e||e.jquery?(e||f).find(a):this.constructor(e).find(a);if(g[1]){e=e instanceof d?e[0]:e,k=e?e.ownerDocument||e:c,j=m.exec(a),j?d.isPlainObject(e)?(a=[c.createElement(j[1])],d.fn.attr.call(a,e,!0)):a=[k.createElement(j[1])]:(j=d.buildFragment([g[1]],[k]),a=(j.cacheable?d.clone(j.fragment):j.fragment).childNodes);return d.merge(this,a)}i=c.getElementById(g[2]);if(i&&i.parentNode){if(i.id!==g[2])return f.find(a);this.length=1,this[0]=i}this.context=c,this.selector=a;return this}if(d.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return d.makeArray(a,this)},selector:"",jquery:"1.5.2",length:0,size:function(){return this.length},toArray:function(){return C.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var e=this.constructor();d.isArray(a)?B.apply(e,a):d.merge(e,a),e.prevObject=this,e.context=this.context,b==="find"?e.selector=this.selector+(this.selector?" ":"")+c:b&&(e.selector=this.selector+"."+b+"("+c+")");return e},each:function(a,b){return d.each(this,a,b)},ready:function(a){d.bindReady(),x.done(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(C.apply(this,arguments),"slice",C.call(arguments).join(","))},map:function(a){return this.pushStack(d.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:B,sort:[].sort,splice:[].splice},d.fn.init.prototype=d.fn,d.extend=d.fn.extend=function(){var a,c,e,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i==="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!=="object"&&!d.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j<k;j++)if((a=arguments[j])!=null)for(c in a){e=i[c],f=a[c];if(i===f)continue;l&&f&&(d.isPlainObject(f)||(g=d.isArray(f)))?(g?(g=!1,h=e&&d.isArray(e)?e:[]):h=e&&d.isPlainObject(e)?e:{},i[c]=d.extend(l,h,f)):f!==b&&(i[c]=f)}return i},d.extend({noConflict:function(b){a.$=f,b&&(a.jQuery=e);return d},isReady:!1,readyWait:1,ready:function(a){a===!0&&d.readyWait--;if(!d.readyWait||a!==!0&&!d.isReady){if(!c.body)return setTimeout(d.ready,1);d.isReady=!0;if(a!==!0&&--d.readyWait>0)return;x.resolveWith(c,[d]),d.fn.trigger&&d(c).trigger("ready").unbind("ready")}},bindReady:function(){if(!x){x=d._Deferred();if(c.readyState==="complete")return setTimeout(d.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",y,!1),a.addEventListener("load",d.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",y),a.attachEvent("onload",d.ready);var b=!1;try{b=a.frameElement==null}catch(e){}c.documentElement.doScroll&&b&&G()}}},isFunction:function(a){return d.type(a)==="function"},isArray:Array.isArray||function(a){return d.type(a)==="array"},isWindow:function(a){return a&&typeof a==="object"&&"setInterval"in a},isNaN:function(a){return a==null||!l.test(a)||isNaN(a)},type:function(a){return a==null?String(a):F[z.call(a)]||"object"},isPlainObject:function(a){if(!a||d.type(a)!=="object"||a.nodeType||d.isWindow(a))return!1;if(a.constructor&&!A.call(a,"constructor")&&!A.call(a.constructor.prototype,"isPrototypeOf"))return!1;var c;for(c in a){}return c===b||A.call(a,c)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw a},parseJSON:function(b){if(typeof b!=="string"||!b)return null;b=d.trim(b);if(n.test(b.replace(o,"@").replace(p,"]").replace(q,"")))return a.JSON&&a.JSON.parse?a.JSON.parse(b):(new Function("return "+b))();d.error("Invalid JSON: "+b)},parseXML:function(b,c,e){a.DOMParser?(e=new DOMParser,c=e.parseFromString(b,"text/xml")):(c=new ActiveXObject("Microsoft.XMLDOM"),c.async="false",c.loadXML(b)),e=c.documentElement,(!e||!e.nodeName||e.nodeName==="parsererror")&&d.error("Invalid XML: "+b);return c},noop:function(){},globalEval:function(a){if(a&&i.test(a)){var b=c.head||c.getElementsByTagName("head")[0]||c.documentElement,e=c.createElement("script");d.support.scriptEval()?e.appendChild(c.createTextNode(a)):e.text=a,b.insertBefore(e,b.firstChild),b.removeChild(e)}},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,e){var f,g=0,h=a.length,i=h===b||d.isFunction(a);if(e){if(i){for(f in a)if(c.apply(a[f],e)===!1)break}else for(;g<h;)if(c.apply(a[g++],e)===!1)break}else if(i){for(f in a)if(c.call(a[f],f,a[f])===!1)break}else for(var j=a[0];g<h&&c.call(j,g,j)!==!1;j=a[++g]){}return a},trim:D?function(a){return a==null?"":D.call(a)}:function(a){return a==null?"":(a+"").replace(j,"").replace(k,"")},makeArray:function(a,b){var c=b||[];if(a!=null){var e=d.type(a);a.length==null||e==="string"||e==="function"||e==="regexp"||d.isWindow(a)?B.call(c,a):d.merge(c,a)}return c},inArray:function(a,b){if(b.indexOf)return b.indexOf(a);for(var c=0,d=b.length;c<d;c++)if(b[c]===a)return c;return-1},merge:function(a,c){var d=a.length,e=0;if(typeof c.length==="number")for(var f=c.length;e<f;e++)a[d++]=c[e];else while(c[e]!==b)a[d++]=c[e++];a.length=d;return a},grep:function(a,b,c){var d=[],e;c=!!c;for(var f=0,g=a.length;f<g;f++)e=!!b(a[f],f),c!==e&&d.push(a[f]);return d},map:function(a,b,c){var d=[],e;for(var f=0,g=a.length;f<g;f++)e=b(a[f],f,c),e!=null&&(d[d.length]=e);return d.concat.apply([],d)},guid:1,proxy:function(a,c,e){arguments.length===2&&(typeof c==="string"?(e=a,a=e[c],c=b):c&&!d.isFunction(c)&&(e=c,c=b)),!c&&a&&(c=function(){return a.apply(e||this,arguments)}),a&&(c.guid=a.guid=a.guid||c.guid||d.guid++);return c},access:function(a,c,e,f,g,h){var i=a.length;if(typeof c==="object"){for(var j in c)d.access(a,j,c[j],f,g,e);return a}if(e!==b){f=!h&&f&&d.isFunction(e);for(var k=0;k<i;k++)g(a[k],c,f?e.call(a[k],k,g(a[k],c)):e,h);return a}return i?g(a[0],c):b},now:function(){return(new Date).getTime()},uaMatch:function(a){a=a.toLowerCase();var b=r.exec(a)||s.exec(a)||t.exec(a)||a.indexOf("compatible")<0&&u.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},sub:function(){function a(b,c){return new a.fn.init(b,c)}d.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.subclass=this.subclass,a.fn.init=function b(b,c){c&&c instanceof d&&!(c instanceof a)&&(c=a(c));return d.fn.init.call(this,b,c,e)},a.fn.init.prototype=a.fn;var e=a(c);return a},browser:{}}),d.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){F["[object "+b+"]"]=b.toLowerCase()}),w=d.uaMatch(v),w.browser&&(d.browser[w.browser]=!0,d.browser.version=w.version),d.browser.webkit&&(d.browser.safari=!0),E&&(d.inArray=function(a,b){return E.call(b,a)}),i.test(" ")&&(j=/^[\s\xA0]+/,k=/[\s\xA0]+$/),g=d(c),c.addEventListener?y=functio