/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.js
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
// Offering a Custom Alias suport - More info: http://docs.jquery.com/Plugins/Authoring#Custom_Alias
(function($) {
/**
* $ is an alias to jQuery object
*
*/
$.fn.lightBox = function(settings) {
// Settings to configure the jQuery lightBox plugin how you like
settings = jQuery.extend({
// Configuration related to overlay
overlayBgColor: '#000', // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
overlayOpacity: 0.8, // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
// Configuration related to navigation
fixedNavigation: false, // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
// Configuration related to images
imageLoading: 'images/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon
imageBtnPrev: 'images/lightbox-btn-prev.gif', // (string) Path and the name of the prev button image
imageBtnNext: 'images/lightbox-btn-next.gif', // (string) Path and the name of the next button image
imageBtnClose: 'images/lightbox-btn-close.jpg', // (string) Path and the name of the close btn
imageBtnBuy: 'images/lightbox-btn-buy.jpg', // (string) Path and the name of the buy btn
imageBtnStar: 'img/star.jpg',
imageBlank: 'images/lightbox-blank.gif', // (string) Path and the name of a blank image (one pixel)
// Configuration related to container image box
containerBorderSize: 10, // (integer) If you adjust the padding in the CSS for the container, #lightbox-container-image-box, you will need to update this value
containerResizeSpeed: 400, // (integer) Specify the resize duration of container image. These number are miliseconds. 400 is default.
// Configuration related to texts in caption. For example: Image 2 of 8. You can alter either "Image" and "of" texts.
txtImage: 'Изображение', // (string) Specify text "Image"
txtOf: 'от', // (string) Specify text "of"
// Configuration related to keyboard navigation
keyToClose: 'c', // (string) (c = close) Letter to close the jQuery lightBox interface. Beyond this letter, the letter X and the SCAPE key is used to.
keyToPrev: 'p', // (string) (p = previous) Letter to show the previous image
keyToNext: 'n', // (string) (n = next) Letter to show the next image.
// Don´t alter these variables in any way
imageArray: [],
activeImage: 0,
intervalID: 0
},settings);
// Caching the jQuery object with all elements matched
var jQueryMatchedObj = this; // This, in this context, refer to jQuery object
/**
* Initializing the plugin calling the start function
*
* @return boolean false
*/
function _initialize() {
_start(this,jQueryMatchedObj); // This, in this context, refer to object (link) which the user have clicked
return false; // Avoid the browser following the link
}
/**
* Start the jQuery lightBox plugin
*
* @param object objClicked The object (link) whick the user have clicked
* @param object jQueryMatchedObj The jQuery object with all elements matched
*/
function _start(objClicked,jQueryMatchedObj) {
// Hime some elements to avoid conflict with overlay in IE. These elements appear above the overlay.
$('embed, object, select').css({ 'visibility' : 'hidden' });
// Call the function to create the markup structure; style some elements; assign events in some elements.
_set_interface();
// Unset total images in imageArray
settings.imageArray.length = 0;
// Unset image active information
settings.activeImage = 0;
// We have an image set? Or just an image? Let´s see it.
// if ( jQueryMatchedObj.length == 1 ) {
// settings.imageArray.push(new Array(objClicked.getAttribute('href'),objClicked.getAttribute('title')));
// } else {
// Add an Array (as many as we have), with href and title atributes, inside the Array that storage the images references
for ( var i = 0; i < jQueryMatchedObj.length; i++ ) {
settings.imageArray.push(jQueryMatchedObj[i].getAttribute('id'));
}
// }
while ( settings.imageArray[settings.activeImage] != objClicked.getAttribute('id') ) {
settings.activeImage++;
}
//console.log(settings.activeImage);
// Call the function that prepares image exibition
_set_image_to_view();
}
function _set_interface() {
// Apply the HTML markup into body tag
$('body').append(
''
+'
'
);
$("#lightbox-btnBuy").click(
function()
{
//var test=$(".test");
var data='';
if(document.price.radiogroup.length!=undefined)
{
//console.log(document.price.radiogroup.length);
for (i=0;i'0')
text = 'Искате ли да купите снимките от тази група?';
else
text = 'Искате ли да купите тази снимка?';
Boxy.ask(text, ["Купуване", "Изход"],
function(val) {
if(val=='Купуване')
{
//alert('lightbox call buyImage');
buyImage(settings.imageArray[settings.activeImage],data);
}
}, {title: ""
});
}
);
// Get page sizes
var arrPageSizes = ___getPageSize();
// Style overlay and show it
$('#jquery-overlay').css({
backgroundColor: settings.overlayBgColor,
opacity: settings.overlayOpacity,
width: arrPageSizes[0],
height: arrPageSizes[1]
}).fadeIn();
// Get page scroll
var arrPageScroll = ___getPageScroll();
// Calculate top and left offset for the jquery-lightbox div object and show it
$('#jquery-lightbox').css({
top: arrPageScroll[1] + (arrPageSizes[3] / 10),
left: arrPageScroll[0],
width: arrPageSizes[0]
}).show();
// Assigning click events in elements to close overlay
// $('#jquery-overlay,#jquery-lightbox').click(function() {
// _finish();
// });
// Assign the _finish function to lightbox-loading-link and lightbox-secNav-btnClose objects
$('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function() {
_finish();
return false;
});
// If window was resized, calculate the new overlay dimensions
$(window).resize(function() {
// Get page sizes
var arrPageSizes = ___getPageSize();
// Style overlay and show it
$('#jquery-overlay').css({
width: arrPageSizes[0],
height: arrPageSizes[1]
});
// Get page scroll
var arrPageScroll = ___getPageScroll();
// Calculate top and left offset for the jquery-lightbox div object and show it
$('#jquery-lightbox').css({
top: arrPageScroll[1] + (arrPageSizes[3] / 10),
left: arrPageScroll[0],
width: arrPageSizes[0]
});
});
}
/**
* Prepares image exibition; doing a image´s preloader to calculate it´s size
*
*/
function _set_image_to_view()
{
// show the loading
if(settings.intervalID!=0)
{
clearInterval(settings.intervalID);
settings.intervalID=0;
}
// Show the loading
$('#lightbox-loading').show();
if ( settings.fixedNavigation ) {
$('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();
} else {
// Hide some elements
$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();
}
var container=$("#lightbox-container");
var containerLeft=$("#lightbox-left-container");
var containerRight=$("#lightbox-right-container");
container.css({width: '100%'});
containerLeft.css({'width': 'auto'});
containerLeft.css({'float': 'none'});
containerLeft.css({'margin': '0 auto'});
containerRight.empty().css({height: 0, width: 0});
// Image preload process
var objImagePreloader = new Image();
objImagePreloader.onload = function() {
$('#lightbox-image').attr('src','get_image.php?id='+settings.imageArray[settings.activeImage]+'&size=3');
// Perfomance an effect in the image container resizing it
_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);
// clear onLoad, IE behaves irratically with animated gifs otherwise
objImagePreloader.onload=function(){};
};
objImagePreloader.src = 'get_image.php?id='+settings.imageArray[settings.activeImage]+'&size=3';
};
/**
* Perfomance an effect in the image container resizing it
*
* @param integer intImageWidth The image´s width that will be showed
* @param integer intImageHeight The image´s height that will be showed
*/
function _resize_container_image_box(intImageWidth,intImageHeight)
{
// Get current width and height
var intCurrentWidth = $('#lightbox-container-image-box').width();
var intCurrentHeight = $('#lightbox-container-image-box').height();
// Get the width and height of the selected image plus the padding
var intWidth = (intImageWidth + (settings.containerBorderSize * 2)); // Plus the image´s width and the left and right padding value
var intHeight = (intImageHeight + (settings.containerBorderSize * 2)); // Plus the image´s height and the left and right padding value
// Diferences
var intDiffW = intCurrentWidth - intWidth;
var intDiffH = intCurrentHeight - intHeight;
// Perfomance the effect
$('#lightbox-container-image-box').animate({ width: intWidth, height: intHeight },settings.containerResizeSpeed,function() { _show_image(); });
if ( ( intDiffW == 0 ) && ( intDiffH == 0 ) ) {
if ( $.browser.msie ) {
___pause(250);
} else {
___pause(100);
}
}
$('#lightbox-container-image-data-box').css({ width: intImageWidth });
$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({ height: intImageHeight + (settings.containerBorderSize * 2) });
};
// function _update_size_container_image_box(intImageWidth,intImageHeight)
// {
// // Get current width and height
// var intCurrentWidth = $('#lightbox-container-image-box').width();
// var intCurrentHeight = $('#lightbox-container-image-box').height();
// // Get the width and height of the selected image plus the padding
// var intWidth = (intImageWidth + (settings.containerBorderSize * 2)); // Plus the image´s width and the left and right padding value
// var intHeight = (intImageHeight + (settings.containerBorderSize * 2)); // Plus the image´s height and the left and right padding value
// // Diferences
// var intDiffW = intCurrentWidth - intWidth;
// var intDiffH = intCurrentHeight - intHeight;
// // Perfomance the effect
// $('#lightbox-container-image-box').animate({ width: intWidth, height: intHeight },settings.containerResizeSpeed,function() { _update_image(); });
// if ( ( intDiffW == 0 ) && ( intDiffH == 0 ) ) {
// if ( $.browser.msie ) {
// ___pause(250);
// } else {
// ___pause(100);
// }
// }
// $('#lightbox-container-image-data-box').css({ width: intImageWidth });
// $('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({ height: intImageHeight + (settings.containerBorderSize * 2) });
// };
//
// function _update_image() {
// $('#lightbox-loading').hide();
// $('#lightbox-image').fadeIn();
// };
//
/**
* Show the prepared image
*
*/
function _show_image()
{
var container=$("#lightbox-container");
container.css({width: $('#lightbox-container-image-box').width()});
$('#lightbox-loading').hide();
$('#lightbox-image').fadeIn(function() {
_show_image_data();
_set_navigation();
});
_preload_neighbor_images();
};
/**
* Show the image information
*
*/
function _show_image_data() {
$('#lightbox-image-details-caption').hide();
// $("#rf_table").remove("#pricing_row")
// $("#ex_table").remove("#pricing_row")
$("tr.pricing_row").remove();
// $('#rf_table').remove("#pricing_row");
// $('#ex_table').remove("#pricing_row");
$('#rf_table').hide();
$('#ex_table').hide();
$('#group_text').hide();
$('#lightbox-btnBuy').hide();
$('#owned_ex').hide();
$('#owned_rf').hide();
$('#exclusiveUntile').empty();
$('#exclusiveUntile').hide();
$('#ex_table_info').hide();
var container=$("#lightbox-container");
var containerLeft=$("#lightbox-left-container");
var containerRight=$("#lightbox-right-container");
var startWidth=$("#lightbox-container-image-box").width();
//container.css({width: startWidth});
containerLeft.css({'float': 'left'});
containerLeft.css({'margin': 0});
$.getJSON("get_image_attribs.php?id="+settings.imageArray[settings.activeImage],
function(json)
{
var IMAGE_TYPE_ROYALTYFREE=2;
var IMAGE_TYPE_EXCLUSIVE=3;
var priceHTML="";
var priceHTMLEX="";
var imginfoEX="";
var bgColor="";
if(json.description)
$('#lightbox-image-details-caption').html(''+json.description+'').show();
//console.log("owned: "+json.owned);
//console.log("state: "+json.state);
if(json.owned && json.state==IMAGE_TYPE_EXCLUSIVE && !json.exclusiveUntil)
{
//console.log('json.exclusiveUntil: '+json.exclusiveUntil);
$('#owned_rf').show();
for(i=0;i'
+'
');
else
$("#lightbox-secNav").append('
');
if(!json.owned)
{
var imageResolution;
var imageRatio;
var imageIsPortrait=false;
var i,j=0,width,height;
if(json.width
').appendTo(containerRight).hover(
function()
{
var imgContainer=$("#group-images-container");
var groupImagesPanel=$("#group-images-panel");
if(groupScrollIntervalID)
{
clearInterval(groupScrollIntervalID);
groupScrollIntervalID=0;
}
if(imgContainer.get(0).offsetTop<0)
{
groupScrollIntervalID=setInterval(function() {
if(imgContainer.get(0).offsetTop+GROUP_IMAGES_SCROLL_SIZE>=0) //Stop scrolling, scrollable content is less then scrolling window
{
clearInterval(groupScrollIntervalID);
groupScrollIntervalID=0;
imgContainer.css({"top": 0});
return false;
}
imgContainer.css({"top": imgContainer.get(0).offsetTop+GROUP_IMAGES_SCROLL_SIZE});
} ,1);
}
},
function() {
if(groupScrollIntervalID)
{
clearInterval(groupScrollIntervalID);
groupScrollIntervalID=0;
}
}
);
jQuery('
').appendTo(containerRight).hover(
function()
{
var imgContainer=$("#group-images-container");
var groupImagesPanel=$("#group-images-panel");
if(groupScrollIntervalID)
{
clearInterval(groupScrollIntervalID);
groupScrollIntervalID=0;
}
if(groupImagesPanel.height()<(imgContainer.height()+imgContainer.get(0).offsetTop))
{
groupScrollIntervalID=setInterval(
function()
{
if(groupImagesPanel.height()+GROUP_IMAGES_SCROLL_SIZE>=(imgContainer.height()+imgContainer.get(0).offsetTop)) //Stop scrolling, scrollable content is less then scrolling window
{
clearInterval(groupScrollIntervalID);
groupScrollIntervalID=0;
imgContainer.css({"top": -imgContainer.height()+groupImagesPanel.height()});
return false;
}
imgContainer.css({"top": imgContainer.get(0).offsetTop-GROUP_IMAGES_SCROLL_SIZE});
}
,1);
}
},
function() {
if(groupScrollIntervalID) {
clearInterval(groupScrollIntervalID);
groupScrollIntervalID=0;
}
}
);
i=0;
var desiredPos=0;
var groupImageID=json.group[i++];
var objImagePreloader = new Image();
objImagePreloader.onload = function() {
var isGroupImageSelected=settings.imageArray[settings.activeImage] == groupImageID
var groupImage=jQuery('