//top nav preload var natural = new Image(); natural.src = 'assets/home_natural.gif'; var natural_ov = new Image(); natural_ov.src = 'assets/home_natural_ov.gif'; var arch = new Image(); arch.src = 'assets/home_arch.gif'; var arch_ov = new Image(); arch_ov.src = 'assets/home_arch_ov.gif'; var abstractnav = new Image(); abstractnav.src = 'assets/home_abstract.gif'; var abstractnav_ov = new Image(); abstractnav_ov.src = 'assets/home_abstract_ov.gif'; var vehicle = new Image(); vehicle.src = 'assets/home_vehicle.gif'; var vehicle_ov = new Image(); vehicle_ov.src = 'assets/home_vehicle_ov.gif'; var nav_natural = new Image(); nav_natural.src = 'assets/nav_natural.jpg'; var nav_natural_ov = new Image(); nav_natural_ov.src = 'assets/nav_natural_ov.jpg'; var nav_arch = new Image(); nav_arch.src = 'assets/nav_arch.jpg'; var nav_arch_ov = new Image(); nav_arch_ov.src = 'assets/nav_arch_ov.jpg'; var nav_abstract = new Image(); nav_abstract.src = 'assets/nav_abstract.jpg'; var nav_abstract_ov = new Image(); nav_abstract_ov.src = 'assets/nav_abstract_ov.jpg'; var nav_vehicle = new Image(); nav_vehicle.src = 'assets/nav_vehicle.jpg'; var nav_vehicle_ov = new Image(); nav_vehicle_ov.src = 'assets/nav_vehicle_ov.jpg'; var nav_new = new Image(); nav_new.src = 'assets/nav_new.jpg'; var nav_new_ov = new Image(); nav_new_ov.src = 'assets/nav_new_ov.jpg'; var nav_commissioned = new Image(); nav_commissioned.src = 'assets/nav_commissioned.jpg'; var nav_commissioned_ov = new Image(); nav_commissioned_ov.src = 'assets/nav_commissioned_ov.jpg'; //rollover code //example - function swap(location, image) { document[location].src = eval(image + ".src"); } //Copyright COPYRIGHT = "Copyright © 2004-"; function writeCopyright() { document.write(COPYRIGHT, new Date().getFullYear(), ""); } //larger image popup window code function lgPop(img, imgName,w,h) { winWidth = w+100 winHeight = h+100 writeHeader = "" + imgName + "" writeBody = "


" + imgName + "
"; writeCloser = "
" newWindow=window.open("" + "" + "","title","scrollbars=yes,width=" + winWidth + ",height=" + winHeight + ",toolbar=no,location=no,resizable=yes,status=no,directories=no,menubar=no"); newWindow.document.open(); newWindow.document.writeln(writeHeader); newWindow.document.writeln(writeBody); newWindow.document.writeln(writeCloser); newWindow.document.close(); newWindow.window.focus(); } /************************************************************************ Copyright (C) DHTMLCentral.com This script is made by Thomas Brattli and copyrighted to DHTMLCentral.com Visit for more great scripts. Modified by: Karissa Liloc, Greg Lowe, Michael van Ouwerkerk ************************************************************************/ //Default browsercheck function lib_bwcheck(){ this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie7=(this.ver.indexOf("MSIE 7")>-1 && this.dom && !this.opera5)?1:0; this.ie8=(this.ver.indexOf("MSIE 8")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6||this.ie7 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie8 ||this.ie7 ||this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this } var bw=new lib_bwcheck() if(!bw.bw){ alert("I'm sorry some of the scripts on this page may not work with\n" + "your browser. Please update your browser and visit again.\n"); } //Variables to set //Change the placement of the gallery here sLeft=1 //The left of the menu sTop=119 //The top of the menu sMenuheight=350 //The height of the menu sArrowwidth=10 //Width of the arrows sScrollspeed=40 //Timeout in milliseconds sScrollPx=6 //Pixels to scroll per timeout //Preloads up and down images preLeft1=new Image(); preLeft1.src="assets/left.jpg" preRight1=new Image(); preRight1.src="assets/right.jpg" preLeft2=new Image(); preLeft2.src="assets/left.jpg" preRight2=new Image(); preRight2.src="assets/right.jpg" //Object constructor... function makeScrollObj(obj,nest,menu){ nest=(!nest) ? '':'document.'+nest+'.' this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+"document.layers." +obj):0; this.ref=bw.dom || bw.ie4?document:bw.ns4?this.css.document:0; this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+"document.layers." +obj):0; this.width=bw.ns4?this.css.document.width:this.evnt.offsetWidth this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0; this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight this.x=(bw.ns4 || bw.ns5)? this.css.left:this.css.pixelLeft; this.y=(bw.ns4 || bw.ns5)? this.css.top:this.css.pixelTop; this.moveIt=b_moveIt;this.moveBy=b_moveBy;this.moveX_By=b_moveX_By; this.showIt=b_showIt;this.hideIt=b_hideIt; this.clipTo=b_clipTo; this.obj = obj + "Object" eval(this.obj + "=this") return this } function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y} function b_moveBy(x,y){this.x=this.x+x; this.y=this.y+y; this.css.left=this.x; this.css.top=this.y} function b_moveX_By(x){this.x=this.x+x; this.css.left=this.x;} function b_showIt(){this.css.visibility='visible'} function b_hideIt(){this.css.visibility='hidden'} function b_clipTo(t,r,b,l){ if(bw.ns4){this.css.clip.top=t; this.css.clip.right=r; this.css.clip.bottom=b; this.css.clip.left=l} else this.css.clip="rect("+t+","+r+","+b+","+l+")"; } function makePageObj(){ this.x=0;this.x2=bw.ie && document.body.offsetWidth-20||innerWidth||0; this.y=0;this.y2=bw.ie && document.body.offsetHeight-5||innerHeight||0; if(!this.x2||!this.y2) return message('Document has no width or height') this.x50=this.x2/2;this.y50=this.y2/2; return this } //Scrolling functions var tim=0 var tim2=0 var noScroll=true var slowPx=sScrollPx var mod=0 function mLeft(){ if(!noScroll){ clearTimeout(tim2) slowPx= sScrollPx tim= setTimeout("mLeft()",sScrollspeed) oMenu.moveX_By(sScrollPx) oLeft.ref.arrowLeft.src=preLeft2.src if(sScrollPx>0 && oMenu.x>=sArrowwidth){oMenu.moveX_By(-oMenu.width/3)} else if(sScrollPx<0 && oMenu.x<=sArrowwidth-(2/3)*oMenu.width){ oMenu.moveX_By(oMenu.width/3) } } } function mRight(){ if(!noScroll){ clearTimeout(tim2) slowPx= sScrollPx tim= setTimeout("mRight()",sScrollspeed) oMenu.moveX_By(-sScrollPx) oRight.ref.arrowRight.src=preRight2.src if(sScrollPx>0 && oMenu.x<=sArrowwidth-(2/3)*oMenu.width){ oMenu.moveX_By(oMenu.width/3) } else if(sScrollPx<0 && oMenu.x>=sArrowwidth){ oMenu.moveX_By(-oMenu.width/3) } } } function slowLeft(){ clearTimeout(tim2) if(slowPx!=0){ mod++ if(sScrollPx>0 && mod%2==0) slowPx-- else if(sScrollPx<0 && mod%2==0) slowPx++ oMenu.moveX_By(slowPx) oLeft.ref.arrowRight.src=preRight1.src if(sScrollPx>0 && oMenu.x>=sArrowwidth){oMenu.moveX_By(-oMenu.width/3)} else if(sScrollPx<0 && oMenu.x<=sArrowwidth-(2/3)*oMenu.width){ oMenu.moveX_By(oMenu.width/3) } tim2= setTimeout("slowLeft()",sScrollspeed) } else{slowPx=sScrollPx} } function slowRight(){ clearTimeout(tim2) if(slowPx!=0){ mod++ if(sScrollPx>0 && mod%2==0) slowPx-- else if(sScrollPx<0 && mod%2==0) slowPx++ oMenu.moveX_By(-slowPx) oRight.ref.arrowRight.src=preRight1.src if(sScrollPx>0 && oMenu.x<=sArrowwidth-(2/3)*oMenu.width){ oMenu.moveX_By(oMenu.width/3) } else if(sScrollPx<0 && oMenu.x>=sArrowwidth){ oMenu.moveX_By(-oMenu.width/3) } tim2= setTimeout("slowRight()",sScrollspeed) } else{slowPx=sScrollPx} } //Initiating the page function init(num){ //You can change the width of the menu here. //pageWidth=(600) pageWidth=(bw.ie && document.body.offsetWidth-20||innerWidth||0)-sLeft; page=new makePageObj() oBg=new makeScrollObj('divBg') oMenu=new makeScrollObj('divMenu','divBg',1) oRight=new makeScrollObj('divRight') oLeft=new makeScrollObj('divLeft') //oRight=new makeScrollObj('divRight','divBg') //oLeft=new makeScrollObj('divLeft','divBg') //if(document.all && !bw.mac)ofadeLeft=new makeScrollObj('fadeLeft'); //if(document.all && !bw.mac)ofadeLeft.showIt(); //if(document.all && !bw.mac)ofadeRight=new makeScrollObj('fadeRight'); //if(document.all && !bw.mac)ofadeRight.showIt(); oBg.moveIt(sLeft,sTop) oMenu.moveIt(sArrowwidth-oMenu.width/100,0) //Move the arrow divs here. oRight.moveIt(pageWidth/2+55,328) //KL oLeft.moveIt(pageWidth/2-80,328) //oRight.moveIt(pageWidth-sArrowwidth,3) //oLeft.moveIt(0,3) if(bw.dom || bw.ie4 || bw.ie6 || bw.ie6){oBg.css.width=pageWidth;oBg.css.overflow="hidden"} oBg.clipTo(0,pageWidth,sMenuheight,0) oBg.showIt(); oMenu.showIt(); oRight.showIt(); oLeft.showIt(); loaded=true window.onresize=resized; } function resized(){ page2=new makePageObj() if(page2.x2!=page.x2){ location.reload() } } if(bw.bw)onload=init