/* Modifed by MJ to namespace the functions */
/*
DISCLAIMER: THESE JAVASCRIPT FUNCTIONS ARE SUPPLIED 'AS IS', WITH
NO WARRANTY EXPRESSED OR IMPLIED. YOU USE THEM AT YOUR OWN RISK.
NEITHER PAUL STEPHENS NOR PC PLUS MAGAZINE ACCEPTS ANY LIABILITY FOR
ANY LOSS OR DAMAGE RESULTING FROM THEIR USE, HOWEVER CAUSED.
Paul Stephens' NetScape-based cookie-handling library
http://web.ukonline.co.uk/paul.stephens/index.htm
TO USE THIS LIBRARY, INSERT ITS CONTENTS IN A BLOCK IN THE
SECTION OF YOUR WEB PAGE SOURCE, BEFORE ANY OTHER JAVASCRIPT ROUTINES.
Feel free to use this code, but please leave this comment block in.
*/
/*
toggleChoose function
This is for showing and hiding the choose community 'dropdown'.
This toggles the panel (slides up and down) from the tab button.
*/
function toggleChoose(thisID) {
if ($(thisID).style.display != 'none') {
Effect.toggle($(thisID), 'slide', {duration: .4});
} else {
Effect.toggle($(thisID), 'slide', {duration: .4});
}
}
function zeusportalToggleTab(thisPanel, otherPanels) {
var thisPanelElem = $(thisPanel);
// load the tabs for the panel elements
if (thisPanelElem) {
var thisTabElem = $(thisPanelElem.id+"-tab");
}
// toggle the tab styles and the panel visibility
if (thisPanelElem && thisPanelElem.style.display == 'none') {
if (thisTabElem) {
thisTabElem.className = "zeusportal-body-tab zeusportal-body-tabcurrent";
thisPanelElem.style.display = "block";
}
for (var i = 0; i < otherPanels.length; i++) {
var thatPanelElem = $(otherPanels[i]);
if (thatPanelElem) {
var thatTabElem = $(thatPanelElem.id+"-tab");
}
if (thatTabElem) {
thatTabElem.className = "zeusportal-body-tab";
thatPanelElem.style.display = "none";
}
}
}
}
/*
zeusportaltoggleLogin function
This is for showing and hiding the choose user login form.
*/
function zeusportaltoggleLogin() {
Element.toggle('zeusportalLoginWelcome');
Element.toggle('zeusportalLoginForm');
if ($('zeusportalLoginForm').style.display != 'none' && $('login-username') != null) {
$('login-username').focus();
} else if($('login-username') != null) {
$('login-username').blur();
}
}
// the timeout variable that will be used to close menu bar
var zeusportalMenuTimeout;
var zeusportalMenuIndex = -1;
var zeusportalMenuID;
function zeusportalKeypressMenuHandler (event) {
if (Element.visible(zeusportalMenuID)) {
var key = event.which || event.keyCode;
switch (key) {
case Event.KEY_DOWN:
var links = $(zeusportalMenuID).getElementsByTagName('li');
if (zeusportalMenuIndex > -1 && zeusportalMenuIndex < (links.length - 1)) {
links[zeusportalMenuIndex].className = 'zeusportal-userbar-menu-nohover';
}
if (zeusportalMenuIndex < (links.length - 1)) {
zeusportalMenuIndex++;
links[zeusportalMenuIndex].className = 'zeusportal-userbar-menu-hover';
}
break;
case Event.KEY_UP:
var links = $(zeusportalMenuID).getElementsByTagName('li');
if (zeusportalMenuIndex > 0) {
links[zeusportalMenuIndex].className = 'zeusportal-userbar-menu-nohover';
}
if (zeusportalMenuIndex > 0) {
zeusportalMenuIndex--;
links[zeusportalMenuIndex].className = 'zeusportal-userbar-menu-hover';
}
break;
case Event.KEY_RETURN:
listElements = $(zeusportalMenuID).getElementsByTagName('li');
listElement = listElements[zeusportalMenuIndex];
link = listElement.getElementsByTagName("a");
if (link.length > 0) {
document.location.href = link[0].href;
}
break;
}
Event.stop(event);
}
}
/*
zeusportaltoggleMenu function
This is for showing and hiding the choose user menu 'dropdowns'.
This toggles the panel (slides up and down) from the button.
*/
function zeusportaltoggleMenu(zeusportalMenu) {
clearTimeout(zeusportalMenuTimeout);
var open = $(zeusportalMenu).style.display != 'none';
if (!open) {
zeusportalCloseAllMenus();
Element.toggle($(zeusportalMenu));
$(zeusportalMenu + "Link").className = "zeusportal-userbar-droplink-on";
zeusportalMenuID = zeusportalMenu;
Event.observe(document, 'keypress', zeusportalKeypressMenuHandler, true);
}
}
/*
zeusportalSwapMenu function
This is for showing and hiding the choose user menu 'dropdowns'.
This toggles the panel (slides up and down) from the button.
*/
function zeusportalSwapMenu(zeusportalMenu) {
clearTimeout(zeusportalMenuTimeout);
var openMenu = null;
var menus = document.getElementsByClassName('zeusportal-userbar-menu');
for (var i = 0; i < menus.length; i++) {
if (menus[i].style.display != 'none') {
openMenu = menus[i];
break;
}
}
if (openMenu != null) {
if (openMenu.id != zeusportalMenu) {
zeusportalCloseAllMenus();
Element.toggle($(zeusportalMenu));
$(zeusportalMenu + "Link").className = "zeusportal-userbar-droplink-on";
}
}
}
// cancels any timeout set to close a zeusportal menu bar
function zeusportalInsideMenu(evt) {
clearTimeout(zeusportalMenuTimeout);
}
// sets a timeout that will close the zeusportal menu bar
function zeusportalOutsideMenu(evt) {
try {
var elem = evt.relatedTarget || evt.toElement;
if (typeof(elem) != 'undefined') {
while (elem.parentNode && (typeof(elem.tagName) == 'undefined' || elem.tagName.toUpperCase() != 'DIV')) {
elem = elem.parentNode;
}
}
if (typeof(elem) == 'undefined' || !elem.tagName || (!Element.hasClassName(elem, 'zeusportal-userbar-menu'))) {
zeusportalMenuTimeout = setTimeout('zeusportalCloseAllMenus()', 1500);
}
}
catch (e) {
zeusportalMenuTimeout = setTimeout('zeusportalCloseAllMenus()', 1500);
}
}
// dynamically loads the zeusportal menu positions
function zeusportalLoadMenus() {
var menus = document.getElementsByClassName('zeusportal-userbar-menu');
for (var i = 0; i < menus.length; i++) {
var link = document.getElementById(menus[i].id + "Link");
menus[i].style.left = zeusportalGetX(link) + "px";
menus[i].style.top = (zeusportalGetY(link) + 34) + "px";
}
}
// loops through all open menu bars and closes them
function zeusportalCloseAllMenus() {
var menus = document.getElementsByClassName('zeusportal-userbar-menu');
for (var i = 0; i < menus.length; i++) {
if (menus[i].style.display != "none") {
Element.toggle(menus[i]);
$(menus[i].id + "Link").className = "";
var links = menus[i].getElementsByTagName('li');
for (var k = 0; k < links.length; k++) {
links[k].className = 'zeusportal-userbar-menu-nohover';
}
}
}
Event.stopObserving(document, 'keypress', zeusportalKeypressMenuHandler, true);
zeusportalMenuIndex = -1;
}
// get pixel position of an object
function zeusportalGetY(o){ var y = 0
if (o.offsetParent) while (o.offsetParent) { y += o.offsetTop; o = o.offsetParent }
return y
}
function zeusportalGetX(o){ var x = 0
if (o.offsetParent) while (o.offsetParent) { x += o.offsetLeft; o = o.offsetParent }
return x
}
// escape key and body click to close menu bars
if (document.layers) {
document.captureEvents(Event.KEYDOWN);
}
function zeusportalEscapeKey(evt) {
var keyCode = document.layers ?
evt.which : document.all ? event.keyCode : document.getElementById ? evt.keyCode : 0;
if (keyCode == 27) { // esc - close open menu
zeusportalCloseAllMenus();
}
}
function zeusportalBodyClick(evt) {
evt = evt || window.event; // IE required window.event
var elem = Event.findElement(evt, 'div');
// check parent or parent's parent for class dhtmlTreeStyle for tree dropdown in menu
var parentElem = Event.element(evt).parentNode;
if (!elem || !elem.tagName || (elem.id != 'zeusportal-userbar-droplink' && !Element.hasClassName(elem, 'zeusportal-userbar-menu') && !Element.hasClassName(parentElem, "dhtmlTreeStyle") && !Element.hasClassName(parentElem.parentNode, "dhtmlTreeStyle"))) {
zeusportalCloseAllMenus();
}
}
/*
zeusportalToggleOptions function
Function for toggling the state of an options element.
*/
function zeusportalToggleOptions(optionName) {
if ($(optionName + '-form').style.display != 'none') {
Element.hide(optionName + '-form');
$(optionName + '-hdr').className = 'zeusportal-compose-hdr-opt-closed';
} else {
$(optionName + '-form').style.display = 'block';
$(optionName + '-hdr').className = 'zeusportal-compose-hdr-opt';
}
}
function zeusportalShowTopicFilter(thisID) {
if ($(thisID).style.display != 'none') {
Element.toggle($(thisID));
//Effect.toggle($(thisID), 'slide', {duration: .4});
} else {
Element.toggle($(thisID));
//Effect.toggle($(thisID), 'slide', {duration: .4});
}
}
function zeusportalToggleSpaceDetails(thisID) {
Element.toggle($(thisID));
if ($(thisID).style.display != 'none') {
$(thisID + '-less').style.display = '';
$(thisID + '-more').style.display = 'none';
} else {
$(thisID + '-more').style.display = '';
$(thisID + '-less').style.display = 'none';
}
}
function zeusportalToggleSpaceDetails2(thisID) {
if ($(thisID).className == 'zeusportal-space-namedesc-full') {
$(thisID).className = '';
$(thisID + '-more').style.display = '';
$(thisID + '-less').style.display = 'none';
} else {
$(thisID).className = 'zeusportal-space-namedesc-full';
$(thisID + '-less').style.display = '';
$(thisID + '-more').style.display = 'none';
}
}
function zeusportalHideProfile() {
// hide any existing profile bubbles
try {
if ($('pcMain') && $('pcArrow')) {
Element.remove($('pcMain'));
Element.remove($('pcArrow'));
}
} catch(e) {
//alert('hidePop error: '+ e + e.message + ' : ' + e.description);
}
}
function zeusportalShowProfile(rootURL, profilelement, username) {
zeusportalHideProfile()
var formatPNGTag = function(properties) {
var id = (properties.id) ? ' id="' + properties.id + '"' : '';
if (document.all) {
return '';
} else {
return '';
}
}
var elem = $(profilelement);
iconId = elem.id;
var top = Position.cumulativeOffset(elem)[1];
var left = Position.cumulativeOffset(elem)[0];
// alert(top + ' : ' + left)
var poptop = 0
var popleft = 0
var arrowtop = 0
var arrowleft = 0
// 2ND ROW
if (top < 540) {
if (left < 400) {
// DOWN RIGHT ARROW
var arrowPNG = 'zeusportal-profile-bubble-bottom-right.png';
offsetarrowtop = 3;
offsetarrowleft = 5;
if (left > 200) {
// 2nd ROW
offsetpoptop = -30;
offsetpopleft = 45;
} else {
// DEFAULT
offsetpoptop = -10;
offsetpopleft = 115;
}
} else {
// DOWN LEFT ARROW
var arrowPNG = 'zeusportal-profile-bubble-bottom-left.png';
offsetarrowtop = 3;
offsetarrowleft = -100;
if (left < 500) {
// 3rd ROW
offsetpoptop = -30;
offsetpopleft = -450;
} else {
offsetpoptop = -10;
offsetpopleft = -530;
}
}
} else {
// TOP > 540
if (left < 400) {
// UP RIGHT ARROW
var arrowPNG = 'zeusportal-profile-bubble-top-right.png';
offsetarrowtop = -210;
offsetarrowleft = 5;
if (left > 200) {
// 2nd ROW
offsetpoptop = -210;
offsetpopleft = 45;
} else {
// DEFAULT
offsetpoptop = -250;
offsetpopleft = 115;
}
} else {
// UP LEFT ARROW
var arrowPNG = 'zeusportal-profile-bubble-top-left.png';
offsetarrowtop = -210;
offsetarrowleft = -100;
if (left < 500) {
// 3rd ROW
offsetpoptop = -250;
offsetpopleft = -450;
} else {
// DEFAULT
offsetpoptop = -250;
offsetpopleft = -530;
}
}
}
poptop = top + offsetpoptop;
popleft = left + offsetpopleft;
arrowtop = top + offsetarrowtop;
arrowleft = left + offsetarrowleft;
var popup = document.createElement('div');
popup.setAttribute('id','pcMain');
new Insertion.Top(popup, formatPNGTag({ width: 450, height: 21, border: 0, src: rootURL + 'images/zeusportal-profile-bubble-background-top.png' }) + '
');
new Insertion.Bottom(popup, '');
new Insertion.Bottom(popup, formatPNGTag({ width: 450, height: 21, border: 0, src: rootURL + 'images/zeusportal-profile-bubble-background-bottom.png' }));
Element.setStyle(popup,{display: 'none', top: poptop + 'px', left: popleft + 'px' });
var arrow = document.createElement('div');
arrow.setAttribute('id','pcArrow');
new Insertion.Top(arrow, formatPNGTag({ width: 121, height: 226, border: 0, src: rootURL + 'images/' + arrowPNG }) + '
');
Element.setStyle(arrow,{display: 'none', top: arrowtop + 'px', left: arrowleft + 'px'});
document.body.appendChild(popup);
document.body.appendChild(arrow);
Element.setStyle($('pcMain'),{display: 'block'});
Element.setStyle($('pcArrow'),{display: 'block'});
zeusportalGetUserContent(rootURL, username)
}
function zeusportalGetUserContent(rootURL, username) {
try {
$('pcContent').innerHTML = '';
// NOW LOAD DATA VIA AJAX
var callback = function(originalRequest) {
$('pcContent').innerHTML = originalRequest.responseText;
}
var error = function(originalRequest) {
$('pcContent').innerHTML = 'Oops! There was an error getting this user\'s profile.'
}
var url = rootURL + 'profile-short.jspa?username=' + username;
var myAjax = new Ajax.Request( url, { method: 'get', onComplete: callback, onFailure: error});
}catch(e) {
alert(e.message)
}
}
function callOnLoad(init) {
if (window.addEventListener)
{
window.addEventListener("load", init, false);
}
else if (window.attachEvent)
{
window.attachEvent("onload", init);
}
else
{
window.onload = init;
}
}
zeusportal = Class.create();
zeusportal.AlertMessage = function(element) {
var options = arguments[1] || {} ;
new Effect.Appear(element, {
queue: 'front',
scope: element,
duration: 1,
beforeStart:options.beforeStart,
afterFinish:function(obj) {
new Pause(1);
new Effect.Fade(element, {
queue: 'end',
scope: obj,
duration: 1,
afterFinish:options.afterFinish
});
}
});
};
function Pause(duration, busy){
this.duration= duration * 1000;
this.busywork = null; // function to call while waiting.
this.runner = 0;
if (arguments.length == 2) {
this.busywork = busy;
}
this.pause(this.duration);
}
Pause.prototype.pause = function(duration){
if ( (duration == null) || (duration < 0)) {return;}
var later = (new Date()).getTime() + duration;
while(true){
if ((new Date()).getTime() > later) {
break;
}
this.runner++;
if (this.busywork != null) {
this.busywork(this.runner);
}
} // while
} // pause method
/*
* $Revision: 14166 $
* $Date: 2005-02-07 15:57:29 -0800 (Mon, 07 Feb 2005) $
*
* Copyright (C) 1999-2007 zeusportal Software. All rights reserved.
*
* This software is the proprietary information of zeusportal Software. Use is subject to license terms.
*/
// -----------------------------------------------------------------------------------
//
// Lightbox v2.03.3
// by Lokesh Dhakar - http://www.huddletogether.com
// 5/21/06
//
// For more information on this script, visit:
// http://huddletogether.com/projects/lightbox2/
//
// Licensed under the Creative Commons Attribution 2.5 License - http://creativecommons.org/licenses/by/2.5/
//
// Credit also due to those who have helped, inspired, and made their code available to the public.
// Including: Scott Upton(uptonic.com), Peter-Paul Koch(quirksmode.com), Thomas Fuchs(mir.aculo.us), and others.
//
//
// -----------------------------------------------------------------------------------
//
// Configuration
//
var fileLoadingImage = _zeusportal_base_url + '/images/zeusportal-image-loading.gif';
var fileBottomNavCloseImage = _zeusportal_base_url + '/images/zeusportal-image-close.gif';
var overlayOpacity = 0.8; // controls transparency of shadow overlay
var animate = true; // toggles resizing animations
var resizeSpeed = 7; // controls the speed of the image resizing animations (1=slowest and 10=fastest)
var borderSize = 10; //if you adjust the padding in the CSS, you will need to update this variable
// -----------------------------------------------------------------------------------
//
// Global Variables
//
var imageArray = new Array;
var activeImage;
if(animate == true){
overlayDuration = 0.2; // shadow fade in/out duration
if(resizeSpeed > 10){ resizeSpeed = 10;}
if(resizeSpeed < 1){ resizeSpeed = 1;}
resizeDuration = (11 - resizeSpeed) * 0.15;
} else {
overlayDuration = 0;
resizeDuration = 0;
}
// -----------------------------------------------------------------------------------
//
// Additional methods for Element added by SU, Couloir
// - further additions by Lokesh Dhakar (huddletogether.com)
//
Object.extend(Element, {
getWidth: function(element) {
element = $(element);
return element.offsetWidth;
},
setWidth: function(element,w) {
if(element.style == null){
return;
}
element = $(element);
element.style.width = w +"px";
},
setHeight: function(element,h) {
element = $(element);
if(element.style == null){
return;
}
element.style.height = h +"px";
},
setTop: function(element,t) {
element = $(element);
element.style.top = t +"px";
},
setLeft: function(element,l) {
element = $(element);
element.style.left = l +"px";
},
setSrc: function(element,src) {
element = $(element);
element.src = src;
},
setHref: function(element,href) {
element = $(element);
element.href = href;
},
setInnerHTML: function(element,content) {
element = $(element);
element.innerHTML = content;
}
});
// -----------------------------------------------------------------------------------
//
// Extending built-in Array object
// - array.removeDuplicates()
// - array.empty()
//
Array.prototype.removeDuplicates = function () {
for(i = 0; i < this.length; i++){
for(j = this.length-1; j>i; j--){
if(this[i][0] == this[j][0]){
this.splice(j,1);
}
}
}
}
// -----------------------------------------------------------------------------------
Array.prototype.empty = function () {
for(i = 0; i <= this.length; i++){
this.shift();
}
}
// -----------------------------------------------------------------------------------
//
// Lightbox Class Declaration
// - initialize()
// - start()
// - changeImage()
// - resizeImageContainer()
// - showImage()
// - updateDetails()
// - updateNav()
// - enableKeyboardNav()
// - disableKeyboardNav()
// - keyboardNavAction()
// - preloadNeighborImages()
// - end()
//
// Structuring of code inspired by Scott Upton (http://www.uptonic.com/)
//
var zeusportalImage = Class.create();
zeusportalImage.prototype = {
// initialize()
// Constructor runs on completion of the DOM loading. Calls updateImageList and then
// the function inserts html at the bottom of the page which is used to display the shadow
// overlay and the image container.
//
initialize: function() {
this.updateImageList();
// Code inserts html at the bottom of the page that looks similar to this:
//
//
//
//
//
//
![]()
//
//
//
//
//
//
// 
//