tag), insert the following code: <script type="text/javascript" src="/walkout/walkout.settings.js"></script> <script type="text/javascript" src="/walkout/walkout.functions.js"></script> 2) Edit this file (walkout.settings.js) to change the default configuration for the walkout video 3) Change the 'play.jpg' image in the 'walkout' folder to match the site Optional: 4) If doing a site with multiple videos, you'll need multiple configuration files for each page that a different video will be on. To do this, simply copy this file with a different name and reference inside the html (from step 2). Please make sure you set the 'cookieName' to a different value than the other configuration files. **/ /** Define video file **/ /** ================= **/ var videoFile = "JasperWalkout.flv"; //Flash Setting for Walkout Video /** Optional settings, uncomment to edit from default **/ /** ================================================= **/ var videoTop = '350px'; //CSS Positioning for Walkout Video var videoLeft = pageWidth() / 2 - 70 + 'px'; //CSS Positioning for Walkout Video var videoWidthDiv = '600px'; //DIV Setting for Walkout Video var videoHeightDiv = '600px'; //DIV Setting for Walkout Video var videoWidth = '600px'; //DIV Setting for Walkout Video var videoHeight = '420px'; //DIV Setting for Walkout Video var playButton = 'walkout/play.jpg'; //Play Button var playTop = '695px'; //CSS Positioning for Play Button var playLeft = pageWidth() / 2 + 115 + 'px'; //CSS Positioning for Play Button //var playTop = '625px'; //CSS Positioning for Play Button //var playLeft = pageWidth() / 2 + 100 + 'px'; //CSS Positioning for Play Button var flvOnClick = 'contact.php'; //URL to go to when video is clicked on var flvTarget = '_self'; //Target window to open the flvOnClick URL var flvSkin = 'walkout/SteelOverAll.swf'; //Flash Setting for Walkout Video //var flvMode = 'transparent'; //Flash Setting for Walkout Video //var flvVolume = '100'; //Flash Setting for Walkout Video //var flvBuggerTime = '4'; //Flash Setting for Walkout Video //var flvAutoPlay = 'true'; //Flash Setting for Walkout Video //var flvAutoSize = 'true'; //Flash Setting for Walkout Video //var flvAspectRatio = 'true'; //Flash Setting for Walkout Video //var flvAutoHide = 'true'; //Flash Setting for Walkout Video //var cookieName = 'DoWalkout'; //Javascript Setting for Cookies //var cookieDays = '7'; //Javascript Setting for Cookies /** ================================================= **/ /** Copyright (c) MediaMarketers.com **/ function pageWidth() {return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;} function pageHeight() {return window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;} function posLeft() {return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;} function posTop() {return typeof window.pageYOffset != 'undefined' ? window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;} function posRight() {return posLeft()+pageWidth();} function posBottom() {return posTop()+pageHeight();} function doRoll(objSelect, bolShow) { className = ""; switch(objSelect) { case "products": if( bolShow ) { $(".gasRoll").addClass('gasRoll-over'); var to0 = setTimeout("$(\".transmissionsRoll\").addClass('transmissionsRoll-over');",100); var to1 = setTimeout("$(\".dieselRoll\").addClass('dieselRoll-over');",200); var to2 = setTimeout("$(\".differentialsRoll\").addClass('differentialsRoll-over');",300); var to3 = setTimeout("$(\".performanceRoll\").addClass('performanceRoll-over');",400); var to4 = setTimeout("$(\".marineRoll\").addClass('marineRoll-over');",500); var to5 = setTimeout("$(\".alternativeRoll\").addClass('alternativeRoll-over');",600); var to6 = setTimeout("$(\".alternativeRoll\").removeClass('alternativeRoll-over');",700); var to7 = setTimeout("$(\".marineRoll\").removeClass('marineRoll-over');",800); var to8 = setTimeout("$(\".performanceRoll\").removeClass('performanceRoll-over');",900); var to9 = setTimeout("$(\".differentialsRoll\").removeClass('differentialsRoll-over');",1000); var to10 = setTimeout("$(\".dieselRoll\").removeClass('dieselRoll-over');",1100); var to11 = setTimeout("$(\".transmissionsRoll\").removeClass('transmissionsRoll-over');",1200); var to12 = setTimeout("$(\".gasRoll\").removeClass('gasRoll-over');",1300); } break; case "choose": break; case "recycling": document.getElementById("flashhome").innerHTML = '<a href="green-initiatives.php"><img id="walkout_bg" src="media/walkout-recycle.jpg" alt="" style="display:none;" width="900" height="300" /></a>'; $("#walkout_bg").fadeIn(300); break; case "warranty": document.getElementById("flashhome").innerHTML = '<a href="warranty.php"><img id="walkout_bg" src="media/walkout-warranty.jpg" alt="" style="display:none;" width="900" height="300" /></a>'; $("#walkout_bg").fadeIn(300); break; case "installer": if(bolShow) { $("#find-installer").attr("src", "images/Find An Installer-over.gif"); } else { $("#find-installer").attr("src", "images/Find An Installer.jpg"); } break; case "price": if(bolShow) { $("#btn-price").attr("src", "media/dollar-over.gif"); } else { $("#btn-price").attr("src", "media/dollar.jpg"); } break; case "videos": if(bolShow) { $("#btn-video").attr("src", "media/btn-video-over.gif"); } else { $("#btn-video").attr("src", "media/btn-video.jpg"); } break; case "navigation": if(bolShow) { $("#lowernav").addClass('lower-nav-over'); varto13 = setTimeout("$(\"#lowernav\").removeClass('lower-nav-over');", 200); varto14 = setTimeout("$(\"#lowernav\").addClass('lower-nav-over');", 400); varto15 = setTimeout("$(\"#lowernav\").removeClass('lower-nav-over');", 600); varto16 = setTimeout("$(\"#lowernav\").addClass('lower-nav-over');", 800); varto17 = setTimeout("$(\"#lowernav\").removeClass('lower-nav-over');", 1000); varto18 = setTimeout("$(\"#lowernav\").addClass('lower-nav-over');", 1200); } else { $("#lowernav").removeClass('lower-nav-over'); } break; case "fleet": if(bolShow) { $(".fleet-links").addClass('fleet-links-over'); varto19 = setTimeout("$(\".fleet-links\").removeClass('fleet-links-over');", 200); varto20 = setTimeout("$(\".fleet-links\").addClass('fleet-links-over');", 400); varto21 = setTimeout("$(\".fleet-links\").removeClass('fleet-links-over');", 600); varto22 = setTimeout("$(\".fleet-links\").addClass('fleet-links-over');", 800); varto23 = setTimeout("$(\".fleet-links\").removeClass('fleet-links-over');", 1000); varto24 = setTimeout("$(\".fleet-links\").addClass('fleet-links-over');", 1200); } else { $(".fleet-links").removeClass('fleet-links-over'); } break; } if (className != "") { if(bolShow) { $("."+className).addClass(className+'-over'); } else { $("."+className).removeClass(className+'-over'); } } }