/*
Lightbox JS: Fullsize Image Overlays
by Lokesh Dhakar - http://www.huddletogether.com
For more information on this script, visit:
http://huddletogether.com/projects/lightbox/
Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
(basically, do anything you want, just leave my name and link)
Table of Contents
-----------------
Configuration
Functions
- getPageScroll()
- getPageSize()
- pause()
- getKey()
- listenKey()
- showLightbox()
- hideLightbox()
- initLightbox()
- addLoadEvent()
Function Calls
- addLoadEvent(initLightbox)
*/
function fadewindow(choice)
{
var objLightboxBG = document.getElementById('lightboxBG');
var objOverlay = document.getElementById('overlay');
var objLightbox = document.getElementById('lightbox');
var objImage = document.getElementById('lightboxImage');
var objLightboxDetails = document.getElementById('lightboxDetails');
objImage.src = '';
objOverlay.style.height = (arrayPageSize[1] + 'px');
var lightboxTop = arrayPageScroll[1] + ((arrayPageSize[3] - 420) / 2);
var lightboxLeft = ((arrayPageSize[0] - 685) / 2);
objLightboxBG.style.top = (lightboxTop < 0) ? "0px" : lightboxTop + "px";
objLightboxBG.style.left = (lightboxLeft < 0) ? "0px" : lightboxLeft + "px";
new Effect.Appear(objLightbox, { from: .5, duration:.15 });
new Effect.Appear(objLightboxBG, { from: .5, duration:.15 });
new Effect.Appear(objOverlay, {from:.1, to:.9, duration:.55});
//document.getElementById('lightboxImage').src = "images-jpgs/chat_sm.jpg";
//new Effect.Appear(objLightboxDetails, {from:.1, to:.9, duration:.75});
//document.getElementById('lightboxDetails').innerHTML = " come on now
";
//document.getElementById('lightboxDetails').innerHTML += " asdfasdfas asdfasd
";
if(choice == 1)
{
document.getElementById('lightboxDetails').innerHTML = " You really can’t beat a live, qualified tutor when it comes to improving your grades, reducing stress, and truly learning your subject matter. The problem I always found was that it took many days to set up meetings and find somewhere to meet. Suffice it to say I never had a few extra days when I needed help – I needed it right now. Well, that’s what you get with The Last Minute Tutor – hence our name.To get immediate professional help, you simply register (if you haven’t already), log in, and hand-pick a tutor in whatever subject you need help in.
";
document.getElementById('lightboxDetails').innerHTML += " ";
document.getElementById('lightboxDetails').innerHTML += "";
document.getElementById('lightboxDetails').innerHTML += " Live Session
The live tutoring session takes place through a Flash based web application. This means you can connect to a tutor from any computer anywhere in the world. Our live tutoring allows instant messaging and an interactive whiteboard.
The Last Minute Tutor offers last-minute essay proofing from highly-qualified university graduates with significant experience in editing and marking post-secondary and secondary-level essays.To get your essay proofed, register (if you haven’t already), log in, upload and pay the essay proofing fee (via PayPal). An available tutor in your subject area will then accept the assignment and start work on your paper immediately (you will receive confirmation when work begins).
";
document.getElementById('lightboxDetails').innerHTML += " ";
document.getElementById('lightboxDetails').innerHTML += " The Last Minute Tutor guarantees a 24-hour turnaround time on essay proofing and aims for a 12-hour turnaround.
";
document.getElementById('lightboxDetails').innerHTML += " ";
}
if(choice == 3)
{
document.getElementById('lightboxDetails').innerHTML = " Just stumped on one problem, one question, one concept? Having trouble finding a certain bit of information? Have one ‘problem’ sentence that you want fixed? Just want to try out our services for cheap? These are all great reasons to use The Last Minute Tutor’s single-question utility.When you submit your question and pay your (minimal) fee, all available tutors are immediately ‘pinged’ and the first qualified tutor to jump on the question will immediately begin work on an answer. You should get an answer from an expert in the field within minutes. Satisfaction guaranteed.
";
document.getElementById('lightboxDetails').innerHTML += " ";
document.getElementById('lightboxDetails').innerHTML += " ";
}
}//end of function
function changeAbouts(ch_num)
{
if(ch_num == 1)
{
document.getElementById('lightboxDetails').innerHTML = " You really can’t beat a live, qualified tutor when it comes to improving your grades, reducing stress, and truly learning your subject matter. The problem I always found was that it took many days to set up meetings and find somewhere to meet. Suffice it to say I never had a few extra days when I needed help – I needed it right now. Well, that’s what you get with The Last Minute Tutor – hence our name.To get immediate professional help, you simply register (if you haven’t already), log in, and hand-pick a tutor in whatever subject you need help in.
";
document.getElementById('lightboxDetails').innerHTML += " ";
document.getElementById('lightboxDetails').innerHTML += "";
document.getElementById('lightboxDetails').innerHTML += " Live Session
The live tutoring session takes place through a Flash based web application. This means you can connect to a tutor from any computer anywhere in the world. Our live tutoring allows instant messaging and an interactive whiteboard.
No two tutors are alike. Where most sites will connect you to the first available tutor, we believe in letting you find the tutor that best suits your needs. From our ever growing list of tutors, you can view each and every tutor's education background and qualifications.Then all you need to do is simply select the right tutor and make a session request. From there you select the desired length of time and now you can also add a small message to the request making sure that particular tutor can in fact help you.
";
document.getElementById('lightboxDetails').innerHTML += " ";
document.getElementById('lightboxDetails').innerHTML += "";
document.getElementById('lightboxDetails').innerHTML += " If the tutor feels they are not best suited to help you, they decline the request and you select another tutor from the list. The end result is an effective learning session.
";
document.getElementById('lightboxDetails').innerHTML += " ";
}
if(ch_num == 3)
{
document.getElementById('lightboxDetails').innerHTML = " You don't have to wait for the last minute. Plan your tutoring needs ahead of time. Using our appointments system you can make a request for a session giving the date, time, and subject of the session and in addition a small message stating the type of help required. You also have the option to make it a recurring session, taking place at a day and time once a week, every week until you decide to cancel the appointment. The request is then posted to all tutors of that subject and then the tutor that feels they can best help you accepts the request and you are immediately emailed a confirmation of the session.
";
document.getElementById('lightboxDetails').innerHTML += " ";
document.getElementById('lightboxDetails').innerHTML += "";
document.getElementById('lightboxDetails').innerHTML += " In the appointments section, you can view and cancel any request or even a scheduled session giving at least an hour's notice before the session start time.
";
document.getElementById('lightboxDetails').innerHTML += " ";
}
}
//
// Configuration
//
// If you would like to use a custom loading image or close button reference them in the next two lines.
var loadingImage = 'loading.gif';
var closeButton = 'images/blank.gif';
//
// getPageScroll()
// Returns array with x,y page scroll values.
// Core code from - quirksmode.org
//
function getPageScroll(){
var yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict
yScroll = document.documentElement.scrollTop;
} else if (document.body) {// all other Explorers
yScroll = document.body.scrollTop;
}
arrayPageScroll = new Array('',yScroll)
return arrayPageScroll;
}
//
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Edit for Firefox by pHaez
//
function getPageSize(){
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
// for small pages with total height less then height of the viewport
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
// for small pages with total width less then width of the viewport
if(xScroll < windowWidth){
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;
}
//
// pause(numberMillis)
// Pauses code execution for specified time. Uses busy code, not good.
// Code from http://www.faqts.com/knowledge_base/view.phtml/aid/1602
//
function pause(numberMillis) {
var now = new Date();
var exitTime = now.getTime() + numberMillis;
while (true) {
now = new Date();
if (now.getTime() > exitTime)
return;
}
}
//
// getKey(key)
// Gets keycode. If 'x' is pressed then it hides the lightbox.
//
function getKey(e){
if (e == null) { // ie
keycode = event.keyCode;
} else { // mozilla
keycode = e.which;
}
key = String.fromCharCode(keycode).toLowerCase();
if(key == 'x'){ hideLightbox(); }
}
//
// listenKey()
//
function listenKey () { document.onkeypress = getKey; }
//
// showLightbox()
// Preloads images. Pleaces new image in lightbox then centers and displays.
//
/*
function showLightbox(objLink)
{
// prep objects
var objOverlay = document.getElementById('overlay');
var objLightbox = document.getElementById('lightbox');
var objCaption = document.getElementById('lightboxCaption');
var objImage = document.getElementById('lightboxImage');
var objLoadingImage = document.getElementById('loadingImage');
var objLightboxDetails = document.getElementById('lightboxDetails');
var arrayPageSize = getPageSize();
var arrayPageScroll = getPageScroll();
// center loadingImage if it exists
if (objLoadingImage) {
objLoadingImage.style.top = (arrayPageScroll[1] + ((arrayPageSize[3] - 35 - objLoadingImage.height) / 2) + 'px');
objLoadingImage.style.left = (((arrayPageSize[0] - 20 - objLoadingImage.width) / 2) + 'px');
objLoadingImage.style.display = 'block';
}
// set height of Overlay to take up whole page and show
objOverlay.style.height = (arrayPageSize[1] + 'px');
objOverlay.style.display = 'block';
// preload image
imgPreload = new Image();
imgPreload.onload=function(){
objImage.src = objLink.href;
// center lightbox and make sure that the top and left values are not negative
// and the image placed outside the viewport
var lightboxTop = arrayPageScroll[1] + ((arrayPageSize[3] - 35 - imgPreload.height) / 2);
var lightboxLeft = ((arrayPageSize[0] - 20 - imgPreload.width) / 2);
objLightbox.style.top = (lightboxTop < 0) ? "0px" : lightboxTop + "px";
objLightbox.style.left = (lightboxLeft < 0) ? "0px" : lightboxLeft + "px";
objLightboxDetails.style.width = imgPreload.width + 'px';
if(objLink.getAttribute('title')){
objCaption.style.display = 'block';
//objCaption.style.width = imgPreload.width + 'px';
objCaption.innerHTML = objLink.getAttribute('title');
} else {
objCaption.style.display = 'none';
}
// A small pause between the image loading and displaying is required with IE,
// this prevents the previous image displaying for a short burst causing flicker.
if (navigator.appVersion.indexOf("MSIE")!=-1){
pause(250);
}
if (objLoadingImage) { objLoadingImage.style.display = 'none'; }
// Hide select boxes as they will 'peek' through the image in IE
selects = document.getElementsByTagName("select");
for (i = 0; i != selects.length; i++) {
selects[i].style.visibility = "hidden";
}
objLightbox.style.display = 'block';
// After image is loaded, update the overlay height as the new image might have
// increased the overall page height.
arrayPageSize = getPageSize();
objOverlay.style.height = (arrayPageSize[1] + 'px');
// Check for 'x' keypress
listenKey();
return false;
}
imgPreload.src = objLink.href;
}
*/
//
// hideLightbox()
//
function hideLightbox()
{
// get objects
objOverlay = document.getElementById('overlay');
objLightbox = document.getElementById('lightbox');
objLightboxDetails = document.getElementById('lightboxDetails');
objLightboxBG = document.getElementById('lightboxBG');
// hide lightbox and overlay
//objOverlay.style.display = 'none';
//objLightbox.style.display = 'none';
new Effect.Fade(objOverlay, { from: .5, duration:.25 });
new Effect.Fade(objLightbox);
//new Effect.Fade(objImage);
//new Effect.Fade(objLightboxDetails);
new Effect.Fade(objLightboxBG);
// make select boxes visible
selects = document.getElementsByTagName("select");
for (i = 0; i != selects.length; i++) {
selects[i].style.visibility = "visible";
}
// disable keypress listener
document.onkeypress = '';
}
//
// initLightbox()
// Function runs on window load, going through link tags looking for rel="lightbox".
// These links receive onclick events that enable the lightbox display for their targets.
// The function also inserts html markup at the top of the page which will be used as a
// container for the overlay pattern and the inline image.
//
function initLightbox()
{
if (!document.getElementsByTagName){ return; }
var anchors = document.getElementsByTagName("a");
// loop through all anchor tags
for (var i=0; i
// ![]()
//
//
var objBody = document.getElementsByTagName("body").item(0);
// create overlay div and hardcode some functional styles (aesthetic styles are in CSS file)
var objOverlay = document.createElement("div");
objOverlay.setAttribute('id','overlay');
objOverlay.onclick = function () {hideLightbox(); return false;}
objOverlay.style.display = 'none';
objOverlay.style.position = 'absolute';
objOverlay.style.top = '0';
objOverlay.style.left = '0';
objOverlay.style.zIndex = '90';
objOverlay.style.width = '100%';
objBody.insertBefore(objOverlay, objBody.firstChild);
var arrayPageSize = getPageSize();
var arrayPageScroll = getPageScroll();
// preload and create loader image
var imgPreloader = new Image();
// if loader image found, create link to hide lightbox and create loadingimage
/*imgPreloader.onload=function(){
var objLoadingImageLink = document.createElement("a");
objLoadingImageLink.setAttribute('href','#');
objLoadingImageLink.onclick = function () {hideLightbox(); return false;}
objOverlay.appendChild(objLoadingImageLink);
var objLoadingImage = document.createElement("img");
objLoadingImage.src = loadingImage;
objLoadingImage.setAttribute('id','loadingImage');
objLoadingImage.style.position = 'absolute';
objLoadingImage.style.zIndex = '150';
objLoadingImageLink.appendChild(objLoadingImage);
imgPreloader.onload=function(){}; // clear onLoad, as IE will flip out w/animated gifs
return false;
}
imgPreloader.src = loadingImage;
*/
var objLightboxBG = document.createElement("div");
objLightboxBG.setAttribute('id','lightboxBG');
objLightboxBG.style.display = 'none';
objLightboxBG.style.position = 'absolute';
objLightboxBG.style.zIndex = '95';
objBody.insertBefore(objLightboxBG, objOverlay.nextSibling);
// create lightbox div, same note about styles as above
var objLightbox = document.createElement("div");
objLightbox.setAttribute('id','lightbox');
objLightbox.style.display = 'none';
objLightbox.style.position = 'absolute';
objLightbox.style.zIndex = '100';
//objBody.insertBefore(objLightbox, objOverlay.nextSibling);
objLightboxBG.appendChild(objLightbox);
// create link
var objLink = document.createElement("a");
objLink.setAttribute('href','#');
objLink.setAttribute('title','Click to close');
//objLightbox.style.position = 'absolute';
//objLightbox.style.top = "318px";
objLink.style.display = "none";
objLink.onclick = function () {hideLightbox(); return false;}
objLightbox.appendChild(objLink);
// preload and create close button image
/*
var imgPreloadCloseButton = new Image();
// if close button image found,
imgPreloadCloseButton.onload=function(){
var objCloseButton = document.createElement("img");
objCloseButton.src = closeButton;
objCloseButton.setAttribute('id','closeButton');
objCloseButton.style.position = 'absolute';
objCloseButton.style.zIndex = '200';
objCloseButton.onclick = function () {hideLightbox(); return false;}
objLink.appendChild(objCloseButton);
return false;
}
imgPreloadCloseButton.src = "images-png/close.png";
*/
// create image
var objImage = document.createElement("img");
objImage.setAttribute('id','lightboxImage');
objImage.style.display = 'block';
objLink.appendChild(objImage);
// create details div, a container for the caption and keyboard message
var objLightboxDetails = document.createElement("div");
objLightboxDetails.setAttribute('id','lightboxDetails');
objLightbox.appendChild(objLightboxDetails);
/*
// create caption
var objCaption = document.createElement("div");
objCaption.setAttribute('id','lightboxCaption');
objCaption.style.display = 'none';
objLightboxDetails.appendChild(objCaption);
// create keyboard message
var objKeyboardMsg = document.createElement("div");
objKeyboardMsg.setAttribute('id','keyboardMsg');
objKeyboardMsg.innerHTML = 'press x to close';
objLightboxDetails.appendChild(objKeyboardMsg);
*/
}
//
// addLoadEvent()
// Adds event to window.onload without overwriting currently assigned onload functions.
// Function found at Simon Willison's weblog - http://simon.incutio.com/
//
function addLoadEvent(func)
{
var oldonload = window.onload;
if (typeof window.onload != 'function'){
window.onload = func;
} else {
window.onload = function(){
oldonload();
func();
}
}
}
addLoadEvent(initLightbox); // run initLightbox onLoad ![](\"images-jpgs/chat_about.jpg\")
![](\"images-png/circle_bl1.png\")
![](\"images-png/circle_gr2.png\")
![](\"images-png/circle_gr3.png\")
![](\"images-jpgs/ess_scr.jpg\")
![](\"images-jpgs/ques_scr.jpg\")
![](\"images-jpgs/sess_req.jpg\")
![](\"images-png/circle_gr1.png\")
![](\"images-png/circle_bl2.png\")
![](\"images-jpgs/abouts_appt.jpg\")
![](\"images-png/circle_bl3.png\")