var highestZIndex = 1000;
var browser=navigator.appName;
var b_version=navigator.appVersion;
var version=parseFloat(b_version);
var callOutON = '1';
var bgImages = new Array();
  bgImages[0]="images/callOutWelcome.png";
  bgImages[1]="images/callOutContactAug.png";
  bgImages[2]="images/callOutClients.png";
  bgImages[3]="images/callOutBackfat.png";
  bgImages[4]="images/callOutAbout.png";
	bgImages[5]="images/callOutNarrowShortDown.png";
	bgImages[6]="images/callOutNarrowShortDownLeft.png";
	bgImages[7]="images/callOutNarrowMedDown.png";	
  bgImages[8]="images/callOutNarrowMedDownLeft.png";
  bgImages[9]="images/callOutNarrowLongDownLeft.png";
  bgImages[10]="images/callOutNarrowLongDown.png";  
	bgImages[11]="images/callOutWelcome.gif";
  bgImages[12]="images/callOutClients.gif";
  bgImages[13]="images/callOutBackfat.gif";
  bgImages[14]="images/callOutAbout.gif";
  bgImages[15]="images/callOutContactAug.gif";
	bgImages[16]="images/callOutNarrowShortDown.gif";
	bgImages[17]="images/callOutNarrowShortDownLeft.gif";
	bgImages[18]="images/callOutNarrowMedDown.gif";	
  bgImages[19]="images/callOutNarrowMedDownLeft.gif";
  bgImages[20]="images/callOutNarrowLongDownLeft.gif";
  bgImages[21]="images/callOutNarrowLongDown.gif";
var total=bgImages.length;
var now=0;

function runOnloadEvent() {
	_('content').style.display = 'block';
  _('preloadHeader').style.display = 'none';
}

function preloadImages() {
  var imgPreload=new Array();
  for(i=0;i<bgImages.length;i++) {
    imgPreload[i]=new Image();
    imgPreload[i].onload=function() {
      now++;
      if (now==total)
        runOnloadEvent();
      }
    imgPreload[i].src = bgImages[i];
  };
}


function writeRuler() {
	var contentHeight = Element.getHeight('content'); 
	_('rulerDiv').style.height = contentHeight;
	var rulerContent = '<a href="#header">';
	var dpi = 72;
	for (i=0; i<contentHeight; i++) {
		if (i%dpi == 0) {
			ourNum = i/72;
			if (ourNum < 10) {
				inchMark = '0' + ourNum;
			}
			else {
				inchMark = ourNum;
			}
			if (inchMark != '00') {
				rulerContent += '&mdash; '+ inchMark +'<br/>';
			}
		}
		else if (i%6==0) {
			rulerContent += '&ndash;<br/>';
		}
		else {
			rulerContent += '';
		}
		
	}
	rulerContent += '</a>';
	_('rulerDiv').innerHTML = rulerContent;
}
function hideCallOut(callOutNum) {
	if (callOutNum == '1' || callOutNum == '2' || callOutNum == '3' || callOutNum == '4' || callOutNum == '5' || callOutNum == '10' || callOutNum == '35' || callOutNum == '13' || callOutNum == '17' || callOutNum == '19' || callOutNum == '20' || callOutNum == '24') {
		_(callOutNum).style.left = '-1500px';
	}
	else {
		_(callOutNum).style.display = 'none';
	}
}
function clearCallIn(callInNum)
{
	var codeString = 'window.clearTimeout(timeoutId' + callInNum + ')';
	eval(codeString);
  
}
function callOut(callOutNum, newMarginLeft, newMarginTop) {
  if (callOutON == '1' || callOutON == '2' || callOutON == '3' || callOutON == '4' || callOutON == '5' || callOutON == '10' || callOutON == '35' || callOutON == '13' || callOutON == '17' || callOutON == '19' || callOutON == '20' || callOutON == '24') {
    _(callOutON).style.left = '-1500px';
  }
  else {
    _(callOutON).style.display = 'none';
    }
	if (!newMarginLeft) {
		_(callOutNum).style.display = 'block';
	}
	if (newMarginLeft) {
		newMarginLeft = newMarginLeft + 'px';
		_(callOutNum).style.left = newMarginLeft;
		if (newMarginTop) {
			newMarginTop = newMarginTop + 'px';
			_(callOutNum).style.top = newMarginTop;
		}
	}
  
  _(callOutNum).style.zIndex = highestZIndex;
	callOutON = callOutNum;
  highestZIndex = highestZIndex + 1;		
	timeOutName = eval('window.timeoutId'+callOutNum);
	if (timeOutName) {
		clearCallIn(callOutNum);
	}
}
function callIn(callOutNum) {
	var codeString = 'window.timeoutId' +callOutNum + ' = setTimeout("hideCallOut(\''+callOutNum+'\')",700)';
	eval(codeString);
}
function ieSwapBg() {
	if ((browser == 'Microsoft Internet Explorer') && (!window.XMLHttpRequest)) {
		_('1').className = 'callOut welcome welcomeGif';
		_('2').className = 'callOut contact contactGif';
		_('3').className = 'callOut about aboutGif';
		_('4').className = 'callOut clients clientsGif';
		_('5').className = 'callOut backfat backfatGif';
		_('35').className = 'callOut narrowShortDownLeft nsdlGif';
		_('18').className = 'callOut narrowMedDownLeft nmdlGif';
		_('24').className = 'callOut narrowLongDown second nldGif';
		_('10').className = 'callOut narrowLongDown nldGif';
		_('13').className = 'callOut narrowMedDown nmdGif';
		_('20').className = 'callOut narrowLongDown nldGif';
		_('22').className = 'callOut narrowLongDown nldGif';
		_('21').className = 'callOut narrowShortDown nsdGif';
		_('15').className = 'callOut narrowShortDown nsdGif';
		_('16').className = 'callOut narrowShortDown nsdGif';
		_('17').className = 'callOut narrowLongDown nldGif';
		_('19').className = 'callOut narrowLongDown nldGif';
		_('23').className = 'callOut narrowLongDown one nldGif';
	}
	else {
		return
	}
}