Traffic Management Signs/title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <link href="style.css" rel="stylesheet" type="text/css" /> <link href="layout.css" rel="stylesheet" type="text/css" />  <script type="text/javascript"> /*********************************************** * Ultimate Fade-In Slideshow (v1.51): � Dynamic Drive (http://www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for this script and 100s more. ***********************************************/ var fadeimages=new Array() //SET IMAGE PATHS. Extend or contract array as needed fadeimages[0]=["products/signs/Signs/photo1.jpg", "", ""] //plain image syntax var fadebgcolor="white" ////NO need to edit beyond here///////////// var fadearray=new Array() //array to cache fadeshow instances var fadeclear=new Array() //array to cache corresponding clearinterval pointers var dom=(document.getElementById) //modern dom browsers var iebrowser=document.all function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){ this.pausecheck=pause this.mouseovercheck=0 this.delay=delay this.degree=10 //initial opacity degree (10%) this.curimageindex=0 this.nextimageindex=1 fadearray[fadearray.length]=this this.slideshowid=fadearray.length-1 this.canvasbase="canvas"+this.slideshowid this.curcanvas=this.canvasbase+"_0" if (typeof displayorder!="undefined") theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :) this.theimages=theimages this.imageborder=parseInt(borderwidth) this.postimages=new Array() //preload images for (p=0;p<theimages.length;p++){ this.postimages[p]=new Image() this.postimages[p].src=theimages[p][0] } var fadewidth=fadewidth+this.imageborder*2 var fadeheight=fadeheight+this.imageborder*2 if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox) document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>') else document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>') if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox this.startit() else{ this.curimageindex++ setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay) } } function fadepic(obj){ if (obj.degree<100){ obj.degree+=10 if (obj.tempobj.filters&&obj.tempobj.filters[0]){ if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+ obj.tempobj.filters[0].opacity=obj.degree else //else if IE5.5- obj.tempobj.style.filter="alpha(opacity="+obj.degree+")" } else if (obj.tempobj.style.MozOpacity) obj.tempobj.style.MozOpacity=obj.degree/101 else if (obj.tempobj.style.KhtmlOpacity) obj.tempobj.style.KhtmlOpacity=obj.degree/100 else if (obj.tempobj.style.opacity&&!obj.tempobj.filters) obj.tempobj.style.opacity=obj.degree/101 } else{ clearInterval(fadeclear[obj.slideshowid]) obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1" obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas) obj.populateslide(obj.tempobj, obj.nextimageindex) obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0 setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay) } } fadeshow.prototype.populateslide=function(picobj, picindex){ var slideHTML="" if (this.theimages[picindex][1]!="") //if associated link exists for image slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">' slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">' if (this.theimages[picindex][1]!="") //if associated link exists for image slideHTML+='</a>' picobj.innerHTML=slideHTML } fadeshow.prototype.rotateimage=function(){ if (this.pausecheck==1) //if pause onMouseover enabled, cache object var cacheobj=this if (this.mouseovercheck==1) setTimeout(function(){cacheobj.rotateimage()}, 100) else if (iebrowser&&dom||dom){ this.resetit() var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) crossobj.style.zIndex++ fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50) this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0" } else{ var ns4imgobj=document.images['defaultslide'+this.slideshowid] ns4imgobj.src=this.postimages[this.curimageindex].src } this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0 } fadeshow.prototype.resetit=function(){ this.degree=10 var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) if (crossobj.filters&&crossobj.filters[0]){ if (typeof crossobj.filters[0].opacity=="number") //if IE6+ crossobj.filters(0).opacity=this.degree else //else if IE5.5- crossobj.style.filter="alpha(opacity="+this.degree+")" } else if (crossobj.style.MozOpacity) crossobj.style.MozOpacity=this.degree/101 else if (crossobj.style.KhtmlOpacity) crossobj.style.KhtmlOpacity=this.degree/100 else if (crossobj.style.opacity&&!crossobj.filters) crossobj.style.opacity=this.degree/101 } fadeshow.prototype.startit=function(){ var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas) this.populateslide(crossobj, this.curimageindex) if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER var cacheobj=this var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid) crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1} crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0} } this.rotateimage() } </script> </head> <body id="page1"> <div id="main">  <div id="header"> <div class="row-1"> <div class="fleft"><a href="index.html"><img src="images/logo.gif" alt="" /></a></div> <div class="fright"><img src="images/phone.jpg" alt="phone 01-6674322" />Ph: 01-667 4322</div> </div> <div class="row-2"> <ul class="site-nav"> <li class="first"><a href="index.html"><span>About us</span></a></li> <li><a href="services.php"><span>Services</span></a></li> <li><a href="products.php" class="act"><span>Products</span></a></li> <li><a href="equipment.php"><span>Equipment</span></a></li> <li><a href="cad.php"><span>CAD Design</span></a></li> <li><a href="healthsafety.php"><span>Health & Safety</span></a></li> <li><a href="news.php"><span>Newsletter</span></a></li> <li><a href="training.php"><span>Training</span></a></li> <li class="last"><a href="contact.php"><span>Contact Us</span></a></li> </ul> </div> </div>  <div id="content"> <div class="cont-box"> <div class="left-top-corner"> <div class="right-top-corner"> <div class="border-top"></div> </div> </div> <div class="border-right png"> <div class="border-left png"> <div class="xcontent"> <div class="left-top-corner"> <div class="right-top-corner"> <div class="inner"> <div class="indent"> <div class="row-1"> <div class="container"> <div class="col-1"> <script type="text/javascript"> //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder) new fadeshow(fadeimages, 535, 242, 0, 3000, 1) </script> </div> <div class="col-2"> <div class="title"><img src="images/1page-title1.gif" alt="" /></div> <p class="txt1"></p> <div class="wrapper"></div> </div> </div> </div> </div> <div class="row-2"> <div class="title1"><img src="images/1page-title2.gif" alt="" /></div> <div class="wrapper"> <div class="col-1"><img src="images/1page-img2.gif" alt="" /></div> <div class="col-2"> <h3>Traffic Management Signs</h3> <p class="p1">We can also manufacture signs to Chapter 8 specification and can create site specific signage when required</p> <p class="p2">See below for a sample of the type of sign we can provide </p> <img src="products/signs/1KM.jpg" /> <img src="products/signs/200M.jpg" /> <img src="products/signs/2KM.jpg" /> <img src="products/signs/400M.jpg" /> <img src="products/signs/4_10.jpg" /> <img src="products/signs/4_12L.jpg" /> <img src="products/signs/4_12R.jpg" /> <img src="products/signs/4_15.jpg" /> <img src="products/signs/4_16.jpg" /> <img src="products/signs/4_9.jpg" /> <img src="products/signs/5_10.jpg" /> <img src="products/signs/5_11.jpg" /> <img src="products/signs/5_12.jpg" /> <img src="products/signs/5_13.jpg" /> <img src="products/signs/5_14.jpg" /> <img src="products/signs/5_15.jpg" /> <img src="products/signs/5_16.jpg" /> <img src="products/signs/5_2.jpg" /> <img src="products/signs/5_22.jpg" /> <img src="products/signs/5_25.jpg" /> <img src="products/signs/5_3.jpg" /> <img src="products/signs/5_47.jpg" /> <img src="products/signs/5_5.jpg" /> <img src="products/signs/5_6.jpg" /> <img src="products/signs/5_7.jpg" /> <img src="products/signs/5_8.jpg" /> <img src="products/signs/5_9.jpg" /> <img src="products/signs/600M.jpg" /> <img src="products/signs/800M.jpg" /> <img src="products/signs/8_1.jpg" /> <img src="products/signs/8_10A.jpg" /> <img src="products/signs/8_10B.jpg" /> <img src="products/signs/8_16E.jpg" /> <img src="products/signs/8_18.jpg" /> <img src="products/signs/8_2.jpg" /> <img src="products/signs/8_25.jpg" /> <img src="products/signs/8_28L.jpg" /> <img src="products/signs/8_28R.jpg" /> <img src="products/signs/8_3.jpg" /> <img src="products/signs/8_30.jpg" /> <img src="products/signs/8_32.jpg" /> <img src="products/signs/8_33.jpg" /> <img src="products/signs/8_34.jpg" /> <img src="products/signs/8_35AL.jpg" /> <img src="products/signs/8_35AR.jpg" /> <img src="products/signs/8_35L.jpg" /> <img src="products/signs/8_35R.jpg" /> <img src="products/signs/8_36L.jpg" /> <img src="products/signs/8_36R.jpg" /> <img src="products/signs/8_4.jpg" /> <img src="products/signs/8_5.jpg" /> <img src="products/signs/8_6.jpg" /> <img src="products/signs/8_7.jpg" /> <img src="products/signs/8_8.jpg" /> <img src="products/signs/8_9.jpg" /> <img src="products/signs/Arrow_left.jpg" /> <img src="products/signs/Arrow_right.jpg" /> <img src="products/signs/Crioch_End.jpg" /> <div class="wrapper"></div> </div> </div> </div> </div> <div class="row-3"> <div class="box"> <div class="border-top"> <div class="inner"> <div class="divider png"> <div class="wrapper divider1 png"> <div class="col-1"> <div class="img-box"><img src="images/1page-img3.jpg" alt="" /> <h4><a href="services.php">Services</a></h4> <p>GKTM can provide a vast array of traffic related services. These are the tools you need to get the job done, such as; semi static lane closures, stop & go, diversion routes, contraflows and mobile lane closures. Please click below for a full description of the packages we can provide. <a href="services.php">more</a></p> </div> </div> <div class="col-2"> <div class="img-box"><img src="images/1page-img4.jpg" alt="" /> <h4><a href="products.php">Products</a></h4> <p>From the vast experience of our senior staff, GKTM has identified the best products available in the market and set up agency agreements with manufacturers to be able to bring them to you at an extremely competitive price. We can also manufacture signs to Chapter 8 specification and can create site specific signage when required. Please click below for a full description of the products we can provide..<a href="products.php">more</a></p> </div> </div> <div class="col-3"> <div class="img-box"><img src="images/1page-img5.jpg" alt="" /> <h4><a href="equipment.php">Equipment</a></h4> <p>As a service company, GKTM has spent a lot of time testing and using the equipment that we carry. This means you are not getting the cheapest available, but the best for the price, taking into consideration; usability, quality, performance and life span. The best example of this is our new temporary pedestrian crossing lights that can easily be integrated with our vehicle actuated traffic lights to create a complete traffic and pedestrian control system. Please click below for a full description of the products we can provide.<a href="equipment.php">more</a></p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>  <div id="footer"> <div class="footer-box"> <div class="left png"> <div class="right png"> <div class="tail"> <div class="inner"> <ul class="footer-nav"> <li class="first"><a href="index.html" class="act"><span>About us</span></a></li> <li><a href="services.php"><span>Services</span></a></li> <li><a href="products.php"><span>Products</span></a></li> <li><a href="equipment.php"><span>Equipment</span></a></li> <li><a href="cad.php"><span>CAD Design</span></a></li> <li><a href="healthsafety.php"><span>Health & Safety</span></a></li> <li><a href="news.php"><span>Newsletter</span></a></li> <li><a href="training.php"><span>Training</span></a></li> <li class="last"><a href="contact.php"><span>Contact Us</span></a></li> </ul> <p>GK Traffic Management © 2009 | <a href="index.html">Privacy Policy</a></p> </div> </div> </div> </div> </div> </div> </div> </body> </html>