// -----------------------------------------------------------------------------------
// -----------------------------------------------------------------------------------
//
// Configuration
//
var fileLoadingImage = "gs_JSGaleria/images/loading.gif";
var animate = true; // toggles resizing animations
var resizeSpeed = 7; // controls the speed of the image resizing animations (1=slowest and 10=fastest)
var borderSize = 10; //if you adjust the padding in the CSS, you will need to update this variable
// -----------------------------------------------------------------------------------
//
// Global Variables
//
var imageArray = new Array;
var activeImage;
var vEmExecucao = false;
var vCredito_Imagem = '';
if (animate == true) {
overlayDuration = 0.2; // shadow fade in/out duration
if (resizeSpeed > 10) { resizeSpeed = 10; }
if (resizeSpeed < 1) { resizeSpeed = 1; }
resizeDuration = (11 - resizeSpeed) * 0.15;
} else {
overlayDuration = 0;
resizeDuration = 0;
}
// Chamada do CSS da Galeria
var objHeadCss = document.getElementsByTagName("head").item(0);
var objLinkCSS = document.createElement('link');
objLinkCSS.setAttribute('href', 'gs_JSGaleria/css/lightbox.css');
objLinkCSS.setAttribute('rel', 'stylesheet');
objLinkCSS.setAttribute('type', 'text/css');
objHeadCss.appendChild(objLinkCSS);
// -----------------------------------------------------------------------------------
//
// Additional methods for Element added by SU, Couloir
// - further additions by Lokesh Dhakar (huddletogether.com)
//
Object.extend(Element, {
getWidth: function(element) {
element = $(element);
return element.offsetWidth;
},
setWidth: function(element, w) {
element = $(element);
element.style.width = w + "px";
},
setHeight: function(element, h) {
element = $(element);
element.style.height = h + "px";
},
setTop: function(element, t) {
element = $(element);
element.style.top = t + "px";
},
setSrc: function(element, src) {
element = $(element);
element.src = src;
},
setHref: function(element, href) {
element = $(element);
element.href = href;
},
setInnerHTML: function(element, content) {
element = $(element);
element.innerHTML = content;
}
});
// -----------------------------------------------------------------------------------
//
// Extending built-in Array object
// - array.removeDuplicates()
// - array.empty()
//
Array.prototype.removeDuplicates = function() {
for (i = 0; i < this.length; i++) {
for (j = this.length - 1; j > i; j--) {
if (this[i][0] == this[j][0]) {
this.splice(j, 1);
}
}
}
}
// -----------------------------------------------------------------------------------
Array.prototype.empty = function() {
for (i = 0; i <= this.length; i++) {
this.shift();
}
}
// -----------------------------------------------------------------------------------
var Lightbox = Class.create();
Lightbox.prototype = {
// initialize()
// Constructor runs on completion of the DOM loading. Loops through anchor tags looking for
// 'lightbox' references and applies onclick events to appropriate links. The 2nd section of
// the function inserts html at the bottom of the page which is used to display the shadow
// overlay and the image container.
//
initialize: function() {
if (!document.getElementsByTagName) { return; }
var anchors = document.getElementsByTagName('a');
var areas = document.getElementsByTagName('area');
// loop through all anchor tags
for (var i = 0; i < anchors.length; i++) {
var anchor = anchors[i];
var relAttribute = String(anchor.getAttribute('rel'));
// use the string.match() method to catch 'lightbox' references in the rel attribute
if (anchor.getAttribute('href') && (relAttribute.toLowerCase().match('lightbox'))) {
anchor.onclick = function() { myLightbox.start(this); return false; }
}
}
// loop through all area tags
// todo: combine anchor & area tag loops
for (var i = 0; i < areas.length; i++) {
var area = areas[i];
var relAttribute = String(area.getAttribute('rel'));
// use the string.match() method to catch 'lightbox' references in the rel attribute
if (area.getAttribute('href') && (relAttribute.toLowerCase().match('lightbox'))) {
area.onclick = function() { myLightbox.start(this); return false; }
}
}
// The rest of this code inserts html at the bottom of the page that looks similar to this:
//
//
//
//
//
//
![]()
//
//
//
//
//
//
//
// 
//
//