");
$("#viewbox, .vb_wrap, .vb_wrap .content, .vb_wrap .content .next, .vb_wrap .content .prev").hide();
//If is set navigation
if (settings.navigation) {
NextAndPrev();
}
$(".vb_wrap .prev").unbind().bind("click", function () {
Prev();
return false;
});
$(".vb_wrap .next").unbind().bind("click", function () {
Next();
return false;
});
keyboardNav();
$("#viewbox").css("opacity", 0.7).fadeIn(settings.Speed/1.6, function () {
//Get browser size
arraySizeBrowser = sizeBrowser();
if($(document).scrollTop() == 0) {
if (settings.heightWindow > arraySizeBrowser[0] * 1.3) {
scroll = arraySizeBrowser[0]/9;
} else {
scroll = arraySizeBrowser[0]/2.2;
}
} else {
scroll = $(document).scrollTop()+arraySizeBrowser[0]/2.3;
}
//Window position
$(".vb_wrap").css({
top : scroll+(settings.heightWindow/2),
left : arraySizeBrowser[1]
});
//Window animation
$(".vb_wrap").fadeIn(settings.Speed/1.2, function () {
$(this).animate({
height : settings.heightWindow,
width : settings.widthWindow,
top : scroll,
left : arraySizeBrowser[1]-settings.widthWindow/2
}, settings.Speed/1.2, function () {
//Dowload the elemment
setElement();
$(".vb_wrap .content").delay(290).fadeIn(settings.Speed/1.5);
});
});
});
//Close the ViewBox
$("#viewbox, .vb_wrap .content .close a").click(function () {
closeWindow();
return false;
});
}
//Set the elemments
function setElement () {
//If image
if (nImg(settings.arrayEl[settings.arrayActEl][0])) {
Img(settings.arrayEl[settings.arrayActEl][0]);
}
//If youtube
if(nYT(settings.arrayEl[settings.arrayActEl][0])) {
Film(settings.arrayEl[settings.arrayActEl][0]);
}
//If Vimeo
if(nV(settings.arrayEl[settings.arrayActEl][0])){
Vimeo(settings.arrayEl[settings.arrayActEl][0]);
}
//If Player
if(nPlayer(settings.arrayEl[settings.arrayActEl][0])) {
Player(settings.arrayEl[settings.arrayActEl][0]);
}
//If Google maps
if(nMaps(settings.arrayEl[settings.arrayActEl][0])) {
GoogleMaps(settings.arrayEl[settings.arrayActEl][0]);
}
//If Frame
if(nFrame(settings.arrayEl[settings.arrayActEl][0])) {
FrameObj(settings.arrayEl[settings.arrayActEl][0]);
}
//If inline
if(nInline(settings.arrayEl[settings.arrayActEl][0])) {
Inline(settings.arrayEl[settings.arrayActEl][0]);
}
//If Ajax
if(nAjax(settings.arrayEl[settings.arrayActEl][0])) {
Ajax(settings.arrayEl[settings.arrayActEl][0]);
}
}
//extensions of files
function nImg(hrefLink) {
return (hrefLink.indexOf("jpg", ".") > 0 || hrefLink.indexOf("png", ".") > 0 || hrefLink.indexOf("gif", ".") > 0) && hrefLink.indexOf("mp3", ".") < 0;
}
function nYT(hrefLink) {
return hrefLink.indexOf("youtube", ".") > 0;
}
function nV(hrefLink) {
return hrefLink.indexOf("vimeo", ".") > 0;
}
function nPlayer (hrefLink) {
return hrefLink.indexOf("mp3", ".") > 0 || hrefLink.indexOf("vmw", ".") > 0 || hrefLink.indexOf("avi", ".")|| hrefLink.indexOf("flv", ".") > 0|| hrefLink.indexOf("mp4", ".") > 0|| hrefLink.indexOf("mov", ".") > 0;
}
function nMaps (hrefLink) {
return hrefLink.indexOf("map", "/") > 0 && hrefLink.indexOf("google", ".") > 0
}
function nFrame (hrefLink) {
return settings.frame != 0 || hrefLink.indexOf("html", ".") > 0;
}
function nInline (hrefLink) {
return settings.inline != 0 || hrefLink.indexOf("#") >= 0;
}
function nAjax (hrefLink) {
return settings.ajax != 0 || hrefLink.indexOf("txt", ".") > 0 || hrefLink.indexOf("js", ".") > 0;
}
//Show the image
function Img (hrefImg) {
$(".vb_wrap .content").append("
");
$(".vb_wrap .image").hide();
if(settings.preloaderIMG) {
$(".vb_wrap").append("
");
}
var ImgLoad = new Image ();
ImgLoad.onload = function () {
$(".vb_wrap .image img").attr("src", ImgLoad.src);
//Get browser size
arraySizeBrowser = sizeBrowser();
//Variables
var Height, Width;
if (arraySizeBrowser[0]*1.4 > ImgLoad.height || arraySizeBrowser[1]*1.4 > ImgLoad.width) {
settings.heightWindow = Height = ImgLoad.height;
settings.widthWindow = Width = ImgLoad.width;
} else {
if (!settings.visibleIMG) {
var d = ImgLoad.width - (arraySizeBrowser[1] * 1.6) - 65;
settings.heightWindow = Height = (ImgLoad.height - d);
settings.widthWindow = Width = (ImgLoad.width - d);
} else {
if (ImgLoad.height < ImgLoad.width) {
var d = ImgLoad.width - (arraySizeBrowser[1] * 1.6) - 65;
if (ImgLoad.height > arraySizeBrowser[0]) {
var d = ImgLoad.height - (arraySizeBrowser[0] * 1.6) - 65;
settings.heightWindow = Height = (ImgLoad.height - d);
settings.widthWindow = Width = (ImgLoad.width/(ImgLoad.height/(ImgLoad.height - d)));
} else {
settings.heightWindow = Height = (ImgLoad.height/(ImgLoad.width/(ImgLoad.width - d)));
settings.widthWindow = Width = (ImgLoad.width - d);
}
}
if (ImgLoad.height > ImgLoad.width) {
var d = ImgLoad.height - (arraySizeBrowser[0] * 1.6) - 65;
settings.heightWindow = Height = (ImgLoad.height - d);
settings.widthWindow = Width = (ImgLoad.width/(ImgLoad.height/(ImgLoad.height - d)));
}
}
}
//Change size
resizeWindow(Height, Width);
//Remove preloader
$(".vb_wrap .preloader").remove();
ImgLoad.onload = function(){};
};
ImgLoad.src = hrefImg;
//Variables with title and description
var description = settings.arrayEl[settings.arrayActEl][2];
var title = settings.arrayEl[settings.arrayActEl][1];
Description(title, description);
}
function Description (title, description) {
//If is title
if (title) {
$(".vb_wrap .content .image").append("
"+title+" ");
$(".vb_wrap .content .text").hide();
//Mouse events
$(".vb_wrap").hover(
function () {
$(".vb_wrap .content .text").stop(true, true).delay(200).slideDown(200);
},
function () {
$(".vb_wrap .content .text").stop(true, true).delay(200).slideUp(180);
}
);
}
//If is description
if (description) {
$(".vb_wrap .content .text").append("
"+description+"
");
}
return false;
}
//YouTube
function Film (hrefFilm) {
$(".vb_wrap .content").append("
");
//YouTube links
hrefY = "http://www.youtube.com/v/"+hrefFilm.substring(31, 42)+"&autoplay=1&loop=1&feature=related&showsearch=0";
$(".vb_wrap .object").append("
");
}
//Vimeo
function Vimeo (link) {
$(".vb_wrap .content").append("
");
hrefV = link.substring(21, 29);
$(".vb_wrap .object").append("
");
}
//Player
function Player (hrefFile) {
$(".vb_wrap .content").append("
");
$('.vb_wrap .object').append("
");
}
//Google maps
function GoogleMaps (link) {
$(".vb_wrap .content").append("
");
$(".vb_wrap .content .content").css("background", settings.inlineBg).hide();
$(".vb_wrap .content .content").append("");
}
//Next/Previous elemment
function NextAndPrev () {
//previous elemment
if (settings.arrayActEl != 0) {
$(".vb_wrap .prev").css("top", settings.heightWindow/2).show();
} else {
$(".vb_wrap .prev").hide();
}
//Next elemment
if (settings.arrayActEl != settings.arrayEl.length-1) {
$(".vb_wrap .next").css("top", settings.heightWindow/2).show();
} else {
$(".vb_wrap .next").hide();
}
NumberElement();
}
//Inline
function Inline (hrefAnhor) {
ChangeStyle();
$(".vb_wrap .content .content").append($(hrefAnhor).html());
}
//Ajax
function Ajax (hrefAjax) {
ChangeStyle();
$.ajax({
type: (!settings.ajaxType) ? "GET" : settings.ajaxType,
url: hrefAjax,
data: settings.ajaxData,
success: (!settings.ajaxSuccess) ? (function(data) { $("vb_wrap .content .content").html(data) }) : settings.ajaxSuccess
});
}
function ChangeStyle () {
//Background change
$(".vb_wrap").css("background-color", "transparent");
$(".vb_wrap .content .number").hide();
var scrollbar = (settings.inlineScroll) ? "auto" : "hidden";
$(".vb_wrap .content").append("
");
$(".vb_wrap .content .content").css({
background : settings.inlineBg,
padding : settings.inlinePadding,
overflow : scrollbar
});
$(".vb_wrap .content .content").height(settings.heightWindow-10);
}
//Support for keyboard
function keyboardNav () {
if(settings.keyboard) {
$(document.documentElement).unbind().bind("keyup", function (event) {
//IE
if ($.browser.msie) {
codeAscii = event.keyCode;
} else {
codeAscii = event.keyCode;
}
KeyCode = String.fromCharCode(codeAscii).toLowerCase();
//Left
if(event.keyCode == 37 || KeyCode == settings.keyPrev) {
Prev();
}
//Right
if(event.keyCode == 39 || KeyCode == settings.keyNext) {
Next();
}
//ESC
if(event.keyCode == 27 || KeyCode == settings.keyClose) {
closeWindow();
}
});
}
}
//previous
function Prev () {
if (settings.arrayActEl != 0) {
$(".vb_wrap .content").fadeOut(settings.Speed / 1.4, function(){
$(".vb_wrap .content .image, .content .object").remove();
settings.arrayActEl = settings.arrayActEl - 1;
NumberElement();
setElement();
$(this).fadeIn(settings.Speed / 1.2);
NextAndPrev();
});
}
}
//Next
function Next () {
if (settings.arrayActEl != settings.arrayEl.length - 1) {
$(".vb_wrap .content").fadeOut(settings.Speed / 1.4, function(){
$(".vb_wrap .content .image, .vb_wrap .content .object").remove();
settings.arrayActEl = settings.arrayActEl + 1;
NumberElement();
setElement();
$(this).fadeIn(settings.Speed / 1.2);
NextAndPrev();
});
}
}
//Numbers
function NumberElement () {
if(settings.numberEl) {
$(".vb_wrap .content .number").remove();
if(settings.arrayEl.length != 0) {
function Words () {
//If image
if (nImg(settings.arrayEl[settings.arrayActEl][0])) {
return "Image ";
}
//If youtube
if(nYT(settings.arrayEl[settings.arrayActEl][0]) || nV(settings.arrayEl[settings.arrayActEl][0])) {
return "Film ";
}
//If Player
if(nPlayer(settings.arrayEl[settings.arrayActEl][0])) {
return "Item ";
}
//If Maps
if(nMaps(settings.arrayEl[settings.arrayActEl][0])) {
return "Map ";
}
//If Frame
if(nFrame(settings.arrayEl[settings.arrayActEl][0])) {
return "Page ";
}
}
$(".vb_wrap .content").append(""+Words()+(settings.arrayActEl+1)+" / "+settings.arrayEl.length+"
");
}
}
}
//Change size
function resizeWindow (Height, Width, Callback) {
//Get the size
var contentHeight = $(".vb_wrap").height();
var contentWidth = $(".vb_wrap").width();
$(".vb_wrap").animate({
left : document.documentElement.clientWidth/2-Width/2,
top : topToresize(Height, Width),
width : Width,
height : Height
}, settings.Speed/1.5);
$(".vb_wrap img").attr({
height : Height,
width : Width
});
$(".vb_wrap .image").hide().delay(settings.Speed/1.1).fadeIn(300);
$(".vb_wrap .next, .vb_wrap .prev").css("top", Height/2);
}
function topToresize (Height, Width) {
if(Height+ arraySizeBrowser[0]/2.3 > arraySizeBrowser[0]*2) {
return $(document).scrollTop()+(arraySizeBrowser[0]/9);
} else {
return $(document).scrollTop()+(arraySizeBrowser[0]/2);
}
}
//Close function
function closeWindow () {
var arrPageSize = sizeBrowser();
settings.arrayEl.length = 0;
settings.arrayActEl = 0;
$(".vb_wrap .content").fadeOut(settings.Speed/1.6, function () {
$(".vb_wrap").animate({
left : arrPageSize[1],
top : arrPageSize[0]/2+scroll,
height : 50,
width : 50
}, settings.Speed/1.3, function () {
$(this).fadeOut(settings.Speed/1.2, function () {
$(this).remove();
$("#viewbox").fadeOut(settings.Speed/1.5, function () {
$("#viewbox").remove();
});
});
});
});
}
//Browser
function sizeBrowser () {
var arraySize = new Array;
//Height
arraySize[0] = document.documentElement.clientHeight/2;
//Width
arraySize[1] = document.documentElement.clientWidth/2;
return arraySize;
}
//Thumbs
if(settings.titleThumb) {
jQuery.each(el, function() {
var titleThumb = $(this).attr("title");
if(titleThumb != "") {
$(this).children("img").parent("a").wrap("
");
$(this).parent(".thumbdiv").append(""+titleThumb+"
");
$(this).parent(".thumbdiv").children(".title").hide();
}
});
$(".thumbdiv").hover(
function(){
$(this).children(".title").stop(true, true).delay(150).slideDown(200);
},
function(){
$(this).children(".title").stop(true, true).delay(150).slideUp(200);
}
);
}
//Click
return this.unbind('click').click(_clickEl);
};
})(jQuery); //The end