//firedesign logo src var FD_logo_src = 'http://www.firedesign.co.nz/images/remote_footerlogo_grey.png'; //current state of firedesign logo var fireLogoStatus = 1; /* * Initialise the app. * Add mouse events to firedesign.co.nz link and insert logo to be displayed. * */ function FD_init() { FD_addEventToLink(); FD_insertLogo(); //turn off app until its had time to init FD_setFireLogoStatus.delay(0.5, 0); } /* * Add mouse event listeners to link */ function FD_addEventToLink() { var FD_link = $('firedesignlink'); FD_link.onmouseover = FD_showFireLogo; //FD_link.onmouseout = FD_hideFireLogo; } /* * Insert hidden logo ready to be showen on a mouse over */ function FD_insertLogo() { //create fire design logo img obj var FD_image = document.createElement("img"); //load image and hide it ready to used FD_image.style.display = 'none'; FD_image.style.position = 'absolute'; FD_image.style.zIndex = 9999; FD_image.src = FD_logo_src; FD_image.setAttribute('id','firedesign_footlogo'); //now we need to get the dimensions of the logo so we can position it FD_positionLogo.delay(0.5, FD_image); //insert logo into page var FD_objBody = document.getElementsByTagName('body').item(0); FD_objBody.insertBefore(FD_image, FD_objBody.firstChild); } /* * Return the location of the firedesign.co.nz link */ function FD_getLinkLocation() { var FD_link = $('firedesignlink'); var xy = FD_link.cumulativeOffset(); return xy; } /* * Return the dimensions of the fire design logo */ function FD_getImageDimensions() { var FD_image = $('firedesign_footlogo'); var FD_dim = FD_image.getDimensions(); return FD_dim; } /* * Position the logo on the page */ function FD_positionLogo(FD_image) { //get size of logo var FD_dim = FD_getImageDimensions(); //get location of link var xy = FD_getLinkLocation(); //position logo FD_image.style.top = (xy[1] - FD_dim.height + -11) + 'px'; FD_image.style.left = (xy[0] + 15) + 'px'; } function FD_showFireLogo() { if ($('firedesign_footlogo').style.display == 'none' && fireLogoStatus == 0) { new Effect.Appear('firedesign_footlogo', {duration:1.0}); fireLogoStatus = 1; FD_hideFireLogo.delay(2.0); } } function FD_hideFireLogo() { new Effect.Fade('firedesign_footlogo', {duration:1.0, delay:1.0}); FD_setFireLogoStatus.delay(1.0, 0); } function FD_setFireLogoStatus(status) { fireLogoStatus = status; } //start app, give half a second though so all position calculations are correct if ((typeof Prototype=='undefined') || (typeof Element == 'undefined') || (typeof Element.Methods=='undefined')) { document.write('