13 Replies Latest reply: Mar 11, 2012 10:32 PM by Paul-Atl RSS

    Image rotation working in template, but nowhere else

    Paul-Atl

      Hi,

      I'm relatively new to Dreamweaver.

      I have a page with some rotating images, created following a Communitymx recommendation (http://www.communitymx.com/content/article.cfm?cid=651FF).

       

      The website template (http://www.johnaverill.com/templates/main_template.dwt) seems to rotate images perfectly; however, image rotation on index.html and the others will not work.

       

      Any help or recommendations would be greatly appreciated.  Thanks, Paul

        • 1. Re: Image rotation working in template, but nowhere else
          Ken Binney CommunityMVP

          May be relevant that you have both Templates and templates on your folder and link paths.

          *nix servers are case sensitive

           

          Should all be capital T

          • 2. Re: Image rotation working in template, but nowhere else
            Paul-Atl Community Member

            Ken,

            Thank you for having a look, but so far I've not been able to find any problems with captitalization of "T".  I swapped them back and forth just to see if I could affect a change, but so far nothing.  All Templates are now capitalized.

            • 3. Re: Image rotation working in template, but nowhere else
              osgood_ CommunityMVP

              Your images folder - _images - should NOT be in your 'templates' folder. Move it to where your index.html file is located then the images will most likely rotate.

               

              Also why are you using a 'framset'???? to display the page.

              • 4. Re: Image rotation working in template, but nowhere else
                Ken Binney CommunityMVP

                Hi Osgood -

                 

                Not sure I see the -images folder in the Templates folder

                http://averill.cybersynergics.com/_images/2.jpg

                 

                I too wonder why Paul is using a 'frameset to display the page.

                • 5. Re: Image rotation working in template, but nowhere else
                  Ken Binney CommunityMVP

                  On a Windows server, case would not matter

                  • 6. Re: Image rotation working in template, but nowhere else
                    osgood_ CommunityMVP

                    Actually its more complex than above.

                     

                    The rotation script on your index.html page is NOT the same as that on your main_template.dwt file. How did you create the index.html because it certainly was not from the template file?????

                     

                    Do this, open the main_template.dwt file. Go into code view and scroll down until you find the code below:

                     

                     

                    <div class="container">

                      <div class="header">

                        <div align="center"><!-- TemplateBeginEditable name="header_image" -->

                    <body onload="preloadImgs();randomImages();">

                    <img src="../_images/1.jpg" name="rotator" width="960" height="300" id="rotator" /><!-- TemplateEndEditable -->

                     

                     

                     

                    Your opening <body> tag is NOT in the correct place in the code.

                    Cut this line: <body onload="preloadImgs();randomImages();"> and paste it back in above the 'container' opening <div> (as shown below):

                     

                     

                    body onload="preloadImgs();randomImages();">

                    <div class="container">

                      <div class="header">

                        <div align="center"><!-- TemplateBeginEditable name="header_image" -->

                    <img src="../_images/1.jpg" name="rotator" width="960" height="300" id="rotator" /><!-- TemplateEndEditable -->


                     

                    Close the main_template.dwt file.

                     

                    Now youre going to make your index.html from the main_template.dwt file.

                     

                    In Dreamweaver Design view go to >New> and select 'page from Template' from the left side column. Select your site  which will be listed and select the main_template.dwt file and press create. Save it as index_2.html into your site root folder.

                     

                    Now if you open up index_2.html and run it through a browser you should see the revolving images appear.

                     

                    Get the 'editable region' copy you need from the index.html page and paste it into index_2.html. When you've copied it over get rid of index.html and rename index_2.html to index.html.

                     

                    Get rid of the Frameset as well, it will cause you nightmares.


                     

                     


                    • 7. Re: Image rotation working in template, but nowhere else
                      osgood_ CommunityMVP

                      Ken Binney wrote:

                       

                      Hi Osgood -

                       

                      Not sure I see the -images folder in the Templates folder

                      http://averill.cybersynergics.com/_images/2.jpg

                       

                      I too wonder why Paul is using a 'frameset to display the page.

                      Hi Ken,

                       

                      Both the below urls work BUT it could be something to do with those pesky Frameset thingys which confuse everything.

                       

                       

                      http://www.johnaverill.com/templates/_images/1.jpg

                       

                      http://www.johnaverill.com/_images/1.jpg

                      • 8. Re: Image rotation working in template, but nowhere else
                        Paul-Atl Community Member

                        good point on the/templates/_images folder.  This was one of my attempts to figure out where the problem may be.  I just deleted it.

                        I will need to read up on framesets.   I am using them only because Dreamweaver set them up for me.

                        To get rid of framesets which are not needed, can I just go through the code and remove all framesets without worry?   Obviously I would begin with the main_template page.   Thank you for the tip on framesets.

                        • 9. Re: Image rotation working in template, but nowhere else
                          Paul-Atl Community Member

                          Thank you Osgood_

                          I followed your guide here.  Unfortunately it did not make the difference.   pretty sure I followed it to the T -  to the point of creating index_2.html.

                          Thank you also for the tip on removing framesets.  I will look into this.

                          • 10. Re: Image rotation working in template, but nowhere else
                            osgood_ CommunityMVP

                            Paul-Atl wrote:

                             

                            Thank you Osgood_

                            I followed your guide here.  Unfortunately it did not make the difference.   pretty sure I followed it to the T -  to the point of creating index_2.html.

                            Thank you also for the tip on removing framesets.  I will look into this.

                             

                            Don't give up, sure it will work. If your template works then ANY page made from it WILL work. Post a link to the index.html page again please.

                            • 11. Re: Image rotation working in template, but nowhere else
                              Paul-Atl Community Member

                              I really appreciate you willingness to look at this with me.

                              http://www.johnaverill.com/index.html  or

                              http://averill.cybersynergics.com/index.html

                              index.htlm:

                               

                              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                              <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/main_template.dwt" codeOutsideHTMLIsLocked="false" -->
                              <head>
                              <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                              <!-- InstanceBeginEditable name="doctitle" -->
                              <title>John Averill - Welcome</title>
                              <!-- InstanceEndEditable -->
                              <style type="text/css">
                              <!--
                              body {
                              background: #000;
                              margin: 0;
                              padding: 0;
                              color: #000;
                              font-family: Verdana, Arial, Helvetica, sans-serif;
                              font-size: 100%;
                              font-weight: normal;
                              }

                              /* ~~ Element/tag selectors ~~ */
                              ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
                              padding: 0;
                              margin: 0;
                              }
                              h1, h2, h3, h4, h5, h6, p {
                              margin-top: 0;  /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
                              padding-right: 15px;
                              padding-left: 15px;
                              }
                              a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
                              border: none;
                              }
                              /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
                              a:link {
                              color: #000;
                              text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
                              }
                              a:visited {
                              color: #000;
                              text-decoration: none;
                              }
                              a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
                              text-decoration: underline;
                              }

                              /* ~~ this fixed width container surrounds the other divs ~~ */
                              .container {
                              width: 960px;
                              background: #FFF;
                              margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
                              }

                              /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
                              .header {
                              background: #000;
                              }

                              /* ~~ This is the layout information. ~~

                              1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

                              */

                              .content {
                              font-size: 100%;
                              }

                              /* ~~ The footer ~~ */
                              .footer {
                              padding: 10px 0;
                              background: #FFF;
                              margin: 20px;
                              }

                              /* ~~ miscellaneous float/clear classes ~~ */
                              .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
                              float: right;
                              margin-left: 8px;
                              }
                              .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
                              float: left;
                              margin-right: 8px;
                              }
                              .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
                              clear:both;
                              height:0;
                              font-size: 1px;
                              line-height: 0px;
                              }
                              -->
                              </style>
                              <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
                              <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
                              <style type="text/css">
                              #maincontent {
                              width:915px;
                              height:auto;
                              z-index:1;
                              left: 114px;
                              top: 351px;
                              margin: 20px auto 0px;
                              }
                              .container .footer table tr td h6 {
                              color: #FFF;
                              }
                              </style>
                              <script type="text/javascript">

                              function MM_preloadImages() { //v3.0
                                var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
                                  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
                                  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
                              }

                              function MM_swapImgRestore() { //v3.0
                                var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
                              }

                              function MM_findObj(n, d) { //v4.01
                                var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&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&&i<d.forms.length;i++) x=d.forms[i][n];
                                for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
                                if(!x && d.getElementById) x=d.getElementById(n); return x;
                              }

                              function MM_swapImage() { //v3.0
                                var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
                                 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
                              }

                              /* pw - removed old code
                              function MM_swapImage() { //v3.0
                                var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
                                 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
                              }
                              function MM_swapImgRestore() { //v3.0
                                var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
                              }

                              function MM_preloadImages() { //v3.0
                                var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
                                  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
                                  if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
                              }
                              */

                              // Comma separated list of images to rotate
                              var imgs = new
                              Array('_images/1.jpg','_images/2.jpg','_images/3.jpg','_images/4.jpg');
                              // delay in milliseconds between image swaps 1000 = 1 second
                              var delay = 3000;
                              var counter = 0;

                               

                              function preloadImgs(){
                                 for(var i=0;i<imgs.length;i++){
                                   MM_preloadImages(imgs[i]);
                                 }
                              }

                               

                              function randomImages(){
                                 if(counter == (imgs.length)){
                                   counter = 0;
                                 }
                                 MM_swapImage('rotator', '', imgs[counter++]imgs[i]);
                                 }
                              }

                               

                              function randomImages(){
                                 if(counter == (imgs.length)){
                                   counter = 0;
                                 }
                                 MM_swapImage('rotator', '', imgs[counter++]);
                                 setTimeout('randomImages()', delay);
                              }
                              </script>
                              <!-- InstanceBeginEditable name="head" -->
                              <!-- InstanceEndEditable -->
                              </head>

                               

                              <body onload="preloadImgs();randomImages();">
                              <div class="container">
                                <div class="header">
                                  <div align="center"><!-- InstanceBeginEditable name="header_image" --><img src="_images/1.jpg" name="Image1" width="960" height="300" id="Image1" /><!-- InstanceEndEditable -->
                                    <ul id="MenuBar1" class="MenuBarHorizontal">
                                      <li><a href="index.html">Home</a></li>
                                      <li><a href="about.html">About</a></li>
                              <li><a href="partners.html">Our Underwriters</a></li>
                                <li><a href="claims.html">Claims</a></li>
                              <li><a href="markets.html">Industry Focus</a></li>
                                <li><a href="assignments.html">Assignments</a></li>
                                <li><a href="_clienttestimonials/testimonials.html">Client Testimonials</a></li>
                                <li><a href="resources.html">Resources</a></li>
                                    </ul>
                                  </div>
                                  <!-- end .header -->
                               
                                </div>
                                <div class="content">
                              <h1> </h1>
                              <!-- InstanceBeginEditable name="main_content" -->
                              <div id="maincontent">
                                <div id="maincontent2">
                                  <p><img src="_images/john_averill_bw.jpg" width="98" height="122" align="right" /></p>
                                  <p> </p>
                                  <h1><img src="_images/johncaverill.jpg" alt="" width="313" height="80" id="Image3" /></h1>
                                  <h3>Insurance  and Risk Management for Aircraft/Aerospace and Defense Companies</h3>
                              <p align="justify">Welcome, this is an online bio for John C. Averill.  This site also has a description of my capabilities, services offered and successes</p>
                                  <p align="justify">FIDUCIARY ROLE</p>
                                  <p align="justify">My team and I take our  fiduciary role as insurance brokers and risk consultants seriously. I am held  accountable to a select group of risk management professionals who have an  enormous amount of wisdom and knowledge about the property and casualty insurance  world, providing my team and me consistent guiding principles. Due to our  fiduciary role, we do not publicize our clients list but we do have several letters  from clients on file as part of this site, see Client Testimonials.</p>
                                  <p align="justify">CONFIDENCE IN THE PROCESS</p>
                                  <p align="justify">The process of  designing a risk management strategy and purchasing insurance should be  comprehensive. The focus should be on pre-engineering claims payments. You should have  total confidence in your broker and insurance company. After a claim has  occurred is not the time to second guess the dollars you spent on insurance  premiums and the commissions or fees you paid a broker. </p>
                                  <p align="justify">PHILOSOPHY</p>
                                  <p align="justify">Our philosophy and  goal is to never have a client have an uncovered claim that he / she failed to insure. We have developed   processes and procedures to determine exposures, forecast claims and efficiently  purchase the needed insurance coverage.</p>
                                  <p align="justify"><strong>SERVICES OF AEROSPACE AND DEFENSE DIVISION</strong></p>
                                  <p>Insurance Brokerage</p>
                                  <p>Risk Analysis  (Internal Risk Resource Data Base)</p>
                                  <p>Travel Risk Management  analysis</p>
                                  <p>Global Travelers Group </p>
                                  <p>Submission Preparation</p>
                                  <p>Benchmarking Analysis</p>
                                  <p>Contractual Review</p>
                                  <p>Loss Control</p>
                                  <p>Direct Access to all  major insurance companies</p>
                                  <p>Internal claims  adjustors</p>
                                  <p>Quarterly Newsletter </p>
                                </div>
                                <h1> </h1>
                              </div>
                              <!-- InstanceEndEditable -->
                              <h1> </h1>
                                </div>
                                <div class="footer">
                                  <table border="0" align="center">
                                    <tr>
                                      <td width="906" height="5" bgcolor="#004C90"><h6>Aviation News</h6></td>
                                      <td width="906" height="5" bgcolor="#004C90"><h6>News on John</h6></td>
                                      <td width="906" height="5" bgcolor="#004C90"><h6>Quick Help</h6></td>
                                    </tr>
                                    <tr>
                                      <td width="906" height="25" valign="top"><h5 align="left">
                                        <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.aero-news.net%2Fnews%2Frssfeed.xml&am p;num=3&amp;utf=y"  charset="UTF-8" type="text/javascript"></script>

                                        <noscript>
                                        <a href="View" _mce_href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.aero-news.net%2Fnews%2Frs sfeed.xml&amp;num=3&amp;utf=y&amp;html=y">View">http://feed2js.org//feed2js.php?src=http%3 A%2F%2Fwww.aero-news.net%2Fnews%2Frssfeed.xml&amp;num=3&amp;utf=y&amp;html=y">View RSS feed</a>
                                        </noscript>
                                      </h5>
                                      <p align="left">  </p></td>
                                      <td width="906" height="25" valign="top"><h5>Averill speaks at 2011 Risk and Insurance Management  Society annual conference in Vancouver on Aviation Loss Control.  </h5>
                                      <h5>Averill appointed to National Business Aviation  Association Insurance Committee. </h5></td>
                                      <td width="906" height="25" valign="top"><!-- InstanceBeginEditable name="quick_help" -->
                                        <h5 align="left"><a href="claims.html">Claims Information</a></h5>
                              <h5 align="left"><a href="contacts.html">Contact Me</a></h5>
                                      <!-- InstanceEndEditable --></td>
                                    </tr>
                                  </table>
                                  <p><img src="_images/ioa_aerospace_logo.jpg" width="150" height="70" alt="ioa_logo" /></p>
                              </div>
                                <!-- end .container --></div>
                              <script type="text/javascript">
                              var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
                              </script>
                              </body>
                              <!-- InstanceEnd --></html>

                              • 12. Re: Image rotation working in template, but nowhere else
                                osgood_ CommunityMVP

                                Your index.html HAS NOT  been made from the template file!!!!!!!!

                                 

                                This is the link to your template file (which is working, right) http://www.johnaverill.com/templates/main_template.dwt

                                 

                                 

                                For instance in the template file the <body> tag appears in the wrong place (which I informed you in the earlier post)

                                 

                                <div class="container">

                                  <div class="header">

                                    <div align="center"><!-- TemplateBeginEditable name="header_image" -->

                                <body onload="preloadImgs();randomImages();">

                                 

                                 

                                When in the index.html page the <body> tag appears in the correct place:

                                 

                                <body onload="preloadImgs();randomImages();">

                                <div class="container">

                                  <div class="header">

                                 

                                The rotating script is also different in the template file to that of the index file (which I alslo informed you about in the earlier post)

                                 

                                In your index page you have acquired an extra:

                                 

                                 

                                function randomImages(){

                                   if(counter == (imgs.length)){

                                     counter = 0;

                                   }

                                 

                                The index page cannot have been made from the template.dwt file otherwise the code would be the SAME as the template file, so the question is how are you making the index.html file?????

                                • 13. Re: Image rotation working in template, but nowhere else
                                  Paul-Atl Community Member

                                  osgood_

                                  ah, you are correct.  sorry, I didn't catch that I was i am just posting the same old apparent bad code (index.html).

                                  I did create index_2.html and rename it to index.html per your instructions of Mar 5 (i've actually done it twice now). Pictures not rotating with the index_2 or the new index.html either.  

                                  Also noticed recreating the index continues to get me the extra:

                                   

                                  function randomImages(){

                                  if(counter == (imgs.length)){

                                  counter = 0;

                                  }

                                   

                                  the template seems to be putting this in there new index for some reason.

                                   

                                  New index here:

                                  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
                                  <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/main_template.dwt" codeOutsideHTMLIsLocked="false" -->
                                  <head>
                                  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                                  <!-- InstanceBeginEditable name="doctitle" -->
                                  <title>John Averill - Welcome</title>
                                  <!-- InstanceEndEditable -->
                                  <style type="text/css">
                                  <!--
                                  body {
                                  background: #000;
                                  margin: 0;
                                  padding: 0;
                                  color: #000;
                                  font-family: Verdana, Arial, Helvetica, sans-serif;
                                  font-size: 100%;
                                  font-weight: normal;
                                  }

                                  /* ~~ Element/tag selectors ~~ */
                                  ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
                                  padding: 0;
                                  margin: 0;
                                  }
                                  h1, h2, h3, h4, h5, h6, p {
                                  margin-top: 0;  /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
                                  padding-right: 15px;
                                  padding-left: 15px;
                                  }
                                  a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
                                  border: none;
                                  }
                                  /* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
                                  a:link {
                                  color: #000;
                                  text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
                                  }
                                  a:visited {
                                  color: #000;
                                  text-decoration: none;
                                  }
                                  a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
                                  text-decoration: underline;
                                  }

                                  /* ~~ this fixed width container surrounds the other divs ~~ */
                                  .container {
                                  width: 960px;
                                  background: #FFF;
                                  margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
                                  }

                                  /* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
                                  .header {
                                  background: #000;
                                  }

                                  /* ~~ This is the layout information. ~~

                                  1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

                                  */

                                  .content {
                                  font-size: 100%;
                                  }

                                  /* ~~ The footer ~~ */
                                  .footer {
                                  padding: 10px 0;
                                  background: #FFF;
                                  margin: 20px;
                                  }

                                  /* ~~ miscellaneous float/clear classes ~~ */
                                  .fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
                                  float: right;
                                  margin-left: 8px;
                                  }
                                  .fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
                                  float: left;
                                  margin-right: 8px;
                                  }
                                  .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
                                  clear:both;
                                  height:0;
                                  font-size: 1px;
                                  line-height: 0px;
                                  }
                                  -->
                                  </style>
                                  <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
                                  <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
                                  <style type="text/css">
                                  #maincontent {
                                  width:915px;
                                  height:auto;
                                  z-index:1;
                                  left: 114px;
                                  top: 351px;
                                  margin: 20px auto 0px;
                                  }
                                  .container .footer table tr td h6 {
                                  color: #FFF;
                                  }
                                  </style>
                                  <script type="text/javascript">

                                  function MM_preloadImages() { //v3.0
                                    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
                                      var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
                                      if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
                                  }

                                  function MM_swapImgRestore() { //v3.0
                                    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
                                  }

                                  function MM_findObj(n, d) { //v4.01
                                    var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&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&&i<d.forms.length;i++) x=d.forms[i][n];
                                    for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
                                    if(!x && d.getElementById) x=d.getElementById(n); return x;
                                  }

                                  function MM_swapImage() { //v3.0
                                    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
                                     if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
                                  }

                                  /* pw - removed old code
                                  function MM_swapImage() { //v3.0
                                    var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
                                     if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
                                  }
                                  function MM_swapImgRestore() { //v3.0
                                    var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
                                  }

                                  function MM_preloadImages() { //v3.0
                                    var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
                                      var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
                                      if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
                                  }
                                  */

                                  // Comma separated list of images to rotate
                                  var imgs = new
                                  Array('_images/1.jpg','_images/2.jpg','_images/3.jpg','_images/4.jpg');
                                  // delay in milliseconds between image swaps 1000 = 1 second
                                  var delay = 3000;
                                  var counter = 0;

                                  function preloadImgs(){
                                     for(var i=0;i<imgs.length;i++){
                                       MM_preloadImages(imgs[i]);
                                     }
                                  }
                                  function randomImages(){
                                     if(counter == (imgs.length)){
                                       counter = 0;
                                     }
                                     MM_swapImage('rotator', '', imgs[counter++]imgs[i]);
                                     }
                                  }
                                  function randomImages(){
                                     if(counter == (imgs.length)){
                                       counter = 0;
                                     }
                                     MM_swapImage('rotator', '', imgs[counter++]);
                                     setTimeout('randomImages()', delay);
                                  }
                                  </script>
                                  <!-- InstanceBeginEditable name="head" -->
                                  <!-- InstanceEndEditable -->
                                  </head>

                                  <body onload="preloadImgs();randomImages();">
                                  <div class="container">
                                    <div class="header">
                                      <div align="center"><!-- InstanceBeginEditable name="header_image" -->

                                  <img src="_images/1.jpg" name="rotator" width="960" height="300" id="rotator" /><!-- InstanceEndEditable -->
                                        <ul id="MenuBar1" class="MenuBarHorizontal">
                                          <li><a href="index.html">Home</a></li>
                                          <li><a href="about.html">About</a></li>
                                  <li><a href="partners.html">Our Underwriters</a></li>
                                    <li><a href="claims.html">Claims</a></li>
                                  <li><a href="markets.html">Industry Focus</a></li>
                                    <li><a href="assignments.html">Assignments</a></li>
                                    <li><a href="_clienttestimonials/testimonials.html">Client Testimonials</a></li>
                                    <li><a href="resources.html">Resources</a></li>
                                        </ul>
                                      </div>
                                      <!-- end .header -->
                                   
                                    </div>
                                    <div class="content">
                                  <h1> </h1>
                                  <!-- InstanceBeginEditable name="main_content" -->
                                  <div id="maincontent">
                                    <p><img src="_images/john_averill_bw.jpg" alt="" width="98" height="122" align="right" /></p>
                                    <p> </p>
                                    <h1><img src="_images/johncaverill.jpg" alt="" width="313" height="80" id="Image3" /></h1>
                                    <h3>Insurance  and Risk Management for Aircraft/Aerospace and Defense Companies</h3>
                                    <p align="justify">Welcome, this is an online bio for John C. Averill.  This site also has a description of my capabilities, services offered and successes</p>
                                    <p align="justify">FIDUCIARY ROLE</p>
                                    <p align="justify">My team and I take our  fiduciary role as insurance brokers and risk consultants seriously. I am held  accountable to a select group of risk management professionals who have an  enormous amount of wisdom and knowledge about the property and casualty insurance  world, providing my team and me consistent guiding principles. Due to our  fiduciary role, we do not publicize our clients list but we do have several letters  from clients on file as part of this site, see Client Testimonials.</p>
                                    <p align="justify">CONFIDENCE IN THE PROCESS</p>
                                    <p align="justify">The process of  designing a risk management strategy and purchasing insurance should be  comprehensive. The focus should be on pre-engineering claims payments. You should have  total confidence in your broker and insurance company. After a claim has  occurred is not the time to second guess the dollars you spent on insurance  premiums and the commissions or fees you paid a broker. </p>
                                    <p align="justify">PHILOSOPHY</p>
                                    <p align="justify">Our philosophy and  goal is to never have a client have an uncovered claim that he / she failed to insure. We have developed   processes and procedures to determine exposures, forecast claims and efficiently  purchase the needed insurance coverage.</p>
                                    <p align="justify"><strong>SERVICES OF AEROSPACE AND DEFENSE DIVISION</strong></p>
                                    <p>Insurance Brokerage</p>
                                    <p>Risk Analysis  (Internal Risk Resource Data Base)</p>
                                    <p>Travel Risk Management  analysis</p>
                                    <p>Global Travelers Group </p>
                                    <p>Submission Preparation</p>
                                    <p>Benchmarking Analysis</p>
                                    <p>Contractual Review</p>
                                    <p>Loss Control</p>
                                    <p>Direct Access to all  major insurance companies</p>
                                    <p>Internal claims  adjustors</p>
                                    <p>Quarterly Newsletter </p>
                                    <h1> </h1>
                                  </div>
                                  <!-- InstanceEndEditable -->
                                  <h1> </h1>
                                    </div>
                                    <div class="footer">
                                      <table border="0" align="center">
                                        <tr>
                                          <td width="906" height="5" bgcolor="#004C90"><h6>Aviation News</h6></td>
                                          <td width="906" height="5" bgcolor="#004C90"><h6>News on John</h6></td>
                                          <td width="906" height="5" bgcolor="#004C90"><h6>Quick Help</h6></td>
                                        </tr>
                                        <tr>
                                          <td width="906" height="25" valign="top"><h5 align="left">
                                            <script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.aero-news.net%2Fnews%2Frssfeed.xml&am p;num=3&amp;utf=y"  charset="UTF-8" type="text/javascript"></script>

                                            <noscript>
                                            <a href="View" _mce_href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fwww.aero-news.net%2Fnews%2Frs sfeed.xml&amp;num=3&amp;utf=y&amp;html=y">View">http://feed2js.org//feed2js.php?src=http%3 A%2F%2Fwww.aero-news.net%2Fnews%2Frssfeed.xml&amp;num=3&amp;utf=y&amp;html=y">View RSS feed</a>
                                            </noscript>
                                          </h5>
                                          <p align="left">  </p></td>
                                          <td width="906" height="25" valign="top"><h5>Averill speaks at 2011 Risk and Insurance Management  Society annual conference in Vancouver on Aviation Loss Control.  </h5>
                                          <h5>Averill appointed to National Business Aviation  Association Insurance Committee. </h5></td>
                                          <td width="906" height="25" valign="top"><!-- InstanceBeginEditable name="quick_help" -->
                                            <h5 align="left"><a href="claims.html">Claims Information</a></h5>
                                  <h5 align="left"><a href="contacts.html">Contact Me</a></h5>
                                          <!-- InstanceEndEditable --></td>
                                        </tr>
                                      </table>
                                      <p><img src="_images/ioa_aerospace_logo.jpg" width="150" height="70" alt="ioa_logo" /></p>
                                  </div>
                                    <!-- end .container --></div>
                                  <script type="text/javascript">
                                  var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
                                  </script>
                                  </body>
                                  <!-- InstanceEnd --></html>