// ALL Scripts for PHP Modules
// (c) Bout Time Software
// 11.03.17 - added prodid to scroll for handling to support numerous galleries on one page.
// 11.03.20 - added code for handling add serving
// 11.03.24 - ie not working when in load on every page with the add slideshow, so using return to just show each image. nothing else.
// 11.09.05 - added expand functions for new sitemap
// 11.10.10 - updated scroll for tutorial support and enhanced scroll accuracy.
// 11.10.13 - ehnanced scroll to block change of direction until current scroll is complete
// 11.12.01 - upgraded to array for scroll to allow multiple per page. calling module to define prior to function call scrollAmount[id] scrollqty[id]
// 12.01.04 - support scrollTop option (2/3) in scroll
// 12.01.07 - moving bannerdiz and filelist definition to here rather than incode (to resolve multi element page clash
// 12.01.09 - updated scroll to better support multi objects on page, plus added div fading code (works on single element but not slideshow)
// 12.01.17 - complete redesign of switchpic, new module fadeID to support multi block objects.
// 12.01.19 - readded showhelp
// 12.01.20 - resolved issue of first scroll being ignored (don't pass prodid as string).
//*************************** GALLERY SCRIPT for news articles ******************
/////////////////////////////////////////////////////////////////////////////////
///////////////////////// Image thumnail manager
var FileList = new Array(); // mode 9 module-banner (now obsolete) use mode 2
var BannerDIZ = new Array(); // as above
var BannerLength= new Array(); // as above
var BannerPos= new Array();
var BannerRev= new Array();
ScrollAmount = 500; //506 // this is reset based on what needs scrolling called before scroll *legacy*
scrollgroup = 0; // 0 means a single page advancement, any other # is the number of page requested.
var scrollActive = new Array();
var scrollvalue = new Array();
var scrollMode = new Array();
var scrollAmount = new Array();
var scrollqty = new Array();
var scrolldirect = new Array();
var TutDIZ = new Array(); // for tutorial descriptions, make multi dimensional . mulit now defined as required for each element.
//ScrollLeft/Right is 0/1 ScrollTop is 2/3
function scroll(prodid,scrolldirect)
{
objDIV = document.getElementById('thumbs'+prodid);
if (!scrollvalue[prodid]) scrollvalue[prodid] = 0; // force a value if none found to ensure first event is accurate.
if (scrollActive[prodid] == null) scrollActive[prodid] = 0; // force a value if none found to ensure first event is accurate.
if ((objDIV.scrollLeft <= 0 && scrolldirect==0) || (objDIV.scrollTop <= 0 && scrolldirect==2)) {scrollActive[prodid]=0;scrollvalue[prodid]=0;return false;} // this is to prevent scrolling past 0 and if in forward mode to block attempt to backward until forward mode finished (and vise versa)
//// if ((objDIV.scrollLeft <= 0 && !scrolldirect) || (objDIV.scrollTop <= 0 && scrolldirect==2) || (scrollActive[prodid] == 1 && scrollMode[prodid] != scrolldirect)) {return false;} // this is to prevent scrolling past 0 and if in forward mode to block attempt to backward until forward mode finished (and vise versa)
if (scrollAmount[prodid]-scrollvalue[prodid] <= Math.ceil(scrollqty[prodid]*8)) scrollqty[prodid] = Math.ceil(scrollqty[prodid]/2);
else if (scrollAmount[prodid]-scrollvalue[prodid] <= Math.ceil(scrollqty[prodid]*4)) scrollqty[prodid] = Math.ceil(scrollqty[prodid]/4);
else if (scrollAmount[prodid]-scrollvalue[prodid] <= scrollqty[prodid]) scrollqty[prodid] = scrollAmount[prodid]-scrollvalue[prodid];
if (scrollAmount[prodid]-scrollvalue[prodid] == 0) scrollqty[prodid] = 0;
scrollvalue[prodid] += scrollqty[prodid];
switch (scrolldirect)
{
case 0: objDIV.scrollLeft -= scrollqty[prodid]; break;
case 1: objDIV.scrollLeft += scrollqty[prodid]; break;
case 2: objDIV.scrollTop -= scrollqty[prodid]; break;
case 3: objDIV.scrollTop += scrollqty[prodid]; break;
}
if (scrollvalue[prodid] < scrollAmount[prodid])
{
scrollActive[prodid] = 1;
scrollMode[prodid] = scrolldirect;
process = window.setTimeout("scroll('"+prodid+"',"+scrolldirect+")",1);
}
else
{
scrollActive[prodid]=0;
scrollvalue[prodid] = 0;
scrollqty[prodid] = 10; // now also reset scroll qty to default incase quickjump was active.
var UpdateCnt = document.getElementById('POS'+prodid); // get UpdateCnt value.
if (UpdateCnt != null) // ifTutorial this input field is set. so now update it and auto update diz.
{
if (scrollgroup > 0) // if scrollgroup set then auto set value to current scrollgroup
UpdateCnt.value = scrollgroup;
else
if (scrolldirect==1)
{
if (Number(UpdateCnt.value) < Number(document.getElementById('MAXPOS'+prodid).value))
UpdateCnt.value = Number(UpdateCnt.value)+1;
}
else
UpdateCnt.value = Number(UpdateCnt.value)-1;
var objDIZ = document.getElementById('ptitle'+prodid); // get description object.
if (objDIZ != null) // if it is set then update it
{
if (TutDIZ[prodid][UpdateCnt.value] != null) // if tutorial array description position is set then use it else set no diz available //Number(UpdateCnt.value)
document.getElementById('ptitle'+prodid).innerHTML=TutDIZ[prodid][Number(UpdateCnt.value)];
else
document.getElementById('ptitle'+prodid).innerHTML="
A description for this picture is currently unavailable.
";
}
}
scrollgroup = 0;
}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////
// Used to provide fast navigation to a specific picture in a scroll list (ie tutorials)
//
//var hscroll = (document.all ? document.scrollLeft : window.pageXOffset);
//var vscroll = (document.all ? document.scrollTop : window.pageYOffset);
//then when you swap in the new form just scroll to those positions:
//window.scrollTo(hscroll, vscroll);
// document.Form1.scrollx.value = (document.all)?document.body.scrollLeft:window.pageXOffset;
function QuickJump(prodid,pos)
{
if (!prodid || pos <= 0) return; // nothing entered.
objDIV = document.getElementById('thumbs'+prodid); // identify object to scroll
var ScrollReq = scrollAmount[prodid]*(pos-1); // total scroll required to reach selection
var scrolldir = 0; // identify if left or right scroll is required based on current scroll state of objDIV
if (objDIV.scrollLeft > ScrollReq)
scrollAmount[prodid] = objDIV.scrollLeft - ScrollReq; //+((objDIV.scrollLeft%ScrollAmount)*ScrollAmount);
else
{
scrollAmount[prodid] = ScrollReq - objDIV.scrollLeft;
scrolldir = 1;
}
scrollgroup = pos; // set the page that was requested
scrollqty[prodid] = 100; // speed scroll to 100. it is reset after scroll() has completed by scroll().
scroll(prodid,scrolldir);
}
//////////////////////////////////////////////////////////
///////////////// DEFINE AND IDENTIFY BROWSER FOR USE IN BELOW FUNCTIONS
/////////////////////////////////////////////////////////
var browser=navigator.appName;
var b_version=navigator.appVersion;
var bversion=parseFloat(b_version);
if (browser=="Microsoft Internet Explorer")
{
if (bversion <= 4)
isitie = 1;
else
isitie = 2;
}
else
isitie = 0;
var newsrc = "";
var fn1 = 1;
var fn2 = 100;
var imgposition = "";
/////////////////////////////////////////////////////////
///////////////////// SINGLE IMAGE FADE IN/OUT (Not support multi per page)
/////////////////////////////////////////////////////////
function switchpic(imgpos, newimage)
{
imgposition = imgpos; // incase running multiple galleries on one page.
if (newsrc == newimage)
return;
if (fn1 < 1 || fn2 < 100) //if user clicks on another thumb while previous one is fading up, it causes a stutter and image doesn't fully fadein. so run checkimgstatus to sort it out
checkimgstatus();
newsrc = newimage;
fadeit();
}
function fadeit()
{
delay = 50;
fn1 = fn1 - 0.11;
fn2 = fn2 - 10;
document.images[imgposition].style.opacity =fn1;
if (isitie)
document.images[imgposition].style.filter = 'alpha(opacity='+fn2+')';
// 100803 was just fn2 now trying force above 0 to ensure it doesn't revert to negative which yields no image
if (fn2 >0)
setTimeout("fadeit()",delay);
else
{
document.images[imgposition].src = newsrc;
var pic=new Image();
if (isitie == 1)
{
pic.onload = function() {setTimeout("fadeitup()",delay);};
pic.onerror = function() {setTimeout("fadeitup()",delay);};
pic.src= newsrc;
}
else
{
pic.src= newsrc;
if(pic.complete) setTimeout("fadeitup()",delay);
else setTimeout("checkimgstatus()",delay);
}
}
}
function fadeitup()
{
delay = 50;
fn1 = fn1 + 0.11;
fn2 = fn2 + 10;
document.images[imgposition].style.opacity =fn1;
if (isitie)
document.images[imgposition].style.filter = 'alpha(opacity='+fn2+')';
if (fn2 < 100)
setTimeout("fadeitup()",delay);
}
function checkimgstatus()
{
delay = 100;
var pic=new Image(600,450);
pic.src= newsrc;
if(pic.complete) fadeitup();
else setTimeout("checkimgstatus()",delay);
}
//////////////////////////////////////////////////
////////////// BLOCK ELEMENT SLIDESHOW (module-banner mode 2) also functions as transition fadein at the same time as fadeout.
///////////////////////////////////////
function fadeID(outID,inID,slidedelay,fadespeed)
{
if(document.getElementById(outID) == null) return; // object to adjust not found so exit.
if(document.getElementById(inID) == null) return; // next object not found so exit.
if (isitie) document.getElementById(inID).style.filter = 'alpha(opacity=0)'; // make sure next element is already out of view
else document.getElementById(inID).style.opacity=0; // make sure next element is already out of view
document.getElementById(outID).style.zIndex=1;
document.getElementById(inID).style.zIndex=2;
fadenow(outID,1,100,slidedelay,fadespeed); // 1 is fadeout
fadenow(inID,0,0,slidedelay,fadespeed); // 0 is fadein
}
function fadenow(elementID,direction,pos,slidedelay,fadespeed)
{
if (fadespeed <=0 || fadespeed >=100) fadespeed = 10; // safety incase speed is incorrectly set
var element = document.getElementById(elementID);
if (direction) if (pos <= 0) return; else pos -= fadespeed;
else if (pos >= 100) return; else pos += fadespeed;
if (isitie) { element.style.filter = 'alpha(opacity='+pos+')'; }
else { element.style.opacity=(pos/100);}
setTimeout("fadenow('"+elementID+"',"+direction+","+pos+","+slidedelay+","+fadespeed+")",slidedelay);
}
//////////////////////////////////////////////////////
/////////////////// for adjusting Image descriptions (module-banner slideshow mode 9 changing images with description)
//////////////////////////////////////////////////////
function picdiz(infob, details)
{
document.getElementById(infob).innerHTML=details;
}
//*************************************************************/
//*********************************** DROP DOWN SELECTION MENUS FOR ONLINE FORMS *******************************/
/////////////////////////////////////////
// FUNCTIONS to handle search form drop downs
/////////////////////////////////////////
//document.onclick = closecurrent;
function inuse(currentsel) { currentsel.style.backgroundColor="#aaaaaa"; }
function outuse(currentsel) { currentsel.style.backgroundColor="#888888"; }
var curlist = 0; // keep track of which list is currently active
function showlist(id)
{
var same = 0;
if (curlist) { same = curlist;closecurrent();} // if a list is active then it wasn't shutdown, ie no selection made, so now close it
curlist = document.getElementById(id); // assign current selection to current list variable
if (curlist != same) // is the current selection the same as the previous selection, if yes then this is to close the current list (ie double click)
curlist.style.visibility='visible';
else
curlist = 0;
}
function makeselection(id,value,multiitem)
{
if (multiitem)
{
if (document.getElementById(id).value == "Click to Select Suburbs, Default is All") document.getElementById(id).value="";
if (document.getElementById(id).value.indexOf(value) == -1) // check if postcode exists in value already. if -1 result is no
document.getElementById(id).value += " "+value;
else
alert ("The selected suburbs postcode ( "+value+" ) is already selected. Some suburbs have the same postcode.");
}
else
document.getElementById(id).value = value;
if (curlist) // selection has been made so close list.
closecurrent();
}
function closecurrent()
{
if (curlist) // double check that curlist is valid, if yes then close it
curlist.style.visibility='hidden';
curlist = 0;
}
//*************************************************************/
//******************************************************* FLASH OBJECT ******************/
//////////////////////////
colrange = ["#ffffff","#ffffcc","#ffff99","#ffff00","#ffcc00","#ff9900","#ff6600","#ff3300","#ff0000","#dd0000","#bb0000","#990000","#770000","#550000","#330000","#000000","#330000","#550000","#770000","#990000","#bb0000","#dd0000","#ff0000","#ff3300","#ff6600","#ff9900","#ffcc00","#ffff00","#ffff00","#ffffcc","#ffffff"];
colbw = ["#ffffff","#000000","#ffffff","#000000","#ffffff"];
ct = 0;
showt=0; showp=0;
function flashany(what)
{
document.getElementById(what).style.color=colrange[ct];
if (ct >= (colrange.length-1))
{
t=setTimeout("flashit()",3000);
ct = 0;
}
else
{
ct++;
t=setTimeout("flashit()",75);
}
}
///////////////////////////////////////
////// Advertising display code. using image expanding idea.
///////////////////////////////////////
addloc = [""]; // define in module for location
addlink = ["display-product.php?pc=code"]; // define in module for link location
addinfo = ["Bout Time Software"]; // define in module for description. for html use '
var addsc = addloc.length-1; // set to length of description array -1 as counter used starts at 0 but length starts counting at 1
var t = 0; // timer
var addpos = 0; // current position
var adddelay = 2000; // slideshow delay
function slidelink() { if (addlink[addpos]) window.location=addlink[addpos];else window.location="#";}
iwid = 1; // increment width
addmaxwidth = 245; // max width to define size of container.
var lastadd = 0; // keep track of last value for quick and dirty comparison
var newaddsrc = 0; // what image is coming up next.
/////////////////////////////////////////
// function to show top slideshow
/////////////////////////////////////////
function addshow(status)
{
addsc = addloc.length-1; // reset this now to ensure that it is accurate s above addsc is upon script load where arrays are empty
if (addpos >= addsc)
addpos = 1;
else
addpos++;
newaddsrc = "images/adds/"+addloc[addpos]+"/advert.jpg"; // get new source location using fdata which is path structure
document.images['prelo'].src = newaddsrc;
iwid = 1;
t=setTimeout("growimg()",1000); // run delay first to give image time to load?
}
function addloadcheck() // not active.
{
// trying to run it back on itself if image not loaded..?
var addpic=new Image();
addpic.src= document.images['prelo'].src;
if(!addpic.complete) {alert("not loaded");t=setTimeout("growimg()",500);}
// testing new idea.
}
/////////////////////////////////////////
// function to expand image
/////////////////////////////////////////
function growimg()
{
document.images['addimg'].src = newaddsrc;
if (addinfo[addpos])
document.getElementById('addsummary').innerHTML=addinfo[addpos];
else
document.getElementById('addsummary').innerHTML="";
if (isitie == 1)
{
iwid = addmaxwidth;
waitshow();
return;
}
document.images['addimg'].width = iwid;
// moving onload to new function not active.
if (iwid <= addmaxwidth-1) // was <=
{
iwid = iwid+20; // was 30
if (iwid > addmaxwidth) iwid=addmaxwidth; // had +1 to both
t = setTimeout("growimg()",5);
}
else
{
waitshow();
}
}
/////////////////////////////////////////
// function to restart slideshow after pause
/////////////////////////////////////////
function waitshow()
{
if (iwid < addmaxwidth) // was <= . trying this instead so if image not complete. continue.
growimg();
else
t = setTimeout("addshow()",adddelay);
}
//////////////////////////
//////check status of image load
/////////////////////////
function addcheck()
{
var cstatus = 0;
var addpic=new Image(250,150);
addpic.src = newaddsrc;
if (isitie == 1)
{
if (addpic.onload) // contains value if still loading.
cstatus = 0;
else
cstatus = 1;
if (addpic.onerror) cstatus = 1; else cstatus=1; // if error skip.
}
else
{
if(addpic.complete)
cstatus = 1; //setTimeout("waitshow()",500);
}
if (cstatus)
//return;
t=setTimeout("growimg()",adddelay); // delay was adddelay now trying 100// growimg();
else
setTimeout("addcheck()",250);
}
//////////////////////////////////////////////////////////
/////////////********************* PRODUCT MANAGER DISPLAY INFORMATION BOXES ***************************//
//////////////////////////////////////////////////////////
// used to manage which box is currently displayed.
//////////////////////////
tabrange = ["Features","Specifications","Details","Options","Downloads"];
function DisplayInfo(what)
{
for (i=0; i <= tabrange.length-1; i++)
{
document.getElementById(tabrange[i]).style.display = "none";
// document.getElementById(tabrange[i]).style.visibility = 'hidden';
tabicon = "Tab"+i;
document.getElementById(tabicon).className='InfoTab';
}
tabicon = "Tab"+what;
document.getElementById(tabicon).className='InfoTabOn';
document.getElementById(tabrange[what]).style.display = "";
// document.getElementById(tabrange[what]).style.visibility = 'visible'; // visibility makes element keep it's current position in the html.
}
function TabLight(what)
{
if (document.getElementById(tabrange[what]).style.display == "") return;
tabicon = "Tab"+what;
document.getElementById(tabicon).className='InfoTabLight';
// document.getElementById(tabicon).style.backgroundColor="#5555FF";
}
function TabDark(what)
{
if (document.getElementById(tabrange[what]).style.display == "") return;
tabicon = "Tab"+what;
document.getElementById(tabicon).className='InfoTab';
// document.getElementById(tabicon).style.backgroundColor="#aaaaaa"; // background colour change fixes color and change style doesn't restore.
}
////////////////////////////////////////////////
/////////// File Download
////////////////////////////////////////////////
function filedl(from,where,what)
{
var url = "";
switch (from)
{
case 1:
url="images/news/"+where+"/"+what;
break;
case 2:
url="images/product/"+where+"/"+what;
break;
case 3:
url="images/gallery/"+what;
break;
}
if (url)
{
window.open("download.php?me="+from+"&rid="+where+"&n="+what);
// window.open(url,'Download');
}
}
////////////////// NEW download option for download.php accessed from product-insert.php and module-gallery.php
function getfile(url)
{
if (browser=="Microsoft Internet Explorer")
{
var referLink = document.createElement('a');
referLink.href = url;
document.body.appendChild(referLink);
referLink.click();
}
else
location.href = url;
}
/* offline download check. not using now, using above instead, much cleaner.
//use browser sniffing to determine if IE or Opera (ugly, but required)
var isOpera, isIE = false;
if(typeof(window.opera) != 'undefined'){isOpera = true;}
if(!isOpera && navigator.userAgent.indexOf('Internet Explorer')){isIE = true;}
//define for all browsers
function getfile(url){
location.href = url;
}
//re-define for IE
if(isIE){
function getfile(url){
var referLink = document.createElement('a');
referLink.href = url;
document.body.appendChild(referLink);
alert(referLink.href);
referLink.click();
}
}
*/
///////////////////////////////////////////////////
//////////////// Download Product page as PDF.
////////////////////////////////////////////////////
function pagedl(from,where)
{
var url = "product-pdf.php?rid="+from;
if (url && where==1)
window.open(url,'Download');
}
///////////////////////////////////////////////////
//////////////// For Catalogue hide/show of category lists
//////////////////////////////////////////////////
function expandobject(what)
{
if (document.getElementById(what).style.display == "")
document.getElementById(what).style.display = "none";
else
document.getElementById(what).style.display = "";
}
////////////////////////////////////////////////
//////// FOR FAQ SECTION HANDLING OF CAT and ANSWERS now also used for Portfolio page
///////////////////////////////////////////////
FAQCat = ["A","B"]; // these are reset and assigned via php
FAQAns = ["A","B"]; // these are reset and assigned via php
function DisplayFAQCat(what) // what is position in array
{
for (i=0; i <= FAQCat.length-1; i++)
{
if (document.getElementById(FAQCat[i]) != null) document.getElementById(FAQCat[i]).style.display = "none";
}
document.getElementById(FAQCat[what]).style.display = "";
}
function DisplayFAQAns(what) // what is actual array value not position
{
for (i=0; i <= FAQAns.length-1; i++)
{
if (document.getElementById(FAQAns[i]) !=null) document.getElementById(FAQAns[i]).style.display = "none";
}
if (!what)
document.getElementById('AnsIntro').style.display = "";
else
document.getElementById('A'+what).style.display = "";
}
////////////////////////////////////////////////////
////////// Expand option for Sitemap
////////////////////////////////////////////////////
function smexpand(section)
{
if (document.getElementById(section).style.display=="")
{
document.getElementById(section).style.display = "none";
}
else
document.getElementById(section).style.display = "";
}
var expandmax = 0;
function expandall(how)
{
for (i=1;i
////////////////////////////////////////////////////
function showhelp(htitle,what,where)
{
if (htitle == "99") return;
if (!what)
{
document.getElementById('HelpBase').style.display="none";
var details ="";
}
else
{
document.getElementById('HelpBase').style.display='';
var details = ""+ htitle +" Help
" + what + "