From: "Salvato da Windows Internet Explorer 9"
Subject: Centro Sportivo Italiano - COMITATO DI BRESCIA -
Date: Sun, 26 Jun 2011 08:29:12 +0200
MIME-Version: 1.0
Content-Type: multipart/related;
type="text/html";
boundary="----=_NextPart_000_003A_01CC33DB.20DF9600"
X-MimeOLE: Produced By Microsoft MimeOLE V6.1.7601.17609
This is a multi-part message in MIME format.
------=_NextPart_000_003A_01CC33DB.20DF9600
Content-Type: text/html;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
Content-Location: http://www.csi.brescia.it/dettaglio-classifica.php?id_att=5&id_subcat=12&nome=Calcio - 7 Allievi&idgir=161&nomegir=allievi sebino
Centro Sportivo Italiano - COMITATO DI BRESCIA -
=09
Calcio - 7=20
Allievi
allievi=20
sebino Clicca=20
qui per il calendario completo Tra parentesi eventuali =
punti di=20
penalizzazione
Squadra
Pt.
Gio.
Vi
Pa
Pe
Fa
Su
ASD S. GIACOMO 96
45
16
15
0
1
119
35
ORAT. BORGONATO
41
16
13
2
1
78
25
B. ROCK TORBIATO
34
16
11
1
4
70
41
Pgs SAMBER 84 Chiari (-2)
23
16
7
4
5
70
57
GSO CASAZZA
23
16
7
2
7
64
60
Or. JOLLY Orzinuovi
17
16
5
2
9
56
61
Or. S. D. Savio Erbusco
13
16
4
1
11
33
67
ORAT. ADRO
10
16
3
1
12
31
98
GSO CREMIGNANE
1
16
0
1
15
25
102
CSI Brescia P.iva 03098430983 -
Credits
------=_NextPart_000_003A_01CC33DB.20DF9600
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://www.csi.brescia.it/images/menu.gif
R0lGODlhyAAaAMQAAEt0s/+ZAN7m8Z2z1r3M5GuNwXyayCpapipNhM7Z6q3A3Yymz+/y+FuAuhlO
n86HHjpnrWtkW96NFBlHjktYb3xqUa18MzpTev///wlBmAAAAAAAAAAAAAAAAAAAAAAAACH5BAAA
AAAALAAAAADIABoAAAX/YCaOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcslsthoJTMJJ
rdoAmCymkTFoMQDbArOwms8srLY8+IZvDrS8iXhQUuqsIhPVhh1jWQMHGQVaBgJShIkYA3lvc5FE
CAEBFhMneRgMGQxuGYxaAg6GX4Kggo+Sq0KUlQEVJppgm34NWgeeGAalYH0EqI2qrMQ9rq8SESR5
iW2hAF5ZB4wDvQAEWVPUw8XdOMevAQ8XInkKtedZ0KaC1tgYAsGOft71NuCvD8oZeW1ZgWCimarm
5128bfTsKYyBL9myQxDVCSQ0wl2Wg6kSLtzIAlysEnluqfMz8R1BdQblanHjyPKEq0uZtEDIwuBR
yXYFL6rU2LLniDp3UOSZBu+ALZl9FliEF0yBSDA+o7oYio2AUXV8TDE4sDReOlOQpIqNmSXDOQUO
6AHSogBCoZxMISRKIDDs2Lt48+rdy7ev37+AAwseTLgwiRAAOw==
------=_NextPart_000_003A_01CC33DB.20DF9600
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://www.csi.brescia.it/images/areariservata.gif
R0lGODlhyAAaAMQAAGuNwXyayEt0sypapp2z1v+ZAO/y+N7m8a3A3c7Z6oymz73M5DpnrRlOn1uA
uipNhApCmM6HHmtkW0tYb3xqURlHjt6NFK18MzpTev///wlBmAAAAAAAAAAAAAAAAAAAACH5BAAA
AAAALAAAAADIABoAAAX/oCaOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwSCwaj8ikcsnUDTLQzMEn
iEYVDQ0h2ux6WVVrlhe2ZghabrIM+CofkYkKAD1AGZonNIAIaBwJdW0iAgtXY4RRAApQBicBUQkO
IwEGUAsCeVF8kBkLIpYJeVtQCHhsIgB2GQZ+bkAPBQUXFSiMZ1BtelIZAXRmfgxmniRsvxlpUBqd
VpOkVgy7dgGBUw1QBA2rUQbXVgDMm68/sbIFFCcIUA5QCppW1NidjuoZfVGIbLeOzxqBvfWyKaqH
YNeeehqE9ZqnMAO7b5YAQhE1rkc5cxYklAjUrdS7DAmyRCRwbIChMyVH/5SBlwzZqgCkCDQEQOrA
rpAabg14CK7OLgCoFNWsaNGc0QgYRkzUYGfKLlfDoJiUFyVTIjML8PSr10tlVJvilkER0IlsnYYB
gubiSpTHxaMa36E52eCniKgZBohwwDWDVQ36LrUEbMVAm5VRwOa6ukiqCAa39qASEU9N2xxvC2Qk
8dAPqWiK7mIrwWBVRL9ecx0bnPCf5NAj7L7jw0pDg5On04Z+yMry5Rtv0ZUIp0h2FAJlBtQ7cOyv
MS79RgCImIBNJ8UZBmnAFkgUszK6F4+M/hu4LFonIltRIHtk8pMkq6bOvrrfyZ5SZl6X7c+TJQRi
SfGUWtmRV14NcMiBwpdJmYRREGz/IMDbbaU0Nx8A9XFxUgCdhLTJLQnwp05E7szz1Ezb7WHggT+s
kslD2A3C2xUacHWac4pkqAxxXam3Dn/q+cFMbgZVwo1vLPoQ2jEo7vVPKyIMUI2FV9EHnRqqhLUM
dZPwF45V9YAXYC8CWLIAM0mmqeaabLbp5ptwxinnnHTOAEGdeFZ0Z558erFnn4AqAUEIADs=
------=_NextPart_000_003A_01CC33DB.20DF9600
Content-Type: image/gif
Content-Transfer-Encoding: base64
Content-Location: http://www.csi.brescia.it/images/risultati.gif
R0lGODlhlwIaAMQAAHyayCpapp2z1kt0s2uNwd7m8b3M5P+ZAO/y+BlOnzpnra3A3VuAugpCmM7Z
6oymzypNhM6HHmtkWxlHjktYb618M96NFHxqUTpTev///wlBmAAAAAAAAAAAAAAAAAAAACH5BAAA
AAAALAAAAACXAhoAAAX/oCaOZGmeaKqubOu+cCzPdG3feK7vfO//wKBwWGs0RkfNMUlsOp/QqHRK
rVqv2Kz2xEQqt+CweEwum8/otK0rYre/6rh8Tq/b7/i7O8/v+/+AgYKDhIWGh4iJiosaGY6PCwoa
BI8DMgKPNZiOOQGPADqejqAAj6IZoCiUjgGMrq+wsXWPtAWTlZeZpawqjwIamxmdn6GfCrSnqSer
Ga2yz9DR0joQERQsvgyPkiUEBY4Iqd8ZAgOVwRq7zSLqDgwivioJD77OJAAIjgKtyRoBwZFEDDDw
6EECdo/cmTCXwQAKfPpaMfPW0BkDB44KEJjGsaPHWBAOHKgwoVfESswG/zCk9UDDuHLnKtFqtmBm
hoG0BKAjMe5RgYMjatZKkCxBT3AJEuSj5SCdTQbJZvYT6jMBM1oLbs1U9rGr1698Qoo8cCFFtm0p
6WVYsMvWy5UDgq10dIzu0gcEfe0UoY3VUmUJPgkFkGwXgroZGPQ9bAojKqH7Pkn9FHjUYGYXHTl0
LMAw2M+gQ58RO9aChBM2G2q9uWnBKrf64KJTF2BlgJeN9AHLNII2boGPCGyKPKrtKQKrEJy6PWp4
spUEngcfzixAXltLBVQXzb279xJ7epAeeyAChhI2C7xLqU4AUJexY3KibXupw3h7ndr8BdyRcM2F
ZYQYAIgZwI0GVCkjnf9/C2bwX0PVXZebTfZ8Z+GFGN4w3lgRnEbCWRkgYFUlzBUkwlvyCUObCAlA
pNmEv+SnTk4jQEdCPxoooNYoGuTlyAKtzIXARg1G94mNI0SY0YRSZejkkx+FR8OGpqF2kiMDpKRB
AlStBR85suliigY72gfjbpz0NuZCwd1IWV5LoYJQVTk6NkqRRZKgZAa2xAPln4AGKsJ4ZaFQD0q4
CGSnUfFhOZspiFGkGn68zdlMXvxpAN0uBgSIJTEiBEDVOyIQsJQDeB4ZHKd79tnoOoLGKqsgUtYg
FkkmkXNKlpXsIgBiJcLkqJis2DbOfbrJaAqmI0Tqq6cFLIidf3kRYJzkqgwas6o+rWqQnW2zhiuu
R9Vcs8KhWLL3I2KMrpXSo8Vuc6y3yVaqQV8ZKOBYSyx+otYDniqHLQL0JpYXALugiq2DRfnryAPd
OrYAvu+Na/HFXqF7U0pzvUhVnHFlctWMZvZkQH4a2AlOhcGs7GmIlMWJ1Ix3Lmwkjy2HGEC3+JqI
8c9AT6Mxr1hq6qN7OX7jgDohc8Jlr6Pk5RAD9qE8DyQHqrmuP8QItRIo/zxiYKk9gW0zjuoE1O29
joUT9Ntwxy333HTXbffdeOet99589+3334AHLvjghBdu+OGIJ654IiEAADs=
------=_NextPart_000_003A_01CC33DB.20DF9600
Content-Type: text/css;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
Content-Location: http://www.csi.brescia.it/stili/stile.css
html {
margin: 0px; padding: 0px;
}
body {
margin: 0px; padding: 0px;
}
body {
font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; =
background-color: rgb(9, 65, 152);
}
div#contenent {
margin: auto; width: 916px; background-image: url("../images/bg.gif"); =
background-repeat: repeat-y;
}
div#banner {
margin: auto; width: 866px; border-bottom-color: rgb(204, 204, 204); =
border-bottom-width: 1px; border-bottom-style: solid;
}
div#advise {
margin: auto auto 1px; width: 866px; display: none; visibility: hidden;
}
div#contenuti {
margin: auto; width: 866px; border-bottom-color: rgb(204, 204, 204); =
border-bottom-width: 1px; border-bottom-style: solid;
}
div#footer {
margin: auto auto 5px; width: 916px; height: 20px; background-image: =
url("../images/footer.gif"); background-repeat: no-repeat;
}
div#dati {
margin: auto auto 5px; width: 916px; text-align: center; color: =
rgb(255, 255, 255);
}
#dati a {
color: rgb(255, 255, 255);
}
#dati a:hover {
color: rgb(0, 0, 0); text-decoration: underline;
}
div#menu {
margin: 1px; width: 200px; float: left;
}
#menuborder {
margin: 0px; padding: 0px; border: 1px solid rgb(252, 178, 0);
}
#undermenu a {
padding: 0px 0px 0px 10px; background-color: rgb(240, 240, 240);
}
#undermenu a:hover {
padding: 0px 0px 0px 10px; background-color: rgb(252, 178, 0);
}
#news {
margin: 1px 1px 2px 0px; width: 406px; float: left;
}
#news div {
margin: 0px; border: 1px solid rgb(252, 178, 0);
}
#news div div {
border-width: 1px; border-style: none none solid; border-color: =
rgb(240, 240, 240); margin: 1px; padding: 4px; line-height: 18px;
}
#comitato {
width: 256px; text-align: left; color: rgb(102, 102, 102); margin-top: =
1px; margin-bottom: 1px; float: left;
}
#comitato div {
border: 1px solid rgb(252, 178, 0);
}
#comitato div p {
margin: 4px; padding: 2px; line-height: 18px;
}
#page {
width: 663px; text-align: left; color: rgb(102, 102, 102); margin-top: =
1px; margin-bottom: 1px; float: left;
}
#page div {
padding: 2px; border: 1px solid rgb(252, 178, 0);
}
#page div div {
margin: 1px; padding: 4px; border: 1px rgb(240, 240, 240); line-height: =
18px;
}
#page div div div {
border: 1px rgb(240, 240, 240);
}
#page div p {
margin: 0px; padding: 5px;
}
#map div {
padding: 0px; border: 0px currentColor;
}
#giornalino li {
list-style-image: url("../images/type/attachment.gif");
}
#giornalino li a {
color: rgb(0, 0, 0);
}
------=_NextPart_000_003A_01CC33DB.20DF9600
Content-Type: text/css;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
Content-Location: http://www.csi.brescia.it/stili/MenuMatic.css
#nav a {
padding: 3px; height: 15px; text-align: left; color: rgb(9, 65, 152); =
text-decoration: none; border-bottom-color: rgb(255, 255, 255); =
border-bottom-width: 1px; border-bottom-style: solid; display: block; =
background-color: rgb(204, 204, 204);
}
#subMenusContainer a {
padding: 3px; height: 15px; text-align: left; color: rgb(9, 65, 152); =
text-decoration: none; border-bottom-color: rgb(255, 255, 255); =
border-bottom-width: 1px; border-bottom-style: solid; display: block; =
background-color: rgb(204, 204, 204);
}
#nav a {
margin: 0px;
}
#subMenusContainer a {
text-align: left;
}
#nav li li a {
text-align: left;
}
#nav a:hover {
color: rgb(255, 255, 255); background-color: rgb(246, 199, 57);
}
#nav a:focus {
color: rgb(255, 255, 255); background-color: rgb(246, 199, 57);
}
#subMenusContainer a:hover {
color: rgb(255, 255, 255); background-color: rgb(246, 199, 57);
}
#subMenusContainer a:focus {
color: rgb(255, 255, 255); background-color: rgb(246, 199, 57);
}
#nav a.mainMenuParentBtnFocused {
color: rgb(255, 255, 255); background-color: rgb(246, 199, 57);
}
#subMenusContainer a.subMenuParentBtnFocused {
color: rgb(255, 255, 255); background-color: rgb(246, 199, 57);
}
#subMenusContainer a:hover {
background-color: rgb(252, 178, 0);
}
#subMenusContainer a:focus {
background-color: rgb(252, 178, 0);
}
#nav a.mainMenuParentBtnFocused {
background-color: rgb(252, 178, 0);
}
#subMenusContainer a.subMenuParentBtnFocused {
background-color: rgb(252, 178, 0);
}
#nav li a:hover {
background-color: rgb(252, 178, 0);
}
#nav li a:focus {
background-color: rgb(252, 178, 0);
}
.smOW {
margin: 0px 0px 0px -2px; padding: 0px 2px; overflow: hidden; display: =
none; position: absolute;
}
#nav ol {
background: rgb(255, 255, 255); border: 1px solid rgb(240, 240, 240); =
left: 0px;
}
#nav ul {
background: rgb(255, 255, 255); border: 1px solid rgb(240, 240, 240); =
left: 0px;
}
#subMenusContainer ul {
background: rgb(255, 255, 255); border: 1px solid rgb(240, 240, 240); =
left: 0px;
}
#subMenusContainer ol {
background: rgb(255, 255, 255); border: 1px solid rgb(240, 240, 240); =
left: 0px;
}
#nav {
list-style: none; margin: 0px; padding: 0px; line-height: 1em;
}
#nav ul {
list-style: none; margin: 0px; padding: 0px; line-height: 1em;
}
#nav ol {
list-style: none; margin: 0px; padding: 0px; line-height: 1em;
}
#subMenusContainer ul {
list-style: none; margin: 0px; padding: 0px; line-height: 1em;
}
#subMenusContainer ol {
list-style: none; margin: 0px; padding: 0px; line-height: 1em;
}
#nav li {
list-style: none; display: block; position: relative;
}
#subMenusContainer li {
list-style: none;
}
#nav {
list-style: none; text-align: right; display: block;
}
#subMenusContainer {
left: 0px; top: 0px; width: 100%; height: 0px; overflow: visible; =
display: block; position: absolute; z-index: 1000000000;
}
#nav li li {
float: none;
}
#nav li li a {
float: none; position: relative;
}
#nav li ul {
width: 195px; margin-left: -1000em; position: absolute;
}
#nav li ul ul {
margin: -1em 0px 0px -1000em;
}
#nav li:hover ul ul {
margin-left: -1000em;
}
#nav li:hover ul {
margin-top: -1.5em; margin-left: 198px;
}
#nav li li:hover ul {
margin-left: 195px;
}
.linkato {
padding: 3px; height: 15px; text-align: left; color: rgb(9, 65, 152); =
text-decoration: none; border-bottom-color: rgb(255, 255, 255); =
border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; =
background-color: rgb(204, 204, 204);
}
.linkato2 {
padding: 3px; height: 15px; color: rgb(9, 65, 152); text-decoration: =
none; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; =
border-bottom-style: solid; cursor: pointer; background-color: rgb(204, =
204, 204);
}
------=_NextPart_000_003A_01CC33DB.20DF9600
Content-Type: text/css;
charset="iso-8859-1"
Content-Transfer-Encoding: quoted-printable
Content-Location: http://www.csi.brescia.it/stili/lightbox.css
#lightbox {
left: 0px; width: 100%; text-align: center; line-height: 0; position: =
absolute; z-index: 100;
}
#lightbox img {
width: auto; height: auto;
}
#lightbox a img {
border: currentColor;
}
#outerImageContainer {
margin: 0px auto; width: 250px; height: 250px; position: relative; =
background-color: rgb(255, 255, 255);
}
#imageContainer {
padding: 10px;
}
#loading {
left: 0%; top: 40%; width: 100%; height: 25%; text-align: center; =
line-height: 0; position: absolute;
}
#hoverNav {
left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; =
z-index: 10;
}
#imageContainer > #hoverNav {
left: 0px;
}
#hoverNav a {
=09
}
#prevLink {
width: 49%; height: 100%; display: block; background-image: =
url("data:img/gif;base64,AAAA");
}
#nextLink {
width: 49%; height: 100%; display: block; background-image: =
url("data:img/gif;base64,AAAA");
}
#prevLink {
left: 0px; float: left;
}
#nextLink {
right: 0px; float: right;
}
#prevLink:hover {
background: url("../img/prevlabel.gif") no-repeat left 15%;
}
#prevLink:hover:visited {
background: url("../img/prevlabel.gif") no-repeat left 15%;
}
#nextLink:hover {
background: url("../img/nextlabel.gif") no-repeat right 15%;
}
#nextLink:hover:visited {
background: url("../img/nextlabel.gif") no-repeat right 15%;
}
#imageDataContainer {
font: 10px/1.4em Verdana, Helvetica, sans-serif; margin: 0px auto; =
width: 100%; overflow: auto; font-size-adjust: none; font-stretch: =
normal; background-color: rgb(255, 255, 255);
}
#imageData {
padding: 0px 10px; color: rgb(102, 102, 102);
}
#imageData #imageDetails {
width: 70%; text-align: left; float: left;
}
#imageData #caption {
font-weight: bold;
}
#imageData #numberDisplay {
padding-bottom: 1em; clear: left; display: block;
}
#imageData #bottomNavClose {
width: 66px; padding-bottom: 0.7em; float: right;
}
#overlay {
left: 0px; top: 0px; width: 100%; height: 500px; position: absolute; =
z-index: 90; background-color: rgb(0, 0, 0);
}
------=_NextPart_000_003A_01CC33DB.20DF9600
Content-Type: application/octet-stream
Content-Transfer-Encoding: quoted-printable
Content-Location: http://www.csi.brescia.it/js/lightbox.js
// =
-------------------------------------------------------------------------=
----------=0A=
//=0A=
// Lightbox v2.04=0A=
// by Lokesh Dhakar - http://www.lokeshdhakar.com=0A=
// Last Modification: 2/9/08=0A=
//=0A=
// For more information, visit:=0A=
// http://lokeshdhakar.com/projects/lightbox2/=0A=
//=0A=
// Licensed under the Creative Commons Attribution 2.5 License - =
http://creativecommons.org/licenses/by/2.5/=0A=
// - Free for use in both personal and commercial projects=0A=
// - Attribution requires leaving author name, author link, and the =
license info intact.=0A=
// =0A=
// Thanks: Scott Upton(uptonic.com), Peter-Paul Koch(quirksmode.com), =
and Thomas Fuchs(mir.aculo.us) for ideas, libs, and snippets.=0A=
// Artemy Tregubenko (arty.name) for cleanup and help in updating to =
latest ver of proto-aculous.=0A=
//=0A=
// =
-------------------------------------------------------------------------=
----------=0A=
/*=0A=
=0A=
Table of Contents=0A=
-----------------=0A=
Configuration=0A=
=0A=
Lightbox Class Declaration=0A=
- initialize()=0A=
- updateImageList()=0A=
- start()=0A=
- changeImage()=0A=
- resizeImageContainer()=0A=
- showImage()=0A=
- updateDetails()=0A=
- updateNav()=0A=
- enableKeyboardNav()=0A=
- disableKeyboardNav()=0A=
- keyboardAction()=0A=
- preloadNeighborImages()=0A=
- end()=0A=
=0A=
Function Calls=0A=
- document.observe()=0A=
=0A=
*/=0A=
// =
-------------------------------------------------------------------------=
----------=0A=
=0A=
//=0A=
// Configurationl=0A=
//=0A=
LightboxOptions =3D Object.extend({=0A=
fileLoadingImage: 'img/loading.gif', =0A=
fileBottomNavCloseImage: 'img/closelabel.gif',=0A=
=0A=
overlayOpacity: 0.8, // controls transparency of shadow overlay=0A=
=0A=
animate: true, // toggles resizing animations=0A=
resizeSpeed: 7, // controls the speed of the image resizing =
animations (1=3Dslowest and 10=3Dfastest)=0A=
=0A=
borderSize: 10, //if you adjust the padding in the CSS, you =
will need to update this variable=0A=
=0A=
// When grouping images this is used to write: Image # of #.=0A=
// Change it for non-english localization=0A=
labelImage: "Image",=0A=
labelOf: "of"=0A=
}, window.LightboxOptions || {});=0A=
=0A=
// =
-------------------------------------------------------------------------=
----------=0A=
=0A=
var Lightbox =3D Class.create();=0A=
=0A=
Lightbox.prototype =3D {=0A=
imageArray: [],=0A=
activeImage: undefined,=0A=
=0A=
// initialize()=0A=
// Constructor runs on completion of the DOM loading. Calls =
updateImageList and then=0A=
// the function inserts html at the bottom of the page which is used =
to display the shadow =0A=
// overlay and the image container.=0A=
//=0A=
initialize: function() { =0A=
=0A=
this.updateImageList();=0A=
=0A=
this.keyboardAction =3D =
this.keyboardAction.bindAsEventListener(this);=0A=
=0A=
if (LightboxOptions.resizeSpeed > 10) =
LightboxOptions.resizeSpeed =3D 10;=0A=
if (LightboxOptions.resizeSpeed < 1) =
LightboxOptions.resizeSpeed =3D 1;=0A=
=0A=
this.resizeDuration =3D LightboxOptions.animate ? ((11 - =
LightboxOptions.resizeSpeed) * 0.15) : 0;=0A=
this.overlayDuration =3D LightboxOptions.animate ? 0.2 : 0; // =
shadow fade in/out duration=0A=
=0A=
// When Lightbox starts it will resize itself from 250 by 250 to =
the current image dimension.=0A=
// If animations are turned off, it will be hidden as to prevent =
a flicker of a=0A=
// white 250 by 250 box.=0A=
var size =3D (LightboxOptions.animate ? 250 : 1) + 'px';=0A=
=0A=
=0A=
// Code inserts html at the bottom of the page that looks =
similar to this:=0A=
//=0A=
//
=0A=
// =0A=
//
=0A=
//
=0A=
//
=0A=
//
=0A=
//
=0A=
//
=0A=
//
=0A=
//
=0A=
//
=0A=
//
=0A=
// =0A=
// =0A=
//
=0A=
//
=0A=
//
=0A=
//
=0A=
//
=0A=
=0A=
=0A=
var objBody =3D $$('body')[0];=0A=
=0A=
objBody.appendChild(Builder.node('div',{id:'overlay'}));=0A=
=0A=
objBody.appendChild(Builder.node('div',{id:'lightbox'}, [=0A=
Builder.node('div',{id:'outerImageContainer'}, =0A=
Builder.node('div',{id:'imageContainer'}, [=0A=
Builder.node('img',{id:'lightboxImage'}), =0A=
Builder.node('div',{id:'hoverNav'}, [=0A=
Builder.node('a',{id:'prevLink', href: '#' }),=0A=
Builder.node('a',{id:'nextLink', href: '#' })=0A=
]),=0A=
Builder.node('div',{id:'loading'}, =0A=
Builder.node('a',{id:'loadingLink', href: '#' }, =0A=
Builder.node('img', {src: =
LightboxOptions.fileLoadingImage})=0A=
)=0A=
)=0A=
])=0A=
),=0A=
Builder.node('div', {id:'imageDataContainer'},=0A=
Builder.node('div',{id:'imageData'}, [=0A=
Builder.node('div',{id:'imageDetails'}, [=0A=
Builder.node('span',{id:'caption'}),=0A=
Builder.node('span',{id:'numberDisplay'})=0A=
]),=0A=
Builder.node('div',{id:'bottomNav'},=0A=
Builder.node('a',{id:'bottomNavClose', href: '#' =
},=0A=
Builder.node('img', { src: =
LightboxOptions.fileBottomNavCloseImage })=0A=
)=0A=
)=0A=
])=0A=
)=0A=
]));=0A=
=0A=
=0A=
$('overlay').hide().observe('click', (function() { this.end(); =
}).bind(this));=0A=
$('lightbox').hide().observe('click', (function(event) { if =
(event.element().id =3D=3D 'lightbox') this.end(); }).bind(this));=0A=
$('outerImageContainer').setStyle({ width: size, height: size });=0A=
$('prevLink').observe('click', (function(event) { event.stop(); =
this.changeImage(this.activeImage - 1); }).bindAsEventListener(this));=0A=
$('nextLink').observe('click', (function(event) { event.stop(); =
this.changeImage(this.activeImage + 1); }).bindAsEventListener(this));=0A=
$('loadingLink').observe('click', (function(event) { event.stop(); =
this.end(); }).bind(this));=0A=
$('bottomNavClose').observe('click', (function(event) { event.stop(); =
this.end(); }).bind(this));=0A=
=0A=
var th =3D this;=0A=
(function(){=0A=
var ids =3D =0A=
'overlay lightbox outerImageContainer imageContainer =
lightboxImage hoverNav prevLink nextLink loading loadingLink ' + =0A=
'imageDataContainer imageData imageDetails caption =
numberDisplay bottomNav bottomNavClose'; =0A=
$w(ids).each(function(id){ th[id] =3D $(id); });=0A=
}).defer();=0A=
},=0A=
=0A=
//=0A=
// updateImageList()=0A=
// Loops through anchor tags looking for 'lightbox' references and =
applies onclick=0A=
// events to appropriate links. You can rerun after dynamically =
adding images w/ajax.=0A=
//=0A=
updateImageList: function() { =0A=
this.updateImageList =3D Prototype.emptyFunction;=0A=
=0A=
document.observe('click', (function(event){=0A=
var target =3D event.findElement('a[rel^=3Dlightbox]') || =
event.findElement('area[rel^=3Dlightbox]');=0A=
if (target) {=0A=
event.stop();=0A=
this.start(target);=0A=
}=0A=
}).bind(this));=0A=
},=0A=
=0A=
//=0A=
// start()=0A=
// Display overlay and lightbox. If image is part of a set, add =
siblings to imageArray.=0A=
//=0A=
start: function(imageLink) { =0A=
=0A=
$$('select', 'object', 'embed').each(function(node){ =
node.style.visibility =3D 'hidden' });=0A=
=0A=
// stretch overlay to fill page and fade in=0A=
var arrayPageSize =3D this.getPageSize();=0A=
$('overlay').setStyle({ width: arrayPageSize[0] + 'px', height: =
arrayPageSize[1] + 'px' });=0A=
=0A=
new Effect.Appear(this.overlay, { duration: =
this.overlayDuration, from: 0.0, to: LightboxOptions.overlayOpacity });=0A=
=0A=
this.imageArray =3D [];=0A=
var imageNum =3D 0; =0A=
=0A=
if ((imageLink.rel =3D=3D 'lightbox')){=0A=
// if image is NOT part of a set, add single image to =
imageArray=0A=
this.imageArray.push([imageLink.href, imageLink.title]); =
=0A=
} else {=0A=
// if image is part of a set..=0A=
this.imageArray =3D =0A=
$$(imageLink.tagName + '[href][rel=3D"' + imageLink.rel =
+ '"]').=0A=
collect(function(anchor){ return [anchor.href, =
anchor.title]; }).=0A=
uniq();=0A=
=0A=
while (this.imageArray[imageNum][0] !=3D imageLink.href) { =
imageNum++; }=0A=
}=0A=
=0A=
// calculate top and left offset for the lightbox =0A=
var arrayPageScroll =3D document.viewport.getScrollOffsets();=0A=
var lightboxTop =3D arrayPageScroll[1] + =
(document.viewport.getHeight() / 10);=0A=
var lightboxLeft =3D arrayPageScroll[0];=0A=
this.lightbox.setStyle({ top: lightboxTop + 'px', left: =
lightboxLeft + 'px' }).show();=0A=
=0A=
this.changeImage(imageNum);=0A=
},=0A=
=0A=
//=0A=
// changeImage()=0A=
// Hide most elements and preload image in preparation for resizing =
image container.=0A=
//=0A=
changeImage: function(imageNum) { =0A=
=0A=
this.activeImage =3D imageNum; // update global var=0A=
=0A=
// hide elements during transition=0A=
if (LightboxOptions.animate) this.loading.show();=0A=
this.lightboxImage.hide();=0A=
this.hoverNav.hide();=0A=
this.prevLink.hide();=0A=
this.nextLink.hide();=0A=
// HACK: Opera9 does not currently support scriptaculous opacity and =
appear fx=0A=
this.imageDataContainer.setStyle({opacity: .0001});=0A=
this.numberDisplay.hide(); =0A=
=0A=
var imgPreloader =3D new Image();=0A=
=0A=
// once image is preloaded, resize image container=0A=
=0A=
=0A=
imgPreloader.onload =3D (function(){=0A=
this.lightboxImage.src =3D =
this.imageArray[this.activeImage][0];=0A=
this.resizeImageContainer(imgPreloader.width, =
imgPreloader.height);=0A=
}).bind(this);=0A=
imgPreloader.src =3D this.imageArray[this.activeImage][0];=0A=
},=0A=
=0A=
//=0A=
// resizeImageContainer()=0A=
//=0A=
resizeImageContainer: function(imgWidth, imgHeight) {=0A=
=0A=
// get current width and height=0A=
var widthCurrent =3D this.outerImageContainer.getWidth();=0A=
var heightCurrent =3D this.outerImageContainer.getHeight();=0A=
=0A=
// get new width and height=0A=
var widthNew =3D (imgWidth + LightboxOptions.borderSize * 2);=0A=
var heightNew =3D (imgHeight + LightboxOptions.borderSize * 2);=0A=
=0A=
// scalars based on change from old to new=0A=
var xScale =3D (widthNew / widthCurrent) * 100;=0A=
var yScale =3D (heightNew / heightCurrent) * 100;=0A=
=0A=
// calculate size difference between new and old image, and =
resize if necessary=0A=
var wDiff =3D widthCurrent - widthNew;=0A=
var hDiff =3D heightCurrent - heightNew;=0A=
=0A=
if (hDiff !=3D 0) new Effect.Scale(this.outerImageContainer, =
yScale, {scaleX: false, duration: this.resizeDuration, queue: 'front'}); =0A=
if (wDiff !=3D 0) new Effect.Scale(this.outerImageContainer, =
xScale, {scaleY: false, duration: this.resizeDuration, delay: =
this.resizeDuration}); =0A=
=0A=
// if new and old image are same size and no scaling transition =
is necessary, =0A=
// do a quick pause to prevent image flicker.=0A=
var timeout =3D 0;=0A=
if ((hDiff =3D=3D 0) && (wDiff =3D=3D 0)){=0A=
timeout =3D 100;=0A=
if (Prototype.Browser.IE) timeout =3D 250; =0A=
}=0A=
=0A=
(function(){=0A=
this.prevLink.setStyle({ height: imgHeight + 'px' });=0A=
this.nextLink.setStyle({ height: imgHeight + 'px' });=0A=
this.imageDataContainer.setStyle({ width: widthNew + 'px' });=0A=
=0A=
this.showImage();=0A=
}).bind(this).delay(timeout / 1000);=0A=
},=0A=
=0A=
//=0A=
// showImage()=0A=
// Display image and begin preloading neighbors.=0A=
//=0A=
showImage: function(){=0A=
this.loading.hide();=0A=
new Effect.Appear(this.lightboxImage, { =0A=
duration: this.resizeDuration, =0A=
queue: 'end', =0A=
afterFinish: (function(){ this.updateDetails(); =
}).bind(this) =0A=
});=0A=
this.preloadNeighborImages();=0A=
},=0A=
=0A=
//=0A=
// updateDetails()=0A=
// Display caption, image number, and bottom nav.=0A=
//=0A=
updateDetails: function() {=0A=
=0A=
// if caption is not null=0A=
if (this.imageArray[this.activeImage][1] !=3D ""){=0A=
=
this.caption.update(this.imageArray[this.activeImage][1]).show();=0A=
}=0A=
=0A=
// if image is part of set display 'Image x of x' =0A=
if (this.imageArray.length > 1){=0A=
this.numberDisplay.update( LightboxOptions.labelImage + ' ' =
+ (this.activeImage + 1) + ' ' + LightboxOptions.labelOf + ' ' + =
this.imageArray.length).show();=0A=
}=0A=
=0A=
new Effect.Parallel(=0A=
[ =0A=
new Effect.SlideDown(this.imageDataContainer, { sync: =
true, duration: this.resizeDuration, from: 0.0, to: 1.0 }), =0A=
new Effect.Appear(this.imageDataContainer, { sync: true, =
duration: this.resizeDuration }) =0A=
], =0A=
{ =0A=
duration: this.resizeDuration, =0A=
afterFinish: (function() {=0A=
// update overlay size and update nav=0A=
var arrayPageSize =3D this.getPageSize();=0A=
this.overlay.setStyle({ height: arrayPageSize[1] + 'px' =
});=0A=
this.updateNav();=0A=
}).bind(this)=0A=
} =0A=
);=0A=
},=0A=
=0A=
//=0A=
// updateNav()=0A=
// Display appropriate previous and next hover navigation.=0A=
//=0A=
updateNav: function() {=0A=
=0A=
this.hoverNav.show(); =0A=
=0A=
// if not first image in set, display prev image button=0A=
if (this.activeImage > 0) this.prevLink.show();=0A=
=0A=
// if not last image in set, display next image button=0A=
if (this.activeImage < (this.imageArray.length - 1)) =
this.nextLink.show();=0A=
=0A=
this.enableKeyboardNav();=0A=
},=0A=
=0A=
//=0A=
// enableKeyboardNav()=0A=
//=0A=
enableKeyboardNav: function() {=0A=
document.observe('keydown', this.keyboardAction); =0A=
},=0A=
=0A=
//=0A=
// disableKeyboardNav()=0A=
//=0A=
disableKeyboardNav: function() {=0A=
document.stopObserving('keydown', this.keyboardAction); =0A=
},=0A=
=0A=
//=0A=
// keyboardAction()=0A=
//=0A=
keyboardAction: function(event) {=0A=
var keycode =3D event.keyCode;=0A=
=0A=
var escapeKey;=0A=
if (event.DOM_VK_ESCAPE) { // mozilla=0A=
escapeKey =3D event.DOM_VK_ESCAPE;=0A=
} else { // ie=0A=
escapeKey =3D 27;=0A=
}=0A=
=0A=
var key =3D String.fromCharCode(keycode).toLowerCase();=0A=
=0A=
if (key.match(/x|o|c/) || (keycode =3D=3D escapeKey)){ // close =
lightbox=0A=
this.end();=0A=
} else if ((key =3D=3D 'p') || (keycode =3D=3D 37)){ // display =
previous image=0A=
if (this.activeImage !=3D 0){=0A=
this.disableKeyboardNav();=0A=
this.changeImage(this.activeImage - 1);=0A=
}=0A=
} else if ((key =3D=3D 'n') || (keycode =3D=3D 39)){ // display =
next image=0A=
if (this.activeImage !=3D (this.imageArray.length - 1)){=0A=
this.disableKeyboardNav();=0A=
this.changeImage(this.activeImage + 1);=0A=
}=0A=
}=0A=
},=0A=
=0A=
//=0A=
// preloadNeighborImages()=0A=
// Preload previous and next images.=0A=
//=0A=
preloadNeighborImages: function(){=0A=
var preloadNextImage, preloadPrevImage;=0A=
if (this.imageArray.length > this.activeImage + 1){=0A=
preloadNextImage =3D new Image();=0A=
preloadNextImage.src =3D this.imageArray[this.activeImage + =
1][0];=0A=
}=0A=
if (this.activeImage > 0){=0A=
preloadPrevImage =3D new Image();=0A=
preloadPrevImage.src =3D this.imageArray[this.activeImage - =
1][0];=0A=
}=0A=
=0A=
},=0A=
=0A=
//=0A=
// end()=0A=
//=0A=
end: function() {=0A=
this.disableKeyboardNav();=0A=
this.lightbox.hide();=0A=
new Effect.Fade(this.overlay, { duration: this.overlayDuration =
});=0A=
$$('select', 'object', 'embed').each(function(node){ =
node.style.visibility =3D 'visible' });=0A=
},=0A=
=0A=
//=0A=
// getPageSize()=0A=
//=0A=
getPageSize: function() {=0A=
=0A=
var xScroll, yScroll;=0A=
=0A=
if (window.innerHeight && window.scrollMaxY) { =0A=
xScroll =3D window.innerWidth + window.scrollMaxX;=0A=
yScroll =3D window.innerHeight + window.scrollMaxY;=0A=
} else if (document.body.scrollHeight > document.body.offsetHeight){ =
// all but Explorer Mac=0A=
xScroll =3D document.body.scrollWidth;=0A=
yScroll =3D document.body.scrollHeight;=0A=
} else { // Explorer Mac...would also work in Explorer 6 Strict, =
Mozilla and Safari=0A=
xScroll =3D document.body.offsetWidth;=0A=
yScroll =3D document.body.offsetHeight;=0A=
}=0A=
=0A=
var windowWidth, windowHeight;=0A=
=0A=
if (self.innerHeight) { // all except Explorer=0A=
if(document.documentElement.clientWidth){=0A=
windowWidth =3D document.documentElement.clientWidth; =0A=
} else {=0A=
windowWidth =3D self.innerWidth;=0A=
}=0A=
windowHeight =3D self.innerHeight;=0A=
} else if (document.documentElement && =
document.documentElement.clientHeight) { // Explorer 6 Strict Mode=0A=
windowWidth =3D document.documentElement.clientWidth;=0A=
windowHeight =3D document.documentElement.clientHeight;=0A=
} else if (document.body) { // other Explorers=0A=
windowWidth =3D document.body.clientWidth;=0A=
windowHeight =3D document.body.clientHeight;=0A=
} =0A=
=0A=
// for small pages with total height less then height of the viewport=0A=
if(yScroll < windowHeight){=0A=
pageHeight =3D windowHeight;=0A=
} else { =0A=
pageHeight =3D yScroll;=0A=
}=0A=
=0A=
// for small pages with total width less then width of the viewport=0A=
if(xScroll < windowWidth){ =0A=
pageWidth =3D xScroll; =0A=
} else {=0A=
pageWidth =3D windowWidth;=0A=
}=0A=
=0A=
return [pageWidth,pageHeight];=0A=
}=0A=
}=0A=
=0A=
document.observe('dom:loaded', function () { new Lightbox(); });
------=_NextPart_000_003A_01CC33DB.20DF9600--