var pageLocation = new Array()
pageLocation[0] = 'home.html';
pageLocation[1] = 'accessHitch.html';
pageLocation[2] = 'trailerHitches.html';
pageLocation[3] = 'trailerUtility.html';
pageLocation[4] = 'Part.html';
pageLocation[5] = 'Snow.html';
pageLocation[6] = 'rental.html';
pageLocation[7] = 'links.html';
pageLocation[8] = 'contact.html';
// for the banner system
theBannerNumber = 0; 
bannerURL = new Array();
bannerSRC = new Array();
theLayerID = "banner1";
topPos = "20";
leftPos = "300";
DelaySec = 5;
myWidth = 0;

function alertSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement &&
      ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return myWidth;
}

function bannerPosition()
{
theWidth = alertSize();
if(theWidth<766)
	{
	leftPos = 200;
	}
	else
	{
	leftPos = ((theWidth-766)/2)+189;
	}
return leftPos;
}



bannerURL[0] ="http://www.carlisletire.ca/";
bannerSRC[0] = "/Images/banners/carlisletirelogo.gif";
bannerURL[1] ="http://www.fisherplows.com/";
bannerSRC[1] = "/Images/banners/fisher.jpg";
bannerURL[2] ="http://www.meyerproducts.com/";
bannerSRC[2] = "/Images/banners/meyer.jpg";
bannerURL[3] ="http://www.canadatrailers.com/";
bannerSRC[3] = "/Images/banners/canadatrailer.jpg";
bannerURL[4] ="http://www.idealtrailer.com/";
bannerSRC[4] = "/Images/banners/idealcargo.jpg";

// <DIV  id="banner1" style="position:absolute; width:200px; height:54px; z-index:1; left: 534px; top: 13px;"><a href="" id="theHref" border=0><img id="theImage" src="thetirewarehouse.gif"></DIV>
document.write("<DIV  id=\"banner1\" style=\"position:absolute; width:200px; height:54px; z-index:1; left: 534px; top: 13px;\"><a href=\"\" id=\"theHref\" border=0><img id=\"theImage\" border=0 src=\"/Images/spacer.gif\"></DIV>");

var content = new Array()
if(lang.toUpperCase() == "EN")
	{
	content[0] = '<p><a href="1" class="SideNav">link1</a><br><a href="2" class="SideNav">Link2</a><br><a  href="3" class="SideNav">link3</a><br><a  href="5" class="SideNav">link5</a></p>';
	content[1] = '<ul><li class="sidelist"><a href="accessHitch.html" class="SideNav">Hitch</a></li>  <li class="sidelist">    <a href="accessTrailer.html" class="SideNav">Trailer</a></li>  <li class="sidelist">    <a href="accessTire.html" class="SideNav">Tires</a></li>    <li class="sidelist"><a href="accessBackracks.html" class="SideNav">Back Racks</a></li>  <li class="sidelist">    <a href="accessStorage.html" class="SideNav">Storage</a></li></ul>';
	content[2] = '<ul>  <li class="sidelist"><a href="trailerHitches.html" class="SideNav">Hitch</a></li> <li class="sidelist">    <a href="trailer5wheel.html" class="SideNav">5th Wheel</a><br>  </li> <li class="sidelist">    <a href="trailerHitchWeight.html" class="SideNav">Weight Distrib.</a></li>  <li class="sidelist">    <a href="trailerHitchBike.html" class="SideNav">Bike</a></li>  <li class="sidelist">    <a href="trailerHitchCargo.html" class="SideNav">Cargo</a><br>  </li></ul></ul>';
	content[3] = '<ul> <li class="sidelist"><a href="trailerUtility.html" class="SideNav">Utility</a></li>    <li class="sidelist"> <a href="trailerEnclosed.html" class="SideNav">Enclosed</a></li>  <li class="sidelist"><a href="trailerLandscape.html" class="SideNav">Landscaper</a></li>  <li class="sidelist"> <a href="trailerFlatBed.html" class="SideNav">Flat Bed</a></li>  <li class="sidelist"><a href="trailerDump.html" class="SideNav">Dump</a></li>  <li class="sidelist"><a href="trailerSnowMobile.html" class="SideNav">Snow Mobile</a></li>  <li class="sidelist"><a href="trailerATV.html" class="SideNav">ATV</a></li></li>  <li class="sidelist"><a href="customWork.html" class="SideNav">Custom Work</a></li> </ul>';	
	content[4] = '<ul> <li class="sidelist"><a href="accessTire.html" class="SideNav">Tires</a></li>	<li class="sidelist">    <a href="Part.html" class="SideNav">Parts</a></li>';
	content[5] = '<ul>  <li class="sidelist"><a href="AccessSnowFisher.html" class="SideNav">Fisher</a></li>      <li class="sidelist"><a href="AccessSnowMeyer.html" class="SideNav"> Meyers  </a></li>';
	content[6] = 'Rentals';
	content[7] = 'Links';
	content[8] = 'Contact';
	}
	else
	{
	content[0] = '<p><a href="1" class="SideNav">link1</a><br><a href="2" class="SideNav">Link2</a><br><a  href="3" class="SideNav">link3</a><br><a  href="5" class="SideNav">link5</a></p>';
	content[1] = '<ul>  <li class="sidelist"><a href="accessHitch.html" class="SideNav">Attache</a></li>  <li class="sidelist">    <a href="accessTrailer.html" class="SideNav">Remorque</a></li>    <li class="sidelist">    <a href="accessTire.html" class="SideNav">Pneus</a></li>      <li class="sidelist"><a href="accessBackracks.html" class="SideNav">Support    arri&egrave;re</a></li>    <li class="sidelist">    <a href="accessStorage.html" class="SideNav">Rangement</a></li>  </ul>';
	content[2] = '<ul>  <li class="sidelist"><a href="trailerHitches.html" class="SideNav">Attache</a></li><li class="sidelist">    <a href="trailer5wheel.html" class="SideNav">A  Sellette</a><br>  </li> <li class="sidelist">    <a href="trailerHitchWeight.html" class="SideNav">Barre de <br> Torsion </a></li>  <li class="sidelist">    <a href="trailerHitchBike.html" class="SideNav">V&eacute;lo </a></li>  <li class="sidelist">    <a href="trailerHitchCargo.html" class="SideNav">Cargo</a><br>  </li></ul>';
	content[3] = '<ul> <li class="sidelist"><a href="trailerUtility.html" class="SideNav">Utilitaire</a></li>      <li class="sidelist"> <a href="trailerEnclosed.html" class="SideNav">Remorque <br>ferm&eacute;e</a></li>    <li class="sidelist"><a href="trailerLandscape.html" class="SideNav">Paysagement</a></li>    <li class="sidelist"> <a href="trailerFlatBed.html" class="SideNav">Plateforme</a></li>    <li class="sidelist"><a href="trailerDump.html" class="SideNav">Dompeur</a></li>    <li class="sidelist"><a href="trailerSnowMobile.html" class="SideNav">Motoneige</a></li>    <li class="sidelist"><a href="trailerATV.html" class="SideNav">VTT </a></li>  <li class="sidelist"><a href="customWork.html" class="SideNav">Fabrication  <br>sur mesure</a></li> </ul>';	
	content[4] = '<ul> <li class="sidelist"><a href="accessTire.html" class="SideNav">Pneus</a></li><li class="sidelist">    <a href="Part.html" class="SideNav">Pi&egrave;ces</a></li>';
	content[5] = '<ul>  <li class="sidelist"><a href="AccessSnowFisher.html" class="SideNav">Fisher</a></li>      <li class="sidelist"><a href="AccessSnowMeyer.html" class="SideNav"> Meyers  </a></li>';
	content[6] = 'Rentals';
	content[7] = 'Links';
	content[8] = 'Contact';
	}

var locationTitle = new Array()
if(lang.toUpperCase() == "EN")
	{
	locationTitle[0] = 'Home';
	locationTitle[1] = 'Accessories';
	locationTitle[2] = 'Trailer Hitch';
	locationTitle[3] = 'Trailers';
	locationTitle[4] = 'Part';
	locationTitle[5] = 'snow';
	locationTitle[6] = 'Rentals';
	locationTitle[7] = 'Links';
	locationTitle[8] = 'Contact';
	}
	else
	{
	locationTitle[0] = 'Acceill';
	locationTitle[1] = 'Accessoires';
	locationTitle[2] = 'Attche Remorque';
	locationTitle[3] = 'Remorque';
	locationTitle[4] = 'Part';
	locationTitle[5] = 'snow';
	locationTitle[6] = 'Rentals';
	locationTitle[7] = 'Links';
	locationTitle[8] = 'Contact';
	}
document.title = locationTitle[locationID];

if(lang.toUpperCase() == "EN")
	{
defaultImg = new Array('../Images/E_Home_G.jpg',
									'../Images/E_ACC_G.jpg',
									'../Images/E_TRA_G.jpg',
									'../Images/E_TRAILER_G.jpg',
									'../Images/E_PARTs_G.jpg',
									'../Images/E_SNOW_G.jpg',
									'../Images/E_RENTALS_G.jpg',
									'../Images/E_LINKS_G.jpg',
									'../Images/E_CONTACT_G.jpg'
									   );
									   
mouseOverImg = new Array('../Images/E_Home_O.jpg',
									'../Images/E_ACC_O.jpg',
									'../Images/E_TRA_O.jpg',
									'../Images/E_TRAIlER_O.jpg',
									'../Images/E_PARTs_O.jpg',
									'../Images/E_SNOW_O.jpg',
									'../Images/E_RENTALS_O.jpg',
									'../Images/E_LINKS_O.jpg',
									'../Images/E_CONTACT_O.jpg'
									   );
											
selectedImg = new Array('../Images/E_Home_B.jpg',
									'../Images/E_ACC_B.jpg',
									'../Images/E_TRA_B.jpg',
									'../Images/E_TRAILER_B.jpg',
									'../Images/E_PARTs_B.jpg',
									'../Images/E_SNOW_B.jpg',
									'../Images/E_RENTALS_B.jpg',
									'../Images/E_LINKS_B.jpg',
									'../Images/E_CONTACT_B.jpg'
									   );
	}
	else
	{
defaultImg = new Array('../Images/F_Home_G.jpg',
									'../Images/F_ACC_G.jpg',
									'../Images/F_TRA_G.jpg',
									'../Images/F_TRAILER_G.jpg',
									'../Images/F_PARTs_G.jpg',
									'../Images/F_SNOW_G.jpg',
									'../Images/F_RENTALS_G.jpg',
									'../Images/F_LINKS_G.jpg',
									'../Images/F_CONTACT_G.jpg'
									   );

mouseOverImg = new Array('../Images/F_Home_O.jpg',
									'../Images/F_ACC_O.jpg',
									'../Images/F_TRA_O.jpg',
									'../Images/F_TRAILER_O.jpg',
									'../Images/F_PARTs_O.jpg',
									'../Images/F_SNOW_O.jpg',
									'../Images/F_RENTALS_O.jpg',
									'../Images/F_LINKS_O.jpg',
									'../Images/F_CONTACT_O.jpg'
									   );
selectedImg = new Array('../Images/F_Home_B.jpg',
									
									'../Images/F_ACC_B.jpg',
									'../Images/F_TRA_B.jpg',
									'../Images/F_TRAILER_B.jpg',
									'../Images/F_PARTs_B.jpg',
									'../Images/F_SNOW_B.jpg',
									'../Images/F_RENTALS_B.jpg',
									'../Images/F_LINKS_B.jpg',
									'../Images/F_CONTACT_B.jpg'
									   );
	}									   

function PreLoadImages()
{
	Images = new Array();
	a = 0;
    for (var i = 0; i < 8; i++)
       	{
         Images[a] = new Image();
         Images[a].src = defaultImg[i];
	     a++;
         }
	for (var i = 0; i < 8; i++)
       	{
         Images[a] = new Image();
         Images[a].src = mouseOverImg[i];
         a++;
         }
	for (var i = 0; i < 8; i++)
       	{
         Images[a] = new Image();
         Images[a].src = selectedImg[i];
		 a++;
        }
}

function rollOver(id)
	{
	//alert(document.getElementById(id).src+":"+mouseOverImg[id]);
	if(id!=locationID){
		document.getElementById(id).src = mouseOverImg[id];
		}
	}
function rollOut(id)
{
	if(id!=locationID)
		{
		document.getElementById(id).src = defaultImg[id];
		}
}
function currentSection(id)
{
	document.getElementById(id).src = selectedImg[id];
}


function sideNav(ID,imageName)
{

document.write('<table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td><img src=\"../Images/'+imageName+'" width=\"126\" height=\"26\"></td></tr><tr><td background=\"../Images/SMiddleBg.jpg\">'+content[ID]+'</td></tr><tr><td><img src=\"../Images/SBottom.jpg\" width=\"126\" height=\"23\"></td></tr></table>');
}

function changeLang(language,location)
{
if(language==1)
	{
	document.location.href="../EN/"+location;
	}
if(language==0)	
	{
	document.location.href="../FR/"+location;
	}
}

function switchBanner()
{
leftPos = bannerPosition();
theCount = bannerURL.length;
document.getElementById(theLayerID).style.top = topPos;
document.getElementById(theLayerID).style.left = leftPos;

if(theCount == theBannerNumber)
	{
	theBannerNumber = 0;	
	document.getElementById("theImage").src = bannerSRC[theBannerNumber];
	document.getElementById("theHref").href = bannerURL[theBannerNumber];
	}
	else
	{
	document.getElementById("theImage").src = bannerSRC[theBannerNumber];
	document.getElementById("theHref").href = bannerURL[theBannerNumber];
	theBannerNumber++;
	}	
}

setTimeout("waitToInit()",2000); 

function waitToInit()
{
myWidth = alertSize();
bannerPosition(myWidth);
switchBanner();
self.setInterval('switchBanner()', (DelaySec*1000));

}










