//Create our overlay object
var overlay = $("");
//Create our modal window
var modalWindow = $("");
function showVideo() {
//Append the overlay to the document body
$("body").append(overlay.click(function() { hideVideo(); }))
//Add a loader to our page
$("body").append("");
overlay.css("opacity", 0.8);
overlay.fadeIn(150);
//Activate a listener
$(document).keydown(handleEscape);
//Load the image
/* var img = new Image();
$(img).load(function () {
var imageWidth = img.width / 2 ;
var imageHeight = img.height / 2;
modalWindow.css({
"margin-left": -imageWidth,
"margin-top": -imageHeight
});
$("#modal-load").remove();
modalWindow.append(img);
$("body").append(modalWindow);
modalWindow.fadeIn(150);
})
.attr({ src: 'promoVideo.jpg' }).click(function() {
modalHide();
});*/
var imageWidth = 640 / 2 ;
var imageHeight = 478 / 2;
modalWindow.css({
"margin-left": -imageWidth,
"margin-top": -imageHeight
});
$("body").append(modalWindow);
$("#modal-load").remove();
modalWindow.fadeIn(150);
$('#modal-window').html("");
}
function hideVideo() {
modalHide();
}
//Our function for hiding the modalbox
function modalHide() {
$(document).unbind("keydown", handleEscape)
var remove = function() { $(this).remove(); };
overlay.fadeOut(remove);
modalWindow
.fadeOut(remove)
.empty();
}
//Our function that listens for escape key.
function handleEscape(e) {
if (e.keyCode == 27) {
modalHide();
}
}