/*********************************************** Brwoser Detection! ***********************************************/ var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this.searchString(this.dataOS) || "an unknown OS"; }, searchString: function (data) { for (var i=0;i0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i0? setting.displaymode.cycles : Infinity) //Total steps limit (applicable in displaymode='auto' only w/ cycles>0) setting.fglayer=0, setting.bglayer=1 //index of active and background layer (switches after each change of slide) setting.oninit=setting.oninit || function(){} setting.onslide=setting.onslide || function(){} var preloadimages=[] //preload images setting.longestdesc="" //get longest description of all slides. If no desciptions defined, variable contains "" for (var i=0; isetting.longestdesc.length) setting.longestdesc=setting.imagearray[i][3] } var closebutt=fadeSlideShow_descpanel.controls[0] //add close button to "desc" panel if descreveal="always" setting.closebutton=(setting.descreveal=="always")? '' : '' var slideshow=this jQuery(document).ready(function($){ //fire on DOM ready var setting=slideshow.setting var fullhtml=fadeSlideShow.routines.getFullHTML(setting.imagearray) //get full HTML of entire slideshow setting.$wrapperdiv=$('#'+setting.wrapperid).css({position:'relative', visibility:'visible', background:'black', overflow:'hidden', width:setting.dimensions[0], height:setting.dimensions[1]}).empty() //main slideshow DIV if (setting.$wrapperdiv.length==0){ //if no wrapper DIV found alert("Error: DIV with ID \""+setting.wrapperid+"\" not found on page.") return } setting.$gallerylayers=$('
') //two stacked DIVs to display the actual slide .css({position:'absolute', left:0, top:0, width:'100%', height:'100%', background:'black'}) .appendTo(setting.$wrapperdiv) var $loadingimg=$('') .css({left:setting.dimensions[0]/2-fadeSlideShow_descpanel.controls[2][1]/2, top:setting.dimensions[1]/2-fadeSlideShow_descpanel.controls[2][2]}) //center loading gif .appendTo(setting.$wrapperdiv) var $curimage=setting.$gallerylayers.html(fullhtml).find('img').hide().eq(setting.curimage) //prefill both layers with entire slideshow content, hide all images, and return current image if (setting.longestdesc!=""){ //if at least one slide contains a description (feature is enabled) fadeSlideShow.routines.adddescpanel($, setting) if (setting.descreveal=="always"){ //position desc panel so it's visible to begin with setting.$descpanel.css({top:setting.dimensions[1]-setting.panelheight}) setting.$descinner.click(function(e){ //asign click behavior to "close" icon if (e.target.className=="close"){ slideshow.showhidedescpanel('hide') } }) setting.$restorebutton.click(function(e){ //asign click behavior to "restore" icon slideshow.showhidedescpanel('show') $(this).css({visibility:'hidden'}) }) } else{ //display desc panel on demand (mouseover) setting.$wrapperdiv.bind('mouseenter', function(){slideshow.showhidedescpanel('show')}) setting.$wrapperdiv.bind('mouseleave', function(){slideshow.showhidedescpanel('hide')}) } } setting.$wrapperdiv.bind('mouseenter', function(){setting.ismouseover=true}) //pause slideshow mouseover setting.$wrapperdiv.bind('mouseleave', function(){setting.ismouseover=false}) if ($curimage.get(0).complete){ //accounf for IE not firing image.onload $loadingimg.hide() slideshow.paginateinit($) slideshow.showslide(setting.curimage) } else{ //initialize slideshow when first image has fully loaded $loadingimg.hide() slideshow.paginateinit($) $curimage.bind('load', function(){slideshow.showslide(setting.curimage)}) } setting.oninit.call(slideshow) //trigger oninit() event $(window).bind('unload', function(){ //clean up and persist if (slideshow.setting.persist) //remember last shown image's index fadeSlideShow.routines.setCookie("gallery-"+setting.wrapperid, setting.curimage) jQuery.each(slideshow.setting, function(k){ if (slideshow.setting[k] instanceof Array){ for (var i=0; i0? setting.curimage-1 : totalimages-1) : Math.min(keyword, totalimages-1) var $slideimage=setting.$gallerylayers.eq(setting.bglayer).find('img').hide().eq(imgindex).show() //hide all images except current one var imgdimensions=[$slideimage.width(), $slideimage.height()] //center align image $slideimage.css({marginLeft: (imgdimensions[0]>0 && imgdimensions[0]0 && imgdimensions[1]\n' : '' //hyperlink slide? layerHTML+='\n' layerHTML+=(imgelement[1])? '\n' : '' return layerHTML //return HTML for this layer }, getFullHTML:function(imagearray){ var preloadhtml=''; for (var i=0; i') .css({position:'absolute', visibility:'hidden', width:'100%', left:0, top:setting.dimensions[1], font:fadeSlideShow_descpanel.fontStyle, zIndex:'1001'}) .appendTo(setting.$wrapperdiv) $('
') //create inner nav panel DIVs .css({position:'absolute', left:0, top:0, width:setting.$descpanel.width()-8, padding:'4px'}) .eq(0).css({background:'black', opacity:0.7}).end() //"descpanelbg" div .eq(1).css({color:'white'}).html(setting.closebutton + setting.longestdesc).end() //"descpanelfg" div .appendTo(setting.$descpanel) setting.$descinner=setting.$descpanel.find('div.descpanelfg') setting.panelheight=setting.$descinner.outerHeight() setting.$descpanel.css({height:setting.panelheight}).find('div').css({height:'100%'}) if (setting.descreveal=="always"){ //create restore button setting.$restorebutton=$('') .appendTo(setting.$wrapperdiv) } }, getCookie:function(Name){ var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair if (document.cookie.match(re)) //if cookie found return document.cookie.match(re)[0].split("=")[1] //return its value return null }, setCookie:function(name, value){ document.cookie = name+"=" + value + ";path=/" } } /*********************************************** Mouseover To Change Nav Menu Images ***********************************************/ // Variables that you set var StepDelay=70; // milliseconds for each color step var TextIsFullDelay=1200; // milliseconds to pause when reaching full color var TextIsFadedDelay=1400; // milliseconds to pause when reaching faded color var hexR=0; // red value for faded color var hexG=128; // green value for faded color var hexB=178; // blue value for faded color var fR=0; // red value for faded color var fG=128; // green value for faded color var fB=178; // blue value for faded color var LowR=0; // should be the same as hexR var FullRGB=254; // rgb value for the full color (in the future this will go to 3 variables for more flexibility) var Randum=1; // go in random order (1) or numerical order (0) // Variables that need left alone var updown=1; // the direction of the color changing (1 = from faded to full, 2 = from full to faded) var QuoteNumber = -1; // the position in the Quotes & Authors arrays // Variable definitions var QuotesAre; // the Quotes array var AuthorsAre; // the Authors array var MaxNumber; // the highest number in the arrays function setupFadeQuotes() { QuotesAre[0] = "Forté Human Resources has been consistently the best vendor we have ever hired. They are honest, available, have good common sense, and listen well to our issues." QuotesAre[1] = "These people are good! There is no way we could have found a more cost-effective HR solution for our size of company." QuotesAre[2] = "The people at Forté are knowledgeable, personal and professional. They have helped us through many situations and continue to train our staff in order to avoid any HR challenges in the future. They work unobtrusively to protect us and let us get on with our work." QuotesAre[3] = "Forté Human Resources’ Safeguard System protects and keeps solid the value of our company. " QuotesAre[4] = "Forté HR has consistently met or exceeded all representations made and represents demonstrable value to our company. They stand by their stated values." QuotesAre[5] = "Good information and great customer service that is timely and on a personal level. This is a company that I feel is there for me in case the going gets rough." QuotesAre[6] = "Forté always delivers. They practice what they preach." QuotesAre[7] = "Forté has always delivered on what we requested. But what is most important are the problems they have prevented. We know, more than most, the importance of staying on top of the law." QuotesAre[8] = "Before Forté Human Resources, we didn't know quality human resource management.  The personnel at Forté HR provided us with such service that all of our staff immediately felt a sense of trust and fairness.  They were always available to us when we needed them" AuthorsAre[0] = "- High Energy Inc.
Irina Merson
President" AuthorsAre[1] = "-Bob Smith
Smith & Company
President" AuthorsAre[2] = "-Photo Stencil
Todd Woods
President" AuthorsAre[3] = "-The Cable Center
Pete Derschang
SVP and CFO" AuthorsAre[4] = "-Eating Recovery Center
Andrew Braun
Executive Director" AuthorsAre[5] = "-Lakewood Brick and Tile
Tom Murran
President"   AuthorsAre[6] = "-EZ-Filing
Marty Mohr
President" AuthorsAre[7] = "-The Legal Center
Mary Anne Harvey
Executive Director" AuthorsAre[8] = "- David Henninger
Executive Director
Bayaud Enterprises" } function setupFadeQuotesHome() { QuotesAre[0] = "Forté Human Resources has been consistently the best vendor we have ever hired. They are honest, available, have good common sense, and listen well to our issues." QuotesAre[1] = "These people are good! There is no way we could have found a more cost-effective HR solution for our size of company." QuotesAre[2] = "The people at Forté are knowledgeable, personal and professional. They have helped us through many situations and continue to train our staff in order to avoid any HR challenges in the future. They work unobtrusively to protect us and let us get on with our work." QuotesAre[3] = "Forté Human Resources’ Safeguard System protects and keeps solid the value of our company. " QuotesAre[4] = "Forté HR has consistently met or exceeded all representations made and represents demonstrable value to our company. They stand by their stated values." QuotesAre[5] = "Good information and great customer service that is timely and on a personal level. This is a company that I feel is there for me in case the going gets rough." QuotesAre[6] = "Forté always delivers. They practice what they preach." QuotesAre[7] = "Forté has always delivered on what we requested. But what is most important are the problems they have prevented. We know, more than most, the importance of staying on top of the law." QuotesAre[8] = "Before Forté Human Resources, we didn't know quality human resource management.  The personnel at Forté HR provided us with such service that all of our staff immediately felt a sense of trust and fairness.  They were always available to us when we needed them" AuthorsAre[0] = "- High Energy Inc.
Irina Merson
President" AuthorsAre[1] = "-Bob Smith
Smith & Company
President" AuthorsAre[2] = "-Photo Stencil
Todd Woods
President" AuthorsAre[3] = "-The Cable Center
Pete Derschang
SVP and CFO" AuthorsAre[4] = "-Eating Recovery Center
Andrew Braun
Executive Director" AuthorsAre[5] = "-Lakewood Brick and Tile
Tom Murran
President"   AuthorsAre[6] = "-EZ-Filing
Marty Mohr
President" AuthorsAre[7] = "-The Legal Center
Mary Anne Harvey
Executive Director" AuthorsAre[8] = "- David Henninger
Executive Director
Bayaud Enterprises" } function setFadeText() { var ilink = document.getElementById("fade_quote"); var ilink2 = document.getElementById("fade_author"); if (Randum == 1) { QuoteNumber=Math.floor(Math.random()*(QuotesAre.length)); } else { QuoteNumber +=1; if (QuoteNumber > MaxNumber) { QuoteNumber=0; } } ilink.innerHTML = QuotesAre[QuoteNumber]; ilink2.innerHTML = AuthorsAre[QuoteNumber]; } function fadetextRGB() { if (updown == 1) { if (hexR < FullRGB) { hexR += 2; hexG = (hexR * 3); hexB = (hexR * 5); if (hexR > 255) hexR=255; if (hexG > 255) hexG=255; if (hexB > 255) hexB=255; if (hexR < LowR) hexR=LowR; if (hexG < fG) hexG=fG; if (hexB < fB) hexB=fB; document.getElementById("fade_quote").style.color="rgb("+hexR+","+hexG+","+hexB+")"; document.getElementById("fade_author").style.color="rgb("+hexR+","+hexG+","+hexB+")"; setTimeout("fadetextRGB()",StepDelay); } else { updown = 2; setTimeout("fadetextRGB()",(TextIsFullDelay)); } } else { if (hexR > LowR) { hexR -= 2; hexG = (hexR * 3); hexB = (hexR * 5); if (hexR > 255) hexR=255; if (hexG > 255) hexG=255; if (hexB > 255) hexB=255; if (hexR < LowR) hexR=LowR; if (hexG < fG) hexG=fG; if (hexB < fB) hexB=fB; document.getElementById("fade_quote").style.color="rgb("+hexR+","+hexG+","+hexB+")"; document.getElementById("fade_author").style.color="rgb("+hexR+","+hexG+","+hexB+")"; setTimeout("fadetextRGB()",StepDelay); } else { updown = 1; document.getElementById("fade_quote").style.color="rgb("+fR+","+fG+","+fB+")"; document.getElementById("fade_author").style.color="rgb("+fR+","+fG+","+fB+")"; setFadeText(); setTimeout("fadetextRGB()",(TextIsFadedDelay)); } } } function StartFading(wherefrom) { QuotesAre = new Array(); AuthorsAre = new Array(); if (wherefrom=="1") { setupFadeQuotes(); } else { setupFadeQuotesHome(); } MaxNumber = QuotesAre.length-1; setFadeText(); fadetextRGB(); } /*********************************************** * AnyLink JS Drop Down Menu v2.0- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Project Page at http://dynamicindex1/dropmenuindex.htm for full source code ***********************************************/ if (typeof dd_domreadycheck=="undefined") //global variable to detect if DOM is ready var dd_domreadycheck=false var anylinkmenu={ menusmap: {}, preloadimages: [], effects: {delayhide: 200, shadow:{enabled:true, opacity:0.3, depth: [5, 5]}, fade:{enabled:true, duration:500}}, //customize menu effects dimensions: {}, getoffset:function(what, offsettype){ return (what.offsetParent)? what[offsettype]+this.getoffset(what.offsetParent, offsettype) : what[offsettype] }, getoffsetof:function(el){ el._offsets={left:this.getoffset(el, "offsetLeft"), top:this.getoffset(el, "offsetTop"), h: el.offsetHeight} }, getdimensions:function(menu){ this.dimensions={anchorw:menu.anchorobj.offsetWidth, anchorh:menu.anchorobj.offsetHeight, docwidth:(window.innerWidth ||this.standardbody.clientWidth)-20, docheight:(window.innerHeight ||this.standardbody.clientHeight)-15, docscrollx:window.pageXOffset || this.standardbody.scrollLeft, docscrolly:window.pageYOffset || this.standardbody.scrollTop } if (!this.dimensions.dropmenuw){ this.dimensions.dropmenuw=menu.dropmenu.offsetWidth this.dimensions.dropmenuh=menu.dropmenu.offsetHeight } }, isContained:function(m, e){ var e=window.event || e var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement) while (c && c!=m)try {c=c.parentNode} catch(e){c=m} if (c==m) return true else return false }, setopacity:function(el, value){ el.style.opacity=value if (typeof el.style.opacity!="string"){ //if it's not a string (ie: number instead), it means property not supported el.style.MozOpacity=value if (el.filters){ el.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity="+ value*100 +")" } } }, showmenu:function(menuid){ var menu=anylinkmenu.menusmap[menuid] clearTimeout(menu.hidetimer) this.getoffsetof(menu.anchorobj) this.getdimensions(menu) var posx=menu.anchorobj._offsets.left + (menu.orientation=="lr"? this.dimensions.anchorw : 0) //base x pos var posy=menu.anchorobj._offsets.top+this.dimensions.anchorh - (menu.orientation=="lr"? this.dimensions.anchorh : 0)//base y pos if (posx+this.dimensions.dropmenuw+this.effects.shadow.depth[0]>this.dimensions.docscrollx+this.dimensions.docwidth){ //drop left instead? posx=posx-this.dimensions.dropmenuw + (menu.orientation=="lr"? -this.dimensions.anchorw : this.dimensions.anchorw) } if (posy+this.dimensions.dropmenuh>this.dimensions.docscrolly+this.dimensions.docheight){ //drop up instead? posy=Math.max(posy-this.dimensions.dropmenuh - (menu.orientation=="lr"? -this.dimensions.anchorh : this.dimensions.anchorh), this.dimensions.docscrolly) //position above anchor or window's top edge } if (this.effects.fade.enabled){ this.setopacity(menu.dropmenu, 0) //set opacity to 0 so menu appears hidden initially if (this.effects.shadow.enabled) this.setopacity(menu.shadow, 0) //set opacity to 0 so shadow appears hidden initially } menu.dropmenu.setcss({left:posx+'px', top:posy+'px', visibility:'visible'}) if (this.effects.shadow.enabled){ menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"}) menu.shadow.setcss({left:posx+anylinkmenu.effects.shadow.depth[0]+'px', top:posy+anylinkmenu.effects.shadow.depth[1]+'px', visibility:'visible'}) } if (this.effects.fade.enabled){ clearInterval(menu.animatetimer) menu.curanimatedegree=0 menu.starttime=new Date().getTime() //get time just before animation is run menu.animatetimer=setInterval(function(){anylinkmenu.revealmenu(menuid)}, 20) } }, revealmenu:function(menuid){ var menu=anylinkmenu.menusmap[menuid] var elapsed=new Date().getTime()-menu.starttime //get time animation has run if (elapsed ' + menuobj.items[i][0] + '\n' } else { if ((BrowserDetect.browser == 'Explorer') && (BrowserDetect.version == '8')) { frag+='
  • ' + menuobj.items[i][0] + '
    • \n' } else { frag+='
  • ' + menuobj.items[i][0] + '
    • \n' } } if (menuobj.items[i][2]=="efc" || i==menuobj.items.length-1){ menucontent.push(frag) frag="" } } if (typeof menuobj.cols=="undefined") return '
      \n' + menucontent.join('') + '\n
    ' else{ frag="" for (var i=0; i\n
      \n' + menucontent[i] + '
    \n\n' } return frag } }, addEvent:function(targetarr, functionref, tasktype){ if (targetarr.length>0){ var target=targetarr.shift() if (target.addEventListener) target.addEventListener(tasktype, functionref, false) else if (target.attachEvent) target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)}) this.addEvent(targetarr, functionref, tasktype) } }, domready:function(functionref){ //based on code from the jQuery library if (dd_domreadycheck){ functionref() return } // Mozilla, Opera and webkit nightlies currently support this event if (document.addEventListener) { // Use the handy event callback document.addEventListener("DOMContentLoaded", function(){ document.removeEventListener("DOMContentLoaded", arguments.callee, false ) functionref(); dd_domreadycheck=true }, false ) } else if (document.attachEvent){ // If IE and not an iframe // continually check to see if the document is ready if ( document.documentElement.doScroll && window == window.top) (function(){ if (dd_domreadycheck) return try{ // If IE is used, use the trick by Diego Perini // http://javascript.nwbox.com/IEContentLoaded/ document.documentElement.doScroll("left") }catch(error){ setTimeout( arguments.callee, 0) return; } //and execute any waiting functions functionref(); dd_domreadycheck=true })(); } if (document.attachEvent && parent.length>0) //account for page being in IFRAME, in which above doesn't fire in IE this.addEvent(window, function(){functionref()}, "load"); }, addState:function(anchorobj, state){ if (anchorobj.getAttribute('data-image')){ var imgobj=(anchorobj.tagName=="IMG")? anchorobj : anchorobj.getElementsByTagName('img')[0] if (imgobj){ imgobj.src=(state=="add")? anchorobj.getAttribute('data-overimage') : anchorobj.getAttribute('data-image') } } else anylinkmenu.setcssclass(anchorobj, "selectedanchor", state) }, addState:function(anchorobj, state){ if (anchorobj.getAttribute('data-image')){ var imgobj=(anchorobj.tagName=="IMG")? anchorobj : anchorobj.getElementsByTagName('img')[0] if (imgobj){ imgobj.src=(state=="add")? anchorobj.getAttribute('data-overimage') : anchorobj.getAttribute('data-image') } } else anylinkmenu.setcssclass(anchorobj, "selectedanchor", state) }, setupmenu:function(targetclass, anchorobj, pos){ this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body var relattr=anchorobj.getAttribute("rel") dropmenuid=relattr.replace(/\[(\w+)\]/, '') var dropmenuvar=window[dropmenuid] //alert(dropmenuvar.items.length); var dropmenu=this.addDiv(null, dropmenuvar.divclass, dropmenuvar.inlinestyle) //create and add main sub menu DIV dropmenu.innerHTML=this.getmenuHTML(dropmenuvar) var menu=this.menusmap[targetclass+pos]={ id: targetclass+pos, anchorobj: anchorobj, dropmenu: dropmenu, revealtype: (relattr.length!=dropmenuid.length && RegExp.$1=="click")? "click" : "mouseover", orientation: anchorobj.getAttribute("rev")=="lr"? "lr" : "ud", shadow: this.addDiv(null, "anylinkshadow", null) //create and add corresponding shadow } //alert(menu.dropmenu.offsetHeight); menu.anchorobj._internalID=targetclass+pos menu.anchorobj._isanchor=true menu.dropmenu._internalID=targetclass+pos menu.shadow._internalID=targetclass+pos menu.dropmenu.setcss=this.setcss menu.shadow.setcss=this.setcss menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"}) this.setopacity(menu.shadow, this.effects.shadow.opacity) this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOVER event for anchor, dropmenu, shadow var menu=anylinkmenu.menusmap[this._internalID] if (this._isanchor && menu.revealtype=="mouseover" && !anylinkmenu.isContained(this, e)){ //event for anchor anylinkmenu.showmenu(menu.id) anylinkmenu.addState(this, "add") } else if (typeof this._isanchor=="undefined"){ //event for drop down menu and shadow clearTimeout(menu.hidetimer) } }, "mouseover") this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOUT event for anchor, dropmenu, shadow if (!anylinkmenu.isContained(this, e)){ var menu=anylinkmenu.menusmap[this._internalID] menu.hidetimer=setTimeout(function(){ anylinkmenu.addState(menu.anchorobj, "remove") anylinkmenu.hidemenu(menu.id) }, anylinkmenu.effects.delayhide) } }, "mouseout") this.addEvent([menu.anchorobj, menu.dropmenu], function(e){ //CLICK event for anchor, dropmenu var menu=anylinkmenu.menusmap[this._internalID] if ( this._isanchor && menu.revealtype=="click"){ if (menu.dropmenu.style.visibility=="visible") anylinkmenu.hidemenu(menu.id) else{ anylinkmenu.addState(this, "add") anylinkmenu.showmenu(menu.id) } if (e.preventDefault) e.preventDefault() return false } else menu.hidetimer=setTimeout(function(){anylinkmenu.hidemenu(menu.id)}, anylinkmenu.effects.delayhide) }, "click") }, init:function(targetclass){ this.domready(function(){anylinkmenu.trueinit(targetclass)}) }, trueinit:function(targetclass){ var anchors=this.getElementsByClass(targetclass) var preloadimages=this.preloadimages for (var i=0; i