function expand_menu(num) {
if(document.getElementById("hidden"+num).style.display == 'block') {
document.getElementById("hidden"+num).style.display = 'none';
}
else {
document.getElementById("hidden"+num).style.display = 'block';
}
}
function launchPage(pageName) {
url = '/acatalog/'+pageName;
var newWindow = window.open(url,'newPage'+pageName,'width=900, height=500, scrollbars=yes,location=1');
newWindow.focus();
}
function change_price(ex_vat,product_code) {
product_code = product_code.replace(/,/g,"");
product_code = product_code.replace(/£/g,"");
product_code = product_code.replace(/inc VAT/g,"");
product_code = product_code.replace(/ /g,"");
document.getElementById('product_price').innerHTML = ex_vat;
document.getElementById('product_tax_price').innerHTML = '£'+product_code+' inc VAT';
// if(product_code < 299.00) {
// document.getElementById('finance_info').innerHTML = '';
// }
// else {
// var a24_19 = parseFloat(product_code * 0.05209);
// var a36_19 = parseFloat(product_code * 0.03629);
// var a48_19 = parseFloat(product_code * 0.02952);
// a24_19 = a24_19.toFixed(2);
// a36_19 = a36_19.toFixed(2);
// a48_19 = a48_19.toFixed(2);
// document.getElementById('finance_info').innerHTML = 'From £'+a48_19+'/month (19.9% APR) over 48 months*';
// }
}
function displayDiv() {
document.getElementById("background_hide").style.zIndex = '400';
document.getElementById("background_hide").style.display = 'block';
document.getElementById("large_image_div").style.zIndex = '600';
setTimeout("chgOpac()", 1);
document.getElementById("large_image_div").style.display = 'block';
}
function deliveryAddress() {
if(document.checkout.same_delivery.checked == false) {
document.getElementById('delivery_address_hidden').style.display = 'none';
document.checkout.delcompany.value = document.checkout.company.value;
document.checkout.deladdress1.value = document.checkout.address1.value;
document.checkout.deladdress2.value = document.checkout.address2.value;
document.checkout.delcity.value = document.checkout.city.value;
document.checkout.delcounty.value = document.checkout.county.value;
document.checkout.delpostcode.value = document.checkout.postcode.value;
document.checkout.delsalutation.value = document.checkout.salutation.value;
document.checkout.delfname.value = document.checkout.fname.value;
document.checkout.delsname.value = document.checkout.sname.value;
document.checkout.delphone.value = document.checkout.phone.value;
document.checkout.delmobile_phone.value = document.checkout.mobile_phone.value;
document.checkout.delemail.value = document.checkout.email.value;
}
else {
document.getElementById('delivery_address_hidden').style.display = 'block';
document.checkout.delcompany.value = '';
document.checkout.deladdress1.value = '';
document.checkout.deladdress2.value = '';
document.checkout.delcity.value = '';
document.checkout.delcounty.value = '';
document.checkout.delpostcode.value = '';
document.checkout.delsalutation.value = '';
document.checkout.delfname.value = '';
document.checkout.delsname.value = '';
document.checkout.delphone.value = '';
document.checkout.delemail.value = '';
}
}
function update_delivery_input() {
if(document.checkout.same_delivery.checked == true) {
}
else {
document.checkout.delcompany.value = document.checkout.company.value;
document.checkout.deladdress1.value = document.checkout.address1.value;
document.checkout.deladdress2.value = document.checkout.address2.value;
document.checkout.delcity.value = document.checkout.city.value;
document.checkout.delcounty.value = document.checkout.county.value;
document.checkout.delpostcode.value = document.checkout.postcode.value;
document.checkout.delsalutation.value = document.checkout.salutation.value;
document.checkout.delfname.value = document.checkout.fname.value;
document.checkout.delsname.value = document.checkout.sname.value;
document.checkout.delphone.value = document.checkout.phone.value;
document.checkout.delemail.value = document.checkout.email.value;
}
}
function update_delivery(newDelivery) {
window.location = 'checkout.html?ud='+newDelivery;
}
function update_delivery_cart(newDelivery) {
window.location = 'cart.html?ud='+newDelivery;
}
var xmlHttp
function GetXmlHttpObject() {
var xmlHttp=null;
try {
xmlHttp=new XMLHttpRequest();
}
catch (e) {
try {
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e) {
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
function addCart(cartNum) {
i=0;
var url = '/cart_format.php?ajax_add=';
for(i=0;i section, and invoke
Tip('Tooltip text') to show and UnTip() to hide the tooltip, from the desired
HTML eventhandlers. Example:
My home page
No container DIV required.
By default, width and height of tooltips are automatically adapted to content.
Is even capable of dynamically converting arbitrary HTML elements to tooltips
by calling TagToTip('ID_of_HTML_element_to_be_converted') instead of Tip(),
which means you can put important, search-engine-relevant stuff into tooltips.
Appearance & behaviour of tooltips can be individually configured
via commands passed to Tip() or TagToTip().
Tab Width: 4
LICENSE: LGPL
This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License (LGPL) as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.
This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more details on the GNU Lesser General Public License,
see http://www.gnu.org/copyleft/lesser.html
*/
var config = new Object();
//=================== GLOBAL TOOLTIP CONFIGURATION =========================//
var tt_Debug = true // false or true - recommended: false once you release your page to the public
var tt_Enabled = true // Allows to (temporarily) suppress tooltips, e.g. by providing the user with a button that sets this global variable to false
var TagsToTip = true // false or true - if true, HTML elements to be converted to tooltips via TagToTip() are automatically hidden;
// if false, you should hide those HTML elements yourself
// For each of the following config variables there exists a command, which is
// just the variablename in uppercase, to be passed to Tip() or TagToTip() to
// configure tooltips individually. Individual commands override global
// configuration. Order of commands is arbitrary.
// Example: onmouseover="Tip('Tooltip text', LEFT, true, BGCOLOR, '#FF9900', FADEIN, 400)"
config. Above = false // false or true - tooltip above mousepointer
config. BgColor = '#FFFF99' // Background colour (HTML colour value, in quotes)
config. BgImg = '' // Path to background image, none if empty string ''
config. BorderColor = '#999999'
config. BorderStyle = 'solid' // Any permitted CSS value, but I recommend 'solid', 'dotted' or 'dashed'
config. BorderWidth = 1
config. CenterMouse = false // false or true - center the tip horizontally below (or above) the mousepointer
config. ClickClose = false // false or true - close tooltip if the user clicks somewhere
config. ClickSticky = false // false or true - make tooltip sticky if user left-clicks on the hovered element while the tooltip is active
config. CloseBtn = false // false or true - closebutton in titlebar
config. CloseBtnColors = ['#990000', '#FFFFFF', '#DD3333', '#FFFFFF'] // [Background, text, hovered background, hovered text] - use empty strings '' to inherit title colours
config. CloseBtnText = ' X ' // Close button text (may also be an image tag)
config. CopyContent = true // When converting a HTML element to a tooltip, copy only the element's content, rather than converting the element by its own
config. Delay = 400 // Time span in ms until tooltip shows up
config. Duration = 0 // Time span in ms after which the tooltip disappears; 0 for infinite duration, < 0 for delay in ms _after_ the onmouseout until the tooltip disappears
config. Exclusive = false // false or true - no other tooltip can appear until the current one has actively been closed
config. FadeIn = 100 // Fade-in duration in ms, e.g. 400; 0 for no animation
config. FadeOut = 100
config. FadeInterval = 30 // Duration of each fade step in ms (recommended: 30) - shorter is smoother but causes more CPU-load
config. Fix = null // Fixated position, two modes. Mode 1: x- an y-coordinates in brackets, e.g. [210, 480]. Mode 2: Show tooltip at a position related to an HTML element: [ID of HTML element, x-offset, y-offset from HTML element], e.g. ['SomeID', 10, 30]. Value null (default) for no fixated positioning.
config. FollowMouse = true // false or true - tooltip follows the mouse
config. FontColor = '#000044'
config. FontFace = 'Verdana,Geneva,sans-serif'
config. FontSize = '9pt' // E.g. '9pt' or '12px' - unit is mandatory
config. FontWeight = 'normal' // 'normal' or 'bold';
config. Height = 0 // Tooltip height; 0 for automatic adaption to tooltip content, < 0 (e.g. -100) for a maximum for automatic adaption
config. JumpHorz = false // false or true - jump horizontally to other side of mouse if tooltip would extend past clientarea boundary
config. JumpVert = true // false or true - jump vertically "
config. Left = false // false or true - tooltip on the left of the mouse
config. OffsetX = 14 // Horizontal offset of left-top corner from mousepointer
config. OffsetY = 8 // Vertical offset
config. Opacity = 100 // Integer between 0 and 100 - opacity of tooltip in percent
config. Padding = 10 // Spacing between border and content
config. Shadow = false // false or true
config. ShadowColor = '#C0C0C0'
config. ShadowWidth = 5
config. Sticky = false // false or true - fixate tip, ie. don't follow the mouse and don't hide on mouseout
config. TextAlign = 'left' // 'left', 'right' or 'justify'
config. Title = '' // Default title text applied to all tips (no default title: empty string '')
config. TitleAlign = 'left' // 'left' or 'right' - text alignment inside the title bar
config. TitleBgColor = '' // If empty string '', BorderColor will be used
config. TitleFontColor = '#FFFFFF' // Color of title text - if '', BgColor (of tooltip body) will be used
config. TitleFontFace = '' // If '' use FontFace (boldified)
config. TitleFontSize = '' // If '' use FontSize
config. TitlePadding = 2
config. Width = 0 // Tooltip width; 0 for automatic adaption to tooltip content; < -1 (e.g. -240) for a maximum width for that automatic adaption;
// -1: tooltip width confined to the width required for the titlebar
//======= END OF TOOLTIP CONFIG, DO NOT CHANGE ANYTHING BELOW ==============//
//===================== PUBLIC =============================================//
function Tip()
{
tt_Tip(arguments, null);
}
function TagToTip()
{
var t2t = tt_GetElt(arguments[0]);
if(t2t)
tt_Tip(arguments, t2t);
}
function UnTip()
{
tt_OpReHref();
if(tt_aV[DURATION] < 0 && (tt_iState & 0x2))
tt_tDurt.Timer("tt_HideInit()", -tt_aV[DURATION], true);
else if(!(tt_aV[STICKY] && (tt_iState & 0x2)))
tt_HideInit();
}
//================== PUBLIC PLUGIN API =====================================//
// Extension eventhandlers currently supported:
// OnLoadConfig, OnCreateContentString, OnSubDivsCreated, OnShow, OnMoveBefore,
// OnMoveAfter, OnHideInit, OnHide, OnKill
var tt_aElt = new Array(10), // Container DIV, outer title & body DIVs, inner title & body TDs, closebutton SPAN, shadow DIVs, and IFRAME to cover windowed elements in IE
tt_aV = new Array(), // Caches and enumerates config data for currently active tooltip
tt_sContent, // Inner tooltip text or HTML
tt_t2t, tt_t2tDad, // Tag converted to tip, and its DOM parent element
tt_musX, tt_musY,
tt_over,
tt_x, tt_y, tt_w, tt_h; // Position, width and height of currently displayed tooltip
function tt_Extension()
{
tt_ExtCmdEnum();
tt_aExt[tt_aExt.length] = this;
return this;
}
function tt_SetTipPos(x, y)
{
var css = tt_aElt[0].style;
tt_x = x;
tt_y = y;
css.left = x + "px";
css.top = y + "px";
if(tt_ie56)
{
var ifrm = tt_aElt[tt_aElt.length - 1];
if(ifrm)
{
ifrm.style.left = css.left;
ifrm.style.top = css.top;
}
}
}
function tt_HideInit()
{
if(tt_iState)
{
tt_ExtCallFncs(0, "HideInit");
tt_iState &= ~(0x4 | 0x8);
if(tt_flagOpa && tt_aV[FADEOUT])
{
tt_tFade.EndTimer();
if(tt_opa)
{
var n = Math.round(tt_aV[FADEOUT] / (tt_aV[FADEINTERVAL] * (tt_aV[OPACITY] / tt_opa)));
tt_Fade(tt_opa, tt_opa, 0, n);
return;
}
}
tt_tHide.Timer("tt_Hide();", 1, false);
}
}
function tt_Hide()
{
if(tt_db && tt_iState)
{
tt_OpReHref();
if(tt_iState & 0x2)
{
tt_aElt[0].style.visibility = "hidden";
tt_ExtCallFncs(0, "Hide");
}
tt_tShow.EndTimer();
tt_tHide.EndTimer();
tt_tDurt.EndTimer();
tt_tFade.EndTimer();
if(!tt_op && !tt_ie)
{
tt_tWaitMov.EndTimer();
tt_bWait = false;
}
if(tt_aV[CLICKCLOSE] || tt_aV[CLICKSTICKY])
tt_RemEvtFnc(document, "mouseup", tt_OnLClick);
tt_ExtCallFncs(0, "Kill");
// In case of a TagToTip tip, hide converted DOM node and
// re-insert it into DOM
if(tt_t2t && !tt_aV[COPYCONTENT])
tt_UnEl2Tip();
tt_iState = 0;
tt_over = null;
tt_ResetMainDiv();
if(tt_aElt[tt_aElt.length - 1])
tt_aElt[tt_aElt.length - 1].style.display = "none";
}
}
function tt_GetElt(id)
{
return(document.getElementById ? document.getElementById(id)
: document.all ? document.all[id]
: null);
}
function tt_GetDivW(el)
{
return(el ? (el.offsetWidth || el.style.pixelWidth || 0) : 0);
}
function tt_GetDivH(el)
{
return(el ? (el.offsetHeight || el.style.pixelHeight || 0) : 0);
}
function tt_GetScrollX()
{
return(window.pageXOffset || (tt_db ? (tt_db.scrollLeft || 0) : 0));
}
function tt_GetScrollY()
{
return(window.pageYOffset || (tt_db ? (tt_db.scrollTop || 0) : 0));
}
function tt_GetClientW()
{
return tt_GetWndCliSiz("Width");
}
function tt_GetClientH()
{
return tt_GetWndCliSiz("Height");
}
function tt_GetEvtX(e)
{
return (e ? ((typeof(e.pageX) != tt_u) ? e.pageX : (e.clientX + tt_GetScrollX())) : 0);
}
function tt_GetEvtY(e)
{
return (e ? ((typeof(e.pageY) != tt_u) ? e.pageY : (e.clientY + tt_GetScrollY())) : 0);
}
function tt_AddEvtFnc(el, sEvt, PFnc)
{
if(el)
{
if(el.addEventListener)
el.addEventListener(sEvt, PFnc, false);
else
el.attachEvent("on" + sEvt, PFnc);
}
}
function tt_RemEvtFnc(el, sEvt, PFnc)
{
if(el)
{
if(el.removeEventListener)
el.removeEventListener(sEvt, PFnc, false);
else
el.detachEvent("on" + sEvt, PFnc);
}
}
function tt_GetDad(el)
{
return(el.parentNode || el.parentElement || el.offsetParent);
}
function tt_MovDomNode(el, dadFrom, dadTo)
{
if(dadFrom)
dadFrom.removeChild(el);
if(dadTo)
dadTo.appendChild(el);
}
//====================== PRIVATE ===========================================//
var tt_aExt = new Array(), // Array of extension objects
tt_db, tt_op, tt_ie, tt_ie56, tt_bBoxOld, // Browser flags
tt_body,
tt_ovr_, // HTML element the mouse is currently over
tt_flagOpa, // Opacity support: 1=IE, 2=Khtml, 3=KHTML, 4=Moz, 5=W3C
tt_maxPosX, tt_maxPosY,
tt_iState = 0, // Tooltip active |= 1, shown |= 2, move with mouse |= 4, exclusive |= 8
tt_opa, // Currently applied opacity
tt_bJmpVert, tt_bJmpHorz,// Tip temporarily on other side of mouse
tt_elDeHref, // The tag from which we've removed the href attribute
// Timer
tt_tShow = new Number(0), tt_tHide = new Number(0), tt_tDurt = new Number(0),
tt_tFade = new Number(0), tt_tWaitMov = new Number(0),
tt_bWait = false,
tt_u = "undefined";
function tt_Init()
{
tt_MkCmdEnum();
// Send old browsers instantly to hell
if(!tt_Browser() || !tt_MkMainDiv())
return;
tt_IsW3cBox();
tt_OpaSupport();
tt_AddEvtFnc(document, "mousemove", tt_Move);
// In Debug mode we search for TagToTip() calls in order to notify
// the user if they've forgotten to set the TagsToTip config flag
if(TagsToTip || tt_Debug)
tt_SetOnloadFnc();
// Ensure the tip be hidden when the page unloads
tt_AddEvtFnc(window, "unload", tt_Hide);
}
// Creates command names by translating config variable names to upper case
function tt_MkCmdEnum()
{
var n = 0;
for(var i in config)
eval("window." + i.toString().toUpperCase() + " = " + n++);
tt_aV.length = n;
}
function tt_Browser()
{
var n, nv, n6, w3c;
n = navigator.userAgent.toLowerCase(),
nv = navigator.appVersion;
tt_op = (document.defaultView && typeof(eval("w" + "indow" + "." + "o" + "p" + "er" + "a")) != tt_u);
tt_ie = n.indexOf("msie") != -1 && document.all && !tt_op;
if(tt_ie)
{
var ieOld = (!document.compatMode || document.compatMode == "BackCompat");
tt_db = !ieOld ? document.documentElement : (document.body || null);
if(tt_db)
tt_ie56 = parseFloat(nv.substring(nv.indexOf("MSIE") + 5)) >= 5.5
&& typeof document.body.style.maxHeight == tt_u;
}
else
{
tt_db = document.documentElement || document.body ||
(document.getElementsByTagName ? document.getElementsByTagName("body")[0]
: null);
if(!tt_op)
{
n6 = document.defaultView && typeof document.defaultView.getComputedStyle != tt_u;
w3c = !n6 && document.getElementById;
}
}
tt_body = (document.getElementsByTagName ? document.getElementsByTagName("body")[0]
: (document.body || null));
if(tt_ie || n6 || tt_op || w3c)
{
if(tt_body && tt_db)
{
if(document.attachEvent || document.addEventListener)
return true;
}
else
tt_Err("wz_tooltip.js must be included INSIDE the body section,"
+ " immediately after the opening tag.", false);
}
tt_db = null;
return false;
}
function tt_MkMainDiv()
{
// Create the tooltip DIV
if(tt_body.insertAdjacentHTML)
tt_body.insertAdjacentHTML("afterBegin", tt_MkMainDivHtm());
else if(typeof tt_body.innerHTML != tt_u && document.createElement && tt_body.appendChild)
tt_body.appendChild(tt_MkMainDivDom());
if(window.tt_GetMainDivRefs /* FireFox Alzheimer */ && tt_GetMainDivRefs())
return true;
tt_db = null;
return false;
}
function tt_MkMainDivHtm()
{
return(
'' +
(tt_ie56 ? ('')
: '')
);
}
function tt_MkMainDivDom()
{
var el = document.createElement("div");
if(el)
el.id = "WzTtDiV";
return el;
}
function tt_GetMainDivRefs()
{
tt_aElt[0] = tt_GetElt("WzTtDiV");
if(tt_ie56 && tt_aElt[0])
{
tt_aElt[tt_aElt.length - 1] = tt_GetElt("WzTtIfRm");
if(!tt_aElt[tt_aElt.length - 1])
tt_aElt[0] = null;
}
if(tt_aElt[0])
{
var css = tt_aElt[0].style;
css.visibility = "hidden";
css.position = "absolute";
css.overflow = "hidden";
return true;
}
return false;
}
function tt_ResetMainDiv()
{
tt_SetTipPos(0, 0);
tt_aElt[0].innerHTML = "";
tt_aElt[0].style.width = "0px";
tt_h = 0;
}
function tt_IsW3cBox()
{
var css = tt_aElt[0].style;
css.padding = "10px";
css.width = "40px";
tt_bBoxOld = (tt_GetDivW(tt_aElt[0]) == 40);
css.padding = "0px";
tt_ResetMainDiv();
}
function tt_OpaSupport()
{
var css = tt_body.style;
tt_flagOpa = (typeof(css.KhtmlOpacity) != tt_u) ? 2
: (typeof(css.KHTMLOpacity) != tt_u) ? 3
: (typeof(css.MozOpacity) != tt_u) ? 4
: (typeof(css.opacity) != tt_u) ? 5
: (typeof(css.filter) != tt_u) ? 1
: 0;
}
// Ported from http://dean.edwards.name/weblog/2006/06/again/
// (Dean Edwards et al.)
function tt_SetOnloadFnc()
{
tt_AddEvtFnc(document, "DOMContentLoaded", tt_HideSrcTags);
tt_AddEvtFnc(window, "load", tt_HideSrcTags);
if(tt_body.attachEvent)
tt_body.attachEvent("onreadystatechange",
function() {
if(tt_body.readyState == "complete")
tt_HideSrcTags();
} );
if(/WebKit|KHTML/i.test(navigator.userAgent))
{
var t = setInterval(function() {
if(/loaded|complete/.test(document.readyState))
{
clearInterval(t);
tt_HideSrcTags();
}
}, 10);
}
}
function tt_HideSrcTags()
{
if(!window.tt_HideSrcTags || window.tt_HideSrcTags.done)
return;
window.tt_HideSrcTags.done = true;
if(!tt_HideSrcTagsRecurs(tt_body))
tt_Err("There are HTML elements to be converted to tooltips.\nIf you"
+ " want these HTML elements to be automatically hidden, you"
+ " must edit wz_tooltip.js, and set TagsToTip in the global"
+ " tooltip configuration to true.", true);
}
function tt_HideSrcTagsRecurs(dad)
{
var ovr, asT2t;
// Walk the DOM tree for tags that have an onmouseover or onclick attribute
// containing a TagToTip('...') call.
// (.childNodes first since .children is bugous in Safari)
var a = dad.childNodes || dad.children || null;
for(var i = a ? a.length : 0; i;)
{--i;
if(!tt_HideSrcTagsRecurs(a[i]))
return false;
ovr = a[i].getAttribute ? (a[i].getAttribute("onmouseover") || a[i].getAttribute("onclick"))
: (typeof a[i].onmouseover == "function") ? (a[i].onmouseover || a[i].onclick)
: null;
if(ovr)
{
asT2t = ovr.toString().match(/TagToTip\s*\(\s*'[^'.]+'\s*[\),]/);
if(asT2t && asT2t.length)
{
if(!tt_HideSrcTag(asT2t[0]))
return false;
}
}
}
return true;
}
function tt_HideSrcTag(sT2t)
{
var id, el;
// The ID passed to the found TagToTip() call identifies an HTML element
// to be converted to a tooltip, so hide that element
id = sT2t.replace(/.+'([^'.]+)'.+/, "$1");
el = tt_GetElt(id);
if(el)
{
if(tt_Debug && !TagsToTip)
return false;
else
el.style.display = "none";
}
else
tt_Err("Invalid ID\n'" + id + "'\npassed to TagToTip()."
+ " There exists no HTML element with that ID.", true);
return true;
}
function tt_Tip(arg, t2t)
{
if(!tt_db || (tt_iState & 0x8))
return;
if(tt_iState)
tt_Hide();
if(!tt_Enabled)
return;
tt_t2t = t2t;
if(!tt_ReadCmds(arg))
return;
tt_iState = 0x1 | 0x4;
tt_AdaptConfig1();
tt_MkTipContent(arg);
tt_MkTipSubDivs();
tt_FormatTip();
tt_bJmpVert = false;
tt_bJmpHorz = false;
tt_maxPosX = tt_GetClientW() + tt_GetScrollX() - tt_w - 1;
tt_maxPosY = tt_GetClientH() + tt_GetScrollY() - tt_h - 1;
tt_AdaptConfig2();
// Ensure the tip be shown and positioned before the first onmousemove
tt_OverInit();
tt_ShowInit();
tt_Move();
}
function tt_ReadCmds(a)
{
var i;
// First load the global config values, to initialize also values
// for which no command is passed
i = 0;
for(var j in config)
tt_aV[i++] = config[j];
// Then replace each cached config value for which a command is
// passed (ensure the # of command args plus value args be even)
if(a.length & 1)
{
for(i = a.length - 1; i > 0; i -= 2)
tt_aV[a[i - 1]] = a[i];
return true;
}
tt_Err("Incorrect call of Tip() or TagToTip().\n"
+ "Each command must be followed by a value.", true);
return false;
}
function tt_AdaptConfig1()
{
tt_ExtCallFncs(0, "LoadConfig");
// Inherit unspecified title formattings from body
if(!tt_aV[TITLEBGCOLOR].length)
tt_aV[TITLEBGCOLOR] = tt_aV[BORDERCOLOR];
if(!tt_aV[TITLEFONTCOLOR].length)
tt_aV[TITLEFONTCOLOR] = tt_aV[BGCOLOR];
if(!tt_aV[TITLEFONTFACE].length)
tt_aV[TITLEFONTFACE] = tt_aV[FONTFACE];
if(!tt_aV[TITLEFONTSIZE].length)
tt_aV[TITLEFONTSIZE] = tt_aV[FONTSIZE];
if(tt_aV[CLOSEBTN])
{
// Use title colours for non-specified closebutton colours
if(!tt_aV[CLOSEBTNCOLORS])
tt_aV[CLOSEBTNCOLORS] = new Array("", "", "", "");
for(var i = 4; i;)
{--i;
if(!tt_aV[CLOSEBTNCOLORS][i].length)
tt_aV[CLOSEBTNCOLORS][i] = (i & 1) ? tt_aV[TITLEFONTCOLOR] : tt_aV[TITLEBGCOLOR];
}
// Enforce titlebar be shown
if(!tt_aV[TITLE].length)
tt_aV[TITLE] = " ";
}
// Circumvents broken display of images and fade-in flicker in Geckos < 1.8
if(tt_aV[OPACITY] == 100 && typeof tt_aElt[0].style.MozOpacity != tt_u && !Array.every)
tt_aV[OPACITY] = 99;
// Smartly shorten the delay for fade-in tooltips
if(tt_aV[FADEIN] && tt_flagOpa && tt_aV[DELAY] > 100)
tt_aV[DELAY] = Math.max(tt_aV[DELAY] - tt_aV[FADEIN], 100);
}
function tt_AdaptConfig2()
{
if(tt_aV[CENTERMOUSE])
{
tt_aV[OFFSETX] -= ((tt_w - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0)) >> 1);
tt_aV[JUMPHORZ] = false;
}
}
// Expose content globally so extensions can modify it
function tt_MkTipContent(a)
{
if(tt_t2t)
{
if(tt_aV[COPYCONTENT])
tt_sContent = tt_t2t.innerHTML;
else
tt_sContent = "";
}
else
tt_sContent = a[0];
tt_ExtCallFncs(0, "CreateContentString");
}
function tt_MkTipSubDivs()
{
var sCss = 'position:relative;margin:0px;padding:0px;border-width:0px;left:0px;top:0px;line-height:normal;width:auto;',
sTbTrTd = ' cellspacing="0" cellpadding="0" border="0" style="' + sCss + '">
'
+ '
'
+ tt_aV[TITLE]
+ ''
+ (tt_aV[CLOSEBTN] ?
('
'
+ ''
+ tt_aV[CLOSEBTNTEXT]
+ '
')
: '')
+ '
')
: '')
+ '
'
+ ''
+ tt_sContent
+ '
'
+ (tt_aV[SHADOW]
? (''
+ '')
: '')
);
tt_GetSubDivRefs();
// Convert DOM node to tip
if(tt_t2t && !tt_aV[COPYCONTENT])
tt_El2Tip();
tt_ExtCallFncs(0, "SubDivsCreated");
}
function tt_GetSubDivRefs()
{
var aId = new Array("WzTiTl", "WzTiTlTb", "WzTiTlI", "WzClOsE", "WzBoDy", "WzBoDyI", "WzTtShDwB", "WzTtShDwR");
for(var i = aId.length; i; --i)
tt_aElt[i] = tt_GetElt(aId[i - 1]);
}
function tt_FormatTip()
{
var css, w, h, pad = tt_aV[PADDING], padT, wBrd = tt_aV[BORDERWIDTH],
iOffY, iOffSh, iAdd = (pad + wBrd) << 1;
//--------- Title DIV ----------
if(tt_aV[TITLE].length)
{
padT = tt_aV[TITLEPADDING];
css = tt_aElt[1].style;
css.background = tt_aV[TITLEBGCOLOR];
css.paddingTop = css.paddingBottom = padT + "px";
css.paddingLeft = css.paddingRight = (padT + 2) + "px";
css = tt_aElt[3].style;
css.color = tt_aV[TITLEFONTCOLOR];
if(tt_aV[WIDTH] == -1)
css.whiteSpace = "nowrap";
css.fontFamily = tt_aV[TITLEFONTFACE];
css.fontSize = tt_aV[TITLEFONTSIZE];
css.fontWeight = "bold";
css.textAlign = tt_aV[TITLEALIGN];
// Close button DIV
if(tt_aElt[4])
{
css = tt_aElt[4].style;
css.background = tt_aV[CLOSEBTNCOLORS][0];
css.color = tt_aV[CLOSEBTNCOLORS][1];
css.fontFamily = tt_aV[TITLEFONTFACE];
css.fontSize = tt_aV[TITLEFONTSIZE];
css.fontWeight = "bold";
}
if(tt_aV[WIDTH] > 0)
tt_w = tt_aV[WIDTH];
else
{
tt_w = tt_GetDivW(tt_aElt[3]) + tt_GetDivW(tt_aElt[4]);
// Some spacing between title DIV and closebutton
if(tt_aElt[4])
tt_w += pad;
// Restrict auto width to max width
if(tt_aV[WIDTH] < -1 && tt_w > -tt_aV[WIDTH])
tt_w = -tt_aV[WIDTH];
}
// Ensure the top border of the body DIV be covered by the title DIV
iOffY = -wBrd;
}
else
{
tt_w = 0;
iOffY = 0;
}
//-------- Body DIV ------------
css = tt_aElt[5].style;
css.top = iOffY + "px";
if(wBrd)
{
css.borderColor = tt_aV[BORDERCOLOR];
css.borderStyle = tt_aV[BORDERSTYLE];
css.borderWidth = wBrd + "px";
}
if(tt_aV[BGCOLOR].length)
css.background = tt_aV[BGCOLOR];
if(tt_aV[BGIMG].length)
css.backgroundImage = "url(" + tt_aV[BGIMG] + ")";
css.padding = pad + "px";
css.textAlign = tt_aV[TEXTALIGN];
if(tt_aV[HEIGHT])
{
css.overflow = "auto";
if(tt_aV[HEIGHT] > 0)
css.height = (tt_aV[HEIGHT] + iAdd) + "px";
else
tt_h = iAdd - tt_aV[HEIGHT];
}
// TD inside body DIV
css = tt_aElt[6].style;
css.color = tt_aV[FONTCOLOR];
css.fontFamily = tt_aV[FONTFACE];
css.fontSize = tt_aV[FONTSIZE];
css.fontWeight = tt_aV[FONTWEIGHT];
css.textAlign = tt_aV[TEXTALIGN];
if(tt_aV[WIDTH] > 0)
w = tt_aV[WIDTH];
// Width like title (if existent)
else if(tt_aV[WIDTH] == -1 && tt_w)
w = tt_w;
else
{
// Measure width of the body's inner TD, as some browsers would expand
// the container and outer body DIV to 100%
w = tt_GetDivW(tt_aElt[6]);
// Restrict auto width to max width
if(tt_aV[WIDTH] < -1 && w > -tt_aV[WIDTH])
w = -tt_aV[WIDTH];
}
if(w > tt_w)
tt_w = w;
tt_w += iAdd;
//--------- Shadow DIVs ------------
if(tt_aV[SHADOW])
{
tt_w += tt_aV[SHADOWWIDTH];
iOffSh = Math.floor((tt_aV[SHADOWWIDTH] * 4) / 3);
// Bottom shadow
css = tt_aElt[7].style;
css.top = iOffY + "px";
css.left = iOffSh + "px";
css.width = (tt_w - iOffSh - tt_aV[SHADOWWIDTH]) + "px";
css.height = tt_aV[SHADOWWIDTH] + "px";
css.background = tt_aV[SHADOWCOLOR];
// Right shadow
css = tt_aElt[8].style;
css.top = iOffSh + "px";
css.left = (tt_w - tt_aV[SHADOWWIDTH]) + "px";
css.width = tt_aV[SHADOWWIDTH] + "px";
css.background = tt_aV[SHADOWCOLOR];
}
else
iOffSh = 0;
//-------- Container DIV -------
tt_SetTipOpa(tt_aV[FADEIN] ? 0 : tt_aV[OPACITY]);
tt_FixSize(iOffY, iOffSh);
}
// Fixate the size so it can't dynamically change while the tooltip is moving.
function tt_FixSize(iOffY, iOffSh)
{
var wIn, wOut, h, add, pad = tt_aV[PADDING], wBrd = tt_aV[BORDERWIDTH], i;
tt_aElt[0].style.width = tt_w + "px";
tt_aElt[0].style.pixelWidth = tt_w;
wOut = tt_w - ((tt_aV[SHADOW]) ? tt_aV[SHADOWWIDTH] : 0);
// Body
wIn = wOut;
if(!tt_bBoxOld)
wIn -= (pad + wBrd) << 1;
tt_aElt[5].style.width = wIn + "px";
// Title
if(tt_aElt[1])
{
wIn = wOut - ((tt_aV[TITLEPADDING] + 2) << 1);
if(!tt_bBoxOld)
wOut = wIn;
tt_aElt[1].style.width = wOut + "px";
tt_aElt[2].style.width = wIn + "px";
}
// Max height specified
if(tt_h)
{
h = tt_GetDivH(tt_aElt[5]);
if(h > tt_h)
{
if(!tt_bBoxOld)
tt_h -= (pad + wBrd) << 1;
tt_aElt[5].style.height = tt_h + "px";
}
}
tt_h = tt_GetDivH(tt_aElt[0]) + iOffY;
// Right shadow
if(tt_aElt[8])
tt_aElt[8].style.height = (tt_h - iOffSh) + "px";
i = tt_aElt.length - 1;
if(tt_aElt[i])
{
tt_aElt[i].style.width = tt_w + "px";
tt_aElt[i].style.height = tt_h + "px";
}
}
function tt_DeAlt(el)
{
var aKid;
if(el)
{
if(el.alt)
el.alt = "";
if(el.title)
el.title = "";
aKid = el.childNodes || el.children || null;
if(aKid)
{
for(var i = aKid.length; i;)
tt_DeAlt(aKid[--i]);
}
}
}
// This hack removes the native tooltips over links in Opera
function tt_OpDeHref(el)
{
if(!tt_op)
return;
if(tt_elDeHref)
tt_OpReHref();
while(el)
{
if(el.hasAttribute && el.hasAttribute("href"))
{
el.t_href = el.getAttribute("href");
el.t_stats = window.status;
el.removeAttribute("href");
el.style.cursor = "hand";
tt_AddEvtFnc(el, "mousedown", tt_OpReHref);
window.status = el.t_href;
tt_elDeHref = el;
break;
}
el = tt_GetDad(el);
}
}
function tt_OpReHref()
{
if(tt_elDeHref)
{
tt_elDeHref.setAttribute("href", tt_elDeHref.t_href);
tt_RemEvtFnc(tt_elDeHref, "mousedown", tt_OpReHref);
window.status = tt_elDeHref.t_stats;
tt_elDeHref = null;
}
}
function tt_El2Tip()
{
var css = tt_t2t.style;
// Store previous positioning
tt_t2t.t_cp = css.position;
tt_t2t.t_cl = css.left;
tt_t2t.t_ct = css.top;
tt_t2t.t_cd = css.display;
// Store the tag's parent element so we can restore that DOM branch
// when the tooltip is being hidden
tt_t2tDad = tt_GetDad(tt_t2t);
tt_MovDomNode(tt_t2t, tt_t2tDad, tt_aElt[6]);
css.display = "block";
css.position = "static";
css.left = css.top = css.marginLeft = css.marginTop = "0px";
}
function tt_UnEl2Tip()
{
// Restore positioning and display
var css = tt_t2t.style;
css.display = tt_t2t.t_cd;
tt_MovDomNode(tt_t2t, tt_GetDad(tt_t2t), tt_t2tDad);
css.position = tt_t2t.t_cp;
css.left = tt_t2t.t_cl;
css.top = tt_t2t.t_ct;
tt_t2tDad = null;
}
function tt_OverInit()
{
if(window.event)
tt_over = window.event.target || window.event.srcElement;
else
tt_over = tt_ovr_;
tt_DeAlt(tt_over);
tt_OpDeHref(tt_over);
}
function tt_ShowInit()
{
tt_tShow.Timer("tt_Show()", tt_aV[DELAY], true);
if(tt_aV[CLICKCLOSE] || tt_aV[CLICKSTICKY])
tt_AddEvtFnc(document, "mouseup", tt_OnLClick);
}
function tt_Show()
{
var css = tt_aElt[0].style;
// Override the z-index of the topmost wz_dragdrop.js D&D item
css.zIndex = Math.max((window.dd && dd.z) ? (dd.z + 2) : 0, 1010);
if(tt_aV[STICKY] || !tt_aV[FOLLOWMOUSE])
tt_iState &= ~0x4;
if(tt_aV[EXCLUSIVE])
tt_iState |= 0x8;
if(tt_aV[DURATION] > 0)
tt_tDurt.Timer("tt_HideInit()", tt_aV[DURATION], true);
tt_ExtCallFncs(0, "Show")
css.visibility = "visible";
tt_iState |= 0x2;
if(tt_aV[FADEIN])
tt_Fade(0, 0, tt_aV[OPACITY], Math.round(tt_aV[FADEIN] / tt_aV[FADEINTERVAL]));
tt_ShowIfrm();
}
function tt_ShowIfrm()
{
if(tt_ie56)
{
var ifrm = tt_aElt[tt_aElt.length - 1];
if(ifrm)
{
var css = ifrm.style;
css.zIndex = tt_aElt[0].style.zIndex - 1;
css.display = "block";
}
}
}
function tt_Move(e)
{
if(e)
tt_ovr_ = e.target || e.srcElement;
e = e || window.event;
if(e)
{
tt_musX = tt_GetEvtX(e);
tt_musY = tt_GetEvtY(e);
}
if(tt_iState & 0x4)
{
// Prevent jam of mousemove events
if(!tt_op && !tt_ie)
{
if(tt_bWait)
return;
tt_bWait = true;
tt_tWaitMov.Timer("tt_bWait = false;", 1, true);
}
if(tt_aV[FIX])
{
tt_iState &= ~0x4;
tt_PosFix();
}
else if(!tt_ExtCallFncs(e, "MoveBefore"))
tt_SetTipPos(tt_Pos(0), tt_Pos(1));
tt_ExtCallFncs([tt_musX, tt_musY], "MoveAfter")
}
}
function tt_Pos(iDim)
{
var iX, bJmpMod, cmdAlt, cmdOff, cx, iMax, iScrl, iMus, bJmp;
// Map values according to dimension to calculate
if(iDim)
{
bJmpMod = tt_aV[JUMPVERT];
cmdAlt = ABOVE;
cmdOff = OFFSETY;
cx = tt_h;
iMax = tt_maxPosY;
iScrl = tt_GetScrollY();
iMus = tt_musY;
bJmp = tt_bJmpVert;
}
else
{
bJmpMod = tt_aV[JUMPHORZ];
cmdAlt = LEFT;
cmdOff = OFFSETX;
cx = tt_w;
iMax = tt_maxPosX;
iScrl = tt_GetScrollX();
iMus = tt_musX;
bJmp = tt_bJmpHorz;
}
if(bJmpMod)
{
if(tt_aV[cmdAlt] && (!bJmp || tt_CalcPosAlt(iDim) >= iScrl + 16))
iX = tt_PosAlt(iDim);
else if(!tt_aV[cmdAlt] && bJmp && tt_CalcPosDef(iDim) > iMax - 16)
iX = tt_PosAlt(iDim);
else
iX = tt_PosDef(iDim);
}
else
{
iX = iMus;
if(tt_aV[cmdAlt])
iX -= cx + tt_aV[cmdOff] - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0);
else
iX += tt_aV[cmdOff];
}
// Prevent tip from extending past clientarea boundary
if(iX > iMax)
iX = bJmpMod ? tt_PosAlt(iDim) : iMax;
// In case of insufficient space on both sides, ensure the left/upper part
// of the tip be visible
if(iX < iScrl)
iX = bJmpMod ? tt_PosDef(iDim) : iScrl;
return iX;
}
function tt_PosDef(iDim)
{
if(iDim)
tt_bJmpVert = tt_aV[ABOVE];
else
tt_bJmpHorz = tt_aV[LEFT];
return tt_CalcPosDef(iDim);
}
function tt_PosAlt(iDim)
{
if(iDim)
tt_bJmpVert = !tt_aV[ABOVE];
else
tt_bJmpHorz = !tt_aV[LEFT];
return tt_CalcPosAlt(iDim);
}
function tt_CalcPosDef(iDim)
{
return iDim ? (tt_musY + tt_aV[OFFSETY]) : (tt_musX + tt_aV[OFFSETX]);
}
function tt_CalcPosAlt(iDim)
{
var cmdOff = iDim ? OFFSETY : OFFSETX;
var dx = tt_aV[cmdOff] - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0);
if(tt_aV[cmdOff] > 0 && dx <= 0)
dx = 1;
return((iDim ? (tt_musY - tt_h) : (tt_musX - tt_w)) - dx);
}
function tt_PosFix()
{
var iX, iY;
if(typeof(tt_aV[FIX][0]) == "number")
{
iX = tt_aV[FIX][0];
iY = tt_aV[FIX][1];
}
else
{
if(typeof(tt_aV[FIX][0]) == "string")
el = tt_GetElt(tt_aV[FIX][0]);
// First slot in array is direct reference to HTML element
else
el = tt_aV[FIX][0];
iX = tt_aV[FIX][1];
iY = tt_aV[FIX][2];
// By default, vert pos is related to bottom edge of HTML element
if(!tt_aV[ABOVE] && el)
iY += tt_GetDivH(el);
for(; el; el = el.offsetParent)
{
iX += el.offsetLeft || 0;
iY += el.offsetTop || 0;
}
}
// For a fixed tip positioned above the mouse, use the bottom edge as anchor
// (recommended by Christophe Rebeschini, 31.1.2008)
if(tt_aV[ABOVE])
iY -= tt_h;
tt_SetTipPos(iX, iY);
}
function tt_Fade(a, now, z, n)
{
if(n)
{
now += Math.round((z - now) / n);
if((z > a) ? (now >= z) : (now <= z))
now = z;
else
tt_tFade.Timer(
"tt_Fade("
+ a + "," + now + "," + z + "," + (n - 1)
+ ")",
tt_aV[FADEINTERVAL],
true
);
}
now ? tt_SetTipOpa(now) : tt_Hide();
}
function tt_SetTipOpa(opa)
{
// To circumvent the opacity nesting flaws of IE, we set the opacity
// for each sub-DIV separately, rather than for the container DIV.
tt_SetOpa(tt_aElt[5], opa);
if(tt_aElt[1])
tt_SetOpa(tt_aElt[1], opa);
if(tt_aV[SHADOW])
{
opa = Math.round(opa * 0.8);
tt_SetOpa(tt_aElt[7], opa);
tt_SetOpa(tt_aElt[8], opa);
}
}
function tt_OnCloseBtnOver(iOver)
{
var css = tt_aElt[4].style;
iOver <<= 1;
css.background = tt_aV[CLOSEBTNCOLORS][iOver];
css.color = tt_aV[CLOSEBTNCOLORS][iOver + 1];
}
function tt_OnLClick(e)
{
// Ignore right-clicks
e = e || window.event;
if(!((e.button && e.button & 2) || (e.which && e.which == 3)))
{
if(tt_aV[CLICKSTICKY] && (tt_iState & 0x4))
{
tt_aV[STICKY] = true;
tt_iState &= ~0x4;
}
else if(tt_aV[CLICKCLOSE])
tt_HideInit();
}
}
function tt_Int(x)
{
var y;
return(isNaN(y = parseInt(x)) ? 0 : y);
}
Number.prototype.Timer = function(s, iT, bUrge)
{
if(!this.value || bUrge)
this.value = window.setTimeout(s, iT);
}
Number.prototype.EndTimer = function()
{
if(this.value)
{
window.clearTimeout(this.value);
this.value = 0;
}
}
function tt_GetWndCliSiz(s)
{
var db, y = window["inner" + s], sC = "client" + s, sN = "number";
if(typeof y == sN)
{
var y2;
return(
// Gecko or Opera with scrollbar
// ... quirks mode
((db = document.body) && typeof(y2 = db[sC]) == sN && y2 && y2 <= y) ? y2
// ... strict mode
: ((db = document.documentElement) && typeof(y2 = db[sC]) == sN && y2 && y2 <= y) ? y2
// No scrollbar, or clientarea size == 0, or other browser (KHTML etc.)
: y
);
}
// IE
return(
// document.documentElement.client+s functional, returns > 0
((db = document.documentElement) && (y = db[sC])) ? y
// ... not functional, in which case document.body.client+s
// is the clientarea size, fortunately
: document.body[sC]
);
}
function tt_SetOpa(el, opa)
{
var css = el.style;
tt_opa = opa;
if(tt_flagOpa == 1)
{
if(opa < 100)
{
// Hacks for bugs of IE:
// 1.) Once a CSS filter has been applied, fonts are no longer
// anti-aliased, so we store the previous 'non-filter' to be
// able to restore it
if(typeof(el.filtNo) == tt_u)
el.filtNo = css.filter;
// 2.) A DIV cannot be made visible in a single step if an
// opacity < 100 has been applied while the DIV was hidden
var bVis = css.visibility != "hidden";
// 3.) In IE6, applying an opacity < 100 has no effect if the
// element has no layout (position, size, zoom, ...)
css.zoom = "100%";
if(!bVis)
css.visibility = "visible";
css.filter = "alpha(opacity=" + opa + ")";
if(!bVis)
css.visibility = "hidden";
}
else if(typeof(el.filtNo) != tt_u)
// Restore 'non-filter'
css.filter = el.filtNo;
}
else
{
opa /= 100.0;
switch(tt_flagOpa)
{
case 2:
css.KhtmlOpacity = opa; break;
case 3:
css.KHTMLOpacity = opa; break;
case 4:
css.MozOpacity = opa; break;
case 5:
css.opacity = opa; break;
}
}
}
function tt_Err(sErr, bIfDebug)
{
if(tt_Debug || !bIfDebug)
alert("Tooltip Script Error Message:\n\n" + sErr);
}
//============ EXTENSION (PLUGIN) MANAGER ===============//
function tt_ExtCmdEnum()
{
var s;
// Add new command(s) to the commands enum
for(var i in config)
{
s = "window." + i.toString().toUpperCase();
if(eval("typeof(" + s + ") == tt_u"))
{
eval(s + " = " + tt_aV.length);
tt_aV[tt_aV.length] = null;
}
}
}
function tt_ExtCallFncs(arg, sFnc)
{
var b = false;
for(var i = tt_aExt.length; i;)
{--i;
var fnc = tt_aExt[i]["On" + sFnc];
// Call the method the extension has defined for this event
if(fnc && fnc(arg))
b = true;
}
return b;
}
tt_Init();
function setRatingDisplay(ref,rat) {
if(rat == 1) {
document.getElementById(ref+'_rating_1').src = '/images/rating_fill.jpg';
}
if(rat == 2) {
document.getElementById(ref+'_rating_1').src = '/images/rating_fill.jpg';
document.getElementById(ref+'_rating_2').src = '/images/rating_fill.jpg';
}
if(rat == 3) {
document.getElementById(ref+'_rating_1').src = '/images/rating_fill.jpg';
document.getElementById(ref+'_rating_2').src = '/images/rating_fill.jpg';
document.getElementById(ref+'_rating_3').src = '/images/rating_fill.jpg';
}
if(rat == 4) {
document.getElementById(ref+'_rating_1').src = '/images/rating_fill.jpg';
document.getElementById(ref+'_rating_2').src = '/images/rating_fill.jpg';
document.getElementById(ref+'_rating_3').src = '/images/rating_fill.jpg';
document.getElementById(ref+'_rating_4').src = '/images/rating_fill.jpg';
}
if(rat == 5) {
document.getElementById(ref+'_rating_1').src = '/images/rating_fill.jpg';
document.getElementById(ref+'_rating_2').src = '/images/rating_fill.jpg';
document.getElementById(ref+'_rating_3').src = '/images/rating_fill.jpg';
document.getElementById(ref+'_rating_4').src = '/images/rating_fill.jpg';
document.getElementById(ref+'_rating_5').src = '/images/rating_fill.jpg';
}
}
function setRatingDisplayBack(ref) {
document.getElementById(ref+'_rating_1').src = '/images/rating_blank.jpg';
document.getElementById(ref+'_rating_2').src = '/images/rating_blank.jpg';
document.getElementById(ref+'_rating_3').src = '/images/rating_blank.jpg';
document.getElementById(ref+'_rating_4').src = '/images/rating_blank.jpg';
document.getElementById(ref+'_rating_5').src = '/images/rating_blank.jpg';
}
function setRating(rating_no,ref,cid) {
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null) {
alert ("Browser does not support HTTP Request")
return
}
var url="/account.php?rating=";
var url = url + rating_no+"&ref="+ref+"&id="+cid
xmlHttp.onreadystatechange=display_new_rating
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function display_new_rating() {
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") {
eval(xmlHttp.responseText);
}
}
// ColorBox v1.3.17.1 - a full featured, light-weight, customizable lightbox based on jQuery 1.3+
// Copyright (c) 2011 Jack Moore - jack@colorpowered.com
// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
(function ($, document, window) {
var
// ColorBox Default Settings.
// See http://colorpowered.com/colorbox for details.
defaults = {
transition: "elastic",
speed: 300,
width: false,
initialWidth: "600",
innerWidth: false,
maxWidth: false,
height: false,
initialHeight: "450",
innerHeight: false,
maxHeight: false,
scalePhotos: true,
scrolling: true,
inline: false,
html: false,
iframe: false,
fastIframe: true,
photo: false,
href: false,
title: false,
rel: false,
opacity: 0.9,
preloading: true,
current: "image {current} of {total}",
previous: "previous",
next: "next",
close: "close",
open: false,
returnFocus: true,
loop: true,
slideshow: false,
slideshowAuto: true,
slideshowSpeed: 2500,
slideshowStart: "start slideshow",
slideshowStop: "stop slideshow",
onOpen: false,
onLoad: false,
onComplete: false,
onCleanup: false,
onClosed: false,
overlayClose: true,
escKey: true,
arrowKey: true,
top: false,
bottom: false,
left: false,
right: false,
fixed: false,
data: false
},
// Abstracting the HTML and event identifiers for easy rebranding
colorbox = 'colorbox',
prefix = 'cbox',
// Events
event_open = prefix + '_open',
event_load = prefix + '_load',
event_complete = prefix + '_complete',
event_cleanup = prefix + '_cleanup',
event_closed = prefix + '_closed',
event_purge = prefix + '_purge',
// Special Handling for IE
isIE = $.browser.msie && !$.support.opacity, // Detects IE6,7,8. IE9 supports opacity. Feature detection alone gave a false positive on at least one phone browser and on some development versions of Chrome, hence the user-agent test.
isIE6 = isIE && $.browser.version < 7,
event_ie6 = prefix + '_IE6',
// Cached jQuery Object Variables
$overlay,
$box,
$wrap,
$content,
$topBorder,
$leftBorder,
$rightBorder,
$bottomBorder,
$related,
$window,
$loaded,
$loadingBay,
$loadingOverlay,
$title,
$current,
$slideshow,
$next,
$prev,
$close,
$groupControls,
// Variables for cached values or use across multiple functions
settings = {},
interfaceHeight,
interfaceWidth,
loadedHeight,
loadedWidth,
element,
index,
photo,
open,
active,
closing,
handler,
loadingTimer,
publicMethod,
boxElement = prefix + 'Element';
// ****************
// HELPER FUNCTIONS
// ****************
// jQuery object generator to reduce code size
function $div(id, cssText) {
var div = document.createElement('div');
if (id) {
div.id = prefix + id;
}
div.style.cssText = cssText || '';
return $(div);
}
// Convert % values to pixels
function setSize(size, dimension) {
dimension = dimension === 'x' ? $window.width() : $window.height();
return (typeof size === 'string') ? Math.round((/%/.test(size) ? (dimension / 100) * parseInt(size, 10) : parseInt(size, 10))) : size;
}
// Checks an href to see if it is a photo.
// There is a force photo option (photo: true) for hrefs that cannot be matched by this regex.
function isImage(url) {
return settings.photo || /\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(\.*))?$/i.test(url);
}
// Assigns function results to their respective settings. This allows functions to be used as values.
function process(settings) {
for (var i in settings) {
if ($.isFunction(settings[i]) && i.substring(0, 2) !== 'on') { // checks to make sure the function isn't one of the callbacks, they will be handled at the appropriate time.
settings[i] = settings[i].call(element);
}
}
settings.rel = settings.rel || element.rel || 'nofollow';
settings.href = settings.href || $(element).attr('href');
settings.title = settings.title || element.title;
if (typeof settings.href === "string") {
settings.href = $.trim(settings.href);
}
}
function trigger(event, callback) {
if (callback) {
callback.call(element);
}
$.event.trigger(event);
}
// Slideshow functionality
function slideshow() {
var
timeOut,
className = prefix + "Slideshow_",
click = "click." + prefix,
start,
stop,
clear;
if (settings.slideshow && $related[1]) {
start = function () {
$slideshow
.text(settings.slideshowStop)
.unbind(click)
.bind(event_complete, function () {
if (index < $related.length - 1 || settings.loop) {
timeOut = setTimeout(publicMethod.next, settings.slideshowSpeed);
}
})
.bind(event_load, function () {
clearTimeout(timeOut);
})
.one(click + ' ' + event_cleanup, stop);
$box.removeClass(className + "off").addClass(className + "on");
timeOut = setTimeout(publicMethod.next, settings.slideshowSpeed);
};
stop = function () {
clearTimeout(timeOut);
$slideshow
.text(settings.slideshowStart)
.unbind([event_complete, event_load, event_cleanup, click].join(' '))
.one(click, start);
$box.removeClass(className + "on").addClass(className + "off");
};
if (settings.slideshowAuto) {
start();
} else {
stop();
}
} else {
$box.removeClass(className + "off " + className + "on");
}
}
function launch(elem) {
if (!closing) {
element = elem;
process($.extend(settings, $.data(element, colorbox)));
$related = $(element);
index = 0;
if (settings.rel !== 'nofollow') {
$related = $('.' + boxElement).filter(function () {
var relRelated = $.data(this, colorbox).rel || this.rel;
return (relRelated === settings.rel);
});
index = $related.index(element);
// Check direct calls to ColorBox.
if (index === -1) {
$related = $related.add(element);
index = $related.length - 1;
}
}
if (!open) {
open = active = true; // Prevents the page-change action from queuing up if the visitor holds down the left or right keys.
$box.show();
if (settings.returnFocus) {
try {
element.blur();
$(element).one(event_closed, function () {
try {
this.focus();
} catch (e) {
// do nothing
}
});
} catch (e) {
// do nothing
}
}
// +settings.opacity avoids a problem in IE when using non-zero-prefixed-string-values, like '.5'
$overlay.css({"opacity": +settings.opacity, "cursor": settings.overlayClose ? "pointer" : "auto"}).show();
// Opens inital empty ColorBox prior to content being loaded.
settings.w = setSize(settings.initialWidth, 'x');
settings.h = setSize(settings.initialHeight, 'y');
publicMethod.position(0);
if (isIE6) {
$window.bind('resize.' + event_ie6 + ' scroll.' + event_ie6, function () {
$overlay.css({width: $window.width(), height: $window.height(), top: $window.scrollTop(), left: $window.scrollLeft()});
}).trigger('resize.' + event_ie6);
}
trigger(event_open, settings.onOpen);
$groupControls.add($title).hide();
$close.html(settings.close).show();
}
publicMethod.load(true);
}
}
// ****************
// PUBLIC FUNCTIONS
// Usage format: $.fn.colorbox.close();
// Usage from within an iframe: parent.$.fn.colorbox.close();
// ****************
publicMethod = $.fn[colorbox] = $[colorbox] = function (options, callback) {
var $this = this, autoOpen;
if (!$this[0] && $this.selector) { // if a selector was given and it didn't match any elements, go ahead and exit.
return $this;
}
options = options || {};
if (callback) {
options.onComplete = callback;
}
if (!$this[0] || $this.selector === undefined) { // detects $.colorbox() and $.fn.colorbox()
$this = $('');
options.open = true; // assume an immediate open
}
$this.each(function () {
$.data(this, colorbox, $.extend({}, $.data(this, colorbox) || defaults, options));
$(this).addClass(boxElement);
});
autoOpen = options.open;
if ($.isFunction(autoOpen)) {
autoOpen = autoOpen.call($this);
}
if (autoOpen) {
launch($this[0]);
}
return $this;
};
// Initialize ColorBox: store common calculations, preload the interface graphics, append the html.
// This preps colorbox for a speedy open when clicked, and lightens the burdon on the browser by only
// having to run once, instead of each time colorbox is opened.
publicMethod.init = function () {
// Create & Append jQuery Objects
$window = $(window);
$box = $div().attr({id: colorbox, 'class': isIE ? prefix + (isIE6 ? 'IE6' : 'IE') : ''});
$overlay = $div("Overlay", isIE6 ? 'position:absolute' : '').hide();
$wrap = $div("Wrapper");
$content = $div("Content").append(
$loaded = $div("LoadedContent", 'width:0; height:0; overflow:hidden'),
$loadingOverlay = $div("LoadingOverlay").add($div("LoadingGraphic")),
$title = $div("Title"),
$current = $div("Current"),
$next = $div("Next"),
$prev = $div("Previous"),
$slideshow = $div("Slideshow").bind(event_open, slideshow),
$close = $div("Close")
);
$wrap.append( // The 3x3 Grid that makes up ColorBox
$div().append(
$div("TopLeft"),
$topBorder = $div("TopCenter"),
$div("TopRight")
),
$div(false, 'clear:left').append(
$leftBorder = $div("MiddleLeft"),
$content,
$rightBorder = $div("MiddleRight")
),
$div(false, 'clear:left').append(
$div("BottomLeft"),
$bottomBorder = $div("BottomCenter"),
$div("BottomRight")
)
).children().children().css({'float': 'left'});
$loadingBay = $div(false, 'position:absolute; width:9999px; visibility:hidden; display:none');
$('body').prepend($overlay, $box.append($wrap, $loadingBay));
$content.children()
.hover(function () {
$(this).addClass('hover');
}, function () {
$(this).removeClass('hover');
}).addClass('hover');
// Cache values needed for size calculations
interfaceHeight = $topBorder.height() + $bottomBorder.height() + $content.outerHeight(true) - $content.height();//Subtraction needed for IE6
interfaceWidth = $leftBorder.width() + $rightBorder.width() + $content.outerWidth(true) - $content.width();
loadedHeight = $loaded.outerHeight(true);
loadedWidth = $loaded.outerWidth(true);
// Setting padding to remove the need to do size conversions during the animation step.
$box.css({"padding-bottom": interfaceHeight, "padding-right": interfaceWidth}).hide();
// Setup button events.
$next.click(function () {
publicMethod.next();
});
$prev.click(function () {
publicMethod.prev();
});
$close.click(function () {
publicMethod.close();
});
$groupControls = $next.add($prev).add($current).add($slideshow);
// Adding the 'hover' class allowed the browser to load the hover-state
// background graphics. The class can now can be removed.
$content.children().removeClass('hover');
$overlay.click(function () {
if (settings.overlayClose) {
publicMethod.close();
}
});
// Set Navigation Key Bindings
$(document).bind('keydown.' + prefix, function (e) {
var key = e.keyCode;
if (open && settings.escKey && key === 27) {
e.preventDefault();
publicMethod.close();
}
if (open && settings.arrowKey && $related[1]) {
if (key === 37) {
e.preventDefault();
$prev.click();
} else if (key === 39) {
e.preventDefault();
$next.click();
}
}
});
};
publicMethod.remove = function () {
$box.add($overlay).remove();
$('.' + boxElement).removeData(colorbox).removeClass(boxElement);
};
publicMethod.position = function (speed, loadedCallback) {
var animate_speed, top = 0, left = 0;
// remove the modal so that it doesn't influence the document width/height
$box.hide();
if (settings.fixed && !isIE6) {
$box.css({position: 'fixed'});
} else {
top = $window.scrollTop();
left = $window.scrollLeft();
$box.css({position: 'absolute'});
}
// keeps the top and left positions within the browser's viewport.
if (settings.right !== false) {
left += Math.max($window.width() - settings.w - loadedWidth - interfaceWidth - setSize(settings.right, 'x'), 0);
} else if (settings.left !== false) {
left += setSize(settings.left, 'x');
} else {
left += Math.max($window.width() - settings.w - loadedWidth - interfaceWidth, 0) / 2;
}
if (settings.bottom !== false) {
top += Math.max(document.documentElement.clientHeight - settings.h - loadedHeight - interfaceHeight - setSize(settings.bottom, 'y'), 0);
} else if (settings.top !== false) {
top += setSize(settings.top, 'y');
} else {
top += Math.max(document.documentElement.clientHeight - settings.h - loadedHeight - interfaceHeight, 0) / 2;
}
$box.show();
// setting the speed to 0 to reduce the delay between same-sized content.
animate_speed = ($box.width() === settings.w + loadedWidth && $box.height() === settings.h + loadedHeight) ? 0 : speed;
// this gives the wrapper plenty of breathing room so it's floated contents can move around smoothly,
// but it has to be shrank down around the size of div#colorbox when it's done. If not,
// it can invoke an obscure IE bug when using iframes.
$wrap[0].style.width = $wrap[0].style.height = "9999px";
function modalDimensions(that) {
// loading overlay height has to be explicitly set for IE6.
$topBorder[0].style.width = $bottomBorder[0].style.width = $content[0].style.width = that.style.width;
$loadingOverlay[0].style.height = $loadingOverlay[1].style.height = $content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = that.style.height;
}
$box.dequeue().animate({width: settings.w + loadedWidth, height: settings.h + loadedHeight, top: top, left: left}, {
duration: animate_speed,
complete: function () {
modalDimensions(this);
active = false;
// shrink the wrapper down to exactly the size of colorbox to avoid a bug in IE's iframe implementation.
$wrap[0].style.width = (settings.w + loadedWidth + interfaceWidth) + "px";
$wrap[0].style.height = (settings.h + loadedHeight + interfaceHeight) + "px";
if (loadedCallback) {
loadedCallback();
}
},
step: function () {
modalDimensions(this);
}
});
};
publicMethod.resize = function (options) {
if (open) {
options = options || {};
if (options.width) {
settings.w = setSize(options.width, 'x') - loadedWidth - interfaceWidth;
}
if (options.innerWidth) {
settings.w = setSize(options.innerWidth, 'x');
}
$loaded.css({width: settings.w});
if (options.height) {
settings.h = setSize(options.height, 'y') - loadedHeight - interfaceHeight;
}
if (options.innerHeight) {
settings.h = setSize(options.innerHeight, 'y');
}
if (!options.innerHeight && !options.height) {
var $child = $loaded.wrapInner("").children(); // temporary wrapper to get an accurate estimate of just how high the total content should be.
settings.h = $child.height();
$child.replaceWith($child.children()); // ditch the temporary wrapper div used in height calculation
}
$loaded.css({height: settings.h});
publicMethod.position(settings.transition === "none" ? 0 : settings.speed);
}
};
publicMethod.prep = function (object) {
if (!open) {
return;
}
var speed = settings.transition === "none" ? 0 : settings.speed;
$window.unbind('resize.' + prefix);
$loaded.remove();
$loaded = $div('LoadedContent').html(object);
function getWidth() {
settings.w = settings.w || $loaded.width();
settings.w = settings.mw && settings.mw < settings.w ? settings.mw : settings.w;
return settings.w;
}
function getHeight() {
settings.h = settings.h || $loaded.height();
settings.h = settings.mh && settings.mh < settings.h ? settings.mh : settings.h;
return settings.h;
}
$loaded.hide()
.appendTo($loadingBay.show())// content has to be appended to the DOM for accurate size calculations.
.css({width: getWidth(), overflow: settings.scrolling ? 'auto' : 'hidden'})
.css({height: getHeight()})// sets the height independently from the width in case the new width influences the value of height.
.prependTo($content);
$loadingBay.hide();
// floating the IMG removes the bottom line-height and fixed a problem where IE miscalculates the width of the parent element as 100% of the document width.
//$(photo).css({'float': 'none', marginLeft: 'auto', marginRight: 'auto'});
$(photo).css({'float': 'none'});
// Hides SELECT elements in IE6 because they would otherwise sit on top of the overlay.
if (isIE6) {
$('select').not($box.find('select')).filter(function () {
return this.style.visibility !== 'hidden';
}).css({'visibility': 'hidden'}).one(event_cleanup, function () {
this.style.visibility = 'inherit';
});
}
function setPosition(s) {
publicMethod.position(s, function () {
var prev, prevSrc, next, nextSrc, total = $related.length, iframe, complete;
if (!open) {
return;
}
function removeFilter() {
if (isIE) {
$box[0].style.removeAttribute('filter');
}
}
complete = function () {
clearTimeout(loadingTimer);
$loadingOverlay.hide();
trigger(event_complete, settings.onComplete);
};
if (isIE) {
//This fadeIn helps the bicubic resampling to kick-in.
if (photo) {
$loaded.fadeIn(100);
}
}
$title.html(settings.title).add($loaded).show();
if (total > 1) { // handle grouping
if (typeof settings.current === "string") {
$current.html(settings.current.replace(/\{current\}/, index + 1).replace(/\{total\}/, total)).show();
}
$next[(settings.loop || index < total - 1) ? "show" : "hide"]().html(settings.next);
$prev[(settings.loop || index) ? "show" : "hide"]().html(settings.previous);
prev = index ? $related[index - 1] : $related[total - 1];
next = index < total - 1 ? $related[index + 1] : $related[0];
if (settings.slideshow) {
$slideshow.show();
}
// Preloads images within a rel group
if (settings.preloading) {
nextSrc = $.data(next, colorbox).href || next.href;
prevSrc = $.data(prev, colorbox).href || prev.href;
nextSrc = $.isFunction(nextSrc) ? nextSrc.call(next) : nextSrc;
prevSrc = $.isFunction(prevSrc) ? prevSrc.call(prev) : prevSrc;
if (isImage(nextSrc)) {
$('')[0].src = nextSrc;
}
if (isImage(prevSrc)) {
$('')[0].src = prevSrc;
}
}
} else {
$groupControls.hide();
}
if (settings.iframe) {
iframe = $('').addClass(prefix + 'Iframe')[0];
if (settings.fastIframe) {
complete();
} else {
$(iframe).one('load', complete);
}
iframe.name = prefix + (+new Date());
iframe.src = settings.href;
if (!settings.scrolling) {
iframe.scrolling = "no";
}
if (isIE) {
iframe.frameBorder = 0;
iframe.allowTransparency = "true";
}
$(iframe).appendTo($loaded).one(event_purge, function () {
iframe.src = "//about:blank";
});
} else {
complete();
}
if (settings.transition === 'fade') {
$box.fadeTo(speed, 1, removeFilter);
} else {
removeFilter();
}
$window.bind('resize.' + prefix, function () {
publicMethod.position(0);
});
});
}
if (settings.transition === 'fade') {
$box.fadeTo(speed, 0, function () {
setPosition(0);
});
} else {
setPosition(speed);
}
};
publicMethod.load = function (launched) {
var href, setResize, prep = publicMethod.prep;
active = true;
photo = false;
element = $related[index];
if (!launched) {
process($.extend(settings, $.data(element, colorbox)));
}
trigger(event_purge);
trigger(event_load, settings.onLoad);
settings.h = settings.height ?
setSize(settings.height, 'y') - loadedHeight - interfaceHeight :
settings.innerHeight && setSize(settings.innerHeight, 'y');
settings.w = settings.width ?
setSize(settings.width, 'x') - loadedWidth - interfaceWidth :
settings.innerWidth && setSize(settings.innerWidth, 'x');
// Sets the minimum dimensions for use in image scaling
settings.mw = settings.w;
settings.mh = settings.h;
// Re-evaluate the minimum width and height based on maxWidth and maxHeight values.
// If the width or height exceed the maxWidth or maxHeight, use the maximum values instead.
if (settings.maxWidth) {
settings.mw = setSize(settings.maxWidth, 'x') - loadedWidth - interfaceWidth;
settings.mw = settings.w && settings.w < settings.mw ? settings.w : settings.mw;
}
if (settings.maxHeight) {
settings.mh = setSize(settings.maxHeight, 'y') - loadedHeight - interfaceHeight;
settings.mh = settings.h && settings.h < settings.mh ? settings.h : settings.mh;
}
href = settings.href;
loadingTimer = setTimeout(function () {
$loadingOverlay.show();
}, 100);
if (settings.inline) {
// Inserts an empty placeholder where inline content is being pulled from.
// An event is bound to put inline content back when ColorBox closes or loads new content.
$div().hide().insertBefore($(href)[0]).one(event_purge, function () {
$(this).replaceWith($loaded.children());
});
prep($(href));
} else if (settings.iframe) {
// IFrame element won't be added to the DOM until it is ready to be displayed,
// to avoid problems with DOM-ready JS that might be trying to run in that iframe.
prep(" ");
} else if (settings.html) {
prep(settings.html);
} else if (isImage(href)) {
$(photo = new Image())
.addClass(prefix + 'Photo')
.error(function () {
settings.title = false;
prep($div('Error').text('This image could not be loaded'));
})
.load(function () {
var percent;
photo.onload = null; //stops animated gifs from firing the onload repeatedly.
if (settings.scalePhotos) {
setResize = function () {
photo.height -= photo.height * percent;
photo.width -= photo.width * percent;
};
if (settings.mw && photo.width > settings.mw) {
percent = (photo.width - settings.mw) / photo.width;
setResize();
}
if (settings.mh && photo.height > settings.mh) {
percent = (photo.height - settings.mh) / photo.height;
setResize();
}
}
if (settings.h) {
photo.style.marginTop = Math.max(settings.h - photo.height, 0) / 2 + 'px';
}
if ($related[1] && (index < $related.length - 1 || settings.loop)) {
photo.style.cursor = 'pointer';
photo.onclick = function () {
publicMethod.next();
};
}
if (isIE) {
photo.style.msInterpolationMode = 'bicubic';
}
setTimeout(function () { // A pause because Chrome will sometimes report a 0 by 0 size otherwise.
prep(photo);
}, 1);
});
setTimeout(function () { // A pause because Opera 10.6+ will sometimes not run the onload function otherwise.
photo.src = href;
}, 1);
} else if (href) {
$loadingBay.load(href, settings.data, function (data, status, xhr) {
prep(status === 'error' ? $div('Error').text('Request unsuccessful: ' + xhr.statusText) : $(this).contents());
});
}
};
// Navigates to the next page/image in a set.
publicMethod.next = function () {
if (!active && $related[1] && (index < $related.length - 1 || settings.loop)) {
index = index < $related.length - 1 ? index + 1 : 0;
publicMethod.load();
}
};
publicMethod.prev = function () {
if (!active && $related[1] && (index || settings.loop)) {
index = index ? index - 1 : $related.length - 1;
publicMethod.load();
}
};
// Note: to use this within an iframe use the following format: parent.$.fn.colorbox.close();
publicMethod.close = function () {
if (open && !closing) {
closing = true;
open = false;
trigger(event_cleanup, settings.onCleanup);
$window.unbind('.' + prefix + ' .' + event_ie6);
$overlay.fadeTo(200, 0);
$box.stop().fadeTo(300, 0, function () {
$box.add($overlay).css({'opacity': 1, cursor: 'auto'}).hide();
trigger(event_purge);
$loaded.remove();
setTimeout(function () {
closing = false;
trigger(event_closed, settings.onClosed);
}, 1);
});
}
};
// A method for fetching the current element ColorBox is referencing.
// returns a jQuery object.
publicMethod.element = function () {
return $(element);
};
publicMethod.settings = defaults;
// Bind the live event before DOM-ready for maximum performance in IE6 & 7.
handler = function (e) {
// checks to see if it was a non-left mouse-click and for clicks modified with ctrl, shift, or alt.
if (!((e.button !== 0 && typeof e.button !== 'undefined') || e.ctrlKey || e.shiftKey || e.altKey)) {
e.preventDefault();
launch(this);
}
};
if ($.fn.delegate) {
$(document).delegate('.' + boxElement, 'click', handler);
} else {
$('.' + boxElement).live('click', handler);
}
// Initializes ColorBox when the DOM has loaded
$(publicMethod.init);
}(jQuery, document, this));
$(document).ready(function(){
//Examples of how to assign the ColorBox event to elements
$("a[rel='largeimage1']").colorbox();
$("a[rel='largeimage2']").colorbox();
$("a[rel='largeimage3']").colorbox();
//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.js
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
// Offering a Custom Alias suport - More info: http://docs.jquery.com/Plugins/Authoring#Custom_Alias
(function($) {
/**
* $ is an alias to jQuery object
*
*/
$.fn.lightBox = function(settings) {
// Settings to configure the jQuery lightBox plugin how you like
settings = jQuery.extend({
// Configuration related to overlay
overlayBgColor: '#000', // (string) Background color to overlay; inform a hexadecimal value like: #RRGGBB. Where RR, GG, and BB are the hexadecimal values for the red, green, and blue values of the color.
overlayOpacity: 0.8, // (integer) Opacity value to overlay; inform: 0.X. Where X are number from 0 to 9
// Configuration related to navigation
fixedNavigation: false, // (boolean) Boolean that informs if the navigation (next and prev button) will be fixed or not in the interface.
// Configuration related to images
imageLoading: '/images/lightbox-ico-loading.gif', // (string) Path and the name of the loading icon
imageBtnPrev: '/images/lightbox-btn-prev.gif', // (string) Path and the name of the prev button image
imageBtnNext: '/images/lightbox-btn-next.gif', // (string) Path and the name of the next button image
imageBtnClose: '/images/lightbox-btn-close.gif', // (string) Path and the name of the close btn
imageBlank: '/images/lightbox-blank.gif', // (string) Path and the name of a blank image (one pixel)
// Configuration related to container image box
containerBorderSize: 10, // (integer) If you adjust the padding in the CSS for the container, #lightbox-container-image-box, you will need to update this value
containerResizeSpeed: 400, // (integer) Specify the resize duration of container image. These number are miliseconds. 400 is default.
// Configuration related to texts in caption. For example: Image 2 of 8. You can alter either "Image" and "of" texts.
txtImage: 'Image', // (string) Specify text "Image"
txtOf: 'of', // (string) Specify text "of"
// Configuration related to keyboard navigation
keyToClose: 'c', // (string) (c = close) Letter to close the jQuery lightBox interface. Beyond this letter, the letter X and the SCAPE key is used to.
keyToPrev: 'p', // (string) (p = previous) Letter to show the previous image
keyToNext: 'n', // (string) (n = next) Letter to show the next image.
// Don“t alter these variables in any way
imageArray: [],
activeImage: 0
},settings);
// Caching the jQuery object with all elements matched
var jQueryMatchedObj = this; // This, in this context, refer to jQuery object
/**
* Initializing the plugin calling the start function
*
* @return boolean false
*/
function _initialize() {
_start(this,jQueryMatchedObj); // This, in this context, refer to object (link) which the user have clicked
return false; // Avoid the browser following the link
}
/**
* Start the jQuery lightBox plugin
*
* @param object objClicked The object (link) whick the user have clicked
* @param object jQueryMatchedObj The jQuery object with all elements matched
*/
function _start(objClicked,jQueryMatchedObj) {
// Hime some elements to avoid conflict with overlay in IE. These elements appear above the overlay.
$('embed, object, select').css({ 'visibility' : 'hidden' });
// Call the function to create the markup structure; style some elements; assign events in some elements.
_set_interface();
// Unset total images in imageArray
settings.imageArray.length = 0;
// Unset image active information
settings.activeImage = 0;
// We have an image set? Or just an image? Let“s see it.
if ( jQueryMatchedObj.length == 1 ) {
settings.imageArray.push(new Array(objClicked.getAttribute('href'),objClicked.getAttribute('title')));
} else {
// Add an Array (as many as we have), with href and title atributes, inside the Array that storage the images references
for ( var i = 0; i < jQueryMatchedObj.length; i++ ) {
settings.imageArray.push(new Array(jQueryMatchedObj[i].getAttribute('href'),jQueryMatchedObj[i].getAttribute('title')));
}
}
while ( settings.imageArray[settings.activeImage][0] != objClicked.getAttribute('href') ) {
settings.activeImage++;
}
// Call the function that prepares image exibition
_set_image_to_view();
}
/**
* Create the jQuery lightBox plugin interface
*
* The HTML markup will be like that:
*
*/
function _set_interface() {
// Apply the HTML markup into body tag
$('body').append('
');
// Get page sizes
var arrPageSizes = ___getPageSize();
// Style overlay and show it
$('#jquery-overlay').css({
backgroundColor: settings.overlayBgColor,
opacity: settings.overlayOpacity,
width: arrPageSizes[0],
height: arrPageSizes[1]
}).fadeIn();
// Get page scroll
var arrPageScroll = ___getPageScroll();
// Calculate top and left offset for the jquery-lightbox div object and show it
$('#jquery-lightbox').css({
top: arrPageScroll[1] + (arrPageSizes[3] / 10),
left: arrPageScroll[0]
}).show();
// Assigning click events in elements to close overlay
$('#jquery-overlay,#jquery-lightbox').click(function() {
_finish();
});
// Assign the _finish function to lightbox-loading-link and lightbox-secNav-btnClose objects
$('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function() {
_finish();
return false;
});
// If window was resized, calculate the new overlay dimensions
$(window).resize(function() {
// Get page sizes
var arrPageSizes = ___getPageSize();
// Style overlay and show it
$('#jquery-overlay').css({
width: arrPageSizes[0],
height: arrPageSizes[1]
});
// Get page scroll
var arrPageScroll = ___getPageScroll();
// Calculate top and left offset for the jquery-lightbox div object and show it
$('#jquery-lightbox').css({
top: arrPageScroll[1] + (arrPageSizes[3] / 10),
left: arrPageScroll[0]
});
});
}
/**
* Prepares image exibition; doing a image“s preloader to calculate it“s size
*
*/
function _set_image_to_view() { // show the loading
// Show the loading
$('#lightbox-loading').show();
if ( settings.fixedNavigation ) {
$('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();
} else {
// Hide some elements
$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();
}
// Image preload process
var objImagePreloader = new Image();
objImagePreloader.onload = function() {
$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);
// Perfomance an effect in the image container resizing it
_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);
// clear onLoad, IE behaves irratically with animated gifs otherwise
objImagePreloader.onload=function(){};
};
objImagePreloader.src = settings.imageArray[settings.activeImage][0];
};
/**
* Perfomance an effect in the image container resizing it
*
* @param integer intImageWidth The image“s width that will be showed
* @param integer intImageHeight The image“s height that will be showed
*/
function _resize_container_image_box(intImageWidth,intImageHeight) {
// Get current width and height
var intCurrentWidth = $('#lightbox-container-image-box').width();
var intCurrentHeight = $('#lightbox-container-image-box').height();
// Get the width and height of the selected image plus the padding
var intWidth = (intImageWidth + (settings.containerBorderSize * 2)); // Plus the image“s width and the left and right padding value
var intHeight = (intImageHeight + (settings.containerBorderSize * 2)); // Plus the image“s height and the left and right padding value
// Diferences
var intDiffW = intCurrentWidth - intWidth;
var intDiffH = intCurrentHeight - intHeight;
// Perfomance the effect
$('#lightbox-container-image-box').animate({ width: intWidth, height: intHeight },settings.containerResizeSpeed,function() { _show_image(); });
if ( ( intDiffW == 0 ) && ( intDiffH == 0 ) ) {
if ( $.browser.msie ) {
___pause(250);
} else {
___pause(100);
}
}
$('#lightbox-container-image-data-box').css({ width: intImageWidth });
$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({ height: intImageHeight + (settings.containerBorderSize * 2) });
};
/**
* Show the prepared image
*
*/
function _show_image() {
$('#lightbox-loading').hide();
$('#lightbox-image').fadeIn(function() {
_show_image_data();
_set_navigation();
});
_preload_neighbor_images();
};
/**
* Show the image information
*
*/
function _show_image_data() {
$('#lightbox-container-image-data-box').slideDown('fast');
$('#lightbox-image-details-caption').hide();
if ( settings.imageArray[settings.activeImage][1] ) {
$('#lightbox-image-details-caption').html(settings.imageArray[settings.activeImage][1]).show();
}
// If we have a image set, display 'Image X of X'
if ( settings.imageArray.length > 1 ) {
$('#lightbox-image-details-currentNumber').html(settings.txtImage + ' ' + ( settings.activeImage + 1 ) + ' ' + settings.txtOf + ' ' + settings.imageArray.length).show();
}
}
/**
* Display the button navigations
*
*/
function _set_navigation() {
$('#lightbox-nav').show();
// Instead to define this configuration in CSS file, we define here. And it“s need to IE. Just.
$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({ 'background' : 'transparent url(' + settings.imageBlank + ') no-repeat' });
// Show the prev button, if not the first image in set
if ( settings.activeImage != 0 ) {
if ( settings.fixedNavigation ) {
$('#lightbox-nav-btnPrev').css({ 'background' : 'url(' + settings.imageBtnPrev + ') left 15% no-repeat' })
.unbind()
.bind('click',function() {
settings.activeImage = settings.activeImage - 1;
_set_image_to_view();
return false;
});
} else {
// Show the images button for Next buttons
$('#lightbox-nav-btnPrev').unbind().hover(function() {
$(this).css({ 'background' : 'url(' + settings.imageBtnPrev + ') left 15% no-repeat' });
},function() {
$(this).css({ 'background' : 'transparent url(' + settings.imageBlank + ') no-repeat' });
}).show().bind('click',function() {
settings.activeImage = settings.activeImage - 1;
_set_image_to_view();
return false;
});
}
}
// Show the next button, if not the last image in set
if ( settings.activeImage != ( settings.imageArray.length -1 ) ) {
if ( settings.fixedNavigation ) {
$('#lightbox-nav-btnNext').css({ 'background' : 'url(' + settings.imageBtnNext + ') right 15% no-repeat' })
.unbind()
.bind('click',function() {
settings.activeImage = settings.activeImage + 1;
_set_image_to_view();
return false;
});
} else {
// Show the images button for Next buttons
$('#lightbox-nav-btnNext').unbind().hover(function() {
$(this).css({ 'background' : 'url(' + settings.imageBtnNext + ') right 15% no-repeat' });
},function() {
$(this).css({ 'background' : 'transparent url(' + settings.imageBlank + ') no-repeat' });
}).show().bind('click',function() {
settings.activeImage = settings.activeImage + 1;
_set_image_to_view();
return false;
});
}
}
// Enable keyboard navigation
_enable_keyboard_navigation();
}
/**
* Enable a support to keyboard navigation
*
*/
function _enable_keyboard_navigation() {
$(document).keydown(function(objEvent) {
_keyboard_action(objEvent);
});
}
/**
* Disable the support to keyboard navigation
*
*/
function _disable_keyboard_navigation() {
$(document).unbind();
}
/**
* Perform the keyboard actions
*
*/
function _keyboard_action(objEvent) {
// To ie
if ( objEvent == null ) {
keycode = event.keyCode;
escapeKey = 27;
// To Mozilla
} else {
keycode = objEvent.keyCode;
escapeKey = objEvent.DOM_VK_ESCAPE;
}
// Get the key in lower case form
key = String.fromCharCode(keycode).toLowerCase();
// Verify the keys to close the ligthBox
if ( ( key == settings.keyToClose ) || ( key == 'x' ) || ( keycode == escapeKey ) ) {
_finish();
}
// Verify the key to show the previous image
if ( ( key == settings.keyToPrev ) || ( keycode == 37 ) ) {
// If we“re not showing the first image, call the previous
if ( settings.activeImage != 0 ) {
settings.activeImage = settings.activeImage - 1;
_set_image_to_view();
_disable_keyboard_navigation();
}
}
// Verify the key to show the next image
if ( ( key == settings.keyToNext ) || ( keycode == 39 ) ) {
// If we“re not showing the last image, call the next
if ( settings.activeImage != ( settings.imageArray.length - 1 ) ) {
settings.activeImage = settings.activeImage + 1;
_set_image_to_view();
_disable_keyboard_navigation();
}
}
}
/**
* Preload prev and next images being showed
*
*/
function _preload_neighbor_images() {
if ( (settings.imageArray.length -1) > settings.activeImage ) {
objNext = new Image();
objNext.src = settings.imageArray[settings.activeImage + 1][0];
}
if ( settings.activeImage > 0 ) {
objPrev = new Image();
objPrev.src = settings.imageArray[settings.activeImage -1][0];
}
}
/**
* Remove jQuery lightBox plugin HTML markup
*
*/
function _finish() {
$('#jquery-lightbox').remove();
$('#jquery-overlay').fadeOut(function() { $('#jquery-overlay').remove(); });
// Show some elements to avoid conflict with overlay in IE. These elements appear above the overlay.
$('embed, object, select').css({ 'visibility' : 'visible' });
}
/**
/ THIRD FUNCTION
* getPageSize() by quirksmode.com
*
* @return Array Return an array with page width, height and window width, height
*/
function ___getPageSize() {
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = window.innerWidth + window.scrollMaxX;
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
if(document.documentElement.clientWidth){
windowWidth = document.documentElement.clientWidth;
} else {
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 = xScroll;
} else {
pageWidth = windowWidth;
}
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
return arrayPageSize;
};
/**
/ THIRD FUNCTION
* getPageScroll() by quirksmode.com
*
* @return Array Return an array with x,y page scroll values.
*/
function ___getPageScroll() {
var xScroll, yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
xScroll = self.pageXOffset;
} else if (document.documentElement && document.documentElement.scrollTop) { // Explorer 6 Strict
yScroll = document.documentElement.scrollTop;
xScroll = document.documentElement.scrollLeft;
} else if (document.body) {// all other Explorers
yScroll = document.body.scrollTop;
xScroll = document.body.scrollLeft;
}
arrayPageScroll = new Array(xScroll,yScroll);
return arrayPageScroll;
};
/**
* Stop the code execution from a escified time in milisecond
*
*/
function ___pause(ms) {
var date = new Date();
curDate = null;
do { var curDate = new Date(); }
while ( curDate - date < ms);
};
// Return the jQuery object for chaining. The unbind method is used to avoid click conflict when the plugin is called more than once
return this.unbind('click').click(_initialize);
};
})(jQuery); // Call and execute the function immediately passing the jQuery object
$(function() {
$('#gallery a').lightBox();
});
$(function() {
$('#gallery2 a').lightBox();
});
$(function() {
$('#gallery3 a').lightBox();
});
