')
} else {
$("body").append('')
}
//Animates the transparent black sheet covering the screen
$(".overlay").animate({"opacity":"0.85"}, 450, "linear");
//Puts the image, title and date into the .container depending on browser type
if($.browser.msie && $.browser.version < 9.0){
$(".container").html('
'+title+' '+date+'
');
} else {
$(".container").html('
'+title+' '+date+'
');
}
//Alows for the removal of the lightbox.
window.removeOverlay(id);
//Preload
var nextPiece = $("#piece_"+id).next("div").children("a.lightbox");
nextImage = new Image();
nextImage.src = nextPiece.attr("href");
var prevPiece = $("#piece_"+id).prev("div").children("a.lightbox");
prevImage = new Image();
prevImage.src = prevPiece.attr("href");
//Position the image accordingly.
$(".container img").load(function() {
var imgWidth = $(".container img").width() + 2; //Plus 2 for the border
var imgHeight = $(".container img").height() + 2; //Plus 2 for the border
if( ($(window).height() / 2) > ((imgHeight / 2) + 30) ){
var containerHeight = "50%";
} else {
var containerHeight = (imgHeight / 2) + 30;
}
$(".container").css({
"top": containerHeight,
"left": "50%",
"width": imgWidth,
"height": imgHeight + 30,
"margin-top": -(imgHeight/2),
"margin-left":-(imgWidth/2) //Position the image in the middle of the screen.
}).animate({"opacity":"1"}, 550, "linear", function(){
$(".overlay").css({"background-image": "none"});
});
//Make necessary changes for IE
if($.browser.msie && $.browser.version < 9.0){
$(".overlay").css({"height": "150%"});
$(".container div").css({"padding-left": "6px"});
$(".container").css({"height": imgHeight + 50});
}
//Make Page Longer
var spaceHeight = imgHeight + 350;
$("#space").css("height", spaceHeight);
//Show the actual image and hide stuff
$(".container div").fadeTo(1250, 1).fadeTo(1000, .001); //Hide the comment after a while.
//Hover over the comment above.
$(".container div").hover(
function(){
$(this).fadeTo(300, 1).dequeue();
},
function(){
$(this).fadeTo(300, .001).dequeue();
}
);
//Hover Over Nav Links
$("span.nav").hover(
function(){
$(this).fadeTo(200, 1).dequeue();
},
function(){
$(this).fadeTo(200, .001).dequeue();
}
);
});
}
//SWF Lightbox
function startOverlaySWF(overlayLink, title, date, widthpop, heightpop) {
var imgWidth = widthpop; //Plus 2 for the border
var imgHeight = heightpop; //Plus 2 for the border
//Adds the overlay layer plus the container layer, which will contain the image and text
$("body")
.append('');
//Animates the transparent black sheet covering the screen
$(".overlay").animate({"opacity":"0.85"}, 450, "linear");
//Puts the image, title and date into the .container
$(".container").html('
'+title+''+date+'
');
//$(".container").html('
');
//$(".container").html('
'+title+''+date+'
');
//Alows for the removal of the lightbox.
window.removeOverlay();
//Position the image accordingly.
$(".container").css({
"top": "50%",
"left": "50%",
"width": imgWidth,
"height": imgHeight,
"margin-top": -(imgHeight/2),
"margin-left":-(imgWidth/2) //Position the image in the middle of the screen.
}).animate({"opacity":"1"}, 550, "linear", function(){
$(".overlay").css({"background-image": "none"});
}); //Show the actual image.
$(".container div#titles").fadeTo(2000, 1).fadeTo(1000, .001); //Hide the comment after a while.
$(".container div#titles").hover(
function(){
$(".container div#titles").fadeTo(300, 1).dequeue();
},
function(){
$(".container div#titles").fadeTo(300, .001).dequeue();
}
); //Hover over the comment above.
}
//Remove Lightbox
function removeOverlay(id) {
// When the user clicks on the overlay, the lightbox goes away.
$(".overlay, .container img").click(function(){
$(".container, .overlay").animate({"opacity":"0"}, 250, "linear", function(){
$(".container, .overlay").remove();
});
});
var k = (id*1) +1;
//Click Next or Previous
$("span.navRight").click(function(){
//var nextPiece = $("#piece_"+id).next("div").children("a.lightbox");
var nextPiece = $("#piece_"+k).children("a.lightbox"); //Ankita
if(nextPiece.attr("href") === undefined){
$(".container, .overlay").animate({"opacity":"0"}, 250, "linear", function(){
$(".container, .overlay").remove();
});
} else {
overlayLink = nextPiece.attr("href"); //Show What's in the link
title = nextPiece.attr("title"); //Grab the title
string = nextPiece.next(".info").text(); //Get the parent div's p which contains the date
elements = string.split("+br");
$(".container").fadeTo(400, 0, function(){
$(this).remove();
//window.startOverlay(overlayLink, title, elements[0], elements[3], 0); //Execute the lightbox
window.startOverlay(overlayLink, title, '',$("#"+k).attr('id'), elements[3]); //Ankita
})
}
})
$("span.navLeft").click(function(){
//var nextPiece = $("#piece_"+id).prev("div").children("a.lightbox");
var k = (id*1) -1;
var nextPiece = $("#piece_"+k).children("a.lightbox");
if(nextPiece.attr("href") === undefined){
$(".container, .overlay").animate({"opacity":"0"}, 250, "linear", function(){
$(".container, .overlay").remove();
});
} else {
overlayLink = nextPiece.attr("href"); //Show What's in the link
title = nextPiece.attr("title"); //Grab the title
string = nextPiece.next(".info").text(); //Get the parent div's p which contains the date
elements = string.split("+br");
$(".container").fadeTo(400, 0, function(){
$(this).remove();
//window.startOverlay(overlayLink, title, elements[0], elements[3], 0); //Execute the lightbox
window.startOverlay(overlayLink, title, '',$("#"+k).attr('id'), elements[3]); //Ankita
})
}
})
}