//
// ![]()
// ![]()
//
//
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 = '690';
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 = '750';
objLoadingImageLink.appendChild(objLoadingImage);
imgPreloader.onload=function(){}; // clear onLoad, as IE will flip out w/animated gifs
return false;
}
imgPreloader.src = loadingImage;
// 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 = '700';
objBody.insertBefore(objLightbox, objOverlay.nextSibling);
// create link
var objLink = document.createElement("a");
objLink.setAttribute('href','#');
objLink.setAttribute('title','Click to close');
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 = '800';
objLink.appendChild(objCloseButton);
return false;
}
imgPreloadCloseButton.src = closeButton;
// create image
var objImage = document.createElement("img");
objImage.setAttribute('id','lightboxImage');
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*/
function SetPageTo(page2){
var objHTMLFrame = document.getElementById('HTMLFrame');
objHTMLFrame.setAttribute('src', ''+ page2);
showHTMLiframe(this); return false;
}
function showHTMLiframe(objLink2)
{
// prep objects
var objtOverlay = document.getElementById('overlay2');
var details = document.getElementById('details');
var objHTMLFrame = document.getElementById('HTMLFrame');
var objtLightbox = document.getElementById('lightboxHTML');
var objtCaption = document.getElementById('HTMLCaption');
var objtLoadingImage = document.getElementById('loadingImage');
var objtLightboxDetails = document.getElementById('HTMLDetails');
var arrayPageSize = getPageSize();
var arrayPageScroll = getPageScroll();
// center loadingImage if it exists
if (objtLoadingImage) {
objtLoadingImage.style.top = (arrayPageScroll[1] + ((arrayPageSize[3] - 35 - objtLoadingImage.height) / 2) + 'px');
objtLoadingImage.style.left = (((arrayPageSize[0] - 20 - objtLoadingImage.width) / 2) + 'px');
objtLoadingImage.style.display = 'block';
}
// set height of Overlay to take up whole page and show
objtOverlay.style.height = (arrayPageSize[1] + 'px');
objtOverlay.style.display = 'block';
objHTMLFrame.style.width = (arrayPageSize[1] - 100 + 'px');
objHTMLFrame.style.height = (arrayPageSize[1] -300 + 'px');
objHTMLFrame.style.display = 'block';
details.style.display = 'block';
// preload image
var imgPreload2= new Object();
imgPreload2.onload=function(){
// center lightboxHTML 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 - imgPreload2.height) / 2);
var lightboxLeft = ((arrayPageSize[0] - 20 - imgPreload2.width) / 2);
objtLightbox.style.top = (lightboxTop < 0) ? "0px" : lightboxTop + "px";
objtLightbox.style.left = (lightboxLeft < 0) ? "0px" : lightboxLeft + "px";
objtLightboxDetails.style.width = imgPreload2.width + 'px';
if(objLink2.getAttribute('title')){
objtCaption.style.display = 'block';
//objtCaption.style.width = imgPreload2.width + 'px';
objtCaption.innerHTML = objLink2.getAttribute('title');
} else {
objtCaption.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 (objtLoadingImage) { objtLoadingImage.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";
}
objtLightbox.style.display = 'block';
// After image is loaded, update the overlay height as the new image might have
// increased the overall page height.
arrayPageSize = getPageSize();
objtOverlay.style.height = (arrayPageSize[1] + 'px');
// Check for 'x' keypress
listenKey();
return false;
}
}
function hideHTMLiframe()
{
// get objects
objtOverlay = document.getElementById('overlay2');
objHTMLFrame = document.getElementById('HTMLFrame');
details = document.getElementById('details');
// hide lightboxHTML and overlay
objHTMLFrame.style.display = 'none';
details.style.display = 'none';
objtOverlay.style.display = 'none';
// 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 = '';
}
function initHTMLiframe()
{
var objBody = document.getElementsByTagName("body").item(0);
// create overlay div and hardcode some functional styles (aesthetic styles are in CSS file)
var objtOverlay = document.createElement("div");
objtOverlay.setAttribute('id','overlay2');
objtOverlay.onclick = function () {hideHTMLiframe(); return false;}
objtOverlay.style.display = 'none';
objtOverlay.style.position = 'absolute';
objtOverlay.style.top = '0';
objtOverlay.style.left = '0';
objtOverlay.style.zIndex = '200';
objtOverlay.style.width = '100%';
objBody.insertBefore(objtOverlay, objBody.firstChild);
var details = document.createElement("div");
details.setAttribute('id','details');
details.style.display = 'none';
details.onclick = function () {hideHTMLiframe(); return false;}
details.style.position = 'absolute';
details.style.top = '10%';
details.style.left = '25%';
details.style.zIndex = '1210';
objBody.insertBefore(details, objBody.firstChild);
var objHTMLFrame = document.createElement("iframe");
objHTMLFrame.setAttribute('id','HTMLFrame');
objHTMLFrame.onclick = function () {hideHTMLiframe(); return false;}
objHTMLFrame.style.display = 'none';
//objHTMLFrame.style.position = 'absolute';
objHTMLFrame.style.top = '0';
objHTMLFrame.style.left = '0';
objHTMLFrame.style.zIndex = '1210';
details.appendChild(objHTMLFrame);
// create image
var closeImage2 = document.createElement("img");
closeImage2.setAttribute('id','CloseImage');
closeImage2.style.top = '0';
closeImage2.style.left = '0';
closeImage2.style.position = 'absolute';
closeImage2.src= 'js/closelabel.gif';
closeImage2.onclick = function () {hideHTMLiframe(); return false;}
details.appendChild(closeImage2);
}
//////////////////////////////////////////////////////////////////////////////////////////Slider
var timerlen = 5;
var slideAniLen = 750;
var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();
function SlidedownSlideup(obj){
if(document.getElementById(obj).style.display != "none"){ slideup(obj);}
else{slidedown(obj);}
}
function slidedown(objname){
if(moving[objname])
return;
if(document.getElementById(objname).style.display != "none")
return; // cannot slide down something that is already visible
moving[objname] = true;
dir[objname] = "down";
startslide(objname);
}
function slideup(objname){
if(moving[objname])
return;
if(document.getElementById(objname).style.display == "none")
return; // cannot slide up something that is already hidden
moving[objname] = true;
dir[objname] = "up";
startslide(objname);
}
function startslide(objname){
obj[objname] = document.getElementById(objname);
endHeight[objname] = parseInt(obj[objname].style.height);
startTime[objname] = (new Date()).getTime();
if(dir[objname] == "down"){
obj[objname].style.height = "1px";
}
obj[objname].style.display = "block";
timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}
function slidetick(objname){
var elapsed = (new Date()).getTime() - startTime[objname];
if (elapsed > slideAniLen)
endSlide(objname)
else {
var d =Math.round(elapsed / slideAniLen * endHeight[objname]);
if(dir[objname] == "up")
d = endHeight[objname] - d;
obj[objname].style.height = d + "px";
}
return;
}
function endSlide(objname){
clearInterval(timerID[objname]);
if(dir[objname] == "up")
obj[objname].style.display = "none";
obj[objname].style.height = endHeight[objname] + "px";
delete(moving[objname]);
delete(timerID[objname]);
delete(startTime[objname]);
delete(endHeight[objname]);
delete(obj[objname]);
delete(dir[objname]);
return;
}
///////////////////////////////////////////////
var N = 0;
function GetDivContent2(page3,divid){
if(N!=1){
document.getElementById(divid).innerHTML= ""; N++;
}
SlidedownSlideup(divid);
}
var D =0;
function GetDivContent(page4,divid2){
if(D!=1){
document.getElementById(divid2).innerHTML= "";
}
SlidedownSlideup(divid2);
}
//
//
//
//