(function($) {
var cache = [];
$.preLoadImages = function() {
var args_len = arguments.length;
for (var i = args_len; i--;) {
var cacheImage = document.createElement('img');
cacheImage.src = arguments[i];
cache.push(cacheImage);
}
}
})(jQuery)
readyImages = 0;
var albumLayout = {};
var currentImageData = {};
var ourWidth = 800;
var ourHeight = 600;
var slideShowOn = false;
var animation = false;
setupSlider = function(manual, startIndex) {
var effect = albumData['Effect'];
effect = effect.substring(0, 1).toLowerCase() + effect.replace(/ /ig, '').replace(/\+/ig, '').substring(1);
if (effect == 'random') {
$('#image_container').cycle({
fx:'blindX,blindY,blindZ,cover,curtainX,curtainY,fade,fadeZoom,growX,growY,scrollUp,scrollDown,scrollLeft,scrollRight,scrollHorz,scrollVert,shuffle,slideX,slideY,toss,turnUp,turnDown,turnLeft,turnRight,uncover,wipe,zoom',
randomizeEffects: true,
speed: 300,
timeout: manual ? 0 : 3000,
startingSlide : startIndex ? startIndex : 0,
after: onAfterSlideChange
});
} else {
$('#image_container').cycle({
fx: effect,
randomizeEffects: true,
speed: 300,
timeout: manual ? 0 : 3000,
startingSlide : startIndex ? startIndex : 0,
after: onAfterSlideChange,
before: onBeforeSlideChange
});
}
}
setRating = function () {
var percent = 100 - 20 * currentImageData['rating'];
$(albumLayout['rateStars']).css('background-position', percent + '% 0%');
$(albumLayout['ratingText']).html(Math.round(currentImageData['rating']*100)/100);
}
startSlideShow = function() {
$(albumLayout['slideshowStartButton']).css('display', 'none');
$(albumLayout['slideshowStopButton']).css('display', 'block');
slideShowOn = true;
$('#image_container').cycle('destroy').empty();
for (var i = 0; i < albumData.images.length; i++) {
formatImage(i);
albumData.images[i].__div.appendTo('#image_container');
}
setupSlider(false, currentImageData.__index);
}
onBeforeSlideChange = function() {
animation = true;
resetView(true);
}
onAfterSlideChange = function(curr,next,opts) {
$('#image-num-of-num').empty();
$('#image-num-of-num').html((currentImageData.__index + 1) + " of " + albumData.images.length);
animation = false;
if (slideShowOn) {
currentImageData = albumData.images[opts.currSlide];
updateFlimStrip();
}
}
stopSlideShow = function() {
$(albumLayout['slideshowStopButton']).css('display', 'none');
$(albumLayout['slideshowStartButton']).css('display', 'block');
$('#image_container').cycle('destroy').empty();
slideShowOn = false;
formatImage(currentImageData.__index);
albumData.images[currentImageData.__index].__div.appendTo('#image_container');
}
updateFlimStrip = function() {
var startIndex = currentImageData.__index - 3;
if (startIndex < 0) {
startIndex = 0;
}
if (startIndex > (albumData.images.length - 8)) {
startIndex = albumData.images.length - 8
}
for (var i = 0; i < albumData.images.length; i++) {
if (i >= startIndex && i <= startIndex + 7) {
albumData.images[i].__stripLink.css('display', 'inline');
} else {
albumData.images[i].__stripLink.css('display', 'none');
}
if (i == currentImageData.__index) {
albumData.images[i].__stripLink.find(":nth-child(1)").addClass('viewing');
//viewing
} else {
albumData.images[i].__stripLink.find(":nth-child(1)").removeClass('viewing');
}
}
setRating();
$(albumLayout['pictureTitle']).html(currentImageData.title);
$(albumLayout['pictureDescr']).html(currentImageData.description);
refreshCommentArea();
}
changePhoto = function(index) {
stopSlideShow();
if (index == currentImageData.__index || index < 0 || index == albumData.images.length) {
return;
}
$('#image_container').cycle('destroy').empty();
formatImage(currentImageData.__index);
albumData.images[currentImageData.__index].__div.appendTo('#image_container');
formatImage(index);
albumData.images[index].__div.appendTo('#image_container');
setupSlider(true);
$('#image_container').cycle('next');
currentImageData = albumData.images[index];
updateFlimStrip();
}
formatImage = function(i) {
_width = parseInt(albumData.images[i].dimensions[0]);
paddingVert = 0;
paddingHor = 0;
_height = parseInt(albumData.images[i].dimensions[1]);
albumData.images[i].__index = function(i){return i;}(i);
if (_width > ourWidth || _height > ourHeight) {
if (_width / ourWidth > _height / ourHeight) {
_height *= ourWidth / _width;
_width = ourWidth;
} else {
_width *= ourHeight / _height
_height = ourHeight;
}
}
paddingVert = (ourHeight - _height) / 2;
paddingHor = (ourWidth - _width) / 2
var div = $('' +
'
' +
'
';
albumLayout['commentTemplate'] = '';
$(albumLayout['slideshowStartButton']).click(startSlideShow);
$(albumLayout['slideshowStopButton']).click(stopSlideShow);
$(albumLayout['rateLinks']).mouseover(function(){
var linkNum = $(this).attr('href');
var percent = 100 - 20 * linkNum;
$(albumLayout['rateStars']).css('background-position', percent + '% 0%');
resetView(true);
});
$(albumLayout['rateLinks']).mouseout(function(){
setRating();
resetView(true);
});
$(albumLayout['rateLinks']).click(function(){
ratePhoto($(this).attr('href'));
});
$(albumLayout['prevLinkText']).click(function(){
changePhoto(currentImageData.__index - 1);
});
$(albumLayout['nextLinkText']).click(function(){
changePhoto(currentImageData.__index + 1);
});
//currentImageData['rating'] = '3.22';
//onmouseover="document.getElementById('stars').style.backgroundPosition='80%';"
//onmouseout="document.getElementById('stars').style.backgroundPosition='%RATING_PERCENT%';"
//return;
//$('start
').appendTo("#slider").click(function(){$('#slider').nivoSlider();});
for (var i = 0; i < albumData.images.length; i++) {
$.preLoadImages(albumData.images[i].fullUrl);
var stripLink = false;
if (albumData.images[i].thumbnail.indexOf('.') < 0) {
stripLink = $(albumLayout['filmStripTemplate'].replace('%IMAGE_SRC%', albumData.images[i].fullUrl)).appendTo('#images_preview');
} else {
stripLink = $(albumLayout['filmStripTemplate'].replace('%IMAGE_SRC%', albumData.images[i].thumbnail)).appendTo('#images_preview');
}
albumData.images[i].__stripLink = stripLink;
if (i > 7) {
stripLink.css('display', 'none');
}
if (stripLink) {
stripLink.click(function(i) {
return function() {
changePhoto(i);
}
}(i));
}
}
formatImage(0);
albumData.images[0].__div.appendTo('#image_container');
currentImageData = albumData.images[0];
setRating();
updateFlimStrip();
initCommentForm();/*
//slideshowStartButton
var offset = $('#thumb_area').offset();
var left = offset.left;
var top = offset.top;
if ($.browser.msie) {
left += 633;
top += 130;
} else {
left += 660;
top += 150;
}
$(albumLayout['slideshowStopButton']).offset({left: left, top: top});
$(albumLayout['slideshowStartButton']).offset({left: left, top: top});*/
resetView(true);
$('#image-num-of-num').empty();
$('#image-num-of-num').html((currentImageData.__index + 1) + " of " + albumData.images.length);
});
/*
window.onload = function() {
window.viewer = function() {
this.selectImage = function(imageNum) {
this.loadImage(albumData.images[imageNum]);
}
this.applyImageDimensions = function(width, height) {
this.image.style.width = width;
this.image.style.height = height;
}
this.loadImage = function(image) {
_width = parseInt(image.dimensions[0]);
_height = parseInt(image.dimensions[1]);
width = '';
height = '';
if (_width > 800 || _height > 600) {
if (_width > _height) {
width = '800px';
height = (800 * (_height / _width)) + 'px';
} else {
height = '600px';
width = (600 * (_width / _height)) + 'px';
}
}
this.image.setAttribute('src', image.fullUrl);
this.image.setAttribute('onload', 'viewer.applyImageDimensions("' + width + '", "' + height + '");');
}
this.parent = document.getElementById('user_content');
this.image = this.parent.appendChild(document.createElement('img'));
this.loadImage(albumData.images[0]);
this.imageList = this.parent.appendChild(document.createElement('div'));
this.imageList.style.width = '100%';
this.imageList.style.height = '90px';
this.imageItems = [];
for (var i = 0; i < albumData.images.length; i++) {
this.imageItems[i] = this.imageList.appendChild(document.createElement('img'));
this.imageItems[i].style.width = '90px';
this.imageItems[i].style.height = '90px';
this.imageItems[i].setAttribute('src', albumData.images[i].thumbnail);
this.imageItems[i].setAttribute('onclick', 'viewer.selectImage(' + i + ');');
}
return this;
}();
};
*/
