-
1. Re: Image rotation working in template, but nowhere else
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
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
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
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
On a Windows server, case would not matter
-
6. Re: Image rotation working in template, but nowhere else
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
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
-
8. Re: Image rotation working in template, but nowhere else
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
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
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
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&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&num=3&utf=y&html=y">View">http://feed2js.org//feed2js.php?src=http%3 A%2F%2Fwww.aero-news.net%2Fnews%2Frssfeed.xml&num=3&utf=y&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
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
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&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&num=3&utf=y&html=y">View">http://feed2js.org//feed2js.php?src=http%3 A%2F%2Fwww.aero-news.net%2Fnews%2Frssfeed.xml&num=3&utf=y&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>
