diff options
| author | David Farning <dfarning@gmail.com> | 2009-03-03 23:54:43 (GMT) |
|---|---|---|
| committer | David Farning <dfarning@gmail.com> | 2009-03-03 23:54:43 (GMT) |
| commit | 8c7441319b5e3ae55a341bcfb75c2b25cd9c72bd (patch) | |
| tree | e025cec296ebde0fd8c551ef29872ae8375de633 | |
135 files changed, 9344 insertions, 0 deletions
diff --git a/assets/about_overview_banner.png b/assets/about_overview_banner.png Binary files differnew file mode 100644 index 0000000..68589e0 --- /dev/null +++ b/assets/about_overview_banner.png diff --git a/assets/gallery_image_02.png b/assets/gallery_image_02.png Binary files differnew file mode 100644 index 0000000..f4abde2 --- /dev/null +++ b/assets/gallery_image_02.png diff --git a/assets/gallery_image_03.png b/assets/gallery_image_03.png Binary files differnew file mode 100644 index 0000000..30728d5 --- /dev/null +++ b/assets/gallery_image_03.png diff --git a/assets/gallery_image_04.png b/assets/gallery_image_04.png Binary files differnew file mode 100644 index 0000000..9072a5d --- /dev/null +++ b/assets/gallery_image_04.png diff --git a/assets/gallery_image_05.png b/assets/gallery_image_05.png Binary files differnew file mode 100644 index 0000000..933885c --- /dev/null +++ b/assets/gallery_image_05.png diff --git a/assets/gallery_image_06.png b/assets/gallery_image_06.png Binary files differnew file mode 100644 index 0000000..012c6dc --- /dev/null +++ b/assets/gallery_image_06.png diff --git a/assets/gallery_image_07.png b/assets/gallery_image_07.png Binary files differnew file mode 100644 index 0000000..74df958 --- /dev/null +++ b/assets/gallery_image_07.png diff --git a/assets/gallery_image_08.png b/assets/gallery_image_08.png Binary files differnew file mode 100644 index 0000000..7c853fd --- /dev/null +++ b/assets/gallery_image_08.png diff --git a/assets/gallery_image_09.png b/assets/gallery_image_09.png Binary files differnew file mode 100644 index 0000000..3535c03 --- /dev/null +++ b/assets/gallery_image_09.png diff --git a/assets/gallery_image_10.png b/assets/gallery_image_10.png Binary files differnew file mode 100644 index 0000000..35eaadb --- /dev/null +++ b/assets/gallery_image_10.png diff --git a/assets/gallery_image_11.png b/assets/gallery_image_11.png Binary files differnew file mode 100644 index 0000000..1121b15 --- /dev/null +++ b/assets/gallery_image_11.png diff --git a/assets/gallery_image_12.png b/assets/gallery_image_12.png Binary files differnew file mode 100644 index 0000000..40bf602 --- /dev/null +++ b/assets/gallery_image_12.png diff --git a/assets/gallery_image_13.png b/assets/gallery_image_13.png Binary files differnew file mode 100644 index 0000000..468ecef --- /dev/null +++ b/assets/gallery_image_13.png diff --git a/assets/gallery_image_14.png b/assets/gallery_image_14.png Binary files differnew file mode 100644 index 0000000..734637f --- /dev/null +++ b/assets/gallery_image_14.png diff --git a/assets/gallery_image_15.png b/assets/gallery_image_15.png Binary files differnew file mode 100644 index 0000000..beb5a9e --- /dev/null +++ b/assets/gallery_image_15.png diff --git a/assets/gallery_thumb_01.png b/assets/gallery_thumb_01.png Binary files differnew file mode 100644 index 0000000..d94d494 --- /dev/null +++ b/assets/gallery_thumb_01.png diff --git a/assets/gallery_thumb_02.png b/assets/gallery_thumb_02.png Binary files differnew file mode 100644 index 0000000..2bcdc2b --- /dev/null +++ b/assets/gallery_thumb_02.png diff --git a/assets/gallery_thumb_03.png b/assets/gallery_thumb_03.png Binary files differnew file mode 100644 index 0000000..1b27dbc --- /dev/null +++ b/assets/gallery_thumb_03.png diff --git a/assets/gallery_thumb_04.png b/assets/gallery_thumb_04.png Binary files differnew file mode 100644 index 0000000..01298d5 --- /dev/null +++ b/assets/gallery_thumb_04.png diff --git a/assets/gallery_thumb_05.png b/assets/gallery_thumb_05.png Binary files differnew file mode 100644 index 0000000..4775e5b --- /dev/null +++ b/assets/gallery_thumb_05.png diff --git a/assets/gallery_thumb_06.png b/assets/gallery_thumb_06.png Binary files differnew file mode 100644 index 0000000..118591a --- /dev/null +++ b/assets/gallery_thumb_06.png diff --git a/assets/gallery_thumb_07.png b/assets/gallery_thumb_07.png Binary files differnew file mode 100644 index 0000000..5ec4ca7 --- /dev/null +++ b/assets/gallery_thumb_07.png diff --git a/assets/gallery_thumb_08.png b/assets/gallery_thumb_08.png Binary files differnew file mode 100644 index 0000000..99e3955 --- /dev/null +++ b/assets/gallery_thumb_08.png diff --git a/assets/gallery_thumb_09.png b/assets/gallery_thumb_09.png Binary files differnew file mode 100644 index 0000000..07408f9 --- /dev/null +++ b/assets/gallery_thumb_09.png diff --git a/assets/gallery_thumb_10.png b/assets/gallery_thumb_10.png Binary files differnew file mode 100644 index 0000000..c1f4b5e --- /dev/null +++ b/assets/gallery_thumb_10.png diff --git a/assets/gallery_thumb_11.png b/assets/gallery_thumb_11.png Binary files differnew file mode 100644 index 0000000..f63645f --- /dev/null +++ b/assets/gallery_thumb_11.png diff --git a/assets/gallery_thumb_12.png b/assets/gallery_thumb_12.png Binary files differnew file mode 100644 index 0000000..f19bd16 --- /dev/null +++ b/assets/gallery_thumb_12.png diff --git a/assets/gallery_thumb_13.png b/assets/gallery_thumb_13.png Binary files differnew file mode 100644 index 0000000..98206b5 --- /dev/null +++ b/assets/gallery_thumb_13.png diff --git a/assets/gallery_thumb_14.png b/assets/gallery_thumb_14.png Binary files differnew file mode 100644 index 0000000..933f77e --- /dev/null +++ b/assets/gallery_thumb_14.png diff --git a/assets/gallery_thumb_15.png b/assets/gallery_thumb_15.png Binary files differnew file mode 100644 index 0000000..2dae46e --- /dev/null +++ b/assets/gallery_thumb_15.png diff --git a/assets/logo_black_01.png b/assets/logo_black_01.png Binary files differnew file mode 100644 index 0000000..f4c40da --- /dev/null +++ b/assets/logo_black_01.png diff --git a/assets/logo_black_02.png b/assets/logo_black_02.png Binary files differnew file mode 100644 index 0000000..73edd39 --- /dev/null +++ b/assets/logo_black_02.png diff --git a/assets/logo_black_03.png b/assets/logo_black_03.png Binary files differnew file mode 100644 index 0000000..f38c598 --- /dev/null +++ b/assets/logo_black_03.png diff --git a/assets/logo_black_04.png b/assets/logo_black_04.png Binary files differnew file mode 100644 index 0000000..3bca87a --- /dev/null +++ b/assets/logo_black_04.png diff --git a/assets/logo_black_05.png b/assets/logo_black_05.png Binary files differnew file mode 100644 index 0000000..ac11496 --- /dev/null +++ b/assets/logo_black_05.png diff --git a/assets/logo_black_06.png b/assets/logo_black_06.png Binary files differnew file mode 100644 index 0000000..6b9bad9 --- /dev/null +++ b/assets/logo_black_06.png diff --git a/assets/logo_black_07.png b/assets/logo_black_07.png Binary files differnew file mode 100644 index 0000000..e59688b --- /dev/null +++ b/assets/logo_black_07.png diff --git a/assets/logo_black_08.png b/assets/logo_black_08.png Binary files differnew file mode 100644 index 0000000..75f54d5 --- /dev/null +++ b/assets/logo_black_08.png diff --git a/assets/logo_black_09.png b/assets/logo_black_09.png Binary files differnew file mode 100644 index 0000000..f582c90 --- /dev/null +++ b/assets/logo_black_09.png diff --git a/assets/logo_black_10.png b/assets/logo_black_10.png Binary files differnew file mode 100644 index 0000000..0376a76 --- /dev/null +++ b/assets/logo_black_10.png diff --git a/assets/logo_black_11.png b/assets/logo_black_11.png Binary files differnew file mode 100644 index 0000000..8598a0f --- /dev/null +++ b/assets/logo_black_11.png diff --git a/assets/logo_black_12.png b/assets/logo_black_12.png Binary files differnew file mode 100644 index 0000000..b263b90 --- /dev/null +++ b/assets/logo_black_12.png diff --git a/assets/logo_white_01.png b/assets/logo_white_01.png Binary files differnew file mode 100644 index 0000000..0001ac0 --- /dev/null +++ b/assets/logo_white_01.png diff --git a/assets/logo_white_02.png b/assets/logo_white_02.png Binary files differnew file mode 100644 index 0000000..c7ba4e5 --- /dev/null +++ b/assets/logo_white_02.png diff --git a/assets/logo_white_03.png b/assets/logo_white_03.png Binary files differnew file mode 100644 index 0000000..8837a67 --- /dev/null +++ b/assets/logo_white_03.png diff --git a/assets/logo_white_04.png b/assets/logo_white_04.png Binary files differnew file mode 100644 index 0000000..550efd8 --- /dev/null +++ b/assets/logo_white_04.png diff --git a/assets/logo_white_05.png b/assets/logo_white_05.png Binary files differnew file mode 100644 index 0000000..60a5876 --- /dev/null +++ b/assets/logo_white_05.png diff --git a/assets/logo_white_06.png b/assets/logo_white_06.png Binary files differnew file mode 100644 index 0000000..e006a68 --- /dev/null +++ b/assets/logo_white_06.png diff --git a/assets/logo_white_07.png b/assets/logo_white_07.png Binary files differnew file mode 100644 index 0000000..7c498a5 --- /dev/null +++ b/assets/logo_white_07.png diff --git a/assets/logo_white_08.png b/assets/logo_white_08.png Binary files differnew file mode 100644 index 0000000..27f5509 --- /dev/null +++ b/assets/logo_white_08.png diff --git a/assets/logo_white_09.png b/assets/logo_white_09.png Binary files differnew file mode 100644 index 0000000..14c57b1 --- /dev/null +++ b/assets/logo_white_09.png diff --git a/assets/logo_white_10.png b/assets/logo_white_10.png Binary files differnew file mode 100644 index 0000000..145825c --- /dev/null +++ b/assets/logo_white_10.png diff --git a/assets/logo_white_11.png b/assets/logo_white_11.png Binary files differnew file mode 100644 index 0000000..f3c5915 --- /dev/null +++ b/assets/logo_white_11.png diff --git a/assets/logo_white_12.png b/assets/logo_white_12.png Binary files differnew file mode 100644 index 0000000..17a19c3 --- /dev/null +++ b/assets/logo_white_12.png diff --git a/assets/narrative_01.png b/assets/narrative_01.png Binary files differnew file mode 100644 index 0000000..db672f6 --- /dev/null +++ b/assets/narrative_01.png diff --git a/assets/narrative_02.png b/assets/narrative_02.png Binary files differnew file mode 100644 index 0000000..647f6b8 --- /dev/null +++ b/assets/narrative_02.png diff --git a/assets/narrative_03.png b/assets/narrative_03.png Binary files differnew file mode 100644 index 0000000..6edf6ed --- /dev/null +++ b/assets/narrative_03.png diff --git a/assets/narrative_04.png b/assets/narrative_04.png Binary files differnew file mode 100644 index 0000000..d0275b8 --- /dev/null +++ b/assets/narrative_04.png diff --git a/assets/narrative_05.png b/assets/narrative_05.png Binary files differnew file mode 100644 index 0000000..0535590 --- /dev/null +++ b/assets/narrative_05.png diff --git a/assets/narrative_06.png b/assets/narrative_06.png Binary files differnew file mode 100644 index 0000000..e9c0dfb --- /dev/null +++ b/assets/narrative_06.png diff --git a/assets/narrative_07.png b/assets/narrative_07.png Binary files differnew file mode 100644 index 0000000..46640b9 --- /dev/null +++ b/assets/narrative_07.png diff --git a/assets/narrative_08.png b/assets/narrative_08.png Binary files differnew file mode 100644 index 0000000..17d22b4 --- /dev/null +++ b/assets/narrative_08.png diff --git a/assets/narrative_09.png b/assets/narrative_09.png Binary files differnew file mode 100644 index 0000000..7916aac --- /dev/null +++ b/assets/narrative_09.png diff --git a/assets/narrative_10.png b/assets/narrative_10.png Binary files differnew file mode 100644 index 0000000..25f952d --- /dev/null +++ b/assets/narrative_10.png diff --git a/assets/narrative_11.png b/assets/narrative_11.png Binary files differnew file mode 100644 index 0000000..2c60924 --- /dev/null +++ b/assets/narrative_11.png diff --git a/assets/narrative_12.png b/assets/narrative_12.png Binary files differnew file mode 100644 index 0000000..d3c8a28 --- /dev/null +++ b/assets/narrative_12.png diff --git a/assets/narrative_13.png b/assets/narrative_13.png Binary files differnew file mode 100644 index 0000000..6df4813 --- /dev/null +++ b/assets/narrative_13.png diff --git a/assets/narrative_thumb.png b/assets/narrative_thumb.png Binary files differnew file mode 100644 index 0000000..3944464 --- /dev/null +++ b/assets/narrative_thumb.png diff --git a/assets/overview_activity_01.png b/assets/overview_activity_01.png Binary files differnew file mode 100644 index 0000000..60c8009 --- /dev/null +++ b/assets/overview_activity_01.png diff --git a/assets/overview_activity_02.png b/assets/overview_activity_02.png Binary files differnew file mode 100644 index 0000000..91e246b --- /dev/null +++ b/assets/overview_activity_02.png diff --git a/assets/overview_activity_03.png b/assets/overview_activity_03.png Binary files differnew file mode 100644 index 0000000..553d236 --- /dev/null +++ b/assets/overview_activity_03.png diff --git a/assets/overview_activity_04.png b/assets/overview_activity_04.png Binary files differnew file mode 100644 index 0000000..973a808 --- /dev/null +++ b/assets/overview_activity_04.png diff --git a/assets/overview_activity_05.png b/assets/overview_activity_05.png Binary files differnew file mode 100644 index 0000000..01ac6ee --- /dev/null +++ b/assets/overview_activity_05.png diff --git a/assets/overview_activity_06.png b/assets/overview_activity_06.png Binary files differnew file mode 100644 index 0000000..665b596 --- /dev/null +++ b/assets/overview_activity_06.png diff --git a/assets/overview_activity_07.png b/assets/overview_activity_07.png Binary files differnew file mode 100644 index 0000000..5988ca8 --- /dev/null +++ b/assets/overview_activity_07.png diff --git a/assets/overview_activity_08.png b/assets/overview_activity_08.png Binary files differnew file mode 100644 index 0000000..f36e2e7 --- /dev/null +++ b/assets/overview_activity_08.png diff --git a/assets/overview_activity_09.png b/assets/overview_activity_09.png Binary files differnew file mode 100644 index 0000000..f48fae4 --- /dev/null +++ b/assets/overview_activity_09.png diff --git a/assets/overview_activity_10.png b/assets/overview_activity_10.png Binary files differnew file mode 100644 index 0000000..6383ed4 --- /dev/null +++ b/assets/overview_activity_10.png diff --git a/assets/overview_activity_11.png b/assets/overview_activity_11.png Binary files differnew file mode 100644 index 0000000..f395139 --- /dev/null +++ b/assets/overview_activity_11.png diff --git a/assets/overview_activity_12.png b/assets/overview_activity_12.png Binary files differnew file mode 100644 index 0000000..c172f6b --- /dev/null +++ b/assets/overview_activity_12.png diff --git a/assets/overview_activity_13.png b/assets/overview_activity_13.png Binary files differnew file mode 100644 index 0000000..b35a9dd --- /dev/null +++ b/assets/overview_activity_13.png diff --git a/assets/overview_activity_14.png b/assets/overview_activity_14.png Binary files differnew file mode 100644 index 0000000..29c6d1e --- /dev/null +++ b/assets/overview_activity_14.png diff --git a/assets/overview_activity_15.png b/assets/overview_activity_15.png Binary files differnew file mode 100644 index 0000000..245a1d8 --- /dev/null +++ b/assets/overview_activity_15.png diff --git a/assets/overview_activity_16.png b/assets/overview_activity_16.png Binary files differnew file mode 100644 index 0000000..6050517 --- /dev/null +++ b/assets/overview_activity_16.png diff --git a/assets/overview_activity_17.png b/assets/overview_activity_17.png Binary files differnew file mode 100644 index 0000000..810b765 --- /dev/null +++ b/assets/overview_activity_17.png diff --git a/assets/overview_activity_18.png b/assets/overview_activity_18.png Binary files differnew file mode 100644 index 0000000..b7005fc --- /dev/null +++ b/assets/overview_activity_18.png diff --git a/assets/overview_activity_19.png b/assets/overview_activity_19.png Binary files differnew file mode 100644 index 0000000..6094ae6 --- /dev/null +++ b/assets/overview_activity_19.png diff --git a/assets/overview_activity_20.png b/assets/overview_activity_20.png Binary files differnew file mode 100644 index 0000000..a5ff460 --- /dev/null +++ b/assets/overview_activity_20.png diff --git a/assets/overview_activity_21.png b/assets/overview_activity_21.png Binary files differnew file mode 100644 index 0000000..44b51d3 --- /dev/null +++ b/assets/overview_activity_21.png diff --git a/assets/overview_activity_22.png b/assets/overview_activity_22.png Binary files differnew file mode 100644 index 0000000..dcdf01f --- /dev/null +++ b/assets/overview_activity_22.png diff --git a/assets/overview_activity_23.png b/assets/overview_activity_23.png Binary files differnew file mode 100644 index 0000000..363d0ff --- /dev/null +++ b/assets/overview_activity_23.png diff --git a/assets/overview_activity_24.png b/assets/overview_activity_24.png Binary files differnew file mode 100644 index 0000000..8fab397 --- /dev/null +++ b/assets/overview_activity_24.png diff --git a/assets/overview_activity_25.png b/assets/overview_activity_25.png Binary files differnew file mode 100644 index 0000000..e1838b9 --- /dev/null +++ b/assets/overview_activity_25.png diff --git a/assets/overview_activity_26.png b/assets/overview_activity_26.png Binary files differnew file mode 100644 index 0000000..27148c1 --- /dev/null +++ b/assets/overview_activity_26.png diff --git a/assets/overview_activity_27.png b/assets/overview_activity_27.png Binary files differnew file mode 100644 index 0000000..9026ce0 --- /dev/null +++ b/assets/overview_activity_27.png diff --git a/assets/overview_activity_28.png b/assets/overview_activity_28.png Binary files differnew file mode 100644 index 0000000..5c1064c --- /dev/null +++ b/assets/overview_activity_28.png diff --git a/assets/papert.png b/assets/papert.png Binary files differnew file mode 100644 index 0000000..9e4cc4a --- /dev/null +++ b/assets/papert.png diff --git a/assets/spacer.gif b/assets/spacer.gif Binary files differnew file mode 100644 index 0000000..8c62737 --- /dev/null +++ b/assets/spacer.gif diff --git a/assets/sugar_demo.mov b/assets/sugar_demo.mov Binary files differnew file mode 100644 index 0000000..e6b9434 --- /dev/null +++ b/assets/sugar_demo.mov diff --git a/css/ie.css b/css/ie.css new file mode 100644 index 0000000..ac3b091 --- /dev/null +++ b/css/ie.css @@ -0,0 +1,28 @@ +ul.bullet +{ + list-style-type: disc; + text-indent: 0; +} +.bullet li:before { + content: ""; +} + +.thumbnails +{ + padding-bottom: 40px; +} +.footer +{ + padding-bottom: 0; +} + +/* navigation */ + +#menu li a:hover +{ + overflow: auto; +} +#menu li +{ + position: static; +}
\ No newline at end of file diff --git a/css/ie6.css b/css/ie6.css new file mode 100644 index 0000000..bd4dbbc --- /dev/null +++ b/css/ie6.css @@ -0,0 +1,18 @@ +/* ie6 compatibility */ + +#menu +{ + position: absolute; +} +#menu li ul { + width: 243px; +} +#menu ul li ul { + width: 243px; +} +#menu ul ul li ul { + width: 243px; +} +#menu ul ul ul li ul { + width: 243px; +} diff --git a/css/styles_black.css b/css/styles_black.css new file mode 100644 index 0000000..b9a219f --- /dev/null +++ b/css/styles_black.css @@ -0,0 +1,301 @@ +/* Grid dimensions */ + +/* Total page width: 988px */ +/* Large column width: 223px */ +/* Gutters: 20px */ + +/* Column 1 x: 20px */ +/* Column 2 x: 263px */ +/* Column 3 x: 506px */ +/* Column 4 x: 749px */ + + +/* formatting */ + +body +{ + margin-top: 10px; + margin-left: 20px; + background-color: black; +} +ul +{ + list-style: none; + padding: 0px; + margin: 0px; +} +a.link:link, a.link:visited +{ + text-decoration: none; + font-weight: normal; + padding-top: 4px; + padding-bottom: 4px; +} +a.link:hover +{ + text-decoration: none; + padding-top: 4px; + padding-bottom: 4px; + background-color: black; +} +.links +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #999; +} +.links a.link:link, .links a.link:visited, +.footer a.link:link, .footer a.link:visited, +.thumb-wrapper a.link:link, .thumb-wrapper a.link:visited +{ + padding-top: 2px; + padding-bottom: 2px; +} +.links a.link:hover, .footer a.link:hover, .thumb-wrapper a.link:hover + +{ + padding-top: 4px; + padding-bottom: 3px; +} +.pagination +{ + float: left; + width: 100%; + height: 20px; + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: white; + padding-bottom: 36px; +} +#menu li a:link, #menu li a:visited +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 20px; + line-height: 32px; + text-decoration: none; + font-weight: normal; + padding-left: 2px; + padding-right: 2px; + display: block; +} +#menu li a:hover, #menu li a.selected:link, #menu li a.selected:visited +{ + text-decoration: none; +} +.content ul +{ + padding-bottom: 22px; +} +.content li +{ + padding-bottom: 8px; +} +.content li a:link, .content li a:visited +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 20px; + line-height: 32px; + text-decoration: none; + font-weight: normal; +} +.footer +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #999; +} +.thumb, .thumb:link, .thumb:visited +{ + border-width: 1px; + border-style: solid; + padding: 0; + margin: 0; +} +.thumb:hover +{ + border-color: black; + border-width: 1px; + border-style: solid; + padding: 0; + margin: 0; +} +.thumb-wrapper +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: black; +} +#menu li a.selected:link, +#menu li a.selected:visited, +#menu li a.selected:hover +{ + color: black; + background-color: none; +} + + +/* layout */ + +.logo +{ + padding-top: 20px; + padding-bottom: 110px; + height: 45px; + position: relative; +} +.links-container +{ + left: 749px; + top: 10px; + position: absolute; + width: 223px; + display: block; +} +.content-container +{ + width: 972px; +} +.content +{ + width: 709px; + float: left; +} +.sidebar +{ + width: 223px; + float: right; + padding-right: 20px; +} +.footer +{ + width: 972px; + padding-bottom: 20px; + clear: both; +} +.thumb-wrapper +{ + float: left; + vertical-align: top; + width: 223px; + padding-right: 20px; + display: block; + position: relative; + padding-bottom: 29px; +} + + +/* modifiers */ + +.clr +{ + margin-bottom: 20px; +} +.spc +{ + margin-bottom: 4px; +} +.last +{ + padding-right: 0px; +} + + +/* menu */ + +#menu +{ + position: absolute; + left: 17px; + top: 120px; + padding: 3px; +} +#menu li ul { + position: absolute; + left: 0; + background-color: white; + width: 237px; /* interior highlight, should equal 243 with padding */ + margin: -35px 0 0 0; + padding: 3px 3px 20px 3px; + display: none; +} +#menu ul li ul { + position: absolute; + left: 0; + background-color: white; + width: 237px; /* interior highlight, should equal 243 with padding */ + margin: -35px 0 0 240px; + padding: 3px 3px 20px 3px; + display: none; +} +#menu ul ul li ul { + position: absolute; + left: 0; + background-color: white; + width: 237px; /* interior highlight, should equal 243 with padding */ + margin: -35px 0 0 240px; + padding: 3px 3px 20px 3px; + display: none; +} +#menu ul ul ul li ul { + position: absolute; + left: 0; + background-color: white; + width: 237px; /* interior highlight, should equal 243 with padding */ + margin: -35px 0 0 240px; + padding: 3px 3px 20px 3px; + display: none; +} + +/* SHOW SUBMENU 1 */ +#menu li:hover ul, #menu li.over ul { + display:block; +} +#menu li:hover ul ul, #menu li.over ul ul { + display:none; +} + +/* SHOW SUBMENU 2 */ +#menu ul li:hover ul, #menu ul li.over ul { + display:block; +} +#menu li:hover ul ul ul, #menu li.over ul ul ul { + display:none; +} + +/* SHOW SUBMENU 3 */ +#menu ul ul li:hover ul, #menu ul ul li.over ul { + display:block; +} +#menu li:hover ul ul ul ul, #menu li.over ul ul ul ul { + display:none; +} + +/* SHOW SUBMENU 4 */ +#menu ul ul ul li:hover ul, #menu ul ul li.over ul { + display:block; +} + +#menu { + z-index:1; +} +#menu ul { + z-index:2; +} +#menu ul ul { + z-index:3; +} +#menu ul ul ul { + z-index:4; +} +#menu ul ul ul { + z-index:5; +} + +/* Fix IE. Hide from IE Mac \*/ +* html #menu ul li { float: left; height: 1%; } +* html #menu ul li a { height: 1%; } +/* End */ diff --git a/css/styles_black_01.css b/css/styles_black_01.css new file mode 100644 index 0000000..64ee0f9 --- /dev/null +++ b/css/styles_black_01.css @@ -0,0 +1,42 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited +{ + color: #78E600; +} + +/* main background color */ +a.link:hover +{ + color: black; + background-color: #78E600; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #78E600; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #006E00; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: white; + background-color: #006E00; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: black; + background-color: #006E00; +}
\ No newline at end of file diff --git a/css/styles_black_02.css b/css/styles_black_02.css new file mode 100644 index 0000000..4618a35 --- /dev/null +++ b/css/styles_black_02.css @@ -0,0 +1,42 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited +{ + color: #78E600; +} + +/* main background color */ +a.link:hover +{ + color: black; + background-color: #78E600; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #78E600; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #033CD2; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: white; + background-color: #033CD2; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: black; + background-color: #033CD2; +}
\ No newline at end of file diff --git a/css/styles_black_03.css b/css/styles_black_03.css new file mode 100644 index 0000000..8942276 --- /dev/null +++ b/css/styles_black_03.css @@ -0,0 +1,42 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited +{ + color: #00BEFF; +} + +/* main background color */ +a.link:hover +{ + color: black; + background-color: #00BEFF; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #00BEFF; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #006E00; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: white; + background-color: #006E00; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: black; + background-color: #006E00; +}
\ No newline at end of file diff --git a/css/styles_black_04.css b/css/styles_black_04.css new file mode 100644 index 0000000..4cffb60 --- /dev/null +++ b/css/styles_black_04.css @@ -0,0 +1,42 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited +{ + color: #00BEFF; +} + +/* main background color */ +a.link:hover +{ + color: black; + background-color: #00BEFF; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #00BEFF; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #033CD2; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: white; + background-color: #033CD2; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: black; + background-color: #033CD2; +}
\ No newline at end of file diff --git a/css/styles_black_05.css b/css/styles_black_05.css new file mode 100644 index 0000000..82871f9 --- /dev/null +++ b/css/styles_black_05.css @@ -0,0 +1,42 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited +{ + color: #00BEFF; +} + +/* main background color */ +a.link:hover +{ + color: black; + background-color: #00BEFF; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #00BEFF; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #6E008C; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: white; + background-color: #6E008C; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: black; + background-color: #6E008C; +}
\ No newline at end of file diff --git a/css/styles_black_06.css b/css/styles_black_06.css new file mode 100644 index 0000000..57e3cdc --- /dev/null +++ b/css/styles_black_06.css @@ -0,0 +1,42 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited +{ + color: #FF7800; +} + +/* main background color */ +a.link:hover +{ + color: black; + background-color: #FF7800; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #FF7800; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #A00000; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: white; + background-color: #A00000; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: black; + background-color: #A00000; +}
\ No newline at end of file diff --git a/css/styles_black_07.css b/css/styles_black_07.css new file mode 100644 index 0000000..8d427fd --- /dev/null +++ b/css/styles_black_07.css @@ -0,0 +1,42 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited +{ + color: #FF64D2; +} + +/* main background color */ +a.link:hover +{ + color: black; + background-color: #FF64D2; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #FF64D2; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #033CD2; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: white; + background-color: #033CD2; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: black; + background-color: #033CD2; +}
\ No newline at end of file diff --git a/css/styles_black_08.css b/css/styles_black_08.css new file mode 100644 index 0000000..de9af36 --- /dev/null +++ b/css/styles_black_08.css @@ -0,0 +1,42 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited +{ + color: #FF64D2; +} + +/* main background color */ +a.link:hover +{ + color: black; + background-color: #FF64D2; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #FF64D2; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #6E008C; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: white; + background-color: #6E008C; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: black; + background-color: #6E008C; +}
\ No newline at end of file diff --git a/css/styles_black_09.css b/css/styles_black_09.css new file mode 100644 index 0000000..1e7482d --- /dev/null +++ b/css/styles_black_09.css @@ -0,0 +1,42 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited +{ + color: #FF7800; +} + +/* main background color */ +a.link:hover +{ + color: black; + background-color: #FF7800; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #FF7800; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #6E008C; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: white; + background-color: #6E008C; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: black; + background-color: #6E008C; +}
\ No newline at end of file diff --git a/css/styles_black_10.css b/css/styles_black_10.css new file mode 100644 index 0000000..5c08380 --- /dev/null +++ b/css/styles_black_10.css @@ -0,0 +1,42 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited +{ + color: #FF7800; +} + +/* main background color */ +a.link:hover +{ + color: black; + background-color: #FF7800; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #FF7800; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #033CD2; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: white; + background-color: #033CD2; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: black; + background-color: #033CD2; +}
\ No newline at end of file diff --git a/css/styles_black_11.css b/css/styles_black_11.css new file mode 100644 index 0000000..bcac2b5 --- /dev/null +++ b/css/styles_black_11.css @@ -0,0 +1,42 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited +{ + color: #FFE132; +} + +/* main background color */ +a.link:hover +{ + color: black; + background-color: #FFE132; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #FFE132; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #006E00; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: white; + background-color: #006E00; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: black; + background-color: #006E00; +}
\ No newline at end of file diff --git a/css/styles_black_12.css b/css/styles_black_12.css new file mode 100644 index 0000000..4e293c1 --- /dev/null +++ b/css/styles_black_12.css @@ -0,0 +1,42 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited +{ + color: #FFE132; +} + +/* main background color */ +a.link:hover +{ + color: black; + background-color: #FFE132; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #FFE132; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #033CD2; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: white; + background-color: #033CD2; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: black; + background-color: #033CD2; +}
\ No newline at end of file diff --git a/css/styles_white.css b/css/styles_white.css new file mode 100644 index 0000000..1a6429f --- /dev/null +++ b/css/styles_white.css @@ -0,0 +1,374 @@ +/* Grid dimensions */ + +/* Total page width: 988px */ +/* Large column width: 223px */ +/* Gutters: 20px */ + +/* Column 1 x: 20px */ +/* Column 2 x: 263px */ +/* Column 3 x: 506px */ +/* Column 4 x: 749px */ + + +/* formatting */ + +body +{ + margin-top: 10px; + margin-left: 20px; + background-color: white; +} +ul +{ + list-style: none; + padding: 0; + margin: 0; + clear: left; +} +.bullet +{ + list-style: none; + padding-left: 17px; + text-indent: -1em; +} +.bullet li:before { + content: "/\A0\A0"; +} +#menu li a:link, #menu li a:visited +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 20px; + line-height: 32px; + text-decoration: none; + font-weight: normal; + padding-left: 2px; + padding-right: 2px; + display: block; +} +#menu li a:hover, #menu li a.selected:link, #menu li a.selected:visited +{ + text-decoration: none; +} + +.content a.link:link, .content a.link:visited +{ + text-decoration: none; + font-weight: normal; +} +.content a.link:hover +{ + text-decoration: none; + padding-top: 4px; + padding-bottom: 4px; +} +.content .text +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 20px; + line-height: 32px; + color: #000; +} +.headline +{ + font-size: 20px; + line-height: 32px; +} +.footer +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #666; +} +.thumb, .thumb:link, .thumb:visited +{ + border-width: 1px; + border-style: solid; + padding: 0; + margin: 0; +} +.thumb:hover +{ + border-color: white; + border-width: 1px; + border-style: solid; + padding: 0; + margin: 0; +} +.thumb-wrapper +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: black; +} +.media +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 27px; + color: black; + float: left; + width: 729px; +} +a.link:link, a.link:visited +{ + text-decoration: none; + font-weight: normal; + padding-top: 4px; + padding-bottom: 4px; +} +a.link:hover +{ + text-decoration: none; + padding-top: 4px; + padding-bottom: 4px; + background-color: white; +} +.links +{ + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: #666; +} +.links a.link:link, .links a.link:visited, +.footer a.link:link, .footer a.link:visited, +.thumb-wrapper a.link:link, .thumb-wrapper a.link:visited +{ + padding-top: 2px; + padding-bottom: 2px; +} +.links a.link:hover, .footer a.link:hover, .thumb-wrapper a.link:hover + +{ + padding-top: 4px; + padding-bottom: 3px; +} +.pagination +{ + float: left; + width: 100%; + height: 20px; + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 22px; + color: black; +} +#menu li a.selected:link, +#menu li a.selected:visited, +#menu li a.selected:hover +{ + color: white; +} +.emphasis +{ + padding-top: 4px; + padding-bottom: 3px; + color: white; + background-color: black; +} + + +/* bottom spacing based on line-height 27 */ + +.content .text +{ + padding-bottom: 27px; +} +.content ul +{ + padding-bottom: 14px; +} +.content li +{ + padding-bottom: 13px; +} +.media +{ + padding-bottom: 27px; +} +.thumb-wrapper +{ + padding-bottom: 29px; +} +.pagination +{ + padding-bottom: 36px; +} + + +/* layout */ + +.logo +{ + padding-top: 20px; + padding-bottom: 110px; + height: 45px; + position: relative; +} +.links-container +{ + left: 749px; + top: 10px; + position: absolute; + width: 223px; + display: block; +} +.content-container +{ + width: 972px; + display: block; +} +.content +{ + width: 709px; + float: left; + margin-right: 20px; +} +.sidebar +{ + width: 223px; + float: right; + margin-right: 20px; +} +.footer +{ + width: 972px; + padding-bottom: 20px; + clear: both; +} +.thumb-wrapper +{ + float: left; + vertical-align: top; + width: 223px; + padding-right: 20px; + display: block; + position: relative; +} +.thumbnails +{ + width: 972px; + position: relative; + float: left; + clear: left; +} + + +/* modifiers */ + +.clr +{ + margin-bottom: 20px; +} +.spc +{ + margin-bottom: 4px; +} +.last +{ + padding-right: 0px; +} +.main +{ + padding-top: 10px; + margin-bottom: -27px; +} + +/* menu */ + +#menu +{ + position: fixed; + left: 17px; + top: 120px; + padding: 3px; +} +#menu li ul { + position: absolute; + left: 0; + background-color: black; + width: 237px; /* interior highlight, should equal 243 with padding */ + margin: -35px 0 0 0; + padding: 3px 3px 20px 3px; + display: none; +} +#menu ul li ul { + position: absolute; + left: 0; + background-color: black; + width: 237px; /* interior highlight, should equal 243 with padding */ + margin: -35px 0 0 240px; + padding: 3px 3px 20px 3px; + display: none; +} +#menu ul ul li ul { + position: absolute; + left: 0; + background-color: black; + width: 237px; /* interior highlight, should equal 243 with padding */ + margin: -35px 0 0 240px; + padding: 3px 3px 20px 3px; + display: none; +} +#menu ul ul ul li ul { + position: absolute; + left: 0; + background-color: black; + width: 237px; /* interior highlight, should equal 243 with padding */ + margin: -35px 0 0 240px; + padding: 3px 3px 20px 3px; + display: none; +} + +/* SHOW SUBMENU 1 */ + +#menu li:hover ul, #menu li.over ul { + display:block; +} +#menu li:hover ul ul, #menu li.over ul ul { + display:none; +} + +/* SHOW SUBMENU 2 */ +#menu ul li:hover ul, #menu ul li.over ul { + display:block; +} +#menu li:hover ul ul ul, #menu li.over ul ul ul { + display:none; +} + +/* SHOW SUBMENU 3 */ +#menu ul ul li:hover ul, #menu ul ul li.over ul { + display:block; +} +#menu li:hover ul ul ul ul, #menu li.over ul ul ul ul { + display:none; +} + +/* SHOW SUBMENU 4 */ +#menu ul ul ul li:hover ul, #menu ul ul li.over ul { + display:block; +} + +#menu { + z-index:1; +} +#menu ul { + z-index:2; +} +#menu ul ul { + z-index:3; +} +#menu ul ul ul { + z-index:4; +} +#menu ul ul ul { + z-index:5; +} + +/* Fix IE. Hide from IE Mac \*/ +* html #menu ul li { float: left; height: 1%; } +* html #menu ul li a { height: 1%; } +/* End */ diff --git a/css/styles_white_01.css b/css/styles_white_01.css new file mode 100644 index 0000000..9f9d4ba --- /dev/null +++ b/css/styles_white_01.css @@ -0,0 +1,43 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited, +.title +{ + color: #006E00; +} + +/* main background color */ +a.link:hover +{ + color: white; + background-color: #006E00; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #006E00; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #78E600; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: black; + background-color: #78E600; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: white; + background-color: #78E600; +}
\ No newline at end of file diff --git a/css/styles_white_02.css b/css/styles_white_02.css new file mode 100644 index 0000000..a29905d --- /dev/null +++ b/css/styles_white_02.css @@ -0,0 +1,43 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited, +.title +{ + color: #033CD2; +} + +/* main background color */ +a.link:hover +{ + color: white; + background-color: #033CD2; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #033CD2; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #78E600; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: black; + background-color: #78E600; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: white; + background-color: #78E600; +}
\ No newline at end of file diff --git a/css/styles_white_03.css b/css/styles_white_03.css new file mode 100644 index 0000000..1d773ea --- /dev/null +++ b/css/styles_white_03.css @@ -0,0 +1,43 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited, +.title +{ + color: #006E00; +} + +/* main background color */ +a.link:hover +{ + color: white; + background-color: #006E00; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #006E00; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #00BEFF; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: black; + background-color: #00BEFF; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: white; + background-color: #00BEFF; +}
\ No newline at end of file diff --git a/css/styles_white_04.css b/css/styles_white_04.css new file mode 100644 index 0000000..6d4e40e --- /dev/null +++ b/css/styles_white_04.css @@ -0,0 +1,43 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited, +.title +{ + color: #033CD2; +} + +/* main background color */ +a.link:hover +{ + color: white; + background-color: #033CD2; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #033CD2; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #00BEFF; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: black; + background-color: #00BEFF; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: white; + background-color: #00BEFF; +}
\ No newline at end of file diff --git a/css/styles_white_05.css b/css/styles_white_05.css new file mode 100644 index 0000000..d6f3a48 --- /dev/null +++ b/css/styles_white_05.css @@ -0,0 +1,43 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited, +.title +{ + color: #6E008C; +} + +/* main background color */ +a.link:hover +{ + color: white; + background-color: #6E008C; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #6E008C; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #00BEFF; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: black; + background-color: #00BEFF; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: white; + background-color: #00BEFF; +}
\ No newline at end of file diff --git a/css/styles_white_06.css b/css/styles_white_06.css new file mode 100644 index 0000000..8da6f5f --- /dev/null +++ b/css/styles_white_06.css @@ -0,0 +1,43 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited, +.title +{ + color: #A00000; +} + +/* main background color */ +a.link:hover +{ + color: white; + background-color: #A00000; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #A00000; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #FF7800; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: black; + background-color: #FF7800; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: white; + background-color: #FF7800; +}
\ No newline at end of file diff --git a/css/styles_white_07.css b/css/styles_white_07.css new file mode 100644 index 0000000..ddcd642 --- /dev/null +++ b/css/styles_white_07.css @@ -0,0 +1,43 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited, +.title +{ + color: #033CD2; +} + +/* main background color */ +a.link:hover +{ + color: white; + background-color: #033CD2; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #033CD2; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #FF64D2; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: black; + background-color: #FF64D2; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: white; + background-color: #FF64D2; +}
\ No newline at end of file diff --git a/css/styles_white_08.css b/css/styles_white_08.css new file mode 100644 index 0000000..0daa28a --- /dev/null +++ b/css/styles_white_08.css @@ -0,0 +1,43 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited, +.title +{ + color: #6E008C; +} + +/* main background color */ +a.link:hover +{ + color: white; + background-color: #6E008C; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #6E008C; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #FF64D2; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: black; + background-color: #FF64D2; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: white; + background-color: #FF64D2; +}
\ No newline at end of file diff --git a/css/styles_white_09.css b/css/styles_white_09.css new file mode 100644 index 0000000..fcbb212 --- /dev/null +++ b/css/styles_white_09.css @@ -0,0 +1,43 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited, +.title +{ + color: #6E008C; +} + +/* main background color */ +a.link:hover +{ + color: white; + background-color: #6E008C; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #6E008C; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #FF7800; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: black; + background-color: #FF7800; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: white; + background-color: #FF7800; +}
\ No newline at end of file diff --git a/css/styles_white_10.css b/css/styles_white_10.css new file mode 100644 index 0000000..ae2b1a6 --- /dev/null +++ b/css/styles_white_10.css @@ -0,0 +1,43 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited, +.title +{ + color: #033CD2; +} + +/* main background color */ +a.link:hover +{ + color: white; + background-color: #033CD2; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #033CD2; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #FF7800; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: black; + background-color: #FF7800; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: white; + background-color: #FF7800; +}
\ No newline at end of file diff --git a/css/styles_white_11.css b/css/styles_white_11.css new file mode 100644 index 0000000..bdd1d9e --- /dev/null +++ b/css/styles_white_11.css @@ -0,0 +1,43 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited, +.title +{ + color: #006E00; +} + +/* main background color */ +a.link:hover +{ + color: white; + background-color: #006E00; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #006E00; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #FFE132; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: black; + background-color: #FFE132; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: white; + background-color: #FFE132; +}
\ No newline at end of file diff --git a/css/styles_white_12.css b/css/styles_white_12.css new file mode 100644 index 0000000..f2f9d50 --- /dev/null +++ b/css/styles_white_12.css @@ -0,0 +1,43 @@ +/* main text color */ +.headline, +a.link:link, +a.link:visited, +.title +{ + color: #033CD2; +} + +/* main background color */ +a.link:hover +{ + color: white; + background-color: #033CD2; +} + +/* main border color */ +.thumb, .thumb:link, .thumb:visited +{ + border-color: #033CD2; +} + +/* secondary text color */ +#menu li a:link, +#menu li a:visited +{ + color: #FFE132; +} + + +/* secondary text and background */ +#menu li a:hover +{ + color: black; + background-color: #FFE132; +} + +#menu li a.current:link, +#menu li a.current:visited +{ + color: white; + background-color: #FFE132; +}
\ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..add7a8a --- /dev/null +++ b/index.php @@ -0,0 +1,37 @@ +<?php + +// PHP 5 + + if (isset($_GET['template'])) { + $xslfilename = $_GET['template']; // if 'template', then get template attribute + } + else { + $xslfilename = 'index'; + } + + // get additional arguments + + $arguments = array( + 'page' => $_GET['page'] + ); + + /* load the xml file and stylesheet as domdocuments */ + + $xsl = new DomDocument(); + $xsl->load("$xslfilename.xsl"); + + $xml = new DomDocument(); + $xml->load("index.xml"); + + /* create the processor and import the stylesheet */ + + $proc = new XsltProcessor(); + $xsl = $proc->importStylesheet($xsl); + $proc->setParameter(null, $arguments); + + /* transform and output the xml document */ + + $newdom = $proc->transformToDoc($xml); + print $newdom->saveXML(); + +?>
\ No newline at end of file diff --git a/index.xml b/index.xml new file mode 100644 index 0000000..f2121ee --- /dev/null +++ b/index.xml @@ -0,0 +1,975 @@ +<?xml version="1.0" encoding="utf-8"?> +<xml> + <global> + <title>Sugar Labs</title> + <keywords></keywords> + <footer><link id="sitemap">sitemap</link> / content is available under <link url="http://creativecommons.org/licenses/by/3.0/">attribution 3.0 unported</link></footer> + </global> + + <links> + <link url="http://wiki.sugarlabs.org">wiki</link> + <link url="http://download.sugarlabs.org">download</link> + <link url="http://addons.sugarlabs.org/">add-ons</link> + <link url="http://sugarlabs.org/go/Sugar_Labs/Donate">donate</link> + </links> + + <sections> + <section title="about" id="about_overview"> + <section title="overview" id="about_overview"></section> + <section title="features" id="about_features"></section> + <section title="education" id="education_approach" paginate="true"> + <section title="approach" id="education_approach"></section> + <section title="contructionism" id="constructionism"></section> + </section> + <section title="activities" id="about_activities"></section> + <section title="gallery" id="about_gallery"></section> + </section> + <section title="learners" id="learners" paginate="true"></section> + <section title="parents" id="parents" paginate="true"></section> + <section title="teachers" id="teachers" paginate="true"></section> + <section title="contributors" id="contributors_overview"> + <section title="overview" id="contributors_overview"></section> + <section title="teams" id="contributors_teams"></section> + <section title="deployment" id="contributors_deployment" paginate="true"></section> + <section title="getting involved" id="contributors_join"></section> + </section> + </sections> + + <page id="index" section="index" paginate="true"> + <sidebar> + <paragraph>The Sugar Learning Platform provides great opportunities for children by focusing on collaboration and creative expression. <link id="about_overview">Read more</link></paragraph> + <thumbnail id="media_01"> + <image url="assets/gallery_thumb_01.png" width="221" height="166" border="true" /> + <title>The Sugar User Interface</title> + </thumbnail> + <thumbnail id="learners"> + <image url="assets/narrative_thumb.png" width="221" height="166" border="true" /> + <title>The Sugar Experience</title> + </thumbnail> + </sidebar> + </page> + + <page id="about_overview" section="about_overview" paginate="true"> + <content> + <paragraph> + <headline>What is Sugar?</headline> + <text>The Sugar Learning Platform promotes <keyphrase title="collaborative learning through rich-media expression">collaborative learning through rich-media expression</keyphrase>. Sugar is the core component of a worldwide effort to provide every child with the opportunity for a quality education—it is currently used by more than 750,000 children worldwide. Sugar provides the means to help people lead fulfilling lives through access to a quality education that is currently missed by so many. Originally developed for the <link url="http://www.laptop.org" target="_blank">One Laptop per Child</link> XO-1 netbook, Sugar is now packaged as part of most major GNU/Linux distributions.</text> + </paragraph> + <paragraph> + <headline>Why Sugar?</headline> + <text>Sugar will engage even the youngest learner in the use of computation as a powerful “thing to think with.” They will quickly become proficient in using the computer as a tool to engage in authentic problem-solving. Sugar users develop skills that help them in all aspects of life.</text> + </paragraph> + <paragraph> + <headline>What is Sugar Labs?</headline> + <text>Sugar Labs is a non-profit foundation whose mission is to support the Sugar community of users and developers and <keyphrase title="establishing regional, autonomous “Sugar Labs”">establish regional, autonomous “Sugar Labs”</keyphrase> around the world.</text> + </paragraph> + </content> + </page> + <page id="about_features" section="about_features" paginate="true"> + <content> + <paragraph> + <headline>What makes Sugar different?</headline> + <list> + <item>Sugar <keyphrase title="facilitating sharing and collaboration">facilitates sharing and collaboration</keyphrase>: Children can write, share books, or make music together with a single mouse-click.</item> + <item>There are <keyphrase title="no files, folders, or applications">no files, folders, or applications</keyphrase>.</item> + <item>Everything is saved automatically: The Sugar Journal makes it almost impossible to lose any data.</item> + <item>The <link id="media_05">Journal</link> records everything you do: It is a place to reflect upon and evaluate your work.</item> + <item>Sugar runs on most computer hardware.</item> + <item>Sugar is <keyphrase title="free software">free software</keyphrase>: It is written in Python and easily customized.</item> + <item>Sugar is documented by its users: It is easy to use and teachers have created a wealth of pedagogical materials for it.</item> + </list> + </paragraph> + <paragraph> + <headline>What are the benefits of using Sugar?</headline> + <list> + <item>Hundreds of tools for discovery through <keyphrase title="exploring, expressing, and sharing">exploring, expressing, and sharing</keyphrase>: browsing, writing, etc.</item> + <item>Built-in collaboration system: peer-to-peer learning; always-on support; and single-click sharing.</item> + <item>Built-in tools for reflection; a built-in portfolio assessment tool that serves as a forum for discussion between children, parents, and teachers.</item> + <item>A discoverable learning platform: it uses simple means to reach to complex ends.</item> + <item><keyphrase title="designing for local appropriation">Designed for local appropriation</keyphrase>: it has built-in tools for making changes and improvements and a growing global community of support.</item> + <item>An <keyphrase title="emphasizing learning through doing">emphasis on learning through doing</keyphrase> and debugging: more engaged learners are able to tackle authentic problems.</item> + <item>Available in a wide variety of forms: as part of GNU/Linux distributions; LiveCD, LiveUSB; and in a virtual machine.</item> + </list> + </paragraph> + <paragraph> + <headline>What are the Sugar advantages?</headline> + <list> + <item>Superior pedagogical framework</item> + <item>Unique collaboration and journaling (evaluation) features</item> + <item>Large & successful installed base with 100s of activities</item> + <item>Large and committed community base (both developers and teachers)</item> + <item>24/7 support; training and workshop materials available</item> + <item>Rapidly expanding teacher-driven development</item> + <item>Easily localizable and customizable</item> + <item>No licensing fees</item> + <item><keyphrase title="a global project">A global project</keyphrase>: no single point of dependency or failure</item> + <item>Great potential for local job creation</item> + </list> + </paragraph> + </content> + </page> + <page id="education_approach" section="education_approach" paginate="true"> + <content> + <paragraph> + <lead>The computer can help get new pedagogical approaches into the classroom. While getting computers into the hands of more children is undoubtedly of benefit, the question remains, “how does one maximize the learning that occurs?”</lead> + </paragraph> + <paragraph> + <headline>A “learning-centric” approach</headline> + <text>The question often is framed in terms of teacher-centric versus child-centric methods. With Sugar, we strive for a “learning-centric” approach, where teachers mentor students as they engage with powerful ideas, “<keyphrase title="teaching less and learning more">teaching less and learning more</keyphrase>.” While we want to give children access to knowledge—through media such as electronic books, the world-wide web, and multimedia—we also want them to acquire this knowledge by putting it to use and engaging in critical dialog. With Sugar, we help learners acquire knowledge by giving them tools that make them consumers, critics, and creators of knowledge; Sugar welcomes them as members of a learning community.</text> + </paragraph> + <paragraph> + <headline>Learning is not a service—it’s a process of active appropriation.</headline> + <text>One-to-one computing initiatives—where children have access to computing “anytime” and “anywhere”—is changing in the way software developers and computer-makers think about the education industry. Cross-community collaboration between technologists and teachers ensures that the ideals of <keyphrase title="freedom, sharing, open critique, and transparency">freedom, sharing, open critique, and transparency</keyphrase> will be part of the interface to learning that touches children in the world’s classrooms.</text> + </paragraph> + <paragraph> + <text>These ideas are embodied in <keyphrase title="the culture of free software is a powerful culture for learning">the culture of free software, which is a powerful culture for learning</keyphrase>. It is possible to instill in the education industry some of the culture, technology, and values of the open source movement. Such a transfer of culture could greatly enhance the education industry and its ability to engage teachers and students: empowering them with both the freedom to act and the freedom to be critical. Criticism of ideas is a powerful force in learning and in fostering economic development; unleashing that is an important part of the mission. Conventional wisdom suggests that teachers don’t want to learn (and change); to the contrary, teachers perhaps more than any other constituency know that the status quo is failing.</text> + </paragraph> + <sidebar> + <paragraph>Memos on learning by Marvin Minsky + <list bullet="false"> + <item><link url="http://wiki.laptop.org/go/What_makes_Mathematics_hard_to_learn%3F">What makes Mathematics hard to learn?</link></item> + <item><link url="http://wiki.laptop.org/go/Drawbacks_of_Age-Based_Segregation">Drawbacks of Age-Based Segregation</link></item> + <item><link url="http://wiki.laptop.org/go/Drawbacks_of_Age-Based_Segregation#The_50-minute_hour">What’s wrong with the 50-minute hour</link></item> + <item><link url="http://wiki.laptop.org/go/Memo_3#Role_Models.2C_Mentors.2C_and_Imprimers_and_Thinking">Role Models, Mentors, and Imprimers and Thinking</link></item> + <item><link url="http://wiki.laptop.org/go/Memo_3#Thinking_about_Thinking_about_Ways_to_Think">Thinking about Thinking about Ways to Think</link></item> + <item><link url="http://wiki.laptop.org/go/Memo_3#How_do_children_acquire_self-images.3F">How do children acquire self-images?</link></item> + <item><link url="http://wiki.laptop.org/go/Memo_3#Finding_Mentors_in_Network_Communities">Finding Mentors in Network Communities</link></item> + <item><link url="http://wiki.laptop.org/go/Questioning_General_Education">Questioning General Education</link></item> + <item><link url="http://wiki.laptop.org/go/Education_and_Psychology">Education and Psychology</link></item> + </list> + </paragraph> + </sidebar> + </content> + </page> + <page id="constructionism" section="constructionism" paginate="true"> + <content> + <paragraph> + <lead>Sugar is based on Constructionism. Like any good theory, Constructionism is accurate on some points, and needs further research on other areas. But what is Constructionism? Is it true? Is it effective?</lead> + </paragraph> + <paragraph> + <text>Seymour Papert, the father of constructionism, slyly points out that simply giving a definition would not be a Constructionist way to teach you. Instead he suggests ways in which you can experience what works and what doesn’t in current Constructionist programs. We can be a little more explicit, but the need for experience remains central.</text> + </paragraph> + <paragraph> + <text>In Piaget’s Constructivist theory of child development and learning, based on decades of research with children, understanding is something a child constructs internally out of experience and previous understanding (which in some cases will be misunderstanding), when the child’s brain is sufficiently developed to support the ideas involved.</text> + </paragraph> + <paragraph> + <text>In Constructionist education on computers, “Aha!” moments—in which a child (or adult) who has been working on a problem without insight suddenly gets it—are deliberately fostered. Alan Kay gives examples of ten-year-olds, with appropriate guidance on where and how to look, and appropriate computer software to assist them, discovering essential concepts of calculus, such as the laws of constant acceleration with their geometric realization and their application to physics. The symbol manipulation and formal proofs have to be delayed to a more appropriate developmental stage, of course.</text> + </paragraph> + <paragraph> + <text>Much more common still are opportunities to work together—using Sugar’s collaboration capabilities—to construct something, and to explore all that is known and unknown and share the results. This is what Ivan Krstić told us captured the teachers in Latin America, who were no longer bound to the inadequate textbooks and teaching materials provided by the government. And after the teachers got it, the parents soon got it.</text> + </paragraph> + <sidebar> + <thumbnail> + <image url="assets/papert.png" width="223" height="337" border="false" /> + <title>Seymour Papert</title> + </thumbnail> + <paragraph><text>Related links</text> + <list bullet="false"> + <item><link url="http://online.sfsu.edu/~foreman/itec800/finalprojects/annmariethurmond/publications.html">Seymour Papert and Constructionism</link></item> + <item><link url="http://sugarlabs.org/go/EducationTeam/Education_Bibliographies">Education Bibliographies</link></item> + </list> + </paragraph> + </sidebar> + </content> + </page> + <page id="about_activities" section="about_activities" paginate="true"> + <!-- + <content> + <paragraph> + <text>Sugar applications are called <italic>activities</italic>. Activities include an application as well as sharing and collaboration capabilities, a built-in interface to the <link id="media_05">Journal</link>, and other features such as the clipboard. Shown below are several core activities that come bundled with Sugar. Many dozens <link url="#">more</link> are available.</text> + </paragraph> + </content> + --> + <thumbnails> + <thumbnail url="http://wiki.laptop.org/go/Analyze"> + <image url="assets/overview_activity_01.png" width="223" height="132" /> + <title>Analyze</title> + <caption>A tool for analyzing hardware and network information</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Browse"> + <image url="assets/overview_activity_02.png" width="223" height="132" /> + <title>Browse</title> + <caption>Web browser based on Mozilla Firefox</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Calculate"> + <image url="assets/overview_activity_03.png" width="223" height="132" /> + <title>Calculate</title> + <caption>A basic collaborative calculator</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Chat"> + <image url="assets/overview_activity_04.png" width="223" height="132" /> + <title>Chat</title> + <caption>Collaborative discussion</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Implode"> + <image url="assets/overview_activity_05.png" width="223" height="132" /> + <title>Implode</title> + <caption>An entertaining game of logic</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Distance"> + <image url="assets/overview_activity_06.png" width="223" height="132" /> + <title>Distance</title> + <caption>Measure the distance between two laptops</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Etoys"> + <image url="assets/overview_activity_07.png" width="223" height="132" /> + <title>Etoys</title> + <caption>Learning, programming, & authoring environment</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Help"> + <image url="assets/overview_activity_08.png" width="223" height="132" /> + <title>Help</title> + <caption>Documentation and Help for Sugar</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Journal"> + <image url="assets/overview_activity_09.png" width="223" height="132" /> + <title>Journal</title> + <caption>Object and activity browser</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Log"> + <image url="assets/overview_activity_10.png" width="223" height="132" /> + <title>Log</title> + <caption>A debugging tool</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Maze"> + <image url="assets/overview_activity_11.png" width="223" height="132" /> + <title>Maze</title> + <caption>A timed maze game</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Measure"> + <image url="assets/overview_activity_12.png" width="223" height="132" /> + <title>Measure</title> + <caption>Visualize sound waves and other data with this virtual oscilloscope</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Memorize"> + <image url="assets/overview_activity_13.png" width="223" height="132" /> + <title>Memorize</title> + <caption>Compete against others to find matching pairs of images, sounds, or text</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Moon"> + <image url="assets/overview_activity_14.png" width="223" height="132" /> + <title>Moon</title> + <caption>View current lunar phase and eclipse information</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Paint"> + <image url="assets/overview_activity_15.png" width="223" height="132" /> + <title>Paint</title> + <caption>Simple paint activity</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Pippy"> + <image url="assets/overview_activity_16.png" width="223" height="132" /> + <title>Pippy</title> + <caption>Introductory Python programming environment</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Read"> + <image url="assets/overview_activity_17.png" width="223" height="132" /> + <title>Read</title> + <caption>Book & PDF reader</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Record"> + <image url="assets/overview_activity_18.png" width="223" height="132" /> + <title>Record</title> + <caption>Photo, video and audio capture</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Ruler"> + <image url="assets/overview_activity_19.png" width="223" height="132" /> + <title>Ruler</title> + <caption>Graphical cm/mm ruler and grids to take measurements of lengths and angles of objects</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Scratch"> + <image url="assets/overview_activity_20.png" width="223" height="132" /> + <title>Scratch</title> + <caption>An easy-to-learn, multimedia programming language</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/TamTamSynthLab"> + <image url="assets/overview_activity_21.png" width="223" height="132" /> + <title>TamTam SynthLab</title> + <caption>A sound and music synthesizer</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/TamTamEdit"> + <image url="assets/overview_activity_22.png" width="223" height="132" /> + <title>TamTam Edit</title> + <caption>A musical composition tool</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/TamTamMini"> + <image url="assets/overview_activity_23.png" width="223" height="132" /> + <title>TamTam Mini</title> + <caption>A basic noisemaking and music creation suite</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/TamTamJam"> + <image url="assets/overview_activity_24.png" width="223" height="132" /> + <title>TamTam Jam</title> + <caption>A virtual stage for collaborative musical perfomances</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Terminal"> + <image url="assets/overview_activity_25.png" width="223" height="132" /> + <title>Terminal</title> + <caption>A command line interface for young hackers</caption> + </thumbnail> + <thumbnail url="http://sugarlabs.org/go/Activities/TurtleArt"> + <image url="assets/overview_activity_26.png" width="223" height="132" /> + <title>Turtle Art</title> + <caption>Pseudo-Logo graphical programming language</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Write"> + <image url="assets/overview_activity_27.png" width="223" height="132" /> + <title>WikiBrowse English</title> + <caption>Offline English Wikipedia snapshot</caption> + </thumbnail> + <thumbnail url="http://wiki.laptop.org/go/Write"> + <image url="assets/overview_activity_28.png" width="223" height="132" /> + <title>Write</title> + <caption>Word processor</caption> + </thumbnail> + </thumbnails> + </page> + <page id="about_gallery" section="about_gallery" paginate="true"> + <thumbnails> + <thumbnail id="media_01"> + <image url="assets/gallery_thumb_01.png" width="221" height="166" border="true" /> + <title>Sugar User Interface</title> + </thumbnail> + <thumbnail id="media_02"> + <image url="assets/gallery_thumb_02.png" width="221" height="166" border="true" /> + <title>Home</title> + </thumbnail> + <thumbnail id="media_03"> + <image url="assets/gallery_thumb_03.png" width="221" height="166" border="true" /> + <title>Groups</title> + </thumbnail> + <thumbnail id="media_04"> + <image url="assets/gallery_thumb_04.png" width="221" height="166" border="true" /> + <title>Neighborhood</title> + </thumbnail> + <thumbnail id="media_05"> + <image url="assets/gallery_thumb_05.png" width="221" height="166" border="true" /> + <title>Journal</title> + </thumbnail> + <thumbnail id="media_06"> + <image url="assets/gallery_thumb_06.png" width="221" height="166" border="true" /> + <title>Chat</title> + </thumbnail> + <thumbnail id="media_07"> + <image url="assets/gallery_thumb_07.png" width="221" height="166" border="true" /> + <title>Browse</title> + </thumbnail> + <thumbnail id="media_08"> + <image url="assets/gallery_thumb_08.png" width="221" height="166" border="true" /> + <title>Write</title> + </thumbnail> + <thumbnail id="media_09"> + <image url="assets/gallery_thumb_09.png" width="221" height="166" border="true" /> + <title>Draw</title> + </thumbnail> + <thumbnail id="media_10"> + <image url="assets/gallery_thumb_10.png" width="221" height="166" border="true" /> + <title>Memorize</title> + </thumbnail> + <thumbnail id="media_11"> + <image url="assets/gallery_thumb_11.png" width="221" height="166" border="true" /> + <title>Etoys</title> + </thumbnail> + <thumbnail id="media_12"> + <image url="assets/gallery_thumb_12.png" width="221" height="166" border="true" /> + <title>Turtle Art</title> + </thumbnail> + <thumbnail id="media_13"> + <image url="assets/gallery_thumb_13.png" width="221" height="166" border="true" /> + <title>Pippy</title> + </thumbnail> + <thumbnail id="media_14"> + <image url="assets/gallery_thumb_14.png" width="221" height="166" border="true" /> + <title>TamTam Edit</title> + </thumbnail> + <thumbnail id="media_15"> + <image url="assets/gallery_thumb_15.png" width="221" height="166" border="true" /> + <title>TamTam SynthLab</title> + </thumbnail> + </thumbnails> + </page> + <page id="media_01" section="about_gallery" paginate="true"> + <media> + <video url="assets/sugar_demo.mov" width="709" height="532"> + <title>Sugar User Interface</title> + <caption>Quicktime, 11.5 MB</caption> + </video> + </media> + </page> + <page id="media_02" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_02.png" width="709" height="532"> + <title>Home</title> + <caption>The Home view contains icons representing a child and his or her favorite activities, providing a space for starting or resuming activities. The Home view is a starting place for exploration.</caption> + </image> + </media> + </page> + <page id="media_03" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_03.png" width="709" height="532"> + <title>Groups</title> + <caption>The Groups view represents the people closest to the child. From the Groups view, children interact with friends and can join their shared activities.</caption> + </image> + </media> + </page> + <page id="media_04" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_04.png" width="709" height="532"> + <title>Neighborhood</title> + <caption>The Neighborhood view displays all the computers within a child’s connected community, and their shared activities. The Neighborhood view is a place for discovering new things and making new friends.</caption> + </image> + </media> + </page> + <page id="media_05" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_05.png" width="709" height="532"> + <title>Journal</title> + <caption>The Journal is an automated diary of everything a child does with his or her laptop. Children use the journal to organize work and revisit a past project. Teacher and parents use the journal to assess a child’s progress.</caption> + </image> + </media> + </page> + <page id="media_06" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_06.png" width="709" height="532"> + <title>Uruguayan school children in a Chat activity</title> + <caption>Source: <link url="http://ceibalflorida.blogspot.com">The Ceibal Project</link></caption> + </image> + </media> + </page> + <page id="media_07" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_07.png" width="709" height="532"> + <title>Browse</title> + <caption>Browse is a simple Web application that allows children to access the Internet and share links among their friends.</caption> + </image> + </media> + </page> + <page id="media_08" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_08.png" width="709" height="532"> + <title>Write</title> + <caption>Write is a text editing activity featuring straightforward tools and a simple interface. It provides an easy way for children to write a story, craft a poem, or complete an essay, as well as more advanced features like image insertion, table creation, and layout operations. It also features collaborative real-time editing, so a group of children can work together to edit text easily and seamlessly.</caption> + </image> + </media> + </page> + <page id="media_09" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_09.png" width="709" height="532"> + <title>Paint</title> + <caption>The Paint activity provides a canvas for a child’s creative expression. Children can draw free-form images with a paintbrush and pencil, and use the dedicated toolbar to play and experiment with shapes. Text support, image import functionality, and an interactive placement system give children limitless ways to explore their creativity.</caption> + </image> + </media> + </page> + <page id="media_10" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_10.png" width="709" height="532"> + <title>Memorize</title> + <caption>Memorize is the classic matching-pairs memory game with a twist: each card can consist of any multimedia object, such as images, sounds and text. The memory game allows children to play with existing card sets, as well as create new ones themselves.</caption> + </image> + </media> + </page> + <page id="media_11" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_11.png" width="709" height="532"> + <title>Etoys</title> + <caption>Squeak Etoys was inspired by LOGO, PARC-Smalltalk, Hypercard, and starLOGO. It is a media-rich authoring environment with a simple, powerful scripted object model.</caption> + </image> + </media> + </page> + <page id="media_12" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_12.png" width="709" height="532"> + <title>Turtle Art program created by a Uruguayan schoolchild</title> + <caption>Turtle Art is an activity with a Logo-inspired graphical “turtle” that draws colorful art based on Scratch-like snap-together visual programming elements.</caption> + </image> + </media> + </page> + <page id="media_13" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_13.png" width="709" height="532"> + <title>Pippy</title> + <caption>Pippy teaches Python programming by providing access to Python code samples and a fully interactive Python interpreter.</caption> + </image> + </media> + </page> + <page id="media_14" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_14.png" width="709" height="532"> + <title>TamTam Edit</title> + <caption>TamTam Edit is a page driven event sequencer featuring a powerful music generator, a colorful and intuitive graphical interface to create, modify and organize notes on five virtual “tracks”, a palette of close to a hundred sounds and a music construction model that allows virtually limitless variations in all musical styles.</caption> + </image> + </media> + </page> + <page id="media_15" section="about_gallery" paginate="true"> + <media> + <image url="assets/gallery_image_15.png" width="709" height="532"> + <title>TamTam SynthLab</title> + <caption>TamTam SynthLab is an advanced application for older children who are ready to venture into sophisticated sound design. SynthLab is a physics lab and sound synthesizer modeled on Max/MSP.</caption> + </image> + </media> + </page> + <page id="learners" section="learners" paginate="true"> + <content> + <paragraph> + <image url="assets/narrative_01.png" width="709" height="433" border="false" /> + </paragraph> + <sidebar> + <paragraph topmargin="46">Sugar supports sharing and collaboration. Using Sugar, teachers easily share things with their class: books and bookmarks; materials and activities.</paragraph> + </sidebar> + </content> + <content> + <paragraph> + <image url="assets/narrative_02.png" width="709" height="511" border="false" /> + </paragraph> + <sidebar> + <paragraph topmargin="29">Using Sugar, children collaboratively <link url="http://wiki.laptop.org/go/Browse">browse</link> the web. They share links directly within the collaborative browsing sessions.</paragraph> + <thumbnail id="media_07"> + <image url="assets/gallery_thumb_07.png" width="221" height="166" border="true" /> + </thumbnail> + </sidebar> + </content> + <content> + <paragraph> + <image url="assets/narrative_03.png" width="709" height="446" border="false" /> + </paragraph> + <sidebar> + <paragraph topmargin="44">Sugar comes with many core activities, including <link url="http://wiki.laptop.org/go/Write">Write</link>, a simple-to-use, collaborative word processor.</paragraph> + <thumbnail id="media_08"> + <image url="assets/gallery_thumb_08.png" width="221" height="166" border="true" /> + </thumbnail> + </sidebar> + </content> + <content> + <paragraph> + <image url="assets/narrative_04.png" width="709" height="413" border="false" /> + </paragraph> + <sidebar> + <paragraph topmargin="10">“<link url="http://sugarlabs.org/go/Sugar_on_a_Stick">Sugar on a Stick</link>” gives children access to <italic>their</italic> Sugar on any computer—they only need a USB key. At home or the library, they use the USB key on any computer to access their work.</paragraph> + </sidebar> + </content> + <content> + <paragraph> + <image url="assets/narrative_05.png" width="709" height="528" border="false" /> + </paragraph> + </content> + <content> + <paragraph> + <image url="assets/narrative_06.png" width="709" height="449" border="false" /> + </paragraph> + </content> + <content> + <paragraph> + <image url="assets/narrative_07.png" width="709" height="396" border="false" /> + </paragraph> + <sidebar> + <paragraph topmargin="10">In the Sugar <link id="media_04">Neighborhood</link> view, children see their connected friends. Children are shown clustered around their current activities; they can join each other’s activities.</paragraph> + <thumbnail id="media_04"> + <image url="assets/gallery_thumb_04.png" width="221" height="166" border="true" /> + </thumbnail> + </sidebar> + </content> + <content> + <paragraph> + <image url="assets/narrative_08.png" width="709" height="531" border="false" /> + </paragraph> + <sidebar> + <paragraph topmargin="10">The Sugar <link url="http://wiki.laptop.org/go/Draw#Paint:_A_collaborative_space_for_creation">Paint</link> activity provides a canvas for children to express themselves creatively by drawing.</paragraph> + <thumbnail id="media_09"> + <image url="assets/gallery_thumb_09.png" width="221" height="166" border="true" /> + </thumbnail> + </sidebar> + </content> + <content> + <paragraph> + <image url="assets/narrative_09.png" width="709" height="541" border="false" /> + </paragraph> + <sidebar> + <paragraph topmargin="10">The Sugar <link url="http://wiki.laptop.org/go/Memorize">Memorize</link> activity is a game about finding matching pairs of words, images, sounds—even videos. Memorize allows you to create new games yourself.</paragraph> + <thumbnail id="media_10"> + <image url="assets/gallery_thumb_10.png" width="221" height="166" border="true" /> + </thumbnail> + </sidebar> + </content> + <content> + <paragraph> + <image url="assets/narrative_10.png" width="709" height="492" border="false" /> + </paragraph> + </content> + <content> + <paragraph> + <image url="assets/narrative_11.png" width="709" height="499" border="false" /> + </paragraph> + <sidebar> + <paragraph topmargin="10">The Sugar <link url="http://wiki.laptop.org/go/Journal">Journal</link> records everything a child does using Sugar. There is no need to remember to save files. The Journal allows children to focus entirely on their activities.</paragraph> + <thumbnail id="media_05"> + <image url="assets/gallery_thumb_05.png" width="221" height="166" border="true" /> + </thumbnail> + </sidebar> + </content> + <content> + <paragraph> + <image url="assets/narrative_12.png" width="709" height="473" border="false" /> + </paragraph> + <sidebar> + <paragraph topmargin="10">Using Sugar, children can <link url="http://wiki.laptop.org/go/Chat">Chat</link> and exchange objects—pictures, games, writing—with their connected friends.</paragraph> + <thumbnail id="media_06"> + <image url="assets/gallery_thumb_06.png" width="221" height="166" border="true" /> + </thumbnail> + </sidebar> + </content> + <content> + <paragraph> + <image url="assets/narrative_13.png" width="709" height="385" border="false" /> + <caption>Illustrated by Dongyun Lee / <link url="http://www.dongyunlee.com">http://www.dongyunlee.com</link></caption> + </paragraph> + <sidebar> + <paragraph topmargin="10">Sugar provides a simple yet powerful means of engaging young children in the world of learning that is opened up by computers and the Internet. Sugar promotes sharing, collaborative learning, and reflection. Children develop skills that help them in all aspects of life.</paragraph> + <paragraph><link url="http://sugarlabs.org/go/DocumentationTeam/Try_Sugar">Learn more</link> about how you can try Sugar.</paragraph> + </sidebar> + </content> + </page> + <page id="parents" section="parents" paginate="true"> + <content> + <paragraph> + <headline>The Sugar Learning Platform</headline> + <text>The award-winning Sugar Learning Platform is a <keyphrase title="revolutionary new approach to technology and learning">revolutionary new approach to technology and learning</keyphrase>. With Sugar, your children will engage in exploring knowledge, expressing themselves through writing, drawing, video—even programming the computer. Working collaboratively, they can reflect upon their work and use Sugar to create a portfolio of their accomplishments.</text> + </paragraph> + <paragraph> + <text>With the Sugar Learning Platform, the age-old question “What did you do in school today?” can be retired. Sugar maintains a diary (the <link id="media_05">Journal</link>) of what they make (nouns), how they make it (verbs), and with whom they are collaborating (proper nouns). You can sit down with your child and walk through the Journal to review progress and leave comments for the teacher.</text> + </paragraph> + <paragraph> + <headline>Activities</headline> + <text>Sugar comes with the usual collection of <link id="about_activities">activities</link>: a web browser, an ebook reader, a multimedia player, a word processor, and lots of games. It also comes with a rich collection of music tools, both for playing and composing music, and programming tools that are accessible to child as young as 4-years old, but interesting enough to keep a teenager engaged. A hallmark of Sugar is its simplicity—even pre-schoolers can use the Sugar basics—while putting no upper bound on the complexity of expression to which your child can reach.</text> + </paragraph> + <paragraph> + <headline>Collaboration</headline> + <text>Collaboration is fundamental in Sugar. Your child can collaborate with friends, family, and classmates—playing games, chatting, sharing bookmarks, and helping each other with homework.</text> + </paragraph> + <paragraph> + <headline>Try Sugar</headline> + <text>You can <link url="http://sugarlabs.org/go/DocumentationTeam/Try_Sugar">try Sugar</link> by downloading it to a USB key and then using it to boot your desktop or laptop computer. (Sugar will not change anything on your computer—it uses the USB instead of your harddisk.) You can introduce Sugar to your child’s school using USB sticks as well. With Sugar, children grow into confident, joyful learners and realize their unlimited potentials.</text> + </paragraph> + <sidebar> + <thumbnail id="media_12"> + <image url="assets/gallery_thumb_12.png" width="221" height="166" border="true" /> + <title>Turtle Art program created by a Uruguayan schoolchild</title> + </thumbnail> + <thumbnail id="media_15"> + <image url="assets/gallery_thumb_15.png" width="221" height="166" border="true" /> + <title>TamTam SynthLab</title> + </thumbnail> + <thumbnail id="media_06"> + <image url="assets/gallery_thumb_11.png" width="221" height="166" border="true" /> + <title>Etoys</title> + </thumbnail> + </sidebar> + </content> + </page> + <page id="teachers" section="teachers" paginate="true"> + <content> + <paragraph> + <lead>Imagine a classroom where instruction is complimented by learners engaged in self-discovery; where collaboration, expression, and reflection are integrated directly into the learning experience.</lead> + </paragraph> + <paragraph> + <text>Through the award-winning Sugar Learning Platform, students appropriate knowledge by engaging in activities that are authentic to them. With Sugar, your students at all skill levels can explore any curriculum goal more deeply. Your <keyphrase title="students will learn and they will learn to learn">students will learn and they will learn to learn</keyphrase>.</text> + </paragraph> + <paragraph> + <text>Your students will enjoy learning more and they will improve in regard to traditional metrics such as reading comprehension. And you will enjoy mentoring them and learning along side them.</text> + </paragraph> + <paragraph> + <headline>Features</headline> + <text>Sugar is easy to learn: teachers and students discover how to use Sugar through exploration and collaboration—together, you learn by doing.</text> + </paragraph> + <paragraph> + <text>Sugar can accommodate a wide variety of students, with different levels of skill in terms of reading, language, and different levels of experience with computing. It is easy to approach, yet it doesn’t put an upper bound on a student’s personal expression.</text> + </paragraph> + <paragraph> + <text>The Sugar interface always shows a students connected friends. Students chat with each other, support each other, critique each other, and share ideas. Activities such as peer editing are just one “mouse-click” away.</text> + </paragraph> + <paragraph> + <text>Sugar uses a “<link id="media_05">Journal</link>” to record each student’s activities: both what they make and how they make it. The Journal serves as a place for reflection and assessment of progress—a portfolio that can be shared with teachers, parents, and the student as they progress through grade levels.</text> + </paragraph> + <paragraph> + <headline>Pedagogy</headline> + <text>Based upon 40+ years of educational research at Harvard and MIT, Sugar promotes “<keyphrase title="studio thinking">studio thinking</keyphrase>” through demonstrations, projects, and critiques, as well as “studio habits of mind”, by developing craft, engagement, persistence, expression, observation, reflection, and exploration. In the context of Sugar, studio thinking is applied not just to the arts, but to all disciplines.</text> + </paragraph> + <paragraph> + <text>Reflective practice involves students applying their own experiences to practice while being mentored by domain experts. In the context of Sugar, the expert could be a teacher, a parent, a community member, or a fellow student.</text> + </paragraph> + <paragraph> + <text>At the same time, Sugar is flexible; it works coherently with the wide variety of instructional frameworks, deepening the student’s learning experience. Sugar also provides access to internet learning resources.</text> + </paragraph> + <paragraph> + <text>While Sugar is designed for elementary school classrooms, it will hold the interest of middle schoolers as well.</text> + </paragraph> + <paragraph> + <headline>Getting started</headline> + <text>Sugar is a great way to augment your classroom: it is simple; it is powerful; it is boundless; and it is free! Almost one-million children and tens of thousands of teachers around the world are using Sugar. <link id="about_features">Learn more</link> about Sugar and how you can be part of the Sugar revolution.</text> + </paragraph> + <sidebar> + <thumbnail id="media_06"> + <image url="assets/gallery_thumb_06.png" width="221" height="166" border="true" /> + <title>Uruguayan school children in a Chat activity</title> + </thumbnail> + <thumbnail id="media_05"> + <image url="assets/gallery_thumb_05.png" width="221" height="166" border="true" /> + <title>Journal</title> + </thumbnail> + </sidebar> + </content> + </page> + <page id="contributors_overview" section="contributors_overview" paginate="true"> + <content> + <paragraph> + <headline>A learning and software-development community</headline> + <text>The Sugar development platform is available under the open-source GNU General Public License (GPL) to anyone who wants to extend it. Sugar Labs, part of the <link url="http://www.softwarefreedom.org">Software Freedom Conservancy</link> (a non-profit foundation to produce and distribute and support the use of free software), serves as a support base and gathering place for the community of educators and software developers who want to extend the platform and who have been creating Sugar-compatible applications.</text> + </paragraph> + <paragraph> + <headline>Education goals</headline> + <text>Sugar is useful only to the extent it is used by the learning community. Thus Sugar Labs is working with educators around the world to focus on these learning challenges:</text> + <list> + <item>To make Sugar and Sugar activities freely and readily available to learners everywhere</item> + <item>To explore and share best practices</item> + <item>To provide a forum for discussion and support for technology for learning</item> + <item>To provide a mechanism for evaluation and dissemination of results</item> + </list> + </paragraph> + <paragraph> + <headline>Community goals</headline> + <text>Sugar Labs is here to <keyphrase title="supporting community innovation, entrepreneurship, and enterprise">support community innovation, entrepreneurship, and enterprise</keyphrase>. Sugar Labs would like to help community members start projects that help sustain and grow the Sugar technology and learning communities:</text> + <list> + <item>To provide local and regional technical and pedagogical support</item> + <item>To create new learning activities and pedagogical practice</item> + <item>To provide localization and internationalization of software, content, and documentation</item> + <item>To provide integration and customization services</item> + </list> + </paragraph> + </content> + </page> + <page id="contributors_teams" section="contributors_teams" paginate="true"> + <content> + <paragraph> + <headline>Education team</headline> + <text>The mission of the education team is to explain why Sugar is an ideal platform for learning, and to provide guidance and feedback to those who are working on how Sugar enhances learning. <link url="http://sugarlabs.org/go/EducationTeam">Learn more</link></text> + </paragraph> + <paragraph> + <headline>Deployment team</headline> + <text>The mission of the deployment team is to voice the needs of Sugar deployments to the Sugar community, to find ways to support those needs, to organize forums for the exchange of experiences between Sugar users and Sugar developers, and to build local Sugar Labs organizations worldwide. <link url="http://sugarlabs.org/go/DeploymentTeam">Learn more</link></text> + </paragraph> + <paragraph> + <headline>Development team</headline> + <text>The mission of the development team is to build and maintain the core Sugar environment. This includes specifying and implementing new features in conjunction with the Design team, fixing bugs as they are found by the Testing team and the Sugar community, and generally making Sugar awesome in all ways. <link url="http://sugarlabs.org/go/DevelopmentTeam">Learn more</link></text> + </paragraph> + <paragraph> + <headline>Design team</headline> + <text>The mission of the design team is to make Sugar beautiful, elegant, and highly functional. <link url="http://sugarlabs.org/go/DesignTeam">Learn more</link></text> + </paragraph> + <paragraph> + <headline>BugSquad</headline> + <text>The mission of the BugSquad is to be responsive to incoming bug reports. The Squad needs to triage the bugs and work towards a solution with the reporters and the developers until the issue is solved. Therefore it has an important role in making the end product better and can be seen as the liaison between testers/users and developers. <link url="http://sugarlabs.org/go/BugSquad">Learn more</link></text> + </paragraph> + <paragraph> + <headline>Documentation team</headline> + <text>The mission of the documentation team is to provide the Sugar community with high quality documentation, including user manuals, programming references, and tutorials. <link url="http://sugarlabs.org/go/DocumentationTeam">Learn more</link></text> + </paragraph> + <paragraph> + <headline>Marketing team</headline> + <text>The mission of the marketing team is to articulate the benefits of Sugar (simplify), to promote these benefits as widely as possible (amplify), and to recruit volunteers to improve the Sugar experience. <link url="http://sugarlabs.org/go/MarketingTeam">Learn more</link></text> + </paragraph> + <paragraph> + <headline>Oversight board</headline> + <text>The mission of the oversight board is to ensure that the Sugar Labs community has clarity of purpose and the means to collaborate in achieving its goals. <link url="http://sugarlabs.org/go/Oversight_Board">Learn more</link></text> + </paragraph> + <paragraph> + <headline>Wiki team</headline> + <text>The mission of the wiki team is to maintain the Sugar Labs wiki, and to help the Sugar Labs teams and the greater educational community to collaborate effectively. <link url="http://sugarlabs.org/go/WikiTeam">Learn more</link></text> + </paragraph> + <paragraph> + <headline>Infrastructure team</headline> + <text>The mission of the infrastructure team is to keep the project humming along nicely, by maintaining and developing Sugar Labs’ collaboration and public-facing infrastructure. <link url="http://sugarlabs.org/go/InfrastructureTeam">Learn more</link></text> + </paragraph> + </content> + </page> + <page id="contributors_deployment" section="contributors_deployment" paginate="true"> + <content> + <paragraph> + <lead>The deployment team is in charge of answering the question: How can Sugar Labs facilitate the distribution and support of deployments of Sugar all around the world?</lead> + </paragraph> + <paragraph> + <text>The Sugar Labs mission provides an answer, namely to voice the needs of Sugar deployments to the Sugar community, to find ways to support those needs, to organize forums for the exchange of experiences between Sugar users and Sugar developers, and to build local Sugar Labs organizations worldwide.</text> + </paragraph> + <paragraph> + <headline>A local Sugar Lab would:</headline> + <list> + <item><keyphrase title="adapting the technology and pedagogy to an area’s culture and + resources">Adapt the technology and pedagogy to an area’s culture and resources</keyphrase> (e.g. developing activities and content specific to a region)</item> + <item>Help translate Sugar to the local language(s)</item> + <item>Support Sugar deployments in area schools</item> + <item><keyphrase title="creating a local community">Create a local community</keyphrase> devoted to the Sugar Labs principles, making Sugar more open and sustainable</item> + <item>Provide for communication between the local communities and the global Sugar Labs community</item> + <item>Develop Local content and software that can be used not only for local purposes but also for the overall community</item> + <item>Host, co-host or partner in the organization of conferences, workshops, talks and meetings related to the use or development of Sugar</item> + </list> + </paragraph> + <paragraph> + <headline>Organizational structure</headline> + <text>A distributed project—we pluralized the name Sugar Labs deliberately—where there is a <keyphrase title="local sense of ownership and associated entrepreneurship">local sense of ownership and associated entrepreneurship</keyphrase> feels like the right course for us as an organization. Sugar Labs “central” is the community itself, which would be responsible for setting clear goals and maintaining any necessary infrastructure needed by the project as a whole, while the regional labs would use the own means to make Sugar relevant to their local communities.</text> + </paragraph> + <paragraph> + <headline>Conditions for success</headline> + <text>What is the “business model” for a successful Sugar Lab? Some conditions for ensuring success might be:</text> + <list> + <item>A university connection as a local human resource</item> + <item>A local pilot user group from which to learn</item> + <item>A local passion or sub-goal that provides a rationale for the work</item> + <item>Bi-directional communication with the global Sugar community and other Sugar Labs</item> + <item>A <keyphrase title="sustainable and well-defined entrepreneurship model">sustainable and well-defined entrepreneurship model</keyphrase></item> + <item>A program to reach out to local free-software community and local industry</item> + </list> + </paragraph> + </content> + </page> + <page id="contributors_join" section="contributors_join" paginate="true"> + <content> + <paragraph> + <headline>Join Sugar</headline> + <text>The Sugar community is individuals, teams, and relationships. We all share one thing in common: we want to improve how computers are used in education. If you want to take an active hand in making Sugar even better, there are many ways you can help. What role do you want to fill?</text> + </paragraph> + <paragraph> + <headline>Content writer</headline> + <text>Description of this role: Communicate through words.</text> + <list> + <item>Skills you possess or want to learn: Writing, editing, grammar (wordsmith), technical, explaining complex ideas well, teaching, DocBook, XML, Wiki markup, technical knowledge (specific and general)</item> + <item>Teams associated with this role: <link url="#">Documentation Team</link>, <link url="#">Marketing Team</link>, <link url="#">Wiki Team</link></item> + <item>Tasks typical in this role: Guides, how-tos, FAQs, knowledgebase (kbase), articles, marketing material, process/methodology docs, editing, release notes</item> + </list> + </paragraph> + <paragraph> + <headline>Designer</headline> + <text>Description of this role: Communicate through images.</text> + <list> + <item>Skills you possess or want to learn: Inkscape, GIMP, OO.org, design, usability/interaction</item> + <item>Teams associated with this role: <link url="#">Design Team</link></item> + <item>Tasks typical in this role: Conference banners/flyers, Materials (t-shirts, CD covers, etc.), OS art (wallpapers, themes), publication design, Web design, icons, banners, mockups, stylesheets</item> + </list> + </paragraph> + <paragraph> + <headline>Developer</headline> + <text>Description of this role: Communicate through code.</text> + <list> + <item>Skills you possess or want to learn: Python, C, RPM/Packaging, Bugfiling</item> + <item>Teams associated with this role: <link url="#">Development Team</link>, <link url="#">Testing Team</link>, <link url="#">Infrastructure Team</link></item> + <item>Tasks typical in this role: Test/break Sugar, design & build Sugar, file bugs, build packages, code for OS, develop new features, develop new activities</item> + </list> + </paragraph> + <paragraph> + <headline>People Person</headline> + <text>Description of this role: Communicate through one-on-one contact.</text> + <list> + <item>Skills you possess or want to learn: People skills, event organization, customer service/support, enthusiasm</item> + <item>Teams associated with this role: <link url="#">Marketing Team</link></item> + <item>Tasks typical in this role: Conferences, local events, organizing events, Sugar Labs forum/IRC help/support tech, send out media/spread Sugar</item> + </list> + </paragraph> + <paragraph> + <headline>Translator</headline> + <text>Description of this role: Communicate through interpretation.</text> + <list> + <item>Skills you possess or want to learn: English, Non-English native language, technical knowledge, diff, PO, translation, babel tool (kbabel, etc.)</item> + <item>Teams associated with this role: <link url="#">Wiki Team</link></item> + <item>Tasks typical in this role: Marketing, docs, websites, application translation, localization</item> + </list> + </paragraph> + <paragraph> + <headline>Web Developer or Administrator</headline> + <text>Description of this role: Communicate through the World Wide Web.</text> + <list> + <item>Skills you possess or want to learn: Python, XML/XHTML, CSS, XSL/XSLT, TurboGears, Web app development, Linux system administration</item> + <item>Teams associated with this role: <link url="#">Wiki Team</link></item> + <item>Tasks typical in this role: Website pages, applications, stylesheets, toolchain, design, scripts, templates</item> + </list> + </paragraph> + </content> + </page> + <page id="sitemap"> + <thumbnails> + <thumbnail> + <title>Sugar Labs</title> + <caption> + <list> + <item><link id="index">index</link></item> + <item><link id="about_overview">about</link> + <list> + <item><link id="about_features">features</link></item> + <item><link id="about_activities">education</link> + <list> + <item><link id="about_activities">constructionism</link></item> + </list> + </item> + <item><link id="about_activities">activities</link></item> + <item><link id="about_gallery">gallery</link></item> + </list> + </item> + <item><link id="contributors">contributors</link> + <list> + <item><link id="contributors_teams">teams</link></item> + <item><link id="deployment">deployment</link></item> + <item><link id="contributors_join">getting involved</link></item> + </list> + </item> + <item><link id="learners">learners</link></item> + <item><link id="parents">parents</link></item> + <item><link id="teachers">teachers</link></item> + </list> + </caption> + </thumbnail> + <thumbnail> + <title>Sugar (wiki)</title> + <caption> + <list> + <item><link url="http://wiki.sugarlabs.org/go/Supported systems">Get Sugar</link></item> + <item><link url="http://wiki.sugarlabs.org/go/Getting Started">Get started</link></item> + <item><link url="http://wiki.sugarlabs.org/go/Sugar help">Get help</link></item> + <item><link url="http://wiki.sugarlabs.org/go/Sugar_Labs/GettingInvolved">Get involved</link></item> + <item><link url="http://wiki.sugarlabs.org/go/Submit Bugs/Problems">Submit bugs</link></item> + <item><link url="http://wiki.sugarlabs.org/go/Request New Features">Request features</link></item> + <item><link url="http://wiki.sugarlabs.org/go/Activities">Activities/software</link></item> + <item><link url="http://wiki.sugarlabs.org/go/DevelopmentTeam/Source Code">Get the source</link></item> + <item><link url="http://wiki.sugarlabs.org/go/Sugar Labs">Sugar Labs</link></item> + </list> + </caption> + </thumbnail> + <thumbnail> + <title>Teams (wiki)</title> + <caption> + <list> + <item><link url="http://wiki.sugarlabs.org/go/BugSquad">BugSquad</link></item> + <item><link url="http://wiki.sugarlabs.org/go/DeploymentTeam">Deployment</link></item> + <item><link url="http://wiki.sugarlabs.org/go/DesignTeam">Design</link></item> + <item><link url="http://wiki.sugarlabs.org/go/DevelopmentTeam">Development</link></item> + <item><link url="http://wiki.sugarlabs.org/go/DocumentationTeam">Documentation</link></item> + <item><link url="http://wiki.sugarlabs.org/go/EducationTeam">Education</link></item> + <item><link url="http://wiki.sugarlabs.org/go/InfrastructureTeam">Infrastructure</link></item> + <item><link url="http://wiki.sugarlabs.org/go/MarketingTeam">Marketing</link></item> + <item><link url="http://wiki.sugarlabs.org/go/Oversight_Board">Oversight</link></item> + <item><link url="http://wiki.sugarlabs.org/go/WikiTeam">Wiki</link></item> + </list> + </caption> + </thumbnail> + <thumbnail> + <title>Quick Links (wiki)</title> + <caption> + <list> + <item><link url="http://wiki.sugarlabs.org/go/Sugar_Labs/Current_Events">News</link></item> + <item><link url="http://planet.sugarlabs.org/">Planet</link></item> + <item><link url="http://wiki.sugarlabs.org/go/Local Labs">Local Labs</link></item> + <item><link url="http://wiki.sugarlabs.org/go/Sugar_Labs/Donate">Donate</link></item> + <item><link url="http://wiki.sugarlabs.org/go/Community/FAQ">FAQ</link></item> + <item><link url="http://wiki.sugarlabs.org/go/Sugar_Labs/Governance">Governance</link></item> + <item><link url="http://wiki.sugarlabs.org/go/recentchanges-url">Recent Changes</link></item> + <item><link url="http://wiki.sugarlabs.org/go/WikiTeam/Resources">Wiki help</link></item> + </list> + </caption> + </thumbnail> + </thumbnails> + </page> +</xml>
\ No newline at end of file diff --git a/index.xsl b/index.xsl new file mode 100644 index 0000000..205e5ff --- /dev/null +++ b/index.xsl @@ -0,0 +1,376 @@ +<?xml version="1.0" encoding="utf-8"?> +<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> +<xsl:output method="xml" + version="1.0" + encoding="UTF-8" + indent="yes" + omit-xml-declaration="yes" + doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" + doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" /> + +<xsl:template match="/"> + +<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> +<head> + +<!-- Establish character encoding --> +<meta http-equiv="content-type" content="text/html; charset=utf-8" /> + +<!-- Force reload from server, not local cache --> +<meta http-equiv="pragma" content="no-cache" /> + +<!-- Allows search engine bots to index this page --> +<meta name="ROBOTS" content="ALL" /> + +<!-- Disables Microsoft's Smart Tags functionality on this page --> +<meta name="MSSmartTagsPreventParsing" content="true" /> + +<!-- Provides keywords for search engines --> +<meta name="KEYWORDS"><xsl:attribute name="content"><xsl:value-of select="xml/global/keywords"/></xsl:attribute></meta> + +<title><xsl:value-of select="xml/global/title" /></title> + +<!-- Default stylesheet --> +<style media="all" type="text/css">@import "css/styles_black.css";</style> + +<xsl:comment><![CDATA[[if IE]><link rel="stylesheet" href="css/ie.css" type="text/css" /><![endif] ]]></xsl:comment> +<xsl:comment><![CDATA[[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen" href="css/ie6.css" /><![endif]]]></xsl:comment> + +<script type="text/javascript" language="JavaScript"> +<xsl:comment><![CDATA[ + logos = new Array(); + logos[0] = 'assets/logo_black_01.png'; + logos[1] = 'assets/logo_black_02.png'; + logos[2] = 'assets/logo_black_03.png'; + logos[3] = 'assets/logo_black_04.png'; + logos[4] = 'assets/logo_black_05.png'; + logos[5] = 'assets/logo_black_06.png'; + logos[6] = 'assets/logo_black_07.png'; + logos[7] = 'assets/logo_black_08.png'; + logos[8] = 'assets/logo_black_09.png'; + logos[9] = 'assets/logo_black_10.png'; + logos[10] = 'assets/logo_black_11.png'; + logos[11] = 'assets/logo_black_12.png'; + + var loadCSS = function(file) { + var link = document.createElement('link'); + link.href = file; + link.rel = 'stylesheet'; + link.type = 'text/css'; + document.getElementsByTagName('head')[0].appendChild(link); + }; + + function newImage() + { + r = Math.round(Math.random()*11); + document.getElementById("logo").setAttribute("src", logos[r]) + + // get corresponding stylesheet + if (r == 0) { loadCSS('css/styles_black_01.css'); } + if (r == 1) { loadCSS('css/styles_black_02.css'); } + if (r == 2) { loadCSS('css/styles_black_03.css'); } + if (r == 3) { loadCSS('css/styles_black_04.css'); } + if (r == 4) { loadCSS('css/styles_black_05.css'); } + if (r == 5) { loadCSS('css/styles_black_06.css'); } + if (r == 6) { loadCSS('css/styles_black_07.css'); } + if (r == 7) { loadCSS('css/styles_black_08.css'); } + if (r == 8) { loadCSS('css/styles_black_09.css'); } + if (r == 9) { loadCSS('css/styles_black_10.css'); } + if (r == 10) { loadCSS('css/styles_black_11.css'); } + if (r == 11) { loadCSS('css/styles_black_12.css'); } + + } +]]></xsl:comment> +</script> + +<script src="scripts/menu.js" type="text/javascript"></script> + +</head> + +<body> + +<!-- logo --> +<div class="logo"><a href="index.php"><img src="assets/spacer.gif" alt="sugarlabs" width="202" height="45" border="0" id="logo" /></a></div> + +<!-- menu --> + +<!-- set variable to get section --> +<ul id="menu"> + <li> + <a href="#" name="hint" class="current">menu</a> + <ul id="expanded_menu_1"> + <li><a href="index.php" name="index" class="selected">index</a></li> + + <xsl:for-each select="//xml/sections/section"> + + <li> + <a> + <xsl:attribute name="href"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="./@id"/> + </xsl:attribute> + <xsl:value-of select="./@title"/> + </a> + + <xsl:if test="section"> + <ul id="expanded_menu_2"> + <xsl:for-each select="section"> + <li> + <a> + <xsl:attribute name="href"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="./@id"/> + </xsl:attribute> + <xsl:value-of select="./@title"/> + </a> + + <xsl:if test="section"> + <ul id="expanded_menu_3"> + <xsl:for-each select="section"> + <li> + <a> + <xsl:attribute name="href"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="./@id"/> + </xsl:attribute> + <xsl:value-of select="./@title"/> + </a> + + <xsl:if test="section"> + <ul id="expanded_menu_4"> + <xsl:for-each select="section"> + <li> + <a> + <xsl:attribute name="href"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="./@id"/> + </xsl:attribute> + <xsl:value-of select="./@title"/> + </a> + </li> + </xsl:for-each> + </ul> + </xsl:if> + </li> + </xsl:for-each> + </ul> + </xsl:if> + </li> + </xsl:for-each> + </ul> + </xsl:if> + </li> + </xsl:for-each> + </ul> + </li> +</ul> + +<!-- global links --> +<div class="links-container"> + <span class="links"> + <xsl:for-each select="xml/links/link"> + <a class="link"> + <xsl:attribute name="href"> + <xsl:value-of select="./@url"/> + </xsl:attribute> + <xsl:value-of select="."/> + </a> + <xsl:if test="position() < count(//xml/links/link)"> + <xsl:text> / </xsl:text> + </xsl:if> + </xsl:for-each> + </span> +</div> + +<!-- main content well --> +<div class="content-container"> + + <div class="content"> + <ul id="keyphrases" class="content"> + <xsl:for-each select="//keyphrase"> + + <xsl:sort select="." data-type="text" order="ascending"/> + + <li class="keyphrase"> + <xsl:attribute name="id"> + <xsl:text>line</xsl:text> + <xsl:value-of select="position()"/> + </xsl:attribute> + + <xsl:variable name="key"><xsl:value-of select="." /></xsl:variable> + <a class="link"> + <xsl:attribute name="href"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="ancestor::page/@id" /> + + <xsl:text>#phrase</xsl:text> + <xsl:for-each select="//keyphrase"> + + <xsl:if test=". = $key"> + <xsl:value-of select="position()" /> + </xsl:if> + + </xsl:for-each> + </xsl:attribute> + <xsl:text>...</xsl:text> + <xsl:value-of select="./@title"/> + <xsl:text>...</xsl:text> + </a> + + </li> + </xsl:for-each> + </ul> + </div> + + <!-- sidebar --> + <xsl:if test="//xml/page[@id = 'index']/sidebar"> + <div class="sidebar"> + <xsl:for-each select="//xml/page[@id = 'index']/sidebar/*"> + <xsl:if test="local-name()='thumbnail'"> + <div class="thumb-wrapper spc last"> + <div class="spc"> + <a> + <xsl:attribute name="href"> + <xsl:if test="@id"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="@id"/> + </xsl:if> + <xsl:if test="@url"> + <xsl:value-of select="@url"/> + </xsl:if> + </xsl:attribute> + + <xsl:apply-templates select="image" /> + </a> + </div> + <xsl:if test="title"> + <div> + <a class="link"> + <xsl:attribute name="href"> + <xsl:if test="@id"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="@id"/> + </xsl:if> + <xsl:if test="@url"> + <xsl:value-of select="@url"/> + </xsl:if> + </xsl:attribute> + + <xsl:value-of select="title"/> + </a> + </div> + </xsl:if> + <xsl:if test="caption"> + <div class="links"><xsl:apply-templates select="caption"/></div> + </xsl:if> + </div> + </xsl:if> + <xsl:if test="local-name()='paragraph'"> + <div class="links clr"><xsl:apply-templates select="."/></div> + </xsl:if> + </xsl:for-each> + </div> + </xsl:if> +</div> + +<!-- global pagination --> + +<xsl:if test="//page[@id = 'index']/@paginate"> +<div class="pagination"> + + <xsl:if test="2 <= count(//page[@paginate])"> + <a class="link"> + <xsl:attribute name="href"> + <xsl:text>index.php?template=page&page=</xsl:text> + + <xsl:for-each select="//page[@paginate]"> + <xsl:if test="position() = 2"> + <xsl:value-of select="./@id"/> + </xsl:if> + </xsl:for-each> + + </xsl:attribute> + <xsl:text>next ></xsl:text> + </a> + </xsl:if> + +</div> +</xsl:if> + +<!-- footer --> +<div class="footer"><xsl:apply-templates select="xml/global/footer" /></div> + +<script type="text/javascript"> +<xsl:comment><![CDATA[ + +newImage(); + +var res = new Array(); +var timeout_val = 100; + +var n = 0; +var keyphrases = document.getElementById("keyphrases"); +var labels = keyphrases.getElementsByTagName("li"); + +for (n = 1; n <= labels.length; n++) { + var str = "line" + n; + document.getElementById(str).style.visibility = "hidden"; + var str2 = "timer_func(" + n + ")"; + res[n] = setTimeout(str2, timeout_val * n); +} + +function timer_func(line) +{ + var str = "line" + line; + document.getElementById(str).style.visibility = "visible"; +} + +]]></xsl:comment> +</script> +</body> +</html> +</xsl:template> + +<!-- formatting --> + +<xsl:template match="link"> + <a xmlns="http://www.w3.org/1999/xhtml" class="link"> + <xsl:if test="@external"> + <xsl:attribute name="target">_blank</xsl:attribute> + </xsl:if> + <xsl:attribute name="href"> + <xsl:if test="@url"><xsl:value-of select="@url"/></xsl:if> + <xsl:if test="@id">index.php?template=page&page=<xsl:value-of select="@id"/></xsl:if> + </xsl:attribute> + <xsl:value-of select="."/> + </a> +</xsl:template> + +<xsl:template match="line-break"> + <br xmlns="http://www.w3.org/1999/xhtml" /> +</xsl:template> + +<xsl:template match="italic"> + <em xmlns="http://www.w3.org/1999/xhtml"> + <xsl:value-of select="."/> + </em> +</xsl:template> + +<xsl:template match="image"> + <img border="0"> + <xsl:attribute name="src"><xsl:value-of select="@url"/></xsl:attribute> + <xsl:attribute name="width"><xsl:value-of select="@width"/></xsl:attribute> + <xsl:attribute name="height"><xsl:value-of select="@height"/></xsl:attribute> + <xsl:if test="./@border"> + <xsl:attribute name="class">thumb</xsl:attribute> + </xsl:if> + </img> +</xsl:template> + +<xsl:template match="headline"> + <span class="headline"> + <xsl:value-of select="."/> + </span> +</xsl:template> + +</xsl:stylesheet>
\ No newline at end of file diff --git a/page.xsl b/page.xsl new file mode 100644 index 0000000..9a60496 --- /dev/null +++ b/page.xsl @@ -0,0 +1,651 @@ +<?xml version="1.0" encoding="utf-8"?> +<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> +<xsl:output method="xml" + version="1.0" + encoding="UTF-8" + indent="yes" + omit-xml-declaration="yes" + doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" + doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" /> +<xsl:param name="page" /> + +<xsl:template match="/"> + +<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> +<head> + +<!-- Establish character encoding --> +<meta http-equiv="content-type" content="text/html; charset=utf-8" /> + +<!-- Force reload from server, not local cache --> +<meta http-equiv="pragma" content="no-cache" /> + +<!-- Allows search engine bots to index this page --> +<meta name="ROBOTS" content="ALL" /> + +<!-- Disables Microsoft's Smart Tags functionality on this page --> +<meta name="MSSmartTagsPreventParsing" content="true" /> + +<!-- Provides keywords for search engines --> +<meta name="KEYWORDS"><xsl:attribute name="content"><xsl:value-of select="xml/global/keywords"/></xsl:attribute></meta> + +<title><xsl:value-of select="xml/global/title" /></title> + +<!-- Default stylesheet --> +<style media="all" type="text/css">@import "css/styles_white.css";</style> + +<xsl:comment><![CDATA[[if IE]><link rel="stylesheet" href="css/ie.css" type="text/css" /><![endif] ]]></xsl:comment> +<xsl:comment><![CDATA[[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen" href="css/ie6.css" /><![endif]]]></xsl:comment> + + +<script type="text/javascript" language="JavaScript"> +<xsl:comment><![CDATA[ + logos = new Array(); + logos[0] = 'assets/logo_white_01.png'; + logos[1] = 'assets/logo_white_02.png'; + logos[2] = 'assets/logo_white_03.png'; + logos[3] = 'assets/logo_white_04.png'; + logos[4] = 'assets/logo_white_05.png'; + logos[5] = 'assets/logo_white_06.png'; + logos[6] = 'assets/logo_white_07.png'; + logos[7] = 'assets/logo_white_08.png'; + logos[8] = 'assets/logo_white_09.png'; + logos[9] = 'assets/logo_white_10.png'; + logos[10] = 'assets/logo_white_11.png'; + logos[11] = 'assets/logo_white_12.png'; + + var loadCSS = function(file) { + var link = document.createElement('link'); + link.href = file; + link.rel = 'stylesheet'; + link.type = 'text/css'; + document.getElementsByTagName('head')[0].appendChild(link); + }; + + function newImage() + { + r = Math.round(Math.random()*11); + document.getElementById("logo").setAttribute("src", logos[r]) + + // get corresponding stylesheet + if (r == 0) { loadCSS('css/styles_white_01.css'); } + if (r == 1) { loadCSS('css/styles_white_02.css'); } + if (r == 2) { loadCSS('css/styles_white_03.css'); } + if (r == 3) { loadCSS('css/styles_white_04.css'); } + if (r == 4) { loadCSS('css/styles_white_05.css'); } + if (r == 5) { loadCSS('css/styles_white_06.css'); } + if (r == 6) { loadCSS('css/styles_white_07.css'); } + if (r == 7) { loadCSS('css/styles_white_08.css'); } + if (r == 8) { loadCSS('css/styles_white_09.css'); } + if (r == 9) { loadCSS('css/styles_white_10.css'); } + if (r == 10) { loadCSS('css/styles_white_11.css'); } + if (r == 11) { loadCSS('css/styles_white_12.css'); } + + } +]]></xsl:comment> +</script> + +<script src="scripts/menu.js" type="text/javascript"></script> +<script src="scripts/prototype.js" type="text/javascript"><xsl:comment/></script> +<script src="scripts/scriptaculous.js" type="text/javascript"><xsl:comment/></script> + +</head> + +<body> + +<!-- logo --> +<div class="logo"><a href="index.php"><img src="assets/spacer.gif" alt="sugarlabs" width="202" height="45" border="0" id="logo" /></a></div> + +<!-- menu --> + +<!-- set variable to get section --> +<xsl:variable name="section"> + <xsl:choose> + <xsl:when test="//page[@id = $page]/@section"> + <xsl:value-of select="//page[@id = $page]/@section" /> + </xsl:when> + <xsl:otherwise> + <xsl:value-of select="$page" /> + </xsl:otherwise> + </xsl:choose> +</xsl:variable> + +<ul id="menu"> + <li> + <xsl:choose> + <xsl:when test="//page[@id = $page]/@section"> + <a href="#" name="hint" class="current"> + <xsl:value-of select="//section[@id = $section]/@title" /> + </a> + </xsl:when> + <xsl:otherwise> + <a href="#" name="hint" class="current">menu</a> + </xsl:otherwise> + </xsl:choose> + <ul id="expanded_menu_1"> + <li><a href="index.php" name="index">index</a></li> + + <xsl:for-each select="//xml/sections/section"> + + <li> + <a> + <xsl:attribute name="href"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="./@id"/> + </xsl:attribute> + + <xsl:choose> + <xsl:when test="./@id = $section"> + <xsl:attribute name="class">selected</xsl:attribute> + </xsl:when> + <xsl:otherwise> + <xsl:for-each select="section"> + <xsl:if test="./@id = $section"> + <xsl:attribute name="class">selected</xsl:attribute> + </xsl:if> + </xsl:for-each> + <xsl:for-each select="section/section"> + <xsl:if test="./@id = $section"> + <xsl:attribute name="class">selected</xsl:attribute> + </xsl:if> + </xsl:for-each> + <xsl:for-each select="section/section/section"> + <xsl:if test="./@id = $section"> + <xsl:attribute name="class">selected</xsl:attribute> + </xsl:if> + </xsl:for-each> + </xsl:otherwise> + </xsl:choose> + + <xsl:value-of select="./@title"/> + </a> + + <xsl:if test="section"> + <ul id="expanded_menu_2"> + <xsl:for-each select="section"> + <li> + <a> + <xsl:attribute name="href"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="./@id"/> + </xsl:attribute> + <xsl:choose> + <xsl:when test="./@id = $section"> + <xsl:attribute name="class">selected</xsl:attribute> + </xsl:when> + <xsl:otherwise> + <xsl:for-each select="section"> + <xsl:if test="./@id = $section"> + <xsl:attribute name="class">selected</xsl:attribute> + </xsl:if> + </xsl:for-each> + <xsl:for-each select="section/section"> + <xsl:if test="./@id = $section"> + <xsl:attribute name="class">selected</xsl:attribute> + </xsl:if> + </xsl:for-each> + </xsl:otherwise> + </xsl:choose> + <xsl:value-of select="./@title"/> + </a> + + <xsl:if test="section"> + <ul id="expanded_menu_3"> + <xsl:for-each select="section"> + <li> + <a> + <xsl:attribute name="href"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="./@id"/> + </xsl:attribute> + <xsl:choose> + <xsl:when test="./@id = $section"> + <xsl:attribute name="class">selected</xsl:attribute> + </xsl:when> + <xsl:otherwise> + <xsl:for-each select="section"> + <xsl:if test="./@id = $section"> + <xsl:attribute name="class">selected</xsl:attribute> + </xsl:if> + </xsl:for-each> + </xsl:otherwise> + </xsl:choose> + <xsl:value-of select="./@title"/> + </a> + + <xsl:if test="section"> + <ul id="expanded_menu_4"> + <xsl:for-each select="section"> + <li> + <a> + <xsl:attribute name="href"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="./@id"/> + </xsl:attribute> + <xsl:if test="./@id = $section"> + <xsl:attribute name="class">selected</xsl:attribute> + </xsl:if> + <xsl:value-of select="./@title"/> + </a> + </li> + </xsl:for-each> + </ul> + </xsl:if> + </li> + </xsl:for-each> + </ul> + </xsl:if> + </li> + </xsl:for-each> + </ul> + </xsl:if> + </li> + </xsl:for-each> + </ul> + </li> +</ul> + +<!-- global links --> +<div class="links-container"> + <span class="links"> + <xsl:for-each select="xml/links/link"> + <a class="link"> + <xsl:attribute name="href"> + <xsl:value-of select="./@url"/> + </xsl:attribute> + <xsl:value-of select="."/> + </a> + <xsl:if test="position() < count(//xml/links/link)"> + <xsl:text> / </xsl:text> + </xsl:if> + </xsl:for-each> + </span> +</div> + +<!-- fullscale imagery --> +<xsl:if test="//xml/page[@id = $page]/media"> + <div class="media"> + <xsl:for-each select="//xml/page[@id = $page]/media/*"> + <ul> + <li><xsl:apply-templates select="." /></li> + <xsl:if test="title"> + <li><span class="title"><xsl:apply-templates select="title"/></span></li> + </xsl:if> + <xsl:if test="caption"> + <li><xsl:apply-templates select="caption"/></li> + </xsl:if> + </ul> + </xsl:for-each> + </div> +</xsl:if> + +<!-- main content well --> +<xsl:if test="(//xml/page[@id = $page]/content) or (//xml/page[@id = $page]/sidebar)"> + <div class="content-container"> + + <xsl:for-each select="//xml/page[@id = $page]/content"> + <div class="content"> + <xsl:for-each select="paragraph"> + <div class="text"> + <xsl:if test="headline"> + <div class="headline"><xsl:value-of select="headline"/></div> + </xsl:if> + <xsl:if test="image"> + <xsl:apply-templates select="image"/> + </xsl:if> + <xsl:if test="caption"> + <span class="links"><xsl:apply-templates select="caption"/></span> + </xsl:if> + <xsl:if test="lead"> + <xsl:apply-templates select="lead"/> + </xsl:if> + <xsl:if test="text"> + <xsl:apply-templates select="text"/> + </xsl:if> + <xsl:if test="list"> + <ul class="bullet main"> + <xsl:for-each select="list/item"> + <li><xsl:apply-templates select="."/></li> + </xsl:for-each> + </ul> + </xsl:if> + </div> + </xsl:for-each> + </div> + + <!-- sidebar --> + <xsl:if test="sidebar"> + <div class="sidebar"> + <xsl:for-each select="sidebar/*"> + <xsl:if test="local-name()='thumbnail'"> + <div class="thumb-wrapper spc last"> + <div class="spc"> + <xsl:choose> + <xsl:when test="@id or @url"> + <a> + <xsl:attribute name="href"> + <xsl:if test="@id"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="@id"/> + </xsl:if> + <xsl:if test="@url"> + <xsl:value-of select="@url"/> + </xsl:if> + </xsl:attribute> + + <xsl:apply-templates select="image" /> + </a> + </xsl:when> + <xsl:otherwise> + <xsl:apply-templates select="image" /> + </xsl:otherwise> + </xsl:choose> + </div> + <xsl:if test="title"> + <div> + <xsl:choose> + <xsl:when test="@id or @url"> + <a class="link"> + <xsl:attribute name="href"> + <xsl:if test="@id"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="@id"/> + </xsl:if> + <xsl:if test="@url"> + <xsl:value-of select="@url"/> + </xsl:if> + </xsl:attribute> + + <xsl:value-of select="title"/> + </a> + </xsl:when> + <xsl:otherwise> + <xsl:value-of select="title"/> + </xsl:otherwise> + </xsl:choose> + </div> + </xsl:if> + <xsl:if test="caption"> + <div><xsl:value-of select="caption"/></div> + </xsl:if> + </div> + </xsl:if> + <xsl:if test="local-name()='paragraph'"> + <div class="links clr"> + <xsl:if test="./@topmargin"> + <xsl:attribute name="style"> + <xsl:text>margin-top: </xsl:text> + <xsl:apply-templates select="./@topmargin"/> + <xsl:text>px</xsl:text> + </xsl:attribute> + </xsl:if> + + <xsl:apply-templates select="."/> + </div> + </xsl:if> + </xsl:for-each> + </div> + </xsl:if> + </xsl:for-each> + + </div> +</xsl:if> + +<!-- thumbnails --> +<xsl:if test="//xml/page[@id = $page]/thumbnails"> + <div class="thumbnails"> + <xsl:for-each select="//xml/page[@id = $page]/thumbnails/thumbnail[position() mod 4 = 1]"> + <ul> + <xsl:apply-templates select=".|following-sibling::*[position() < 4]" /> + </ul> + </xsl:for-each> + </div> +</xsl:if> + +<!-- global pagination --> + +<!-- set variable to node position --> +<xsl:variable name="nodepos"> + <xsl:for-each select="//page[@paginate]"> + + <xsl:if test="@id = $page"> + <xsl:value-of select="position()"/> + </xsl:if> + + </xsl:for-each> +</xsl:variable> + +<xsl:if test="//page[@id = $page]/@paginate"> +<div class="pagination"> + + <!-- pagination --> + <xsl:if test="$nodepos - 1 > 0"> + <a class="link"> + <xsl:attribute name="href"> + <xsl:choose> + <xsl:when test="//page[$nodepos - 1]/@id = 'index'"> + <xsl:text>index.php</xsl:text> + </xsl:when> + <xsl:otherwise> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:for-each select="//page[@paginate]"> + <xsl:if test="position() = $nodepos - 1"> + <xsl:value-of select="./@id"/> + </xsl:if> + </xsl:for-each> + </xsl:otherwise> + </xsl:choose> + + </xsl:attribute> + <xsl:text>< previous</xsl:text> + </a> + </xsl:if> + + <xsl:if test="($nodepos - 1 > 0) and ($nodepos + 1 <= count(//page[@paginate]))"> + <xsl:text> / </xsl:text> + </xsl:if> + + <xsl:if test="$nodepos + 1 <= count(//page[@paginate])"> + <a class="link"> + <xsl:attribute name="href"> + <xsl:text>index.php?template=page&page=</xsl:text> + + <xsl:for-each select="//page[@paginate]"> + <xsl:if test="position() = $nodepos + 1"> + <xsl:value-of select="./@id"/> + </xsl:if> + </xsl:for-each> + + </xsl:attribute> + <xsl:text>next ></xsl:text> + </a> + </xsl:if> + +</div> +</xsl:if> + +<!-- footer --> +<div class="footer"><xsl:apply-templates select="xml/global/footer" /></div> + +<script type="text/javascript"> +<xsl:comment><![CDATA[ + +newImage(); +if (location.hash != '') { + id = location.hash.substr(1); + Effect.ScrollTo(id); + Effect.Pulsate(id, { pulses: 4, duration: 2.5 }); +} + +]]></xsl:comment> +</script> + +</body> +</html> +</xsl:template> + +<!-- formatting --> + +<xsl:template match="thumbnail"> + <li class="thumb-wrapper"> + <xsl:if test="image"> + <xsl:choose> + <xsl:when test="@id or @url"> + <div class="spc"> + <a> + <xsl:attribute name="href"> + <xsl:if test="@id"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="@id"/> + </xsl:if> + <xsl:if test="@url"> + <xsl:value-of select="@url"/> + </xsl:if> + </xsl:attribute> + + <xsl:apply-templates select="image" /> + </a> + </div> + </xsl:when> + <xsl:otherwise> + <div class="spc"><xsl:apply-templates select="image" /></div> + </xsl:otherwise> + </xsl:choose> + </xsl:if> + <xsl:if test="title"> + <xsl:choose> + <xsl:when test="@id or @url"> + <div> + <a class="link"> + <xsl:attribute name="href"> + <xsl:if test="@id"> + <xsl:text>index.php?template=page&page=</xsl:text> + <xsl:value-of select="@id"/> + </xsl:if> + <xsl:if test="@url"> + <xsl:value-of select="@url"/> + </xsl:if> + </xsl:attribute> + + <xsl:value-of select="title"/> + </a> + </div> + </xsl:when> + <xsl:otherwise> + <div><xsl:value-of select="title"/></div> + </xsl:otherwise> + </xsl:choose> + </xsl:if> + <xsl:for-each select="caption"> + <div><xsl:apply-templates select="."/></div> + </xsl:for-each> + </li> +</xsl:template> + +<xsl:template match="list"> + <xsl:choose> + <xsl:when test="@bullet"> + <ul> + <xsl:for-each select="item"> + <li><xsl:apply-templates select="."/></li> + </xsl:for-each> + </ul> + </xsl:when> + <xsl:otherwise> + <ul class="bullet"> + <xsl:for-each select="item"> + <li><xsl:apply-templates select="."/></li> + </xsl:for-each> + </ul> + </xsl:otherwise> + </xsl:choose> +</xsl:template> + +<xsl:template match="keyphrase"> + + <!-- set variable to get keyphrase --> + <xsl:variable name="keyphrase"> + <xsl:value-of select="."/> + </xsl:variable> + + <a> + <xsl:attribute name="id"> + <xsl:for-each select="//keyphrase"> + <xsl:if test=". = $keyphrase"> + <xsl:text>phrase</xsl:text> + <xsl:value-of select="position()" /> + </xsl:if> + </xsl:for-each> + </xsl:attribute> + + <xsl:attribute name="name"> + <xsl:for-each select="//keyphrase"> + <xsl:if test=". = $keyphrase"> + <xsl:text>phrase</xsl:text> + <xsl:value-of select="position()" /> + </xsl:if> + </xsl:for-each> + </xsl:attribute> + + <span class="emphasis"> + <xsl:value-of select="."/> + </span> + </a> +</xsl:template> + +<xsl:template match="link"> + <a xmlns="http://www.w3.org/1999/xhtml" class="link"> + <xsl:if test="@external"> + <xsl:attribute name="target">_blank</xsl:attribute> + </xsl:if> + <xsl:attribute name="href"> + <xsl:if test="@url"><xsl:value-of select="@url"/></xsl:if> + <xsl:if test="@id">index.php?template=page&page=<xsl:value-of select="@id"/></xsl:if> + </xsl:attribute> + <xsl:value-of select="."/> + </a> +</xsl:template> + +<xsl:template match="line-break"> + <br xmlns="http://www.w3.org/1999/xhtml" /> +</xsl:template> + +<xsl:template match="italic"> + <em xmlns="http://www.w3.org/1999/xhtml"> + <xsl:value-of select="."/> + </em> +</xsl:template> + +<xsl:template match="image"> + <img border="0"> + <xsl:attribute name="src"><xsl:value-of select="@url"/></xsl:attribute> + <xsl:attribute name="width"><xsl:value-of select="@width"/></xsl:attribute> + <xsl:attribute name="height"><xsl:value-of select="@height"/></xsl:attribute> + <xsl:if test="@border = 'true'"> + <xsl:attribute name="class">thumb</xsl:attribute> + </xsl:if> + </img> +</xsl:template> + +<xsl:template match="video"> + <embed> + <xsl:attribute name="autoplay">true</xsl:attribute> + <xsl:attribute name="width"><xsl:value-of select="@width"/></xsl:attribute> + <xsl:attribute name="height"><xsl:value-of select="@height + 15"/></xsl:attribute> + <xsl:attribute name="src"><xsl:value-of select="@url"/></xsl:attribute> + </embed> +</xsl:template> + +<xsl:template match="headline"> + <span class="headline"> + <xsl:value-of select="."/> + </span> +</xsl:template> + +<xsl:template match="lead"> + <span class="headline"> + <xsl:value-of select="."/> + </span> +</xsl:template> + +</xsl:stylesheet>
\ No newline at end of file diff --git a/scripts/effects.js b/scripts/effects.js new file mode 100644 index 0000000..f31a81a --- /dev/null +++ b/scripts/effects.js @@ -0,0 +1,1130 @@ +// script.aculo.us effects.js v1.8.2, Tue Nov 18 18:30:58 +0100 2008 + +// Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) +// Contributors: +// Justin Palmer (http://encytemedia.com/) +// Mark Pilgrim (http://diveintomark.org/) +// Martin Bialasinki +// +// script.aculo.us is freely distributable under the terms of an MIT-style license. +// For details, see the script.aculo.us web site: http://script.aculo.us/ + +// converts rgb() and #xxx to #xxxxxx format, +// returns self (or first argument) if not convertable +String.prototype.parseColor = function() { + var color = '#'; + if (this.slice(0,4) == 'rgb(') { + var cols = this.slice(4,this.length-1).split(','); + var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3); + } else { + if (this.slice(0,1) == '#') { + if (this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase(); + if (this.length==7) color = this.toLowerCase(); + } + } + return (color.length==7 ? color : (arguments[0] || this)); +}; + +/*--------------------------------------------------------------------------*/ + +Element.collectTextNodes = function(element) { + return $A($(element).childNodes).collect( function(node) { + return (node.nodeType==3 ? node.nodeValue : + (node.hasChildNodes() ? Element.collectTextNodes(node) : '')); + }).flatten().join(''); +}; + +Element.collectTextNodesIgnoreClass = function(element, className) { + return $A($(element).childNodes).collect( function(node) { + return (node.nodeType==3 ? node.nodeValue : + ((node.hasChildNodes() && !Element.hasClassName(node,className)) ? + Element.collectTextNodesIgnoreClass(node, className) : '')); + }).flatten().join(''); +}; + +Element.setContentZoom = function(element, percent) { + element = $(element); + element.setStyle({fontSize: (percent/100) + 'em'}); + if (Prototype.Browser.WebKit) window.scrollBy(0,0); + return element; +}; + +Element.getInlineOpacity = function(element){ + return $(element).style.opacity || ''; +}; + +Element.forceRerendering = function(element) { + try { + element = $(element); + var n = document.createTextNode(' '); + element.appendChild(n); + element.removeChild(n); + } catch(e) { } +}; + +/*--------------------------------------------------------------------------*/ + +var Effect = { + _elementDoesNotExistError: { + name: 'ElementDoesNotExistError', + message: 'The specified DOM element does not exist, but is required for this effect to operate' + }, + Transitions: { + linear: Prototype.K, + sinoidal: function(pos) { + return (-Math.cos(pos*Math.PI)/2) + .5; + }, + reverse: function(pos) { + return 1-pos; + }, + flicker: function(pos) { + var pos = ((-Math.cos(pos*Math.PI)/4) + .75) + Math.random()/4; + return pos > 1 ? 1 : pos; + }, + wobble: function(pos) { + return (-Math.cos(pos*Math.PI*(9*pos))/2) + .5; + }, + pulse: function(pos, pulses) { + return (-Math.cos((pos*((pulses||5)-.5)*2)*Math.PI)/2) + .5; + }, + spring: function(pos) { + return 1 - (Math.cos(pos * 4.5 * Math.PI) * Math.exp(-pos * 6)); + }, + none: function(pos) { + return 0; + }, + full: function(pos) { + return 1; + } + }, + DefaultOptions: { + duration: 1.0, // seconds + fps: 100, // 100= assume 66fps max. + sync: false, // true for combining + from: 0.0, + to: 1.0, + delay: 0.0, + queue: 'parallel' + }, + tagifyText: function(element) { + var tagifyStyle = 'position:relative'; + if (Prototype.Browser.IE) tagifyStyle += ';zoom:1'; + + element = $(element); + $A(element.childNodes).each( function(child) { + if (child.nodeType==3) { + child.nodeValue.toArray().each( function(character) { + element.insertBefore( + new Element('span', {style: tagifyStyle}).update( + character == ' ' ? String.fromCharCode(160) : character), + child); + }); + Element.remove(child); + } + }); + }, + multiple: function(element, effect) { + var elements; + if (((typeof element == 'object') || + Object.isFunction(element)) && + (element.length)) + elements = element; + else + elements = $(element).childNodes; + + var options = Object.extend({ + speed: 0.1, + delay: 0.0 + }, arguments[2] || { }); + var masterDelay = options.delay; + + $A(elements).each( function(element, index) { + new effect(element, Object.extend(options, { delay: index * options.speed + masterDelay })); + }); + }, + PAIRS: { + 'slide': ['SlideDown','SlideUp'], + 'blind': ['BlindDown','BlindUp'], + 'appear': ['Appear','Fade'] + }, + toggle: function(element, effect) { + element = $(element); + effect = (effect || 'appear').toLowerCase(); + var options = Object.extend({ + queue: { position:'end', scope:(element.id || 'global'), limit: 1 } + }, arguments[2] || { }); + Effect[element.visible() ? + Effect.PAIRS[effect][1] : Effect.PAIRS[effect][0]](element, options); + } +}; + +Effect.DefaultOptions.transition = Effect.Transitions.sinoidal; + +/* ------------- core effects ------------- */ + +Effect.ScopedQueue = Class.create(Enumerable, { + initialize: function() { + this.effects = []; + this.interval = null; + }, + _each: function(iterator) { + this.effects._each(iterator); + }, + add: function(effect) { + var timestamp = new Date().getTime(); + + var position = Object.isString(effect.options.queue) ? + effect.options.queue : effect.options.queue.position; + + switch(position) { + case 'front': + // move unstarted effects after this effect + this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) { + e.startOn += effect.finishOn; + e.finishOn += effect.finishOn; + }); + break; + case 'with-last': + timestamp = this.effects.pluck('startOn').max() || timestamp; + break; + case 'end': + // start effect after last queued effect has finished + timestamp = this.effects.pluck('finishOn').max() || timestamp; + break; + } + + effect.startOn += timestamp; + effect.finishOn += timestamp; + + if (!effect.options.queue.limit || (this.effects.length < effect.options.queue.limit)) + this.effects.push(effect); + + if (!this.interval) + this.interval = setInterval(this.loop.bind(this), 15); + }, + remove: function(effect) { + this.effects = this.effects.reject(function(e) { return e==effect }); + if (this.effects.length == 0) { + clearInterval(this.interval); + this.interval = null; + } + }, + loop: function() { + var timePos = new Date().getTime(); + for(var i=0, len=this.effects.length;i<len;i++) + this.effects[i] && this.effects[i].loop(timePos); + } +}); + +Effect.Queues = { + instances: $H(), + get: function(queueName) { + if (!Object.isString(queueName)) return queueName; + + return this.instances.get(queueName) || + this.instances.set(queueName, new Effect.ScopedQueue()); + } +}; +Effect.Queue = Effect.Queues.get('global'); + +Effect.Base = Class.create({ + position: null, + start: function(options) { + function codeForEvent(options,eventName){ + return ( + (options[eventName+'Internal'] ? 'this.options.'+eventName+'Internal(this);' : '') + + (options[eventName] ? 'this.options.'+eventName+'(this);' : '') + ); + } + if (options && options.transition === false) options.transition = Effect.Transitions.linear; + this.options = Object.extend(Object.extend({ },Effect.DefaultOptions), options || { }); + this.currentFrame = 0; + this.state = 'idle'; + this.startOn = this.options.delay*1000; + this.finishOn = this.startOn+(this.options.duration*1000); + this.fromToDelta = this.options.to-this.options.from; + this.totalTime = this.finishOn-this.startOn; + this.totalFrames = this.options.fps*this.options.duration; + + this.render = (function() { + function dispatch(effect, eventName) { + if (effect.options[eventName + 'Internal']) + effect.options[eventName + 'Internal'](effect); + if (effect.options[eventName]) + effect.options[eventName](effect); + } + + return function(pos) { + if (this.state === "idle") { + this.state = "running"; + dispatch(this, 'beforeSetup'); + if (this.setup) this.setup(); + dispatch(this, 'afterSetup'); + } + if (this.state === "running") { + pos = (this.options.transition(pos) * this.fromToDelta) + this.options.from; + this.position = pos; + dispatch(this, 'beforeUpdate'); + if (this.update) this.update(pos); + dispatch(this, 'afterUpdate'); + } + }; + })(); + + this.event('beforeStart'); + if (!this.options.sync) + Effect.Queues.get(Object.isString(this.options.queue) ? + 'global' : this.options.queue.scope).add(this); + }, + loop: function(timePos) { + if (timePos >= this.startOn) { + if (timePos >= this.finishOn) { + this.render(1.0); + this.cancel(); + this.event('beforeFinish'); + if (this.finish) this.finish(); + this.event('afterFinish'); + return; + } + var pos = (timePos - this.startOn) / this.totalTime, + frame = (pos * this.totalFrames).round(); + if (frame > this.currentFrame) { + this.render(pos); + this.currentFrame = frame; + } + } + }, + cancel: function() { + if (!this.options.sync) + Effect.Queues.get(Object.isString(this.options.queue) ? + 'global' : this.options.queue.scope).remove(this); + this.state = 'finished'; + }, + event: function(eventName) { + if (this.options[eventName + 'Internal']) this.options[eventName + 'Internal'](this); + if (this.options[eventName]) this.options[eventName](this); + }, + inspect: function() { + var data = $H(); + for(property in this) + if (!Object.isFunction(this[property])) data.set(property, this[property]); + return '#<Effect:' + data.inspect() + ',options:' + $H(this.options).inspect() + '>'; + } +}); + +Effect.Parallel = Class.create(Effect.Base, { + initialize: function(effects) { + this.effects = effects || []; + this.start(arguments[1]); + }, + update: function(position) { + this.effects.invoke('render', position); + }, + finish: function(position) { + this.effects.each( function(effect) { + effect.render(1.0); + effect.cancel(); + effect.event('beforeFinish'); + if (effect.finish) effect.finish(position); + effect.event('afterFinish'); + }); + } +}); + +Effect.Tween = Class.create(Effect.Base, { + initialize: function(object, from, to) { + object = Object.isString(object) ? $(object) : object; + var args = $A(arguments), method = args.last(), + options = args.length == 5 ? args[3] : null; + this.method = Object.isFunction(method) ? method.bind(object) : + Object.isFunction(object[method]) ? object[method].bind(object) : + function(value) { object[method] = value }; + this.start(Object.extend({ from: from, to: to }, options || { })); + }, + update: function(position) { + this.method(position); + } +}); + +Effect.Event = Class.create(Effect.Base, { + initialize: function() { + this.start(Object.extend({ duration: 0 }, arguments[0] || { })); + }, + update: Prototype.emptyFunction +}); + +Effect.Opacity = Class.create(Effect.Base, { + initialize: function(element) { + this.element = $(element); + if (!this.element) throw(Effect._elementDoesNotExistError); + // make this work on IE on elements without 'layout' + if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout)) + this.element.setStyle({zoom: 1}); + var options = Object.extend({ + from: this.element.getOpacity() || 0.0, + to: 1.0 + }, arguments[1] || { }); + this.start(options); + }, + update: function(position) { + this.element.setOpacity(position); + } +}); + +Effect.Move = Class.create(Effect.Base, { + initialize: function(element) { + this.element = $(element); + if (!this.element) throw(Effect._elementDoesNotExistError); + var options = Object.extend({ + x: 0, + y: 0, + mode: 'relative' + }, arguments[1] || { }); + this.start(options); + }, + setup: function() { + this.element.makePositioned(); + this.originalLeft = parseFloat(this.element.getStyle('left') || '0'); + this.originalTop = parseFloat(this.element.getStyle('top') || '0'); + if (this.options.mode == 'absolute') { + this.options.x = this.options.x - this.originalLeft; + this.options.y = this.options.y - this.originalTop; + } + }, + update: function(position) { + this.element.setStyle({ + left: (this.options.x * position + this.originalLeft).round() + 'px', + top: (this.options.y * position + this.originalTop).round() + 'px' + }); + } +}); + +// for backwards compatibility +Effect.MoveBy = function(element, toTop, toLeft) { + return new Effect.Move(element, + Object.extend({ x: toLeft, y: toTop }, arguments[3] || { })); +}; + +Effect.Scale = Class.create(Effect.Base, { + initialize: function(element, percent) { + this.element = $(element); + if (!this.element) throw(Effect._elementDoesNotExistError); + var options = Object.extend({ + scaleX: true, + scaleY: true, + scaleContent: true, + scaleFromCenter: false, + scaleMode: 'box', // 'box' or 'contents' or { } with provided values + scaleFrom: 100.0, + scaleTo: percent + }, arguments[2] || { }); + this.start(options); + }, + setup: function() { + this.restoreAfterFinish = this.options.restoreAfterFinish || false; + this.elementPositioning = this.element.getStyle('position'); + + this.originalStyle = { }; + ['top','left','width','height','fontSize'].each( function(k) { + this.originalStyle[k] = this.element.style[k]; + }.bind(this)); + + this.originalTop = this.element.offsetTop; + this.originalLeft = this.element.offsetLeft; + + var fontSize = this.element.getStyle('font-size') || '100%'; + ['em','px','%','pt'].each( function(fontSizeType) { + if (fontSize.indexOf(fontSizeType)>0) { + this.fontSize = parseFloat(fontSize); + this.fontSizeType = fontSizeType; + } + }.bind(this)); + + this.factor = (this.options.scaleTo - this.options.scaleFrom)/100; + + this.dims = null; + if (this.options.scaleMode=='box') + this.dims = [this.element.offsetHeight, this.element.offsetWidth]; + if (/^content/.test(this.options.scaleMode)) + this.dims = [this.element.scrollHeight, this.element.scrollWidth]; + if (!this.dims) + this.dims = [this.options.scaleMode.originalHeight, + this.options.scaleMode.originalWidth]; + }, + update: function(position) { + var currentScale = (this.options.scaleFrom/100.0) + (this.factor * position); + if (this.options.scaleContent && this.fontSize) + this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType }); + this.setDimensions(this.dims[0] * currentScale, this.dims[1] * currentScale); + }, + finish: function(position) { + if (this.restoreAfterFinish) this.element.setStyle(this.originalStyle); + }, + setDimensions: function(height, width) { + var d = { }; + if (this.options.scaleX) d.width = width.round() + 'px'; + if (this.options.scaleY) d.height = height.round() + 'px'; + if (this.options.scaleFromCenter) { + var topd = (height - this.dims[0])/2; + var leftd = (width - this.dims[1])/2; + if (this.elementPositioning == 'absolute') { + if (this.options.scaleY) d.top = this.originalTop-topd + 'px'; + if (this.options.scaleX) d.left = this.originalLeft-leftd + 'px'; + } else { + if (this.options.scaleY) d.top = -topd + 'px'; + if (this.options.scaleX) d.left = -leftd + 'px'; + } + } + this.element.setStyle(d); + } +}); + +Effect.Highlight = Class.create(Effect.Base, { + initialize: function(element) { + this.element = $(element); + if (!this.element) throw(Effect._elementDoesNotExistError); + var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || { }); + this.start(options); + }, + setup: function() { + // Prevent executing on elements not in the layout flow + if (this.element.getStyle('display')=='none') { this.cancel(); return; } + // Disable background image during the effect + this.oldStyle = { }; + if (!this.options.keepBackgroundImage) { + this.oldStyle.backgroundImage = this.element.getStyle('background-image'); + this.element.setStyle({backgroundImage: 'none'}); + } + if (!this.options.endcolor) + this.options.endcolor = this.element.getStyle('background-color').parseColor('#ffffff'); + if (!this.options.restorecolor) + this.options.restorecolor = this.element.getStyle('background-color'); + // init color calculations + this._base = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this)); + this._delta = $R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i] }.bind(this)); + }, + update: function(position) { + this.element.setStyle({backgroundColor: $R(0,2).inject('#',function(m,v,i){ + return m+((this._base[i]+(this._delta[i]*position)).round().toColorPart()); }.bind(this)) }); + }, + finish: function() { + this.element.setStyle(Object.extend(this.oldStyle, { + backgroundColor: this.options.restorecolor + })); + } +}); + +Effect.ScrollTo = function(element) { + var options = arguments[1] || { }, + scrollOffsets = document.viewport.getScrollOffsets(), + elementOffsets = $(element).cumulativeOffset(); + + if (options.offset) elementOffsets[1] += options.offset; + + return new Effect.Tween(null, + scrollOffsets.top, + elementOffsets[1], + options, + function(p){ scrollTo(scrollOffsets.left, p.round()); } + ); +}; + +/* ------------- combination effects ------------- */ + +Effect.Fade = function(element) { + element = $(element); + var oldOpacity = element.getInlineOpacity(); + var options = Object.extend({ + from: element.getOpacity() || 1.0, + to: 0.0, + afterFinishInternal: function(effect) { + if (effect.options.to!=0) return; + effect.element.hide().setStyle({opacity: oldOpacity}); + } + }, arguments[1] || { }); + return new Effect.Opacity(element,options); +}; + +Effect.Appear = function(element) { + element = $(element); + var options = Object.extend({ + from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0), + to: 1.0, + // force Safari to render floated elements properly + afterFinishInternal: function(effect) { + effect.element.forceRerendering(); + }, + beforeSetup: function(effect) { + effect.element.setOpacity(effect.options.from).show(); + }}, arguments[1] || { }); + return new Effect.Opacity(element,options); +}; + +Effect.Puff = function(element) { + element = $(element); + var oldStyle = { + opacity: element.getInlineOpacity(), + position: element.getStyle('position'), + top: element.style.top, + left: element.style.left, + width: element.style.width, + height: element.style.height + }; + return new Effect.Parallel( + [ new Effect.Scale(element, 200, + { sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }), + new Effect.Opacity(element, { sync: true, to: 0.0 } ) ], + Object.extend({ duration: 1.0, + beforeSetupInternal: function(effect) { + Position.absolutize(effect.effects[0].element); + }, + afterFinishInternal: function(effect) { + effect.effects[0].element.hide().setStyle(oldStyle); } + }, arguments[1] || { }) + ); +}; + +Effect.BlindUp = function(element) { + element = $(element); + element.makeClipping(); + return new Effect.Scale(element, 0, + Object.extend({ scaleContent: false, + scaleX: false, + restoreAfterFinish: true, + afterFinishInternal: function(effect) { + effect.element.hide().undoClipping(); + } + }, arguments[1] || { }) + ); +}; + +Effect.BlindDown = function(element) { + element = $(element); + var elementDimensions = element.getDimensions(); + return new Effect.Scale(element, 100, Object.extend({ + scaleContent: false, + scaleX: false, + scaleFrom: 0, + scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, + restoreAfterFinish: true, + afterSetup: function(effect) { + effect.element.makeClipping().setStyle({height: '0px'}).show(); + }, + afterFinishInternal: function(effect) { + effect.element.undoClipping(); + } + }, arguments[1] || { })); +}; + +Effect.SwitchOff = function(element) { + element = $(element); + var oldOpacity = element.getInlineOpacity(); + return new Effect.Appear(element, Object.extend({ + duration: 0.4, + from: 0, + transition: Effect.Transitions.flicker, + afterFinishInternal: function(effect) { + new Effect.Scale(effect.element, 1, { + duration: 0.3, scaleFromCenter: true, + scaleX: false, scaleContent: false, restoreAfterFinish: true, + beforeSetup: function(effect) { + effect.element.makePositioned().makeClipping(); + }, + afterFinishInternal: function(effect) { + effect.element.hide().undoClipping().undoPositioned().setStyle({opacity: oldOpacity}); + } + }); + } + }, arguments[1] || { })); +}; + +Effect.DropOut = function(element) { + element = $(element); + var oldStyle = { + top: element.getStyle('top'), + left: element.getStyle('left'), + opacity: element.getInlineOpacity() }; + return new Effect.Parallel( + [ new Effect.Move(element, {x: 0, y: 100, sync: true }), + new Effect.Opacity(element, { sync: true, to: 0.0 }) ], + Object.extend( + { duration: 0.5, + beforeSetup: function(effect) { + effect.effects[0].element.makePositioned(); + }, + afterFinishInternal: function(effect) { + effect.effects[0].element.hide().undoPositioned().setStyle(oldStyle); + } + }, arguments[1] || { })); +}; + +Effect.Shake = function(element) { + element = $(element); + var options = Object.extend({ + distance: 20, + duration: 0.5 + }, arguments[1] || {}); + var distance = parseFloat(options.distance); + var split = parseFloat(options.duration) / 10.0; + var oldStyle = { + top: element.getStyle('top'), + left: element.getStyle('left') }; + return new Effect.Move(element, + { x: distance, y: 0, duration: split, afterFinishInternal: function(effect) { + new Effect.Move(effect.element, + { x: -distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) { + new Effect.Move(effect.element, + { x: distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) { + new Effect.Move(effect.element, + { x: -distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) { + new Effect.Move(effect.element, + { x: distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) { + new Effect.Move(effect.element, + { x: -distance, y: 0, duration: split, afterFinishInternal: function(effect) { + effect.element.undoPositioned().setStyle(oldStyle); + }}); }}); }}); }}); }}); }}); +}; + +Effect.SlideDown = function(element) { + element = $(element).cleanWhitespace(); + // SlideDown need to have the content of the element wrapped in a container element with fixed height! + var oldInnerBottom = element.down().getStyle('bottom'); + var elementDimensions = element.getDimensions(); + return new Effect.Scale(element, 100, Object.extend({ + scaleContent: false, + scaleX: false, + scaleFrom: window.opera ? 0 : 1, + scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, + restoreAfterFinish: true, + afterSetup: function(effect) { + effect.element.makePositioned(); + effect.element.down().makePositioned(); + if (window.opera) effect.element.setStyle({top: ''}); + effect.element.makeClipping().setStyle({height: '0px'}).show(); + }, + afterUpdateInternal: function(effect) { + effect.element.down().setStyle({bottom: + (effect.dims[0] - effect.element.clientHeight) + 'px' }); + }, + afterFinishInternal: function(effect) { + effect.element.undoClipping().undoPositioned(); + effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom}); } + }, arguments[1] || { }) + ); +}; + +Effect.SlideUp = function(element) { + element = $(element).cleanWhitespace(); + var oldInnerBottom = element.down().getStyle('bottom'); + var elementDimensions = element.getDimensions(); + return new Effect.Scale(element, window.opera ? 0 : 1, + Object.extend({ scaleContent: false, + scaleX: false, + scaleMode: 'box', + scaleFrom: 100, + scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, + restoreAfterFinish: true, + afterSetup: function(effect) { + effect.element.makePositioned(); + effect.element.down().makePositioned(); + if (window.opera) effect.element.setStyle({top: ''}); + effect.element.makeClipping().show(); + }, + afterUpdateInternal: function(effect) { + effect.element.down().setStyle({bottom: + (effect.dims[0] - effect.element.clientHeight) + 'px' }); + }, + afterFinishInternal: function(effect) { + effect.element.hide().undoClipping().undoPositioned(); + effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom}); + } + }, arguments[1] || { }) + ); +}; + +// Bug in opera makes the TD containing this element expand for a instance after finish +Effect.Squish = function(element) { + return new Effect.Scale(element, window.opera ? 1 : 0, { + restoreAfterFinish: true, + beforeSetup: function(effect) { + effect.element.makeClipping(); + }, + afterFinishInternal: function(effect) { + effect.element.hide().undoClipping(); + } + }); +}; + +Effect.Grow = function(element) { + element = $(element); + var options = Object.extend({ + direction: 'center', + moveTransition: Effect.Transitions.sinoidal, + scaleTransition: Effect.Transitions.sinoidal, + opacityTransition: Effect.Transitions.full + }, arguments[1] || { }); + var oldStyle = { + top: element.style.top, + left: element.style.left, + height: element.style.height, + width: element.style.width, + opacity: element.getInlineOpacity() }; + + var dims = element.getDimensions(); + var initialMoveX, initialMoveY; + var moveX, moveY; + + switch (options.direction) { + case 'top-left': + initialMoveX = initialMoveY = moveX = moveY = 0; + break; + case 'top-right': + initialMoveX = dims.width; + initialMoveY = moveY = 0; + moveX = -dims.width; + break; + case 'bottom-left': + initialMoveX = moveX = 0; + initialMoveY = dims.height; + moveY = -dims.height; + break; + case 'bottom-right': + initialMoveX = dims.width; + initialMoveY = dims.height; + moveX = -dims.width; + moveY = -dims.height; + break; + case 'center': + initialMoveX = dims.width / 2; + initialMoveY = dims.height / 2; + moveX = -dims.width / 2; + moveY = -dims.height / 2; + break; + } + + return new Effect.Move(element, { + x: initialMoveX, + y: initialMoveY, + duration: 0.01, + beforeSetup: function(effect) { + effect.element.hide().makeClipping().makePositioned(); + }, + afterFinishInternal: function(effect) { + new Effect.Parallel( + [ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }), + new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }), + new Effect.Scale(effect.element, 100, { + scaleMode: { originalHeight: dims.height, originalWidth: dims.width }, + sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true}) + ], Object.extend({ + beforeSetup: function(effect) { + effect.effects[0].element.setStyle({height: '0px'}).show(); + }, + afterFinishInternal: function(effect) { + effect.effects[0].element.undoClipping().undoPositioned().setStyle(oldStyle); + } + }, options) + ); + } + }); +}; + +Effect.Shrink = function(element) { + element = $(element); + var options = Object.extend({ + direction: 'center', + moveTransition: Effect.Transitions.sinoidal, + scaleTransition: Effect.Transitions.sinoidal, + opacityTransition: Effect.Transitions.none + }, arguments[1] || { }); + var oldStyle = { + top: element.style.top, + left: element.style.left, + height: element.style.height, + width: element.style.width, + opacity: element.getInlineOpacity() }; + + var dims = element.getDimensions(); + var moveX, moveY; + + switch (options.direction) { + case 'top-left': + moveX = moveY = 0; + break; + case 'top-right': + moveX = dims.width; + moveY = 0; + break; + case 'bottom-left': + moveX = 0; + moveY = dims.height; + break; + case 'bottom-right': + moveX = dims.width; + moveY = dims.height; + break; + case 'center': + moveX = dims.width / 2; + moveY = dims.height / 2; + break; + } + + return new Effect.Parallel( + [ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }), + new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}), + new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }) + ], Object.extend({ + beforeStartInternal: function(effect) { + effect.effects[0].element.makePositioned().makeClipping(); + }, + afterFinishInternal: function(effect) { + effect.effects[0].element.hide().undoClipping().undoPositioned().setStyle(oldStyle); } + }, options) + ); +}; + +Effect.Pulsate = function(element) { + element = $(element); + var options = arguments[1] || { }, + oldOpacity = element.getInlineOpacity(), + transition = options.transition || Effect.Transitions.linear, + reverser = function(pos){ + return 1 - transition((-Math.cos((pos*(options.pulses||5)*2)*Math.PI)/2) + .5); + }; + + return new Effect.Opacity(element, + Object.extend(Object.extend({ duration: 2.0, from: 0, + afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); } + }, options), {transition: reverser})); +}; + +Effect.Fold = function(element) { + element = $(element); + var oldStyle = { + top: element.style.top, + left: element.style.left, + width: element.style.width, + height: element.style.height }; + element.makeClipping(); + return new Effect.Scale(element, 5, Object.extend({ + scaleContent: false, + scaleX: false, + afterFinishInternal: function(effect) { + new Effect.Scale(element, 1, { + scaleContent: false, + scaleY: false, + afterFinishInternal: function(effect) { + effect.element.hide().undoClipping().setStyle(oldStyle); + } }); + }}, arguments[1] || { })); +}; + +Effect.Morph = Class.create(Effect.Base, { + initialize: function(element) { + this.element = $(element); + if (!this.element) throw(Effect._elementDoesNotExistError); + var options = Object.extend({ + style: { } + }, arguments[1] || { }); + + if (!Object.isString(options.style)) this.style = $H(options.style); + else { + if (options.style.include(':')) + this.style = options.style.parseStyle(); + else { + this.element.addClassName(options.style); + this.style = $H(this.element.getStyles()); + this.element.removeClassName(options.style); + var css = this.element.getStyles(); + this.style = this.style.reject(function(style) { + return style.value == css[style.key]; + }); + options.afterFinishInternal = function(effect) { + effect.element.addClassName(effect.options.style); + effect.transforms.each(function(transform) { + effect.element.style[transform.style] = ''; + }); + }; + } + } + this.start(options); + }, + + setup: function(){ + function parseColor(color){ + if (!color || ['rgba(0, 0, 0, 0)','transparent'].include(color)) color = '#ffffff'; + color = color.parseColor(); + return $R(0,2).map(function(i){ + return parseInt( color.slice(i*2+1,i*2+3), 16 ); + }); + } + this.transforms = this.style.map(function(pair){ + var property = pair[0], value = pair[1], unit = null; + + if (value.parseColor('#zzzzzz') != '#zzzzzz') { + value = value.parseColor(); + unit = 'color'; + } else if (property == 'opacity') { + value = parseFloat(value); + if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout)) + this.element.setStyle({zoom: 1}); + } else if (Element.CSS_LENGTH.test(value)) { + var components = value.match(/^([\+\-]?[0-9\.]+)(.*)$/); + value = parseFloat(components[1]); + unit = (components.length == 3) ? components[2] : null; + } + + var originalValue = this.element.getStyle(property); + return { + style: property.camelize(), + originalValue: unit=='color' ? parseColor(originalValue) : parseFloat(originalValue || 0), + targetValue: unit=='color' ? parseColor(value) : value, + unit: unit + }; + }.bind(this)).reject(function(transform){ + return ( + (transform.originalValue == transform.targetValue) || + ( + transform.unit != 'color' && + (isNaN(transform.originalValue) || isNaN(transform.targetValue)) + ) + ); + }); + }, + update: function(position) { + var style = { }, transform, i = this.transforms.length; + while(i--) + style[(transform = this.transforms[i]).style] = + transform.unit=='color' ? '#'+ + (Math.round(transform.originalValue[0]+ + (transform.targetValue[0]-transform.originalValue[0])*position)).toColorPart() + + (Math.round(transform.originalValue[1]+ + (transform.targetValue[1]-transform.originalValue[1])*position)).toColorPart() + + (Math.round(transform.originalValue[2]+ + (transform.targetValue[2]-transform.originalValue[2])*position)).toColorPart() : + (transform.originalValue + + (transform.targetValue - transform.originalValue) * position).toFixed(3) + + (transform.unit === null ? '' : transform.unit); + this.element.setStyle(style, true); + } +}); + +Effect.Transform = Class.create({ + initialize: function(tracks){ + this.tracks = []; + this.options = arguments[1] || { }; + this.addTracks(tracks); + }, + addTracks: function(tracks){ + tracks.each(function(track){ + track = $H(track); + var data = track.values().first(); + this.tracks.push($H({ + ids: track.keys().first(), + effect: Effect.Morph, + options: { style: data } + })); + }.bind(this)); + return this; + }, + play: function(){ + return new Effect.Parallel( + this.tracks.map(function(track){ + var ids = track.get('ids'), effect = track.get('effect'), options = track.get('options'); + var elements = [$(ids) || $$(ids)].flatten(); + return elements.map(function(e){ return new effect(e, Object.extend({ sync:true }, options)) }); + }).flatten(), + this.options + ); + } +}); + +Element.CSS_PROPERTIES = $w( + 'backgroundColor backgroundPosition borderBottomColor borderBottomStyle ' + + 'borderBottomWidth borderLeftColor borderLeftStyle borderLeftWidth ' + + 'borderRightColor borderRightStyle borderRightWidth borderSpacing ' + + 'borderTopColor borderTopStyle borderTopWidth bottom clip color ' + + 'fontSize fontWeight height left letterSpacing lineHeight ' + + 'marginBottom marginLeft marginRight marginTop markerOffset maxHeight '+ + 'maxWidth minHeight minWidth opacity outlineColor outlineOffset ' + + 'outlineWidth paddingBottom paddingLeft paddingRight paddingTop ' + + 'right textIndent top width wordSpacing zIndex'); + +Element.CSS_LENGTH = /^(([\+\-]?[0-9\.]+)(em|ex|px|in|cm|mm|pt|pc|\%))|0$/; + +String.__parseStyleElement = document.createElement('div'); +String.prototype.parseStyle = function(){ + var style, styleRules = $H(); + if (Prototype.Browser.WebKit) + style = new Element('div',{style:this}).style; + else { + String.__parseStyleElement.innerHTML = '<div style="' + this + '"></div>'; + style = String.__parseStyleElement.childNodes[0].style; + } + + Element.CSS_PROPERTIES.each(function(property){ + if (style[property]) styleRules.set(property, style[property]); + }); + + if (Prototype.Browser.IE && this.include('opacity')) + styleRules.set('opacity', this.match(/opacity:\s*((?:0|1)?(?:\.\d*)?)/)[1]); + + return styleRules; +}; + +if (document.defaultView && document.defaultView.getComputedStyle) { + Element.getStyles = function(element) { + var css = document.defaultView.getComputedStyle($(element), null); + return Element.CSS_PROPERTIES.inject({ }, function(styles, property) { + styles[property] = css[property]; + return styles; + }); + }; +} else { + Element.getStyles = function(element) { + element = $(element); + var css = element.currentStyle, styles; + styles = Element.CSS_PROPERTIES.inject({ }, function(results, property) { + results[property] = css[property]; + return results; + }); + if (!styles.opacity) styles.opacity = element.getOpacity(); + return styles; + }; +} + +Effect.Methods = { + morph: function(element, style) { + element = $(element); + new Effect.Morph(element, Object.extend({ style: style }, arguments[2] || { })); + return element; + }, + visualEffect: function(element, effect, options) { + element = $(element); + var s = effect.dasherize().camelize(), klass = s.charAt(0).toUpperCase() + s.substring(1); + new Effect[klass](element, options); + return element; + }, + highlight: function(element, options) { + element = $(element); + new Effect.Highlight(element, options); + return element; + } +}; + +$w('fade appear grow shrink fold blindUp blindDown slideUp slideDown '+ + 'pulsate shake puff squish switchOff dropOut').each( + function(effect) { + Effect.Methods[effect] = function(element, options){ + element = $(element); + Effect[effect.charAt(0).toUpperCase() + effect.substring(1)](element, options); + return element; + }; + } +); + +$w('getInlineOpacity forceRerendering setContentZoom collectTextNodes collectTextNodesIgnoreClass getStyles').each( + function(f) { Effect.Methods[f] = Element[f]; } +); + +Element.addMethods(Effect.Methods);
\ No newline at end of file diff --git a/scripts/menu.js b/scripts/menu.js new file mode 100644 index 0000000..6d33bc6 --- /dev/null +++ b/scripts/menu.js @@ -0,0 +1,54 @@ +// JavaScript Document + +// DropDownMenu by Miha Hribar +// http://hribar.info + +function addLoadEvent(func) { + var oldonload = window.onload; + if (typeof window.onload != 'function') { + window.onload = func; + } else { + window.onload = function() { + oldonload(); + func(); + } + } +} + +function prepareMenu() { + // first lets make sure the browser understands the DOM methods we will be using + if (!document.getElementsByTagName) return false; + if (!document.getElementById) return false; + + // lets make sure the element exists + if (!document.getElementById("menu")) return false; + var menu = document.getElementById("menu"); + + // for each of the li on the root level check if the element has any children + // if so append a function that makes the element appear when hovered over + var root_li = menu.getElementsByTagName("li"); + for (var i = 0; i < root_li.length; i++) { + var li = root_li[i]; + // search for children + var child_ul = li.getElementsByTagName("ul"); + if (child_ul.length >= 1) { + // we have children - append hover function to the parent + li.onmouseover = function () { + if (!this.getElementsByTagName("ul")) return false; + var ul = this.getElementsByTagName("ul"); + ul[0].style.display = "block"; + return true; + } + li.onmouseout = function () { + if (!this.getElementsByTagName("ul")) return false; + var ul = this.getElementsByTagName("ul"); + ul[0].style.display = "none"; + return true; + } + } + } + + return true; +} + +addLoadEvent(prepareMenu);
\ No newline at end of file diff --git a/scripts/prototype.js b/scripts/prototype.js new file mode 100644 index 0000000..dfe8ab4 --- /dev/null +++ b/scripts/prototype.js @@ -0,0 +1,4320 @@ +/* Prototype JavaScript framework, version 1.6.0.3 + * (c) 2005-2008 Sam Stephenson + * + * Prototype is freely distributable under the terms of an MIT-style license. + * For details, see the Prototype web site: http://www.prototypejs.org/ + * + *--------------------------------------------------------------------------*/ + +var Prototype = { + Version: '1.6.0.3', + + Browser: { + IE: !!(window.attachEvent && + navigator.userAgent.indexOf('Opera') === -1), + Opera: navigator.userAgent.indexOf('Opera') > -1, + WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1, + Gecko: navigator.userAgent.indexOf('Gecko') > -1 && + navigator.userAgent.indexOf('KHTML') === -1, + MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/) + }, + + BrowserFeatures: { + XPath: !!document.evaluate, + SelectorsAPI: !!document.querySelector, + ElementExtensions: !!window.HTMLElement, + SpecificElementExtensions: + document.createElement('div')['__proto__'] && + document.createElement('div')['__proto__'] !== + document.createElement('form')['__proto__'] + }, + + ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>', + JSONFilter: /^\/\*-secure-([\s\S]*)\*\/\s*$/, + + emptyFunction: function() { }, + K: function(x) { return x } +}; + +if (Prototype.Browser.MobileSafari) + Prototype.BrowserFeatures.SpecificElementExtensions = false; + + +/* Based on Alex Arnell's inheritance implementation. */ +var Class = { + create: function() { + var parent = null, properties = $A(arguments); + if (Object.isFunction(properties[0])) + parent = properties.shift(); + + function klass() { + this.initialize.apply(this, arguments); + } + + Object.extend(klass, Class.Methods); + klass.superclass = parent; + klass.subclasses = []; + + if (parent) { + var subclass = function() { }; + subclass.prototype = parent.prototype; + klass.prototype = new subclass; + parent.subclasses.push(klass); + } + + for (var i = 0; i < properties.length; i++) + klass.addMethods(properties[i]); + + if (!klass.prototype.initialize) + klass.prototype.initialize = Prototype.emptyFunction; + + klass.prototype.constructor = klass; + + return klass; + } +}; + +Class.Methods = { + addMethods: function(source) { + var ancestor = this.superclass && this.superclass.prototype; + var properties = Object.keys(source); + + if (!Object.keys({ toString: true }).length) + properties.push("toString", "valueOf"); + + for (var i = 0, length = properties.length; i < length; i++) { + var property = properties[i], value = source[property]; + if (ancestor && Object.isFunction(value) && + value.argumentNames().first() == "$super") { + var method = value; + value = (function(m) { + return function() { return ancestor[m].apply(this, arguments) }; + })(property).wrap(method); + + value.valueOf = method.valueOf.bind(method); + value.toString = method.toString.bind(method); + } + this.prototype[property] = value; + } + + return this; + } +}; + +var Abstract = { }; + +Object.extend = function(destination, source) { + for (var property in source) + destination[property] = source[property]; + return destination; +}; + +Object.extend(Object, { + inspect: function(object) { + try { + if (Object.isUndefined(object)) return 'undefined'; + if (object === null) return 'null'; + return object.inspect ? object.inspect() : String(object); + } catch (e) { + if (e instanceof RangeError) return '...'; + throw e; + } + }, + + toJSON: function(object) { + var type = typeof object; + switch (type) { + case 'undefined': + case 'function': + case 'unknown': return; + case 'boolean': return object.toString(); + } + + if (object === null) return 'null'; + if (object.toJSON) return object.toJSON(); + if (Object.isElement(object)) return; + + var results = []; + for (var property in object) { + var value = Object.toJSON(object[property]); + if (!Object.isUndefined(value)) + results.push(property.toJSON() + ': ' + value); + } + + return '{' + results.join(', ') + '}'; + }, + + toQueryString: function(object) { + return $H(object).toQueryString(); + }, + + toHTML: function(object) { + return object && object.toHTML ? object.toHTML() : String.interpret(object); + }, + + keys: function(object) { + var keys = []; + for (var property in object) + keys.push(property); + return keys; + }, + + values: function(object) { + var values = []; + for (var property in object) + values.push(object[property]); + return values; + }, + + clone: function(object) { + return Object.extend({ }, object); + }, + + isElement: function(object) { + return !!(object && object.nodeType == 1); + }, + + isArray: function(object) { + return object != null && typeof object == "object" && + 'splice' in object && 'join' in object; + }, + + isHash: function(object) { + return object instanceof Hash; + }, + + isFunction: function(object) { + return typeof object == "function"; + }, + + isString: function(object) { + return typeof object == "string"; + }, + + isNumber: function(object) { + return typeof object == "number"; + }, + + isUndefined: function(object) { + return typeof object == "undefined"; + } +}); + +Object.extend(Function.prototype, { + argumentNames: function() { + var names = this.toString().match(/^[\s\(]*function[^(]*\(([^\)]*)\)/)[1] + .replace(/\s+/g, '').split(','); + return names.length == 1 && !names[0] ? [] : names; + }, + + bind: function() { + if (arguments.length < 2 && Object.isUndefined(arguments[0])) return this; + var __method = this, args = $A(arguments), object = args.shift(); + return function() { + return __method.apply(object, args.concat($A(arguments))); + } + }, + + bindAsEventListener: function() { + var __method = this, args = $A(arguments), object = args.shift(); + return function(event) { + return __method.apply(object, [event || window.event].concat(args)); + } + }, + + curry: function() { + if (!arguments.length) return this; + var __method = this, args = $A(arguments); + return function() { + return __method.apply(this, args.concat($A(arguments))); + } + }, + + delay: function() { + var __method = this, args = $A(arguments), timeout = args.shift() * 1000; + return window.setTimeout(function() { + return __method.apply(__method, args); + }, timeout); + }, + + defer: function() { + var args = [0.01].concat($A(arguments)); + return this.delay.apply(this, args); + }, + + wrap: function(wrapper) { + var __method = this; + return function() { + return wrapper.apply(this, [__method.bind(this)].concat($A(arguments))); + } + }, + + methodize: function() { + if (this._methodized) return this._methodized; + var __method = this; + return this._methodized = function() { + return __method.apply(null, [this].concat($A(arguments))); + }; + } +}); + +Date.prototype.toJSON = function() { + return '"' + this.getUTCFullYear() + '-' + + (this.getUTCMonth() + 1).toPaddedString(2) + '-' + + this.getUTCDate().toPaddedString(2) + 'T' + + this.getUTCHours().toPaddedString(2) + ':' + + this.getUTCMinutes().toPaddedString(2) + ':' + + this.getUTCSeconds().toPaddedString(2) + 'Z"'; +}; + +var Try = { + these: function() { + var returnValue; + + for (var i = 0, length = arguments.length; i < length; i++) { + var lambda = arguments[i]; + try { + returnValue = lambda(); + break; + } catch (e) { } + } + + return returnValue; + } +}; + +RegExp.prototype.match = RegExp.prototype.test; + +RegExp.escape = function(str) { + return String(str).replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1'); +}; + +/*--------------------------------------------------------------------------*/ + +var PeriodicalExecuter = Class.create({ + initialize: function(callback, frequency) { + this.callback = callback; + this.frequency = frequency; + this.currentlyExecuting = false; + + this.registerCallback(); + }, + + registerCallback: function() { + this.timer = setInterval(this.onTimerEvent.bind(this), this.frequency * 1000); + }, + + execute: function() { + this.callback(this); + }, + + stop: function() { + if (!this.timer) return; + clearInterval(this.timer); + this.timer = null; + }, + + onTimerEvent: function() { + if (!this.currentlyExecuting) { + try { + this.currentlyExecuting = true; + this.execute(); + } finally { + this.currentlyExecuting = false; + } + } + } +}); +Object.extend(String, { + interpret: function(value) { + return value == null ? '' : String(value); + }, + specialChar: { + '\b': '\\b', + '\t': '\\t', + '\n': '\\n', + '\f': '\\f', + '\r': '\\r', + '\\': '\\\\' + } +}); + +Object.extend(String.prototype, { + gsub: function(pattern, replacement) { + var result = '', source = this, match; + replacement = arguments.callee.prepareReplacement(replacement); + + while (source.length > 0) { + if (match = source.match(pattern)) { + result += source.slice(0, match.index); + result += String.interpret(replacement(match)); + source = source.slice(match.index + match[0].length); + } else { + result += source, source = ''; + } + } + return result; + }, + + sub: function(pattern, replacement, count) { + replacement = this.gsub.prepareReplacement(replacement); + count = Object.isUndefined(count) ? 1 : count; + + return this.gsub(pattern, function(match) { + if (--count < 0) return match[0]; + return replacement(match); + }); + }, + + scan: function(pattern, iterator) { + this.gsub(pattern, iterator); + return String(this); + }, + + truncate: function(length, truncation) { + length = length || 30; + truncation = Object.isUndefined(truncation) ? '...' : truncation; + return this.length > length ? + this.slice(0, length - truncation.length) + truncation : String(this); + }, + + strip: function() { + return this.replace(/^\s+/, '').replace(/\s+$/, ''); + }, + + stripTags: function() { + return this.replace(/<\/?[^>]+>/gi, ''); + }, + + stripScripts: function() { + return this.replace(new RegExp(Prototype.ScriptFragment, 'img'), ''); + }, + + extractScripts: function() { + var matchAll = new RegExp(Prototype.ScriptFragment, 'img'); + var matchOne = new RegExp(Prototype.ScriptFragment, 'im'); + return (this.match(matchAll) || []).map(function(scriptTag) { + return (scriptTag.match(matchOne) || ['', ''])[1]; + }); + }, + + evalScripts: function() { + return this.extractScripts().map(function(script) { return eval(script) }); + }, + + escapeHTML: function() { + var self = arguments.callee; + self.text.data = this; + return self.div.innerHTML; + }, + + unescapeHTML: function() { + var div = new Element('div'); + div.innerHTML = this.stripTags(); + return div.childNodes[0] ? (div.childNodes.length > 1 ? + $A(div.childNodes).inject('', function(memo, node) { return memo+node.nodeValue }) : + div.childNodes[0].nodeValue) : ''; + }, + + toQueryParams: function(separator) { + var match = this.strip().match(/([^?#]*)(#.*)?$/); + if (!match) return { }; + + return match[1].split(separator || '&').inject({ }, function(hash, pair) { + if ((pair = pair.split('='))[0]) { + var key = decodeURIComponent(pair.shift()); + var value = pair.length > 1 ? pair.join('=') : pair[0]; + if (value != undefined) value = decodeURIComponent(value); + + if (key in hash) { + if (!Object.isArray(hash[key])) hash[key] = [hash[key]]; + hash[key].push(value); + } + else hash[key] = value; + } + return hash; + }); + }, + + toArray: function() { + return this.split(''); + }, + + succ: function() { + return this.slice(0, this.length - 1) + + String.fromCharCode(this.charCodeAt(this.length - 1) + 1); + }, + + times: function(count) { + return count < 1 ? '' : new Array(count + 1).join(this); + }, + + camelize: function() { + var parts = this.split('-'), len = parts.length; + if (len == 1) return parts[0]; + + var camelized = this.charAt(0) == '-' + ? parts[0].charAt(0).toUpperCase() + parts[0].substring(1) + : parts[0]; + + for (var i = 1; i < len; i++) + camelized += parts[i].charAt(0).toUpperCase() + parts[i].substring(1); + + return camelized; + }, + + capitalize: function() { + return this.charAt(0).toUpperCase() + this.substring(1).toLowerCase(); + }, + + underscore: function() { + return this.gsub(/::/, '/').gsub(/([A-Z]+)([A-Z][a-z])/,'#{1}_#{2}').gsub(/([a-z\d])([A-Z])/,'#{1}_#{2}').gsub(/-/,'_').toLowerCase(); + }, + + dasherize: function() { + return this.gsub(/_/,'-'); + }, + + inspect: function(useDoubleQuotes) { + var escapedString = this.gsub(/[\x00-\x1f\\]/, function(match) { + var character = String.specialChar[match[0]]; + return character ? character : '\\u00' + match[0].charCodeAt().toPaddedString(2, 16); + }); + if (useDoubleQuotes) return '"' + escapedString.replace(/"/g, '\\"') + '"'; + return "'" + escapedString.replace(/'/g, '\\\'') + "'"; + }, + + toJSON: function() { + return this.inspect(true); + }, + + unfilterJSON: function(filter) { + return this.sub(filter || Prototype.JSONFilter, '#{1}'); + }, + + isJSON: function() { + var str = this; + if (str.blank()) return false; + str = this.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, ''); + return (/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(str); + }, + + evalJSON: function(sanitize) { + var json = this.unfilterJSON(); + try { + if (!sanitize || json.isJSON()) return eval('(' + json + ')'); + } catch (e) { } + throw new SyntaxError('Badly formed JSON string: ' + this.inspect()); + }, + + include: function(pattern) { + return this.indexOf(pattern) > -1; + }, + + startsWith: function(pattern) { + return this.indexOf(pattern) === 0; + }, + + endsWith: function(pattern) { + var d = this.length - pattern.length; + return d >= 0 && this.lastIndexOf(pattern) === d; + }, + + empty: function() { + return this == ''; + }, + + blank: function() { + return /^\s*$/.test(this); + }, + + interpolate: function(object, pattern) { + return new Template(this, pattern).evaluate(object); + } +}); + +if (Prototype.Browser.WebKit || Prototype.Browser.IE) Object.extend(String.prototype, { + escapeHTML: function() { + return this.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); + }, + unescapeHTML: function() { + return this.stripTags().replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>'); + } +}); + +String.prototype.gsub.prepareReplacement = function(replacement) { + if (Object.isFunction(replacement)) return replacement; + var template = new Template(replacement); + return function(match) { return template.evaluate(match) }; +}; + +String.prototype.parseQuery = String.prototype.toQueryParams; + +Object.extend(String.prototype.escapeHTML, { + div: document.createElement('div'), + text: document.createTextNode('') +}); + +String.prototype.escapeHTML.div.appendChild(String.prototype.escapeHTML.text); + +var Template = Class.create({ + initialize: function(template, pattern) { + this.template = template.toString(); + this.pattern = pattern || Template.Pattern; + }, + + evaluate: function(object) { + if (Object.isFunction(object.toTemplateReplacements)) + object = object.toTemplateReplacements(); + + return this.template.gsub(this.pattern, function(match) { + if (object == null) return ''; + + var before = match[1] || ''; + if (before == '\\') return match[2]; + + var ctx = object, expr = match[3]; + var pattern = /^([^.[]+|\[((?:.*?[^\\])?)\])(\.|\[|$)/; + match = pattern.exec(expr); + if (match == null) return before; + + while (match != null) { + var comp = match[1].startsWith('[') ? match[2].gsub('\\\\]', ']') : match[1]; + ctx = ctx[comp]; + if (null == ctx || '' == match[3]) break; + expr = expr.substring('[' == match[3] ? match[1].length : match[0].length); + match = pattern.exec(expr); + } + + return before + String.interpret(ctx); + }); + } +}); +Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/; + +var $break = { }; + +var Enumerable = { + each: function(iterator, context) { + var index = 0; + try { + this._each(function(value) { + iterator.call(context, value, index++); + }); + } catch (e) { + if (e != $break) throw e; + } + return this; + }, + + eachSlice: function(number, iterator, context) { + var index = -number, slices = [], array = this.toArray(); + if (number < 1) return array; + while ((index += number) < array.length) + slices.push(array.slice(index, index+number)); + return slices.collect(iterator, context); + }, + + all: function(iterator, context) { + iterator = iterator || Prototype.K; + var result = true; + this.each(function(value, index) { + result = result && !!iterator.call(context, value, index); + if (!result) throw $break; + }); + return result; + }, + + any: function(iterator, context) { + iterator = iterator || Prototype.K; + var result = false; + this.each(function(value, index) { + if (result = !!iterator.call(context, value, index)) + throw $break; + }); + return result; + }, + + collect: function(iterator, context) { + iterator = iterator || Prototype.K; + var results = []; + this.each(function(value, index) { + results.push(iterator.call(context, value, index)); + }); + return results; + }, + + detect: function(iterator, context) { + var result; + this.each(function(value, index) { + if (iterator.call(context, value, index)) { + result = value; + throw $break; + } + }); + return result; + }, + + findAll: function(iterator, context) { + var results = []; + this.each(function(value, index) { + if (iterator.call(context, value, index)) + results.push(value); + }); + return results; + }, + + grep: function(filter, iterator, context) { + iterator = iterator || Prototype.K; + var results = []; + + if (Object.isString(filter)) + filter = new RegExp(filter); + + this.each(function(value, index) { + if (filter.match(value)) + results.push(iterator.call(context, value, index)); + }); + return results; + }, + + include: function(object) { + if (Object.isFunction(this.indexOf)) + if (this.indexOf(object) != -1) return true; + + var found = false; + this.each(function(value) { + if (value == object) { + found = true; + throw $break; + } + }); + return found; + }, + + inGroupsOf: function(number, fillWith) { + fillWith = Object.isUndefined(fillWith) ? null : fillWith; + return this.eachSlice(number, function(slice) { + while(slice.length < number) slice.push(fillWith); + return slice; + }); + }, + + inject: function(memo, iterator, context) { + this.each(function(value, index) { + memo = iterator.call(context, memo, value, index); + }); + return memo; + }, + + invoke: function(method) { + var args = $A(arguments).slice(1); + return this.map(function(value) { + return value[method].apply(value, args); + }); + }, + + max: function(iterator, context) { + iterator = iterator || Prototype.K; + var result; + this.each(function(value, index) { + value = iterator.call(context, value, index); + if (result == null || value >= result) + result = value; + }); + return result; + }, + + min: function(iterator, context) { + iterator = iterator || Prototype.K; + var result; + this.each(function(value, index) { + value = iterator.call(context, value, index); + if (result == null || value < result) + result = value; + }); + return result; + }, + + partition: function(iterator, context) { + iterator = iterator || Prototype.K; + var trues = [], falses = []; + this.each(function(value, index) { + (iterator.call(context, value, index) ? + trues : falses).push(value); + }); + return [trues, falses]; + }, + + pluck: function(property) { + var results = []; + this.each(function(value) { + results.push(value[property]); + }); + return results; + }, + + reject: function(iterator, context) { + var results = []; + this.each(function(value, index) { + if (!iterator.call(context, value, index)) + results.push(value); + }); + return results; + }, + + sortBy: function(iterator, context) { + return this.map(function(value, index) { + return { + value: value, + criteria: iterator.call(context, value, index) + }; + }).sort(function(left, right) { + var a = left.criteria, b = right.criteria; + return a < b ? -1 : a > b ? 1 : 0; + }).pluck('value'); + }, + + toArray: function() { + return this.map(); + }, + + zip: function() { + var iterator = Prototype.K, args = $A(arguments); + if (Object.isFunction(args.last())) + iterator = args.pop(); + + var collections = [this].concat(args).map($A); + return this.map(function(value, index) { + return iterator(collections.pluck(index)); + }); + }, + + size: function() { + return this.toArray().length; + }, + + inspect: function() { + return '#<Enumerable:' + this.toArray().inspect() + '>'; + } +}; + +Object.extend(Enumerable, { + map: Enumerable.collect, + find: Enumerable.detect, + select: Enumerable.findAll, + filter: Enumerable.findAll, + member: Enumerable.include, + entries: Enumerable.toArray, + every: Enumerable.all, + some: Enumerable.any +}); +function $A(iterable) { + if (!iterable) return []; + if (iterable.toArray) return iterable.toArray(); + var length = iterable.length || 0, results = new Array(length); + while (length--) results[length] = iterable[length]; + return results; +} + +if (Prototype.Browser.WebKit) { + $A = function(iterable) { + if (!iterable) return []; + // In Safari, only use the `toArray` method if it's not a NodeList. + // A NodeList is a function, has an function `item` property, and a numeric + // `length` property. Adapted from Google Doctype. + if (!(typeof iterable === 'function' && typeof iterable.length === + 'number' && typeof iterable.item === 'function') && iterable.toArray) + return iterable.toArray(); + var length = iterable.length || 0, results = new Array(length); + while (length--) results[length] = iterable[length]; + return results; + }; +} + +Array.from = $A; + +Object.extend(Array.prototype, Enumerable); + +if (!Array.prototype._reverse) Array.prototype._reverse = Array.prototype.reverse; + +Object.extend(Array.prototype, { + _each: function(iterator) { + for (var i = 0, length = this.length; i < length; i++) + iterator(this[i]); + }, + + clear: function() { + this.length = 0; + return this; + }, + + first: function() { + return this[0]; + }, + + last: function() { + return this[this.length - 1]; + }, + + compact: function() { + return this.select(function(value) { + return value != null; + }); + }, + + flatten: function() { + return this.inject([], function(array, value) { + return array.concat(Object.isArray(value) ? + value.flatten() : [value]); + }); + }, + + without: function() { + var values = $A(arguments); + return this.select(function(value) { + return !values.include(value); + }); + }, + + reverse: function(inline) { + return (inline !== false ? this : this.toArray())._reverse(); + }, + + reduce: function() { + return this.length > 1 ? this : this[0]; + }, + + uniq: function(sorted) { + return this.inject([], function(array, value, index) { + if (0 == index || (sorted ? array.last() != value : !array.include(value))) + array.push(value); + return array; + }); + }, + + intersect: function(array) { + return this.uniq().findAll(function(item) { + return array.detect(function(value) { return item === value }); + }); + }, + + clone: function() { + return [].concat(this); + }, + + size: function() { + return this.length; + }, + + inspect: function() { + return '[' + this.map(Object.inspect).join(', ') + ']'; + }, + + toJSON: function() { + var results = []; + this.each(function(object) { + var value = Object.toJSON(object); + if (!Object.isUndefined(value)) results.push(value); + }); + return '[' + results.join(', ') + ']'; + } +}); + +// use native browser JS 1.6 implementation if available +if (Object.isFunction(Array.prototype.forEach)) + Array.prototype._each = Array.prototype.forEach; + +if (!Array.prototype.indexOf) Array.prototype.indexOf = function(item, i) { + i || (i = 0); + var length = this.length; + if (i < 0) i = length + i; + for (; i < length; i++) + if (this[i] === item) return i; + return -1; +}; + +if (!Array.prototype.lastIndexOf) Array.prototype.lastIndexOf = function(item, i) { + i = isNaN(i) ? this.length : (i < 0 ? this.length + i : i) + 1; + var n = this.slice(0, i).reverse().indexOf(item); + return (n < 0) ? n : i - n - 1; +}; + +Array.prototype.toArray = Array.prototype.clone; + +function $w(string) { + if (!Object.isString(string)) return []; + string = string.strip(); + return string ? string.split(/\s+/) : []; +} + +if (Prototype.Browser.Opera){ + Array.prototype.concat = function() { + var array = []; + for (var i = 0, length = this.length; i < length; i++) array.push(this[i]); + for (var i = 0, length = arguments.length; i < length; i++) { + if (Object.isArray(arguments[i])) { + for (var j = 0, arrayLength = arguments[i].length; j < arrayLength; j++) + array.push(arguments[i][j]); + } else { + array.push(arguments[i]); + } + } + return array; + }; +} +Object.extend(Number.prototype, { + toColorPart: function() { + return this.toPaddedString(2, 16); + }, + + succ: function() { + return this + 1; + }, + + times: function(iterator, context) { + $R(0, this, true).each(iterator, context); + return this; + }, + + toPaddedString: function(length, radix) { + var string = this.toString(radix || 10); + return '0'.times(length - string.length) + string; + }, + + toJSON: function() { + return isFinite(this) ? this.toString() : 'null'; + } +}); + +$w('abs round ceil floor').each(function(method){ + Number.prototype[method] = Math[method].methodize(); +}); +function $H(object) { + return new Hash(object); +}; + +var Hash = Class.create(Enumerable, (function() { + + function toQueryPair(key, value) { + if (Object.isUndefined(value)) return key; + return key + '=' + encodeURIComponent(String.interpret(value)); + } + + return { + initialize: function(object) { + this._object = Object.isHash(object) ? object.toObject() : Object.clone(object); + }, + + _each: function(iterator) { + for (var key in this._object) { + var value = this._object[key], pair = [key, value]; + pair.key = key; + pair.value = value; + iterator(pair); + } + }, + + set: function(key, value) { + return this._object[key] = value; + }, + + get: function(key) { + // simulating poorly supported hasOwnProperty + if (this._object[key] !== Object.prototype[key]) + return this._object[key]; + }, + + unset: function(key) { + var value = this._object[key]; + delete this._object[key]; + return value; + }, + + toObject: function() { + return Object.clone(this._object); + }, + + keys: function() { + return this.pluck('key'); + }, + + values: function() { + return this.pluck('value'); + }, + + index: function(value) { + var match = this.detect(function(pair) { + return pair.value === value; + }); + return match && match.key; + }, + + merge: function(object) { + return this.clone().update(object); + }, + + update: function(object) { + return new Hash(object).inject(this, function(result, pair) { + result.set(pair.key, pair.value); + return result; + }); + }, + + toQueryString: function() { + return this.inject([], function(results, pair) { + var key = encodeURIComponent(pair.key), values = pair.value; + + if (values && typeof values == 'object') { + if (Object.isArray(values)) + return results.concat(values.map(toQueryPair.curry(key))); + } else results.push(toQueryPair(key, values)); + return results; + }).join('&'); + }, + + inspect: function() { + return '#<Hash:{' + this.map(function(pair) { + return pair.map(Object.inspect).join(': '); + }).join(', ') + '}>'; + }, + + toJSON: function() { + return Object.toJSON(this.toObject()); + }, + + clone: function() { + return new Hash(this); + } + } +})()); + +Hash.prototype.toTemplateReplacements = Hash.prototype.toObject; +Hash.from = $H; +var ObjectRange = Class.create(Enumerable, { + initialize: function(start, end, exclusive) { + this.start = start; + this.end = end; + this.exclusive = exclusive; + }, + + _each: function(iterator) { + var value = this.start; + while (this.include(value)) { + iterator(value); + value = value.succ(); + } + }, + + include: function(value) { + if (value < this.start) + return false; + if (this.exclusive) + return value < this.end; + return value <= this.end; + } +}); + +var $R = function(start, end, exclusive) { + return new ObjectRange(start, end, exclusive); +}; + +var Ajax = { + getTransport: function() { + return Try.these( + function() {return new XMLHttpRequest()}, + function() {return new ActiveXObject('Msxml2.XMLHTTP')}, + function() {return new ActiveXObject('Microsoft.XMLHTTP')} + ) || false; + }, + + activeRequestCount: 0 +}; + +Ajax.Responders = { + responders: [], + + _each: function(iterator) { + this.responders._each(iterator); + }, + + register: function(responder) { + if (!this.include(responder)) + this.responders.push(responder); + }, + + unregister: function(responder) { + this.responders = this.responders.without(responder); + }, + + dispatch: function(callback, request, transport, json) { + this.each(function(responder) { + if (Object.isFunction(responder[callback])) { + try { + responder[callback].apply(responder, [request, transport, json]); + } catch (e) { } + } + }); + } +}; + +Object.extend(Ajax.Responders, Enumerable); + +Ajax.Responders.register({ + onCreate: function() { Ajax.activeRequestCount++ }, + onComplete: function() { Ajax.activeRequestCount-- } +}); + +Ajax.Base = Class.create({ + initialize: function(options) { + this.options = { + method: 'post', + asynchronous: true, + contentType: 'application/x-www-form-urlencoded', + encoding: 'UTF-8', + parameters: '', + evalJSON: true, + evalJS: true + }; + Object.extend(this.options, options || { }); + + this.options.method = this.options.method.toLowerCase(); + + if (Object.isString(this.options.parameters)) + this.options.parameters = this.options.parameters.toQueryParams(); + else if (Object.isHash(this.options.parameters)) + this.options.parameters = this.options.parameters.toObject(); + } +}); + +Ajax.Request = Class.create(Ajax.Base, { + _complete: false, + + initialize: function($super, url, options) { + $super(options); + this.transport = Ajax.getTransport(); + this.request(url); + }, + + request: function(url) { + this.url = url; + this.method = this.options.method; + var params = Object.clone(this.options.parameters); + + if (!['get', 'post'].include(this.method)) { + // simulate other verbs over post + params['_method'] = this.method; + this.method = 'post'; + } + + this.parameters = params; + + if (params = Object.toQueryString(params)) { + // when GET, append parameters to URL + if (this.method == 'get') + this.url += (this.url.include('?') ? '&' : '?') + params; + else if (/Konqueror|Safari|KHTML/.test(navigator.userAgent)) + params += '&_='; + } + + try { + var response = new Ajax.Response(this); + if (this.options.onCreate) this.options.onCreate(response); + Ajax.Responders.dispatch('onCreate', this, response); + + this.transport.open(this.method.toUpperCase(), this.url, + this.options.asynchronous); + + if (this.options.asynchronous) this.respondToReadyState.bind(this).defer(1); + + this.transport.onreadystatechange = this.onStateChange.bind(this); + this.setRequestHeaders(); + + this.body = this.method == 'post' ? (this.options.postBody || params) : null; + this.transport.send(this.body); + + /* Force Firefox to handle ready state 4 for synchronous requests */ + if (!this.options.asynchronous && this.transport.overrideMimeType) + this.onStateChange(); + + } + catch (e) { + this.dispatchException(e); + } + }, + + onStateChange: function() { + var readyState = this.transport.readyState; + if (readyState > 1 && !((readyState == 4) && this._complete)) + this.respondToReadyState(this.transport.readyState); + }, + + setRequestHeaders: function() { + var headers = { + 'X-Requested-With': 'XMLHttpRequest', + 'X-Prototype-Version': Prototype.Version, + 'Accept': 'text/javascript, text/html, application/xml, text/xml, */*' + }; + + if (this.method == 'post') { + headers['Content-type'] = this.options.contentType + + (this.options.encoding ? '; charset=' + this.options.encoding : ''); + + /* Force "Connection: close" for older Mozilla browsers to work + * around a bug where XMLHttpRequest sends an incorrect + * Content-length header. See Mozilla Bugzilla #246651. + */ + if (this.transport.overrideMimeType && + (navigator.userAgent.match(/Gecko\/(\d{4})/) || [0,2005])[1] < 2005) + headers['Connection'] = 'close'; + } + + // user-defined headers + if (typeof this.options.requestHeaders == 'object') { + var extras = this.options.requestHeaders; + + if (Object.isFunction(extras.push)) + for (var i = 0, length = extras.length; i < length; i += 2) + headers[extras[i]] = extras[i+1]; + else + $H(extras).each(function(pair) { headers[pair.key] = pair.value }); + } + + for (var name in headers) + this.transport.setRequestHeader(name, headers[name]); + }, + + success: function() { + var status = this.getStatus(); + return !status || (status >= 200 && status < 300); + }, + + getStatus: function() { + try { + return this.transport.status || 0; + } catch (e) { return 0 } + }, + + respondToReadyState: function(readyState) { + var state = Ajax.Request.Events[readyState], response = new Ajax.Response(this); + + if (state == 'Complete') { + try { + this._complete = true; + (this.options['on' + response.status] + || this.options['on' + (this.success() ? 'Success' : 'Failure')] + || Prototype.emptyFunction)(response, response.headerJSON); + } catch (e) { + this.dispatchException(e); + } + + var contentType = response.getHeader('Content-type'); + if (this.options.evalJS == 'force' + || (this.options.evalJS && this.isSameOrigin() && contentType + && contentType.match(/^\s*(text|application)\/(x-)?(java|ecma)script(;.*)?\s*$/i))) + this.evalResponse(); + } + + try { + (this.options['on' + state] || Prototype.emptyFunction)(response, response.headerJSON); + Ajax.Responders.dispatch('on' + state, this, response, response.headerJSON); + } catch (e) { + this.dispatchException(e); + } + + if (state == 'Complete') { + // avoid memory leak in MSIE: clean up + this.transport.onreadystatechange = Prototype.emptyFunction; + } + }, + + isSameOrigin: function() { + var m = this.url.match(/^\s*https?:\/\/[^\/]*/); + return !m || (m[0] == '#{protocol}//#{domain}#{port}'.interpolate({ + protocol: location.protocol, + domain: document.domain, + port: location.port ? ':' + location.port : '' + })); + }, + + getHeader: function(name) { + try { + return this.transport.getResponseHeader(name) || null; + } catch (e) { return null } + }, + + evalResponse: function() { + try { + return eval((this.transport.responseText || '').unfilterJSON()); + } catch (e) { + this.dispatchException(e); + } + }, + + dispatchException: function(exception) { + (this.options.onException || Prototype.emptyFunction)(this, exception); + Ajax.Responders.dispatch('onException', this, exception); + } +}); + +Ajax.Request.Events = + ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete']; + +Ajax.Response = Class.create({ + initialize: function(request){ + this.request = request; + var transport = this.transport = request.transport, + readyState = this.readyState = transport.readyState; + + if((readyState > 2 && !Prototype.Browser.IE) || readyState == 4) { + this.status = this.getStatus(); + this.statusText = this.getStatusText(); + this.responseText = String.interpret(transport.responseText); + this.headerJSON = this._getHeaderJSON(); + } + + if(readyState == 4) { + var xml = transport.responseXML; + this.responseXML = Object.isUndefined(xml) ? null : xml; + this.responseJSON = this._getResponseJSON(); + } + }, + + status: 0, + statusText: '', + + getStatus: Ajax.Request.prototype.getStatus, + + getStatusText: function() { + try { + return this.transport.statusText || ''; + } catch (e) { return '' } + }, + + getHeader: Ajax.Request.prototype.getHeader, + + getAllHeaders: function() { + try { + return this.getAllResponseHeaders(); + } catch (e) { return null } + }, + + getResponseHeader: function(name) { + return this.transport.getResponseHeader(name); + }, + + getAllResponseHeaders: function() { + return this.transport.getAllResponseHeaders(); + }, + + _getHeaderJSON: function() { + var json = this.getHeader('X-JSON'); + if (!json) return null; + json = decodeURIComponent(escape(json)); + try { + return json.evalJSON(this.request.options.sanitizeJSON || + !this.request.isSameOrigin()); + } catch (e) { + this.request.dispatchException(e); + } + }, + + _getResponseJSON: function() { + var options = this.request.options; + if (!options.evalJSON || (options.evalJSON != 'force' && + !(this.getHeader('Content-type') || '').include('application/json')) || + this.responseText.blank()) + return null; + try { + return this.responseText.evalJSON(options.sanitizeJSON || + !this.request.isSameOrigin()); + } catch (e) { + this.request.dispatchException(e); + } + } +}); + +Ajax.Updater = Class.create(Ajax.Request, { + initialize: function($super, container, url, options) { + this.container = { + success: (container.success || container), + failure: (container.failure || (container.success ? null : container)) + }; + + options = Object.clone(options); + var onComplete = options.onComplete; + options.onComplete = (function(response, json) { + this.updateContent(response.responseText); + if (Object.isFunction(onComplete)) onComplete(response, json); + }).bind(this); + + $super(url, options); + }, + + updateContent: function(responseText) { + var receiver = this.container[this.success() ? 'success' : 'failure'], + options = this.options; + + if (!options.evalScripts) responseText = responseText.stripScripts(); + + if (receiver = $(receiver)) { + if (options.insertion) { + if (Object.isString(options.insertion)) { + var insertion = { }; insertion[options.insertion] = responseText; + receiver.insert(insertion); + } + else options.insertion(receiver, responseText); + } + else receiver.update(responseText); + } + } +}); + +Ajax.PeriodicalUpdater = Class.create(Ajax.Base, { + initialize: function($super, container, url, options) { + $super(options); + this.onComplete = this.options.onComplete; + + this.frequency = (this.options.frequency || 2); + this.decay = (this.options.decay || 1); + + this.updater = { }; + this.container = container; + this.url = url; + + this.start(); + }, + + start: function() { + this.options.onComplete = this.updateComplete.bind(this); + this.onTimerEvent(); + }, + + stop: function() { + this.updater.options.onComplete = undefined; + clearTimeout(this.timer); + (this.onComplete || Prototype.emptyFunction).apply(this, arguments); + }, + + updateComplete: function(response) { + if (this.options.decay) { + this.decay = (response.responseText == this.lastText ? + this.decay * this.options.decay : 1); + + this.lastText = response.responseText; + } + this.timer = this.onTimerEvent.bind(this).delay(this.decay * this.frequency); + }, + + onTimerEvent: function() { + this.updater = new Ajax.Updater(this.container, this.url, this.options); + } +}); +function $(element) { + if (arguments.length > 1) { + for (var i = 0, elements = [], length = arguments.length; i < length; i++) + elements.push($(arguments[i])); + return elements; + } + if (Object.isString(element)) + element = document.getElementById(element); + return Element.extend(element); +} + +if (Prototype.BrowserFeatures.XPath) { + document._getElementsByXPath = function(expression, parentElement) { + var results = []; + var query = document.evaluate(expression, $(parentElement) || document, + null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); + for (var i = 0, length = query.snapshotLength; i < length; i++) + results.push(Element.extend(query.snapshotItem(i))); + return results; + }; +} + +/*--------------------------------------------------------------------------*/ + +if (!window.Node) var Node = { }; + +if (!Node.ELEMENT_NODE) { + // DOM level 2 ECMAScript Language Binding + Object.extend(Node, { + ELEMENT_NODE: 1, + ATTRIBUTE_NODE: 2, + TEXT_NODE: 3, + CDATA_SECTION_NODE: 4, + ENTITY_REFERENCE_NODE: 5, + ENTITY_NODE: 6, + PROCESSING_INSTRUCTION_NODE: 7, + COMMENT_NODE: 8, + DOCUMENT_NODE: 9, + DOCUMENT_TYPE_NODE: 10, + DOCUMENT_FRAGMENT_NODE: 11, + NOTATION_NODE: 12 + }); +} + +(function() { + var element = this.Element; + this.Element = function(tagName, attributes) { + attributes = attributes || { }; + tagName = tagName.toLowerCase(); + var cache = Element.cache; + if (Prototype.Browser.IE && attributes.name) { + tagName = '<' + tagName + ' name="' + attributes.name + '">'; + delete attributes.name; + return Element.writeAttribute(document.createElement(tagName), attributes); + } + if (!cache[tagName]) cache[tagName] = Element.extend(document.createElement(tagName)); + return Element.writeAttribute(cache[tagName].cloneNode(false), attributes); + }; + Object.extend(this.Element, element || { }); + if (element) this.Element.prototype = element.prototype; +}).call(window); + +Element.cache = { }; + +Element.Methods = { + visible: function(element) { + return $(element).style.display != 'none'; + }, + + toggle: function(element) { + element = $(element); + Element[Element.visible(element) ? 'hide' : 'show'](element); + return element; + }, + + hide: function(element) { + element = $(element); + element.style.display = 'none'; + return element; + }, + + show: function(element) { + element = $(element); + element.style.display = ''; + return element; + }, + + remove: function(element) { + element = $(element); + element.parentNode.removeChild(element); + return element; + }, + + update: function(element, content) { + element = $(element); + if (content && content.toElement) content = content.toElement(); + if (Object.isElement(content)) return element.update().insert(content); + content = Object.toHTML(content); + element.innerHTML = content.stripScripts(); + content.evalScripts.bind(content).defer(); + return element; + }, + + replace: function(element, content) { + element = $(element); + if (content && content.toElement) content = content.toElement(); + else if (!Object.isElement(content)) { + content = Object.toHTML(content); + var range = element.ownerDocument.createRange(); + range.selectNode(element); + content.evalScripts.bind(content).defer(); + content = range.createContextualFragment(content.stripScripts()); + } + element.parentNode.replaceChild(content, element); + return element; + }, + + insert: function(element, insertions) { + element = $(element); + + if (Object.isString(insertions) || Object.isNumber(insertions) || + Object.isElement(insertions) || (insertions && (insertions.toElement || insertions.toHTML))) + insertions = {bottom:insertions}; + + var content, insert, tagName, childNodes; + + for (var position in insertions) { + content = insertions[position]; + position = position.toLowerCase(); + insert = Element._insertionTranslations[position]; + + if (content && content.toElement) content = content.toElement(); + if (Object.isElement(content)) { + insert(element, content); + continue; + } + + content = Object.toHTML(content); + + tagName = ((position == 'before' || position == 'after') + ? element.parentNode : element).tagName.toUpperCase(); + + childNodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts()); + + if (position == 'top' || position == 'after') childNodes.reverse(); + childNodes.each(insert.curry(element)); + + content.evalScripts.bind(content).defer(); + } + + return element; + }, + + wrap: function(element, wrapper, attributes) { + element = $(element); + if (Object.isElement(wrapper)) + $(wrapper).writeAttribute(attributes || { }); + else if (Object.isString(wrapper)) wrapper = new Element(wrapper, attributes); + else wrapper = new Element('div', wrapper); + if (element.parentNode) + element.parentNode.replaceChild(wrapper, element); + wrapper.appendChild(element); + return wrapper; + }, + + inspect: function(element) { + element = $(element); + var result = '<' + element.tagName.toLowerCase(); + $H({'id': 'id', 'className': 'class'}).each(function(pair) { + var property = pair.first(), attribute = pair.last(); + var value = (element[property] || '').toString(); + if (value) result += ' ' + attribute + '=' + value.inspect(true); + }); + return result + '>'; + }, + + recursivelyCollect: function(element, property) { + element = $(element); + var elements = []; + while (element = element[property]) + if (element.nodeType == 1) + elements.push(Element.extend(element)); + return elements; + }, + + ancestors: function(element) { + return $(element).recursivelyCollect('parentNode'); + }, + + descendants: function(element) { + return $(element).select("*"); + }, + + firstDescendant: function(element) { + element = $(element).firstChild; + while (element && element.nodeType != 1) element = element.nextSibling; + return $(element); + }, + + immediateDescendants: function(element) { + if (!(element = $(element).firstChild)) return []; + while (element && element.nodeType != 1) element = element.nextSibling; + if (element) return [element].concat($(element).nextSiblings()); + return []; + }, + + previousSiblings: function(element) { + return $(element).recursivelyCollect('previousSibling'); + }, + + nextSiblings: function(element) { + return $(element).recursivelyCollect('nextSibling'); + }, + + siblings: function(element) { + element = $(element); + return element.previousSiblings().reverse().concat(element.nextSiblings()); + }, + + match: function(element, selector) { + if (Object.isString(selector)) + selector = new Selector(selector); + return selector.match($(element)); + }, + + up: function(element, expression, index) { + element = $(element); + if (arguments.length == 1) return $(element.parentNode); + var ancestors = element.ancestors(); + return Object.isNumber(expression) ? ancestors[expression] : + Selector.findElement(ancestors, expression, index); + }, + + down: function(element, expression, index) { + element = $(element); + if (arguments.length == 1) return element.firstDescendant(); + return Object.isNumber(expression) ? element.descendants()[expression] : + Element.select(element, expression)[index || 0]; + }, + + previous: function(element, expression, index) { + element = $(element); + if (arguments.length == 1) return $(Selector.handlers.previousElementSibling(element)); + var previousSiblings = element.previousSiblings(); + return Object.isNumber(expression) ? previousSiblings[expression] : + Selector.findElement(previousSiblings, expression, index); + }, + + next: function(element, expression, index) { + element = $(element); + if (arguments.length == 1) return $(Selector.handlers.nextElementSibling(element)); + var nextSiblings = element.nextSiblings(); + return Object.isNumber(expression) ? nextSiblings[expression] : + Selector.findElement(nextSiblings, expression, index); + }, + + select: function() { + var args = $A(arguments), element = $(args.shift()); + return Selector.findChildElements(element, args); + }, + + adjacent: function() { + var args = $A(arguments), element = $(args.shift()); + return Selector.findChildElements(element.parentNode, args).without(element); + }, + + identify: function(element) { + element = $(element); + var id = element.readAttribute('id'), self = arguments.callee; + if (id) return id; + do { id = 'anonymous_element_' + self.counter++ } while ($(id)); + element.writeAttribute('id', id); + return id; + }, + + readAttribute: function(element, name) { + element = $(element); + if (Prototype.Browser.IE) { + var t = Element._attributeTranslations.read; + if (t.values[name]) return t.values[name](element, name); + if (t.names[name]) name = t.names[name]; + if (name.include(':')) { + return (!element.attributes || !element.attributes[name]) ? null : + element.attributes[name].value; + } + } + return element.getAttribute(name); + }, + + writeAttribute: function(element, name, value) { + element = $(element); + var attributes = { }, t = Element._attributeTranslations.write; + + if (typeof name == 'object') attributes = name; + else attributes[name] = Object.isUndefined(value) ? true : value; + + for (var attr in attributes) { + name = t.names[attr] || attr; + value = attributes[attr]; + if (t.values[attr]) name = t.values[attr](element, value); + if (value === false || value === null) + element.removeAttribute(name); + else if (value === true) + element.setAttribute(name, name); + else element.setAttribute(name, value); + } + return element; + }, + + getHeight: function(element) { + return $(element).getDimensions().height; + }, + + getWidth: function(element) { + return $(element).getDimensions().width; + }, + + classNames: function(element) { + return new Element.ClassNames(element); + }, + + hasClassName: function(element, className) { + if (!(element = $(element))) return; + var elementClassName = element.className; + return (elementClassName.length > 0 && (elementClassName == className || + new RegExp("(^|\\s)" + className + "(\\s|$)").test(elementClassName))); + }, + + addClassName: function(element, className) { + if (!(element = $(element))) return; + if (!element.hasClassName(className)) + element.className += (element.className ? ' ' : '') + className; + return element; + }, + + removeClassName: function(element, className) { + if (!(element = $(element))) return; + element.className = element.className.replace( + new RegExp("(^|\\s+)" + className + "(\\s+|$)"), ' ').strip(); + return element; + }, + + toggleClassName: function(element, className) { + if (!(element = $(element))) return; + return element[element.hasClassName(className) ? + 'removeClassName' : 'addClassName'](className); + }, + + // removes whitespace-only text node children + cleanWhitespace: function(element) { + element = $(element); + var node = element.firstChild; + while (node) { + var nextNode = node.nextSibling; + if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) + element.removeChild(node); + node = nextNode; + } + return element; + }, + + empty: function(element) { + return $(element).innerHTML.blank(); + }, + + descendantOf: function(element, ancestor) { + element = $(element), ancestor = $(ancestor); + + if (element.compareDocumentPosition) + return (element.compareDocumentPosition(ancestor) & 8) === 8; + + if (ancestor.contains) + return ancestor.contains(element) && ancestor !== element; + + while (element = element.parentNode) + if (element == ancestor) return true; + + return false; + }, + + scrollTo: function(element) { + element = $(element); + var pos = element.cumulativeOffset(); + window.scrollTo(pos[0], pos[1]); + return element; + }, + + getStyle: function(element, style) { + element = $(element); + style = style == 'float' ? 'cssFloat' : style.camelize(); + var value = element.style[style]; + if (!value || value == 'auto') { + var css = document.defaultView.getComputedStyle(element, null); + value = css ? css[style] : null; + } + if (style == 'opacity') return value ? parseFloat(value) : 1.0; + return value == 'auto' ? null : value; + }, + + getOpacity: function(element) { + return $(element).getStyle('opacity'); + }, + + setStyle: function(element, styles) { + element = $(element); + var elementStyle = element.style, match; + if (Object.isString(styles)) { + element.style.cssText += ';' + styles; + return styles.include('opacity') ? + element.setOpacity(styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) : element; + } + for (var property in styles) + if (property == 'opacity') element.setOpacity(styles[property]); + else + elementStyle[(property == 'float' || property == 'cssFloat') ? + (Object.isUndefined(elementStyle.styleFloat) ? 'cssFloat' : 'styleFloat') : + property] = styles[property]; + + return element; + }, + + setOpacity: function(element, value) { + element = $(element); + element.style.opacity = (value == 1 || value === '') ? '' : + (value < 0.00001) ? 0 : value; + return element; + }, + + getDimensions: function(element) { + element = $(element); + var display = element.getStyle('display'); + if (display != 'none' && display != null) // Safari bug + return {width: element.offsetWidth, height: element.offsetHeight}; + + // All *Width and *Height properties give 0 on elements with display none, + // so enable the element temporarily + var els = element.style; + var originalVisibility = els.visibility; + var originalPosition = els.position; + var originalDisplay = els.display; + els.visibility = 'hidden'; + els.position = 'absolute'; + els.display = 'block'; + var originalWidth = element.clientWidth; + var originalHeight = element.clientHeight; + els.display = originalDisplay; + els.position = originalPosition; + els.visibility = originalVisibility; + return {width: originalWidth, height: originalHeight}; + }, + + makePositioned: function(element) { + element = $(element); + var pos = Element.getStyle(element, 'position'); + if (pos == 'static' || !pos) { + element._madePositioned = true; + element.style.position = 'relative'; + // Opera returns the offset relative to the positioning context, when an + // element is position relative but top and left have not been defined + if (Prototype.Browser.Opera) { + element.style.top = 0; + element.style.left = 0; + } + } + return element; + }, + + undoPositioned: function(element) { + element = $(element); + if (element._madePositioned) { + element._madePositioned = undefined; + element.style.position = + element.style.top = + element.style.left = + element.style.bottom = + element.style.right = ''; + } + return element; + }, + + makeClipping: function(element) { + element = $(element); + if (element._overflow) return element; + element._overflow = Element.getStyle(element, 'overflow') || 'auto'; + if (element._overflow !== 'hidden') + element.style.overflow = 'hidden'; + return element; + }, + + undoClipping: function(element) { + element = $(element); + if (!element._overflow) return element; + element.style.overflow = element._overflow == 'auto' ? '' : element._overflow; + element._overflow = null; + return element; + }, + + cumulativeOffset: function(element) { + var valueT = 0, valueL = 0; + do { + valueT += element.offsetTop || 0; + valueL += element.offsetLeft || 0; + element = element.offsetParent; + } while (element); + return Element._returnOffset(valueL, valueT); + }, + + positionedOffset: function(element) { + var valueT = 0, valueL = 0; + do { + valueT += element.offsetTop || 0; + valueL += element.offsetLeft || 0; + element = element.offsetParent; + if (element) { + if (element.tagName.toUpperCase() == 'BODY') break; + var p = Element.getStyle(element, 'position'); + if (p !== 'static') break; + } + } while (element); + return Element._returnOffset(valueL, valueT); + }, + + absolutize: function(element) { + element = $(element); + if (element.getStyle('position') == 'absolute') return element; + // Position.prepare(); // To be done manually by Scripty when it needs it. + + var offsets = element.positionedOffset(); + var top = offsets[1]; + var left = offsets[0]; + var width = element.clientWidth; + var height = element.clientHeight; + + element._originalLeft = left - parseFloat(element.style.left || 0); + element._originalTop = top - parseFloat(element.style.top || 0); + element._originalWidth = element.style.width; + element._originalHeight = element.style.height; + + element.style.position = 'absolute'; + element.style.top = top + 'px'; + element.style.left = left + 'px'; + element.style.width = width + 'px'; + element.style.height = height + 'px'; + return element; + }, + + relativize: function(element) { + element = $(element); + if (element.getStyle('position') == 'relative') return element; + // Position.prepare(); // To be done manually by Scripty when it needs it. + + element.style.position = 'relative'; + var top = parseFloat(element.style.top || 0) - (element._originalTop || 0); + var left = parseFloat(element.style.left || 0) - (element._originalLeft || 0); + + element.style.top = top + 'px'; + element.style.left = left + 'px'; + element.style.height = element._originalHeight; + element.style.width = element._originalWidth; + return element; + }, + + cumulativeScrollOffset: function(element) { + var valueT = 0, valueL = 0; + do { + valueT += element.scrollTop || 0; + valueL += element.scrollLeft || 0; + element = element.parentNode; + } while (element); + return Element._returnOffset(valueL, valueT); + }, + + getOffsetParent: function(element) { + if (element.offsetParent) return $(element.offsetParent); + if (element == document.body) return $(element); + + while ((element = element.parentNode) && element != document.body) + if (Element.getStyle(element, 'position') != 'static') + return $(element); + + return $(document.body); + }, + + viewportOffset: function(forElement) { + var valueT = 0, valueL = 0; + + var element = forElement; + do { + valueT += element.offsetTop || 0; + valueL += element.offsetLeft || 0; + + // Safari fix + if (element.offsetParent == document.body && + Element.getStyle(element, 'position') == 'absolute') break; + + } while (element = element.offsetParent); + + element = forElement; + do { + if (!Prototype.Browser.Opera || (element.tagName && (element.tagName.toUpperCase() == 'BODY'))) { + valueT -= element.scrollTop || 0; + valueL -= element.scrollLeft || 0; + } + } while (element = element.parentNode); + + return Element._returnOffset(valueL, valueT); + }, + + clonePosition: function(element, source) { + var options = Object.extend({ + setLeft: true, + setTop: true, + setWidth: true, + setHeight: true, + offsetTop: 0, + offsetLeft: 0 + }, arguments[2] || { }); + + // find page position of source + source = $(source); + var p = source.viewportOffset(); + + // find coordinate system to use + element = $(element); + var delta = [0, 0]; + var parent = null; + // delta [0,0] will do fine with position: fixed elements, + // position:absolute needs offsetParent deltas + if (Element.getStyle(element, 'position') == 'absolute') { + parent = element.getOffsetParent(); + delta = parent.viewportOffset(); + } + + // correct by body offsets (fixes Safari) + if (parent == document.body) { + delta[0] -= document.body.offsetLeft; + delta[1] -= document.body.offsetTop; + } + + // set position + if (options.setLeft) element.style.left = (p[0] - delta[0] + options.offsetLeft) + 'px'; + if (options.setTop) element.style.top = (p[1] - delta[1] + options.offsetTop) + 'px'; + if (options.setWidth) element.style.width = source.offsetWidth + 'px'; + if (options.setHeight) element.style.height = source.offsetHeight + 'px'; + return element; + } +}; + +Element.Methods.identify.counter = 1; + +Object.extend(Element.Methods, { + getElementsBySelector: Element.Methods.select, + childElements: Element.Methods.immediateDescendants +}); + +Element._attributeTranslations = { + write: { + names: { + className: 'class', + htmlFor: 'for' + }, + values: { } + } +}; + +if (Prototype.Browser.Opera) { + Element.Methods.getStyle = Element.Methods.getStyle.wrap( + function(proceed, element, style) { + switch (style) { + case 'left': case 'top': case 'right': case 'bottom': + if (proceed(element, 'position') === 'static') return null; + case 'height': case 'width': + // returns '0px' for hidden elements; we want it to return null + if (!Element.visible(element)) return null; + + // returns the border-box dimensions rather than the content-box + // dimensions, so we subtract padding and borders from the value + var dim = parseInt(proceed(element, style), 10); + + if (dim !== element['offset' + style.capitalize()]) + return dim + 'px'; + + var properties; + if (style === 'height') { + properties = ['border-top-width', 'padding-top', + 'padding-bottom', 'border-bottom-width']; + } + else { + properties = ['border-left-width', 'padding-left', + 'padding-right', 'border-right-width']; + } + return properties.inject(dim, function(memo, property) { + var val = proceed(element, property); + return val === null ? memo : memo - parseInt(val, 10); + }) + 'px'; + default: return proceed(element, style); + } + } + ); + + Element.Methods.readAttribute = Element.Methods.readAttribute.wrap( + function(proceed, element, attribute) { + if (attribute === 'title') return element.title; + return proceed(element, attribute); + } + ); +} + +else if (Prototype.Browser.IE) { + // IE doesn't report offsets correctly for static elements, so we change them + // to "relative" to get the values, then change them back. + Element.Methods.getOffsetParent = Element.Methods.getOffsetParent.wrap( + function(proceed, element) { + element = $(element); + // IE throws an error if element is not in document + try { element.offsetParent } + catch(e) { return $(document.body) } + var position = element.getStyle('position'); + if (position !== 'static') return proceed(element); + element.setStyle({ position: 'relative' }); + var value = proceed(element); + element.setStyle({ position: position }); + return value; + } + ); + + $w('positionedOffset viewportOffset').each(function(method) { + Element.Methods[method] = Element.Methods[method].wrap( + function(proceed, element) { + element = $(element); + try { element.offsetParent } + catch(e) { return Element._returnOffset(0,0) } + var position = element.getStyle('position'); + if (position !== 'static') return proceed(element); + // Trigger hasLayout on the offset parent so that IE6 reports + // accurate offsetTop and offsetLeft values for position: fixed. + var offsetParent = element.getOffsetParent(); + if (offsetParent && offsetParent.getStyle('position') === 'fixed') + offsetParent.setStyle({ zoom: 1 }); + element.setStyle({ position: 'relative' }); + var value = proceed(element); + element.setStyle({ position: position }); + return value; + } + ); + }); + + Element.Methods.cumulativeOffset = Element.Methods.cumulativeOffset.wrap( + function(proceed, element) { + try { element.offsetParent } + catch(e) { return Element._returnOffset(0,0) } + return proceed(element); + } + ); + + Element.Methods.getStyle = function(element, style) { + element = $(element); + style = (style == 'float' || style == 'cssFloat') ? 'styleFloat' : style.camelize(); + var value = element.style[style]; + if (!value && element.currentStyle) value = element.currentStyle[style]; + + if (style == 'opacity') { + if (value = (element.getStyle('filter') || '').match(/alpha\(opacity=(.*)\)/)) + if (value[1]) return parseFloat(value[1]) / 100; + return 1.0; + } + + if (value == 'auto') { + if ((style == 'width' || style == 'height') && (element.getStyle('display') != 'none')) + return element['offset' + style.capitalize()] + 'px'; + return null; + } + return value; + }; + + Element.Methods.setOpacity = function(element, value) { + function stripAlpha(filter){ + return filter.replace(/alpha\([^\)]*\)/gi,''); + } + element = $(element); + var currentStyle = element.currentStyle; + if ((currentStyle && !currentStyle.hasLayout) || + (!currentStyle && element.style.zoom == 'normal')) + element.style.zoom = 1; + + var filter = element.getStyle('filter'), style = element.style; + if (value == 1 || value === '') { + (filter = stripAlpha(filter)) ? + style.filter = filter : style.removeAttribute('filter'); + return element; + } else if (value < 0.00001) value = 0; + style.filter = stripAlpha(filter) + + 'alpha(opacity=' + (value * 100) + ')'; + return element; + }; + + Element._attributeTranslations = { + read: { + names: { + 'class': 'className', + 'for': 'htmlFor' + }, + values: { + _getAttr: function(element, attribute) { + return element.getAttribute(attribute, 2); + }, + _getAttrNode: function(element, attribute) { + var node = element.getAttributeNode(attribute); + return node ? node.value : ""; + }, + _getEv: function(element, attribute) { + attribute = element.getAttribute(attribute); + return attribute ? attribute.toString().slice(23, -2) : null; + }, + _flag: function(element, attribute) { + return $(element).hasAttribute(attribute) ? attribute : null; + }, + style: function(element) { + return element.style.cssText.toLowerCase(); + }, + title: function(element) { + return element.title; + } + } + } + }; + + Element._attributeTranslations.write = { + names: Object.extend({ + cellpadding: 'cellPadding', + cellspacing: 'cellSpacing' + }, Element._attributeTranslations.read.names), + values: { + checked: function(element, value) { + element.checked = !!value; + }, + + style: function(element, value) { + element.style.cssText = value ? value : ''; + } + } + }; + + Element._attributeTranslations.has = {}; + + $w('colSpan rowSpan vAlign dateTime accessKey tabIndex ' + + 'encType maxLength readOnly longDesc frameBorder').each(function(attr) { + Element._attributeTranslations.write.names[attr.toLowerCase()] = attr; + Element._attributeTranslations.has[attr.toLowerCase()] = attr; + }); + + (function(v) { + Object.extend(v, { + href: v._getAttr, + src: v._getAttr, + type: v._getAttr, + action: v._getAttrNode, + disabled: v._flag, + checked: v._flag, + readonly: v._flag, + multiple: v._flag, + onload: v._getEv, + onunload: v._getEv, + onclick: v._getEv, + ondblclick: v._getEv, + onmousedown: v._getEv, + onmouseup: v._getEv, + onmouseover: v._getEv, + onmousemove: v._getEv, + onmouseout: v._getEv, + onfocus: v._getEv, + onblur: v._getEv, + onkeypress: v._getEv, + onkeydown: v._getEv, + onkeyup: v._getEv, + onsubmit: v._getEv, + onreset: v._getEv, + onselect: v._getEv, + onchange: v._getEv + }); + })(Element._attributeTranslations.read.values); +} + +else if (Prototype.Browser.Gecko && /rv:1\.8\.0/.test(navigator.userAgent)) { + Element.Methods.setOpacity = function(element, value) { + element = $(element); + element.style.opacity = (value == 1) ? 0.999999 : + (value === '') ? '' : (value < 0.00001) ? 0 : value; + return element; + }; +} + +else if (Prototype.Browser.WebKit) { + Element.Methods.setOpacity = function(element, value) { + element = $(element); + element.style.opacity = (value == 1 || value === '') ? '' : + (value < 0.00001) ? 0 : value; + + if (value == 1) + if(element.tagName.toUpperCase() == 'IMG' && element.width) { + element.width++; element.width--; + } else try { + var n = document.createTextNode(' '); + element.appendChild(n); + element.removeChild(n); + } catch (e) { } + + return element; + }; + + // Safari returns margins on body which is incorrect if the child is absolutely + // positioned. For performance reasons, redefine Element#cumulativeOffset for + // KHTML/WebKit only. + Element.Methods.cumulativeOffset = function(element) { + var valueT = 0, valueL = 0; + do { + valueT += element.offsetTop || 0; + valueL += element.offsetLeft || 0; + if (element.offsetParent == document.body) + if (Element.getStyle(element, 'position') == 'absolute') break; + + element = element.offsetParent; + } while (element); + + return Element._returnOffset(valueL, valueT); + }; +} + +if (Prototype.Browser.IE || Prototype.Browser.Opera) { + // IE and Opera are missing .innerHTML support for TABLE-related and SELECT elements + Element.Methods.update = function(element, content) { + element = $(element); + + if (content && content.toElement) content = content.toElement(); + if (Object.isElement(content)) return element.update().insert(content); + + content = Object.toHTML(content); + var tagName = element.tagName.toUpperCase(); + + if (tagName in Element._insertionTranslations.tags) { + $A(element.childNodes).each(function(node) { element.removeChild(node) }); + Element._getContentFromAnonymousElement(tagName, content.stripScripts()) + .each(function(node) { element.appendChild(node) }); + } + else element.innerHTML = content.stripScripts(); + + content.evalScripts.bind(content).defer(); + return element; + }; +} + +if ('outerHTML' in document.createElement('div')) { + Element.Methods.replace = function(element, content) { + element = $(element); + + if (content && content.toElement) content = content.toElement(); + if (Object.isElement(content)) { + element.parentNode.replaceChild(content, element); + return element; + } + + content = Object.toHTML(content); + var parent = element.parentNode, tagName = parent.tagName.toUpperCase(); + + if (Element._insertionTranslations.tags[tagName]) { + var nextSibling = element.next(); + var fragments = Element._getContentFromAnonymousElement(tagName, content.stripScripts()); + parent.removeChild(element); + if (nextSibling) + fragments.each(function(node) { parent.insertBefore(node, nextSibling) }); + else + fragments.each(function(node) { parent.appendChild(node) }); + } + else element.outerHTML = content.stripScripts(); + + content.evalScripts.bind(content).defer(); + return element; + }; +} + +Element._returnOffset = function(l, t) { + var result = [l, t]; + result.left = l; + result.top = t; + return result; +}; + +Element._getContentFromAnonymousElement = function(tagName, html) { + var div = new Element('div'), t = Element._insertionTranslations.tags[tagName]; + if (t) { + div.innerHTML = t[0] + html + t[1]; + t[2].times(function() { div = div.firstChild }); + } else div.innerHTML = html; + return $A(div.childNodes); +}; + +Element._insertionTranslations = { + before: function(element, node) { + element.parentNode.insertBefore(node, element); + }, + top: function(element, node) { + element.insertBefore(node, element.firstChild); + }, + bottom: function(element, node) { + element.appendChild(node); + }, + after: function(element, node) { + element.parentNode.insertBefore(node, element.nextSibling); + }, + tags: { + TABLE: ['<table>', '</table>', 1], + TBODY: ['<table><tbody>', '</tbody></table>', 2], + TR: ['<table><tbody><tr>', '</tr></tbody></table>', 3], + TD: ['<table><tbody><tr><td>', '</td></tr></tbody></table>', 4], + SELECT: ['<select>', '</select>', 1] + } +}; + +(function() { + Object.extend(this.tags, { + THEAD: this.tags.TBODY, + TFOOT: this.tags.TBODY, + TH: this.tags.TD + }); +}).call(Element._insertionTranslations); + +Element.Methods.Simulated = { + hasAttribute: function(element, attribute) { + attribute = Element._attributeTranslations.has[attribute] || attribute; + var node = $(element).getAttributeNode(attribute); + return !!(node && node.specified); + } +}; + +Element.Methods.ByTag = { }; + +Object.extend(Element, Element.Methods); + +if (!Prototype.BrowserFeatures.ElementExtensions && + document.createElement('div')['__proto__']) { + window.HTMLElement = { }; + window.HTMLElement.prototype = document.createElement('div')['__proto__']; + Prototype.BrowserFeatures.ElementExtensions = true; +} + +Element.extend = (function() { + if (Prototype.BrowserFeatures.SpecificElementExtensions) + return Prototype.K; + + var Methods = { }, ByTag = Element.Methods.ByTag; + + var extend = Object.extend(function(element) { + if (!element || element._extendedByPrototype || + element.nodeType != 1 || element == window) return element; + + var methods = Object.clone(Methods), + tagName = element.tagName.toUpperCase(), property, value; + + // extend methods for specific tags + if (ByTag[tagName]) Object.extend(methods, ByTag[tagName]); + + for (property in methods) { + value = methods[property]; + if (Object.isFunction(value) && !(property in element)) + element[property] = value.methodize(); + } + + element._extendedByPrototype = Prototype.emptyFunction; + return element; + + }, { + refresh: function() { + // extend methods for all tags (Safari doesn't need this) + if (!Prototype.BrowserFeatures.ElementExtensions) { + Object.extend(Methods, Element.Methods); + Object.extend(Methods, Element.Methods.Simulated); + } + } + }); + + extend.refresh(); + return extend; +})(); + +Element.hasAttribute = function(element, attribute) { + if (element.hasAttribute) return element.hasAttribute(attribute); + return Element.Methods.Simulated.hasAttribute(element, attribute); +}; + +Element.addMethods = function(methods) { + var F = Prototype.BrowserFeatures, T = Element.Methods.ByTag; + + if (!methods) { + Object.extend(Form, Form.Methods); + Object.extend(Form.Element, Form.Element.Methods); + Object.extend(Element.Methods.ByTag, { + "FORM": Object.clone(Form.Methods), + "INPUT": Object.clone(Form.Element.Methods), + "SELECT": Object.clone(Form.Element.Methods), + "TEXTAREA": Object.clone(Form.Element.Methods) + }); + } + + if (arguments.length == 2) { + var tagName = methods; + methods = arguments[1]; + } + + if (!tagName) Object.extend(Element.Methods, methods || { }); + else { + if (Object.isArray(tagName)) tagName.each(extend); + else extend(tagName); + } + + function extend(tagName) { + tagName = tagName.toUpperCase(); + if (!Element.Methods.ByTag[tagName]) + Element.Methods.ByTag[tagName] = { }; + Object.extend(Element.Methods.ByTag[tagName], methods); + } + + function copy(methods, destination, onlyIfAbsent) { + onlyIfAbsent = onlyIfAbsent || false; + for (var property in methods) { + var value = methods[property]; + if (!Object.isFunction(value)) continue; + if (!onlyIfAbsent || !(property in destination)) + destination[property] = value.methodize(); + } + } + + function findDOMClass(tagName) { + var klass; + var trans = { + "OPTGROUP": "OptGroup", "TEXTAREA": "TextArea", "P": "Paragraph", + "FIELDSET": "FieldSet", "UL": "UList", "OL": "OList", "DL": "DList", + "DIR": "Directory", "H1": "Heading", "H2": "Heading", "H3": "Heading", + "H4": "Heading", "H5": "Heading", "H6": "Heading", "Q": "Quote", + "INS": "Mod", "DEL": "Mod", "A": "Anchor", "IMG": "Image", "CAPTION": + "TableCaption", "COL": "TableCol", "COLGROUP": "TableCol", "THEAD": + "TableSection", "TFOOT": "TableSection", "TBODY": "TableSection", "TR": + "TableRow", "TH": "TableCell", "TD": "TableCell", "FRAMESET": + "FrameSet", "IFRAME": "IFrame" + }; + if (trans[tagName]) klass = 'HTML' + trans[tagName] + 'Element'; + if (window[klass]) return window[klass]; + klass = 'HTML' + tagName + 'Element'; + if (window[klass]) return window[klass]; + klass = 'HTML' + tagName.capitalize() + 'Element'; + if (window[klass]) return window[klass]; + + window[klass] = { }; + window[klass].prototype = document.createElement(tagName)['__proto__']; + return window[klass]; + } + + if (F.ElementExtensions) { + copy(Element.Methods, HTMLElement.prototype); + copy(Element.Methods.Simulated, HTMLElement.prototype, true); + } + + if (F.SpecificElementExtensions) { + for (var tag in Element.Methods.ByTag) { + var klass = findDOMClass(tag); + if (Object.isUndefined(klass)) continue; + copy(T[tag], klass.prototype); + } + } + + Object.extend(Element, Element.Methods); + delete Element.ByTag; + + if (Element.extend.refresh) Element.extend.refresh(); + Element.cache = { }; +}; + +document.viewport = { + getDimensions: function() { + var dimensions = { }, B = Prototype.Browser; + $w('width height').each(function(d) { + var D = d.capitalize(); + if (B.WebKit && !document.evaluate) { + // Safari <3.0 needs self.innerWidth/Height + dimensions[d] = self['inner' + D]; + } else if (B.Opera && parseFloat(window.opera.version()) < 9.5) { + // Opera <9.5 needs document.body.clientWidth/Height + dimensions[d] = document.body['client' + D] + } else { + dimensions[d] = document.documentElement['client' + D]; + } + }); + return dimensions; + }, + + getWidth: function() { + return this.getDimensions().width; + }, + + getHeight: function() { + return this.getDimensions().height; + }, + + getScrollOffsets: function() { + return Element._returnOffset( + window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft, + window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop); + } +}; +/* Portions of the Selector class are derived from Jack Slocum's DomQuery, + * part of YUI-Ext version 0.40, distributed under the terms of an MIT-style + * license. Please see http://www.yui-ext.com/ for more information. */ + +var Selector = Class.create({ + initialize: function(expression) { + this.expression = expression.strip(); + + if (this.shouldUseSelectorsAPI()) { + this.mode = 'selectorsAPI'; + } else if (this.shouldUseXPath()) { + this.mode = 'xpath'; + this.compileXPathMatcher(); + } else { + this.mode = "normal"; + this.compileMatcher(); + } + + }, + + shouldUseXPath: function() { + if (!Prototype.BrowserFeatures.XPath) return false; + + var e = this.expression; + + // Safari 3 chokes on :*-of-type and :empty + if (Prototype.Browser.WebKit && + (e.include("-of-type") || e.include(":empty"))) + return false; + + // XPath can't do namespaced attributes, nor can it read + // the "checked" property from DOM nodes + if ((/(\[[\w-]*?:|:checked)/).test(e)) + return false; + + return true; + }, + + shouldUseSelectorsAPI: function() { + if (!Prototype.BrowserFeatures.SelectorsAPI) return false; + + if (!Selector._div) Selector._div = new Element('div'); + + // Make sure the browser treats the selector as valid. Test on an + // isolated element to minimize cost of this check. + try { + Selector._div.querySelector(this.expression); + } catch(e) { + return false; + } + + return true; + }, + + compileMatcher: function() { + var e = this.expression, ps = Selector.patterns, h = Selector.handlers, + c = Selector.criteria, le, p, m; + + if (Selector._cache[e]) { + this.matcher = Selector._cache[e]; + return; + } + + this.matcher = ["this.matcher = function(root) {", + "var r = root, h = Selector.handlers, c = false, n;"]; + + while (e && le != e && (/\S/).test(e)) { + le = e; + for (var i in ps) { + p = ps[i]; + if (m = e.match(p)) { + this.matcher.push(Object.isFunction(c[i]) ? c[i](m) : + new Template(c[i]).evaluate(m)); + e = e.replace(m[0], ''); + break; + } + } + } + + this.matcher.push("return h.unique(n);\n}"); + eval(this.matcher.join('\n')); + Selector._cache[this.expression] = this.matcher; + }, + + compileXPathMatcher: function() { + var e = this.expression, ps = Selector.patterns, + x = Selector.xpath, le, m; + + if (Selector._cache[e]) { + this.xpath = Selector._cache[e]; return; + } + + this.matcher = ['.//*']; + while (e && le != e && (/\S/).test(e)) { + le = e; + for (var i in ps) { + if (m = e.match(ps[i])) { + this.matcher.push(Object.isFunction(x[i]) ? x[i](m) : + new Template(x[i]).evaluate(m)); + e = e.replace(m[0], ''); + break; + } + } + } + + this.xpath = this.matcher.join(''); + Selector._cache[this.expression] = this.xpath; + }, + + findElements: function(root) { + root = root || document; + var e = this.expression, results; + + switch (this.mode) { + case 'selectorsAPI': + // querySelectorAll queries document-wide, then filters to descendants + // of the context element. That's not what we want. + // Add an explicit context to the selector if necessary. + if (root !== document) { + var oldId = root.id, id = $(root).identify(); + e = "#" + id + " " + e; + } + + results = $A(root.querySelectorAll(e)).map(Element.extend); + root.id = oldId; + + return results; + case 'xpath': + return document._getElementsByXPath(this.xpath, root); + default: + return this.matcher(root); + } + }, + + match: function(element) { + this.tokens = []; + + var e = this.expression, ps = Selector.patterns, as = Selector.assertions; + var le, p, m; + + while (e && le !== e && (/\S/).test(e)) { + le = e; + for (var i in ps) { + p = ps[i]; + if (m = e.match(p)) { + // use the Selector.assertions methods unless the selector + // is too complex. + if (as[i]) { + this.tokens.push([i, Object.clone(m)]); + e = e.replace(m[0], ''); + } else { + // reluctantly do a document-wide search + // and look for a match in the array + return this.findElements(document).include(element); + } + } + } + } + + var match = true, name, matches; + for (var i = 0, token; token = this.tokens[i]; i++) { + name = token[0], matches = token[1]; + if (!Selector.assertions[name](element, matches)) { + match = false; break; + } + } + + return match; + }, + + toString: function() { + return this.expression; + }, + + inspect: function() { + return "#<Selector:" + this.expression.inspect() + ">"; + } +}); + +Object.extend(Selector, { + _cache: { }, + + xpath: { + descendant: "//*", + child: "/*", + adjacent: "/following-sibling::*[1]", + laterSibling: '/following-sibling::*', + tagName: function(m) { + if (m[1] == '*') return ''; + return "[local-name()='" + m[1].toLowerCase() + + "' or local-name()='" + m[1].toUpperCase() + "']"; + }, + className: "[contains(concat(' ', @class, ' '), ' #{1} ')]", + id: "[@id='#{1}']", + attrPresence: function(m) { + m[1] = m[1].toLowerCase(); + return new Template("[@#{1}]").evaluate(m); + }, + attr: function(m) { + m[1] = m[1].toLowerCase(); + m[3] = m[5] || m[6]; + return new Template(Selector.xpath.operators[m[2]]).evaluate(m); + }, + pseudo: function(m) { + var h = Selector.xpath.pseudos[m[1]]; + if (!h) return ''; + if (Object.isFunction(h)) return h(m); + return new Template(Selector.xpath.pseudos[m[1]]).evaluate(m); + }, + operators: { + '=': "[@#{1}='#{3}']", + '!=': "[@#{1}!='#{3}']", + '^=': "[starts-with(@#{1}, '#{3}')]", + '$=': "[substring(@#{1}, (string-length(@#{1}) - string-length('#{3}') + 1))='#{3}']", + '*=': "[contains(@#{1}, '#{3}')]", + '~=': "[contains(concat(' ', @#{1}, ' '), ' #{3} ')]", + '|=': "[contains(concat('-', @#{1}, '-'), '-#{3}-')]" + }, + pseudos: { + 'first-child': '[not(preceding-sibling::*)]', + 'last-child': '[not(following-sibling::*)]', + 'only-child': '[not(preceding-sibling::* or following-sibling::*)]', + 'empty': "[count(*) = 0 and (count(text()) = 0)]", + 'checked': "[@checked]", + 'disabled': "[(@disabled) and (@type!='hidden')]", + 'enabled': "[not(@disabled) and (@type!='hidden')]", + 'not': function(m) { + var e = m[6], p = Selector.patterns, + x = Selector.xpath, le, v; + + var exclusion = []; + while (e && le != e && (/\S/).test(e)) { + le = e; + for (var i in p) { + if (m = e.match(p[i])) { + v = Object.isFunction(x[i]) ? x[i](m) : new Template(x[i]).evaluate(m); + exclusion.push("(" + v.substring(1, v.length - 1) + ")"); + e = e.replace(m[0], ''); + break; + } + } + } + return "[not(" + exclusion.join(" and ") + ")]"; + }, + 'nth-child': function(m) { + return Selector.xpath.pseudos.nth("(count(./preceding-sibling::*) + 1) ", m); + }, + 'nth-last-child': function(m) { + return Selector.xpath.pseudos.nth("(count(./following-sibling::*) + 1) ", m); + }, + 'nth-of-type': function(m) { + return Selector.xpath.pseudos.nth("position() ", m); + }, + 'nth-last-of-type': function(m) { + return Selector.xpath.pseudos.nth("(last() + 1 - position()) ", m); + }, + 'first-of-type': function(m) { + m[6] = "1"; return Selector.xpath.pseudos['nth-of-type'](m); + }, + 'last-of-type': function(m) { + m[6] = "1"; return Selector.xpath.pseudos['nth-last-of-type'](m); + }, + 'only-of-type': function(m) { + var p = Selector.xpath.pseudos; return p['first-of-type'](m) + p['last-of-type'](m); + }, + nth: function(fragment, m) { + var mm, formula = m[6], predicate; + if (formula == 'even') formula = '2n+0'; + if (formula == 'odd') formula = '2n+1'; + if (mm = formula.match(/^(\d+)$/)) // digit only + return '[' + fragment + "= " + mm[1] + ']'; + if (mm = formula.match(/^(-?\d*)?n(([+-])(\d+))?/)) { // an+b + if (mm[1] == "-") mm[1] = -1; + var a = mm[1] ? Number(mm[1]) : 1; + var b = mm[2] ? Number(mm[2]) : 0; + predicate = "[((#{fragment} - #{b}) mod #{a} = 0) and " + + "((#{fragment} - #{b}) div #{a} >= 0)]"; + return new Template(predicate).evaluate({ + fragment: fragment, a: a, b: b }); + } + } + } + }, + + criteria: { + tagName: 'n = h.tagName(n, r, "#{1}", c); c = false;', + className: 'n = h.className(n, r, "#{1}", c); c = false;', + id: 'n = h.id(n, r, "#{1}", c); c = false;', + attrPresence: 'n = h.attrPresence(n, r, "#{1}", c); c = false;', + attr: function(m) { + m[3] = (m[5] || m[6]); + return new Template('n = h.attr(n, r, "#{1}", "#{3}", "#{2}", c); c = false;').evaluate(m); + }, + pseudo: function(m) { + if (m[6]) m[6] = m[6].replace(/"/g, '\\"'); + return new Template('n = h.pseudo(n, "#{1}", "#{6}", r, c); c = false;').evaluate(m); + }, + descendant: 'c = "descendant";', + child: 'c = "child";', + adjacent: 'c = "adjacent";', + laterSibling: 'c = "laterSibling";' + }, + + patterns: { + // combinators must be listed first + // (and descendant needs to be last combinator) + laterSibling: /^\s*~\s*/, + child: /^\s*>\s*/, + adjacent: /^\s*\+\s*/, + descendant: /^\s/, + + // selectors follow + tagName: /^\s*(\*|[\w\-]+)(\b|$)?/, + id: /^#([\w\-\*]+)(\b|$)/, + className: /^\.([\w\-\*]+)(\b|$)/, + pseudo: +/^:((first|last|nth|nth-last|only)(-child|-of-type)|empty|checked|(en|dis)abled|not)(\((.*?)\))?(\b|$|(?=\s|[:+~>]))/, + attrPresence: /^\[((?:[\w]+:)?[\w]+)\]/, + attr: /\[((?:[\w-]*:)?[\w-]+)\s*(?:([!^$*~|]?=)\s*((['"])([^\4]*?)\4|([^'"][^\]]*?)))?\]/ + }, + + // for Selector.match and Element#match + assertions: { + tagName: function(element, matches) { + return matches[1].toUpperCase() == element.tagName.toUpperCase(); + }, + + className: function(element, matches) { + return Element.hasClassName(element, matches[1]); + }, + + id: function(element, matches) { + return element.id === matches[1]; + }, + + attrPresence: function(element, matches) { + return Element.hasAttribute(element, matches[1]); + }, + + attr: function(element, matches) { + var nodeValue = Element.readAttribute(element, matches[1]); + return nodeValue && Selector.operators[matches[2]](nodeValue, matches[5] || matches[6]); + } + }, + + handlers: { + // UTILITY FUNCTIONS + // joins two collections + concat: function(a, b) { + for (var i = 0, node; node = b[i]; i++) + a.push(node); + return a; + }, + + // marks an array of nodes for counting + mark: function(nodes) { + var _true = Prototype.emptyFunction; + for (var i = 0, node; node = nodes[i]; i++) + node._countedByPrototype = _true; + return nodes; + }, + + unmark: function(nodes) { + for (var i = 0, node; node = nodes[i]; i++) + node._countedByPrototype = undefined; + return nodes; + }, + + // mark each child node with its position (for nth calls) + // "ofType" flag indicates whether we're indexing for nth-of-type + // rather than nth-child + index: function(parentNode, reverse, ofType) { + parentNode._countedByPrototype = Prototype.emptyFunction; + if (reverse) { + for (var nodes = parentNode.childNodes, i = nodes.length - 1, j = 1; i >= 0; i--) { + var node = nodes[i]; + if (node.nodeType == 1 && (!ofType || node._countedByPrototype)) node.nodeIndex = j++; + } + } else { + for (var i = 0, j = 1, nodes = parentNode.childNodes; node = nodes[i]; i++) + if (node.nodeType == 1 && (!ofType || node._countedByPrototype)) node.nodeIndex = j++; + } + }, + + // filters out duplicates and extends all nodes + unique: function(nodes) { + if (nodes.length == 0) return nodes; + var results = [], n; + for (var i = 0, l = nodes.length; i < l; i++) + if (!(n = nodes[i])._countedByPrototype) { + n._countedByPrototype = Prototype.emptyFunction; + results.push(Element.extend(n)); + } + return Selector.handlers.unmark(results); + }, + + // COMBINATOR FUNCTIONS + descendant: function(nodes) { + var h = Selector.handlers; + for (var i = 0, results = [], node; node = nodes[i]; i++) + h.concat(results, node.getElementsByTagName('*')); + return results; + }, + + child: function(nodes) { + var h = Selector.handlers; + for (var i = 0, results = [], node; node = nodes[i]; i++) { + for (var j = 0, child; child = node.childNodes[j]; j++) + if (child.nodeType == 1 && child.tagName != '!') results.push(child); + } + return results; + }, + + adjacent: function(nodes) { + for (var i = 0, results = [], node; node = nodes[i]; i++) { + var next = this.nextElementSibling(node); + if (next) results.push(next); + } + return results; + }, + + laterSibling: function(nodes) { + var h = Selector.handlers; + for (var i = 0, results = [], node; node = nodes[i]; i++) + h.concat(results, Element.nextSiblings(node)); + return results; + }, + + nextElementSibling: function(node) { + while (node = node.nextSibling) + if (node.nodeType == 1) return node; + return null; + }, + + previousElementSibling: function(node) { + while (node = node.previousSibling) + if (node.nodeType == 1) return node; + return null; + }, + + // TOKEN FUNCTIONS + tagName: function(nodes, root, tagName, combinator) { + var uTagName = tagName.toUpperCase(); + var results = [], h = Selector.handlers; + if (nodes) { + if (combinator) { + // fastlane for ordinary descendant combinators + if (combinator == "descendant") { + for (var i = 0, node; node = nodes[i]; i++) + h.concat(results, node.getElementsByTagName(tagName)); + return results; + } else nodes = this[combinator](nodes); + if (tagName == "*") return nodes; + } + for (var i = 0, node; node = nodes[i]; i++) + if (node.tagName.toUpperCase() === uTagName) results.push(node); + return results; + } else return root.getElementsByTagName(tagName); + }, + + id: function(nodes, root, id, combinator) { + var targetNode = $(id), h = Selector.handlers; + if (!targetNode) return []; + if (!nodes && root == document) return [targetNode]; + if (nodes) { + if (combinator) { + if (combinator == 'child') { + for (var i = 0, node; node = nodes[i]; i++) + if (targetNode.parentNode == node) return [targetNode]; + } else if (combinator == 'descendant') { + for (var i = 0, node; node = nodes[i]; i++) + if (Element.descendantOf(targetNode, node)) return [targetNode]; + } else if (combinator == 'adjacent') { + for (var i = 0, node; node = nodes[i]; i++) + if (Selector.handlers.previousElementSibling(targetNode) == node) + return [targetNode]; + } else nodes = h[combinator](nodes); + } + for (var i = 0, node; node = nodes[i]; i++) + if (node == targetNode) return [targetNode]; + return []; + } + return (targetNode && Element.descendantOf(targetNode, root)) ? [targetNode] : []; + }, + + className: function(nodes, root, className, combinator) { + if (nodes && combinator) nodes = this[combinator](nodes); + return Selector.handlers.byClassName(nodes, root, className); + }, + + byClassName: function(nodes, root, className) { + if (!nodes) nodes = Selector.handlers.descendant([root]); + var needle = ' ' + className + ' '; + for (var i = 0, results = [], node, nodeClassName; node = nodes[i]; i++) { + nodeClassName = node.className; + if (nodeClassName.length == 0) continue; + if (nodeClassName == className || (' ' + nodeClassName + ' ').include(needle)) + results.push(node); + } + return results; + }, + + attrPresence: function(nodes, root, attr, combinator) { + if (!nodes) nodes = root.getElementsByTagName("*"); + if (nodes && combinator) nodes = this[combinator](nodes); + var results = []; + for (var i = 0, node; node = nodes[i]; i++) + if (Element.hasAttribute(node, attr)) results.push(node); + return results; + }, + + attr: function(nodes, root, attr, value, operator, combinator) { + if (!nodes) nodes = root.getElementsByTagName("*"); + if (nodes && combinator) nodes = this[combinator](nodes); + var handler = Selector.operators[operator], results = []; + for (var i = 0, node; node = nodes[i]; i++) { + var nodeValue = Element.readAttribute(node, attr); + if (nodeValue === null) continue; + if (handler(nodeValue, value)) results.push(node); + } + return results; + }, + + pseudo: function(nodes, name, value, root, combinator) { + if (nodes && combinator) nodes = this[combinator](nodes); + if (!nodes) nodes = root.getElementsByTagName("*"); + return Selector.pseudos[name](nodes, value, root); + } + }, + + pseudos: { + 'first-child': function(nodes, value, root) { + for (var i = 0, results = [], node; node = nodes[i]; i++) { + if (Selector.handlers.previousElementSibling(node)) continue; + results.push(node); + } + return results; + }, + 'last-child': function(nodes, value, root) { + for (var i = 0, results = [], node; node = nodes[i]; i++) { + if (Selector.handlers.nextElementSibling(node)) continue; + results.push(node); + } + return results; + }, + 'only-child': function(nodes, value, root) { + var h = Selector.handlers; + for (var i = 0, results = [], node; node = nodes[i]; i++) + if (!h.previousElementSibling(node) && !h.nextElementSibling(node)) + results.push(node); + return results; + }, + 'nth-child': function(nodes, formula, root) { + return Selector.pseudos.nth(nodes, formula, root); + }, + 'nth-last-child': function(nodes, formula, root) { + return Selector.pseudos.nth(nodes, formula, root, true); + }, + 'nth-of-type': function(nodes, formula, root) { + return Selector.pseudos.nth(nodes, formula, root, false, true); + }, + 'nth-last-of-type': function(nodes, formula, root) { + return Selector.pseudos.nth(nodes, formula, root, true, true); + }, + 'first-of-type': function(nodes, formula, root) { + return Selector.pseudos.nth(nodes, "1", root, false, true); + }, + 'last-of-type': function(nodes, formula, root) { + return Selector.pseudos.nth(nodes, "1", root, true, true); + }, + 'only-of-type': function(nodes, formula, root) { + var p = Selector.pseudos; + return p['last-of-type'](p['first-of-type'](nodes, formula, root), formula, root); + }, + + // handles the an+b logic + getIndices: function(a, b, total) { + if (a == 0) return b > 0 ? [b] : []; + return $R(1, total).inject([], function(memo, i) { + if (0 == (i - b) % a && (i - b) / a >= 0) memo.push(i); + return memo; + }); + }, + + // handles nth(-last)-child, nth(-last)-of-type, and (first|last)-of-type + nth: function(nodes, formula, root, reverse, ofType) { + if (nodes.length == 0) return []; + if (formula == 'even') formula = '2n+0'; + if (formula == 'odd') formula = '2n+1'; + var h = Selector.handlers, results = [], indexed = [], m; + h.mark(nodes); + for (var i = 0, node; node = nodes[i]; i++) { + if (!node.parentNode._countedByPrototype) { + h.index(node.parentNode, reverse, ofType); + indexed.push(node.parentNode); + } + } + if (formula.match(/^\d+$/)) { // just a number + formula = Number(formula); + for (var i = 0, node; node = nodes[i]; i++) + if (node.nodeIndex == formula) results.push(node); + } else if (m = formula.match(/^(-?\d*)?n(([+-])(\d+))?/)) { // an+b + if (m[1] == "-") m[1] = -1; + var a = m[1] ? Number(m[1]) : 1; + var b = m[2] ? Number(m[2]) : 0; + var indices = Selector.pseudos.getIndices(a, b, nodes.length); + for (var i = 0, node, l = indices.length; node = nodes[i]; i++) { + for (var j = 0; j < l; j++) + if (node.nodeIndex == indices[j]) results.push(node); + } + } + h.unmark(nodes); + h.unmark(indexed); + return results; + }, + + 'empty': function(nodes, value, root) { + for (var i = 0, results = [], node; node = nodes[i]; i++) { + // IE treats comments as element nodes + if (node.tagName == '!' || node.firstChild) continue; + results.push(node); + } + return results; + }, + + 'not': function(nodes, selector, root) { + var h = Selector.handlers, selectorType, m; + var exclusions = new Selector(selector).findElements(root); + h.mark(exclusions); + for (var i = 0, results = [], node; node = nodes[i]; i++) + if (!node._countedByPrototype) results.push(node); + h.unmark(exclusions); + return results; + }, + + 'enabled': function(nodes, value, root) { + for (var i = 0, results = [], node; node = nodes[i]; i++) + if (!node.disabled && (!node.type || node.type !== 'hidden')) + results.push(node); + return results; + }, + + 'disabled': function(nodes, value, root) { + for (var i = 0, results = [], node; node = nodes[i]; i++) + if (node.disabled) results.push(node); + return results; + }, + + 'checked': function(nodes, value, root) { + for (var i = 0, results = [], node; node = nodes[i]; i++) + if (node.checked) results.push(node); + return results; + } + }, + + operators: { + '=': function(nv, v) { return nv == v; }, + '!=': function(nv, v) { return nv != v; }, + '^=': function(nv, v) { return nv == v || nv && nv.startsWith(v); }, + '$=': function(nv, v) { return nv == v || nv && nv.endsWith(v); }, + '*=': function(nv, v) { return nv == v || nv && nv.include(v); }, + '$=': function(nv, v) { return nv.endsWith(v); }, + '*=': function(nv, v) { return nv.include(v); }, + '~=': function(nv, v) { return (' ' + nv + ' ').include(' ' + v + ' '); }, + '|=': function(nv, v) { return ('-' + (nv || "").toUpperCase() + + '-').include('-' + (v || "").toUpperCase() + '-'); } + }, + + split: function(expression) { + var expressions = []; + expression.scan(/(([\w#:.~>+()\s-]+|\*|\[.*?\])+)\s*(,|$)/, function(m) { + expressions.push(m[1].strip()); + }); + return expressions; + }, + + matchElements: function(elements, expression) { + var matches = $$(expression), h = Selector.handlers; + h.mark(matches); + for (var i = 0, results = [], element; element = elements[i]; i++) + if (element._countedByPrototype) results.push(element); + h.unmark(matches); + return results; + }, + + findElement: function(elements, expression, index) { + if (Object.isNumber(expression)) { + index = expression; expression = false; + } + return Selector.matchElements(elements, expression || '*')[index || 0]; + }, + + findChildElements: function(element, expressions) { + expressions = Selector.split(expressions.join(',')); + var results = [], h = Selector.handlers; + for (var i = 0, l = expressions.length, selector; i < l; i++) { + selector = new Selector(expressions[i].strip()); + h.concat(results, selector.findElements(element)); + } + return (l > 1) ? h.unique(results) : results; + } +}); + +if (Prototype.Browser.IE) { + Object.extend(Selector.handlers, { + // IE returns comment nodes on getElementsByTagName("*"). + // Filter them out. + concat: function(a, b) { + for (var i = 0, node; node = b[i]; i++) + if (node.tagName !== "!") a.push(node); + return a; + }, + + // IE improperly serializes _countedByPrototype in (inner|outer)HTML. + unmark: function(nodes) { + for (var i = 0, node; node = nodes[i]; i++) + node.removeAttribute('_countedByPrototype'); + return nodes; + } + }); +} + +function $$() { + return Selector.findChildElements(document, $A(arguments)); +} +var Form = { + reset: function(form) { + $(form).reset(); + return form; + }, + + serializeElements: function(elements, options) { + if (typeof options != 'object') options = { hash: !!options }; + else if (Object.isUndefined(options.hash)) options.hash = true; + var key, value, submitted = false, submit = options.submit; + + var data = elements.inject({ }, function(result, element) { + if (!element.disabled && element.name) { + key = element.name; value = $(element).getValue(); + if (value != null && element.type != 'file' && (element.type != 'submit' || (!submitted && + submit !== false && (!submit || key == submit) && (submitted = true)))) { + if (key in result) { + // a key is already present; construct an array of values + if (!Object.isArray(result[key])) result[key] = [result[key]]; + result[key].push(value); + } + else result[key] = value; + } + } + return result; + }); + + return options.hash ? data : Object.toQueryString(data); + } +}; + +Form.Methods = { + serialize: function(form, options) { + return Form.serializeElements(Form.getElements(form), options); + }, + + getElements: function(form) { + return $A($(form).getElementsByTagName('*')).inject([], + function(elements, child) { + if (Form.Element.Serializers[child.tagName.toLowerCase()]) + elements.push(Element.extend(child)); + return elements; + } + ); + }, + + getInputs: function(form, typeName, name) { + form = $(form); + var inputs = form.getElementsByTagName('input'); + + if (!typeName && !name) return $A(inputs).map(Element.extend); + + for (var i = 0, matchingInputs = [], length = inputs.length; i < length; i++) { + var input = inputs[i]; + if ((typeName && input.type != typeName) || (name && input.name != name)) + continue; + matchingInputs.push(Element.extend(input)); + } + + return matchingInputs; + }, + + disable: function(form) { + form = $(form); + Form.getElements(form).invoke('disable'); + return form; + }, + + enable: function(form) { + form = $(form); + Form.getElements(form).invoke('enable'); + return form; + }, + + findFirstElement: function(form) { + var elements = $(form).getElements().findAll(function(element) { + return 'hidden' != element.type && !element.disabled; + }); + var firstByIndex = elements.findAll(function(element) { + return element.hasAttribute('tabIndex') && element.tabIndex >= 0; + }).sortBy(function(element) { return element.tabIndex }).first(); + + return firstByIndex ? firstByIndex : elements.find(function(element) { + return ['input', 'select', 'textarea'].include(element.tagName.toLowerCase()); + }); + }, + + focusFirstElement: function(form) { + form = $(form); + form.findFirstElement().activate(); + return form; + }, + + request: function(form, options) { + form = $(form), options = Object.clone(options || { }); + + var params = options.parameters, action = form.readAttribute('action') || ''; + if (action.blank()) action = window.location.href; + options.parameters = form.serialize(true); + + if (params) { + if (Object.isString(params)) params = params.toQueryParams(); + Object.extend(options.parameters, params); + } + + if (form.hasAttribute('method') && !options.method) + options.method = form.method; + + return new Ajax.Request(action, options); + } +}; + +/*--------------------------------------------------------------------------*/ + +Form.Element = { + focus: function(element) { + $(element).focus(); + return element; + }, + + select: function(element) { + $(element).select(); + return element; + } +}; + +Form.Element.Methods = { + serialize: function(element) { + element = $(element); + if (!element.disabled && element.name) { + var value = element.getValue(); + if (value != undefined) { + var pair = { }; + pair[element.name] = value; + return Object.toQueryString(pair); + } + } + return ''; + }, + + getValue: function(element) { + element = $(element); + var method = element.tagName.toLowerCase(); + return Form.Element.Serializers[method](element); + }, + + setValue: function(element, value) { + element = $(element); + var method = element.tagName.toLowerCase(); + Form.Element.Serializers[method](element, value); + return element; + }, + + clear: function(element) { + $(element).value = ''; + return element; + }, + + present: function(element) { + return $(element).value != ''; + }, + + activate: function(element) { + element = $(element); + try { + element.focus(); + if (element.select && (element.tagName.toLowerCase() != 'input' || + !['button', 'reset', 'submit'].include(element.type))) + element.select(); + } catch (e) { } + return element; + }, + + disable: function(element) { + element = $(element); + element.disabled = true; + return element; + }, + + enable: function(element) { + element = $(element); + element.disabled = false; + return element; + } +}; + +/*--------------------------------------------------------------------------*/ + +var Field = Form.Element; +var $F = Form.Element.Methods.getValue; + +/*--------------------------------------------------------------------------*/ + +Form.Element.Serializers = { + input: function(element, value) { + switch (element.type.toLowerCase()) { + case 'checkbox': + case 'radio': + return Form.Element.Serializers.inputSelector(element, value); + default: + return Form.Element.Serializers.textarea(element, value); + } + }, + + inputSelector: function(element, value) { + if (Object.isUndefined(value)) return element.checked ? element.value : null; + else element.checked = !!value; + }, + + textarea: function(element, value) { + if (Object.isUndefined(value)) return element.value; + else element.value = value; + }, + + select: function(element, value) { + if (Object.isUndefined(value)) + return this[element.type == 'select-one' ? + 'selectOne' : 'selectMany'](element); + else { + var opt, currentValue, single = !Object.isArray(value); + for (var i = 0, length = element.length; i < length; i++) { + opt = element.options[i]; + currentValue = this.optionValue(opt); + if (single) { + if (currentValue == value) { + opt.selected = true; + return; + } + } + else opt.selected = value.include(currentValue); + } + } + }, + + selectOne: function(element) { + var index = element.selectedIndex; + return index >= 0 ? this.optionValue(element.options[index]) : null; + }, + + selectMany: function(element) { + var values, length = element.length; + if (!length) return null; + + for (var i = 0, values = []; i < length; i++) { + var opt = element.options[i]; + if (opt.selected) values.push(this.optionValue(opt)); + } + return values; + }, + + optionValue: function(opt) { + // extend element because hasAttribute may not be native + return Element.extend(opt).hasAttribute('value') ? opt.value : opt.text; + } +}; + +/*--------------------------------------------------------------------------*/ + +Abstract.TimedObserver = Class.create(PeriodicalExecuter, { + initialize: function($super, element, frequency, callback) { + $super(callback, frequency); + this.element = $(element); + this.lastValue = this.getValue(); + }, + + execute: function() { + var value = this.getValue(); + if (Object.isString(this.lastValue) && Object.isString(value) ? + this.lastValue != value : String(this.lastValue) != String(value)) { + this.callback(this.element, value); + this.lastValue = value; + } + } +}); + +Form.Element.Observer = Class.create(Abstract.TimedObserver, { + getValue: function() { + return Form.Element.getValue(this.element); + } +}); + +Form.Observer = Class.create(Abstract.TimedObserver, { + getValue: function() { + return Form.serialize(this.element); + } +}); + +/*--------------------------------------------------------------------------*/ + +Abstract.EventObserver = Class.create({ + initialize: function(element, callback) { + this.element = $(element); + this.callback = callback; + + this.lastValue = this.getValue(); + if (this.element.tagName.toLowerCase() == 'form') + this.registerFormCallbacks(); + else + this.registerCallback(this.element); + }, + + onElementEvent: function() { + var value = this.getValue(); + if (this.lastValue != value) { + this.callback(this.element, value); + this.lastValue = value; + } + }, + + registerFormCallbacks: function() { + Form.getElements(this.element).each(this.registerCallback, this); + }, + + registerCallback: function(element) { + if (element.type) { + switch (element.type.toLowerCase()) { + case 'checkbox': + case 'radio': + Event.observe(element, 'click', this.onElementEvent.bind(this)); + break; + default: + Event.observe(element, 'change', this.onElementEvent.bind(this)); + break; + } + } + } +}); + +Form.Element.EventObserver = Class.create(Abstract.EventObserver, { + getValue: function() { + return Form.Element.getValue(this.element); + } +}); + +Form.EventObserver = Class.create(Abstract.EventObserver, { + getValue: function() { + return Form.serialize(this.element); + } +}); +if (!window.Event) var Event = { }; + +Object.extend(Event, { + KEY_BACKSPACE: 8, + KEY_TAB: 9, + KEY_RETURN: 13, + KEY_ESC: 27, + KEY_LEFT: 37, + KEY_UP: 38, + KEY_RIGHT: 39, + KEY_DOWN: 40, + KEY_DELETE: 46, + KEY_HOME: 36, + KEY_END: 35, + KEY_PAGEUP: 33, + KEY_PAGEDOWN: 34, + KEY_INSERT: 45, + + cache: { }, + + relatedTarget: function(event) { + var element; + switch(event.type) { + case 'mouseover': element = event.fromElement; break; + case 'mouseout': element = event.toElement; break; + default: return null; + } + return Element.extend(element); + } +}); + +Event.Methods = (function() { + var isButton; + + if (Prototype.Browser.IE) { + var buttonMap = { 0: 1, 1: 4, 2: 2 }; + isButton = function(event, code) { + return event.button == buttonMap[code]; + }; + + } else if (Prototype.Browser.WebKit) { + isButton = function(event, code) { + switch (code) { + case 0: return event.which == 1 && !event.metaKey; + case 1: return event.which == 1 && event.metaKey; + default: return false; + } + }; + + } else { + isButton = function(event, code) { + return event.which ? (event.which === code + 1) : (event.button === code); + }; + } + + return { + isLeftClick: function(event) { return isButton(event, 0) }, + isMiddleClick: function(event) { return isButton(event, 1) }, + isRightClick: function(event) { return isButton(event, 2) }, + + element: function(event) { + event = Event.extend(event); + + var node = event.target, + type = event.type, + currentTarget = event.currentTarget; + + if (currentTarget && currentTarget.tagName) { + // Firefox screws up the "click" event when moving between radio buttons + // via arrow keys. It also screws up the "load" and "error" events on images, + // reporting the document as the target instead of the original image. + if (type === 'load' || type === 'error' || + (type === 'click' && currentTarget.tagName.toLowerCase() === 'input' + && currentTarget.type === 'radio')) + node = currentTarget; + } + if (node.nodeType == Node.TEXT_NODE) node = node.parentNode; + return Element.extend(node); + }, + + findElement: function(event, expression) { + var element = Event.element(event); + if (!expression) return element; + var elements = [element].concat(element.ancestors()); + return Selector.findElement(elements, expression, 0); + }, + + pointer: function(event) { + var docElement = document.documentElement, + body = document.body || { scrollLeft: 0, scrollTop: 0 }; + return { + x: event.pageX || (event.clientX + + (docElement.scrollLeft || body.scrollLeft) - + (docElement.clientLeft || 0)), + y: event.pageY || (event.clientY + + (docElement.scrollTop || body.scrollTop) - + (docElement.clientTop || 0)) + }; + }, + + pointerX: function(event) { return Event.pointer(event).x }, + pointerY: function(event) { return Event.pointer(event).y }, + + stop: function(event) { + Event.extend(event); + event.preventDefault(); + event.stopPropagation(); + event.stopped = true; + } + }; +})(); + +Event.extend = (function() { + var methods = Object.keys(Event.Methods).inject({ }, function(m, name) { + m[name] = Event.Methods[name].methodize(); + return m; + }); + + if (Prototype.Browser.IE) { + Object.extend(methods, { + stopPropagation: function() { this.cancelBubble = true }, + preventDefault: function() { this.returnValue = false }, + inspect: function() { return "[object Event]" } + }); + + return function(event) { + if (!event) return false; + if (event._extendedByPrototype) return event; + + event._extendedByPrototype = Prototype.emptyFunction; + var pointer = Event.pointer(event); + Object.extend(event, { + target: event.srcElement, + relatedTarget: Event.relatedTarget(event), + pageX: pointer.x, + pageY: pointer.y + }); + return Object.extend(event, methods); + }; + + } else { + Event.prototype = Event.prototype || document.createEvent("HTMLEvents")['__proto__']; + Object.extend(Event.prototype, methods); + return Prototype.K; + } +})(); + +Object.extend(Event, (function() { + var cache = Event.cache; + + function getEventID(element) { + if (element._prototypeEventID) return element._prototypeEventID[0]; + arguments.callee.id = arguments.callee.id || 1; + return element._prototypeEventID = [++arguments.callee.id]; + } + + function getDOMEventName(eventName) { + if (eventName && eventName.include(':')) return "dataavailable"; + return eventName; + } + + function getCacheForID(id) { + return cache[id] = cache[id] || { }; + } + + function getWrappersForEventName(id, eventName) { + var c = getCacheForID(id); + return c[eventName] = c[eventName] || []; + } + + function createWrapper(element, eventName, handler) { + var id = getEventID(element); + var c = getWrappersForEventName(id, eventName); + if (c.pluck("handler").include(handler)) return false; + + var wrapper = function(event) { + if (!Event || !Event.extend || + (event.eventName && event.eventName != eventName)) + return false; + + Event.extend(event); + handler.call(element, event); + }; + + wrapper.handler = handler; + c.push(wrapper); + return wrapper; + } + + function findWrapper(id, eventName, handler) { + var c = getWrappersForEventName(id, eventName); + return c.find(function(wrapper) { return wrapper.handler == handler }); + } + + function destroyWrapper(id, eventName, handler) { + var c = getCacheForID(id); + if (!c[eventName]) return false; + c[eventName] = c[eventName].without(findWrapper(id, eventName, handler)); + } + + function destroyCache() { + for (var id in cache) + for (var eventName in cache[id]) + cache[id][eventName] = null; + } + + + // Internet Explorer needs to remove event handlers on page unload + // in order to avoid memory leaks. + if (window.attachEvent) { + window.attachEvent("onunload", destroyCache); + } + + // Safari has a dummy event handler on page unload so that it won't + // use its bfcache. Safari <= 3.1 has an issue with restoring the "document" + // object when page is returned to via the back button using its bfcache. + if (Prototype.Browser.WebKit) { + window.addEventListener('unload', Prototype.emptyFunction, false); + } + + return { + observe: function(element, eventName, handler) { + element = $(element); + var name = getDOMEventName(eventName); + + var wrapper = createWrapper(element, eventName, handler); + if (!wrapper) return element; + + if (element.addEventListener) { + element.addEventListener(name, wrapper, false); + } else { + element.attachEvent("on" + name, wrapper); + } + + return element; + }, + + stopObserving: function(element, eventName, handler) { + element = $(element); + var id = getEventID(element), name = getDOMEventName(eventName); + + if (!handler && eventName) { + getWrappersForEventName(id, eventName).each(function(wrapper) { + element.stopObserving(eventName, wrapper.handler); + }); + return element; + + } else if (!eventName) { + Object.keys(getCacheForID(id)).each(function(eventName) { + element.stopObserving(eventName); + }); + return element; + } + + var wrapper = findWrapper(id, eventName, handler); + if (!wrapper) return element; + + if (element.removeEventListener) { + element.removeEventListener(name, wrapper, false); + } else { + element.detachEvent("on" + name, wrapper); + } + + destroyWrapper(id, eventName, handler); + + return element; + }, + + fire: function(element, eventName, memo) { + element = $(element); + if (element == document && document.createEvent && !element.dispatchEvent) + element = document.documentElement; + + var event; + if (document.createEvent) { + event = document.createEvent("HTMLEvents"); + event.initEvent("dataavailable", true, true); + } else { + event = document.createEventObject(); + event.eventType = "ondataavailable"; + } + + event.eventName = eventName; + event.memo = memo || { }; + + if (document.createEvent) { + element.dispatchEvent(event); + } else { + element.fireEvent(event.eventType, event); + } + + return Event.extend(event); + } + }; +})()); + +Object.extend(Event, Event.Methods); + +Element.addMethods({ + fire: Event.fire, + observe: Event.observe, + stopObserving: Event.stopObserving +}); + +Object.extend(document, { + fire: Element.Methods.fire.methodize(), + observe: Element.Methods.observe.methodize(), + stopObserving: Element.Methods.stopObserving.methodize(), + loaded: false +}); + +(function() { + /* Support for the DOMContentLoaded event is based on work by Dan Webb, + Matthias Miller, Dean Edwards and John Resig. */ + + var timer; + + function fireContentLoadedEvent() { + if (document.loaded) return; + if (timer) window.clearInterval(timer); + document.fire("dom:loaded"); + document.loaded = true; + } + + if (document.addEventListener) { + if (Prototype.Browser.WebKit) { + timer = window.setInterval(function() { + if (/loaded|complete/.test(document.readyState)) + fireContentLoadedEvent(); + }, 0); + + Event.observe(window, "load", fireContentLoadedEvent); + + } else { + document.addEventListener("DOMContentLoaded", + fireContentLoadedEvent, false); + } + + } else { + document.write("<script id=__onDOMContentLoaded defer src=//:><\/script>"); + $("__onDOMContentLoaded").onreadystatechange = function() { + if (this.readyState == "complete") { + this.onreadystatechange = null; + fireContentLoadedEvent(); + } + }; + } +})(); +/*------------------------------- DEPRECATED -------------------------------*/ + +Hash.toQueryString = Object.toQueryString; + +var Toggle = { display: Element.toggle }; + +Element.Methods.childOf = Element.Methods.descendantOf; + +var Insertion = { + Before: function(element, content) { + return Element.insert(element, {before:content}); + }, + + Top: function(element, content) { + return Element.insert(element, {top:content}); + }, + + Bottom: function(element, content) { + return Element.insert(element, {bottom:content}); + }, + + After: function(element, content) { + return Element.insert(element, {after:content}); + } +}; + +var $continue = new Error('"throw $continue" is deprecated, use "return" instead'); + +// This should be moved to script.aculo.us; notice the deprecated methods +// further below, that map to the newer Element methods. +var Position = { + // set to true if needed, warning: firefox performance problems + // NOT neeeded for page scrolling, only if draggable contained in + // scrollable elements + includeScrollOffsets: false, + + // must be called before calling withinIncludingScrolloffset, every time the + // page is scrolled + prepare: function() { + this.deltaX = window.pageXOffset + || document.documentElement.scrollLeft + || document.body.scrollLeft + || 0; + this.deltaY = window.pageYOffset + || document.documentElement.scrollTop + || document.body.scrollTop + || 0; + }, + + // caches x/y coordinate pair to use with overlap + within: function(element, x, y) { + if (this.includeScrollOffsets) + return this.withinIncludingScrolloffsets(element, x, y); + this.xcomp = x; + this.ycomp = y; + this.offset = Element.cumulativeOffset(element); + + return (y >= this.offset[1] && + y < this.offset[1] + element.offsetHeight && + x >= this.offset[0] && + x < this.offset[0] + element.offsetWidth); + }, + + withinIncludingScrolloffsets: function(element, x, y) { + var offsetcache = Element.cumulativeScrollOffset(element); + + this.xcomp = x + offsetcache[0] - this.deltaX; + this.ycomp = y + offsetcache[1] - this.deltaY; + this.offset = Element.cumulativeOffset(element); + + return (this.ycomp >= this.offset[1] && + this.ycomp < this.offset[1] + element.offsetHeight && + this.xcomp >= this.offset[0] && + this.xcomp < this.offset[0] + element.offsetWidth); + }, + + // within must be called directly before + overlap: function(mode, element) { + if (!mode) return 0; + if (mode == 'vertical') + return ((this.offset[1] + element.offsetHeight) - this.ycomp) / + element.offsetHeight; + if (mode == 'horizontal') + return ((this.offset[0] + element.offsetWidth) - this.xcomp) / + element.offsetWidth; + }, + + // Deprecation layer -- use newer Element methods now (1.5.2). + + cumulativeOffset: Element.Methods.cumulativeOffset, + + positionedOffset: Element.Methods.positionedOffset, + + absolutize: function(element) { + Position.prepare(); + return Element.absolutize(element); + }, + + relativize: function(element) { + Position.prepare(); + return Element.relativize(element); + }, + + realOffset: Element.Methods.cumulativeScrollOffset, + + offsetParent: Element.Methods.getOffsetParent, + + page: Element.Methods.viewportOffset, + + clone: function(source, target, options) { + options = options || { }; + return Element.clonePosition(target, source, options); + } +}; + +/*--------------------------------------------------------------------------*/ + +if (!document.getElementsByClassName) document.getElementsByClassName = function(instanceMethods){ + function iter(name) { + return name.blank() ? null : "[contains(concat(' ', @class, ' '), ' " + name + " ')]"; + } + + instanceMethods.getElementsByClassName = Prototype.BrowserFeatures.XPath ? + function(element, className) { + className = className.toString().strip(); + var cond = /\s/.test(className) ? $w(className).map(iter).join('') : iter(className); + return cond ? document._getElementsByXPath('.//*' + cond, element) : []; + } : function(element, className) { + className = className.toString().strip(); + var elements = [], classNames = (/\s/.test(className) ? $w(className) : null); + if (!classNames && !className) return elements; + + var nodes = $(element).getElementsByTagName('*'); + className = ' ' + className + ' '; + + for (var i = 0, child, cn; child = nodes[i]; i++) { + if (child.className && (cn = ' ' + child.className + ' ') && (cn.include(className) || + (classNames && classNames.all(function(name) { + return !name.toString().blank() && cn.include(' ' + name + ' '); + })))) + elements.push(Element.extend(child)); + } + return elements; + }; + + return function(className, parentElement) { + return $(parentElement || document.body).getElementsByClassName(className); + }; +}(Element.Methods); + +/*--------------------------------------------------------------------------*/ + +Element.ClassNames = Class.create(); +Element.ClassNames.prototype = { + initialize: function(element) { + this.element = $(element); + }, + + _each: function(iterator) { + this.element.className.split(/\s+/).select(function(name) { + return name.length > 0; + })._each(iterator); + }, + + set: function(className) { + this.element.className = className; + }, + + add: function(classNameToAdd) { + if (this.include(classNameToAdd)) return; + this.set($A(this).concat(classNameToAdd).join(' ')); + }, + + remove: function(classNameToRemove) { + if (!this.include(classNameToRemove)) return; + this.set($A(this).without(classNameToRemove).join(' ')); + }, + + toString: function() { + return $A(this).join(' '); + } +}; + +Object.extend(Element.ClassNames.prototype, Enumerable); + +/*--------------------------------------------------------------------------*/ + +Element.addMethods();
\ No newline at end of file diff --git a/scripts/scriptaculous.js b/scripts/scriptaculous.js new file mode 100644 index 0000000..3e5543b --- /dev/null +++ b/scripts/scriptaculous.js @@ -0,0 +1,60 @@ +// script.aculo.us scriptaculous.js v1.8.2, Tue Nov 18 18:30:58 +0100 2008 + +// Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) +// +// Permission is hereby granted, free of charge, to any person obtaining +// a copy of this software and associated documentation files (the +// "Software"), to deal in the Software without restriction, including +// without limitation the rights to use, copy, modify, merge, publish, +// distribute, sublicense, and/or sell copies of the Software, and to +// permit persons to whom the Software is furnished to do so, subject to +// the following conditions: +// +// The above copyright notice and this permission notice shall be +// included in all copies or substantial portions of the Software. +// +// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE +// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION +// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION +// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. +// +// For details, see the script.aculo.us web site: http://script.aculo.us/ + +var Scriptaculous = { + Version: '1.8.2', + require: function(libraryName) { + // inserting via DOM fails in Safari 2.0, so brute force approach + document.write('<script type="text/javascript" src="'+libraryName+'"><\/script>'); + }, + REQUIRED_PROTOTYPE: '1.6.0.3', + load: function() { + function convertVersionString(versionString) { + var v = versionString.replace(/_.*|\./g, ''); + v = parseInt(v + '0'.times(4-v.length)); + return versionString.indexOf('_') > -1 ? v-1 : v; + } + + if((typeof Prototype=='undefined') || + (typeof Element == 'undefined') || + (typeof Element.Methods=='undefined') || + (convertVersionString(Prototype.Version) < + convertVersionString(Scriptaculous.REQUIRED_PROTOTYPE))) + throw("script.aculo.us requires the Prototype JavaScript framework >= " + + Scriptaculous.REQUIRED_PROTOTYPE); + + var js = /scriptaculous\.js(\?.*)?$/; + $$('head script[src]').findAll(function(s) { + return s.src.match(js); + }).each(function(s) { + var path = s.src.replace(js, ''), + includes = s.src.match(/\?.*load=([a-z,]*)/); + (includes ? includes[1] : 'builder,effects,dragdrop,controls,slider,sound').split(',').each( + function(include) { Scriptaculous.require(path+include+'.js') }); + }); + } +}; + +Scriptaculous.load();
\ No newline at end of file |
