/*  Original script developed by Al Di Marzio of HB Graphics.
If you like this stuff ... please use it. But I would appreciate
credit for development. Have a great day.  www.hbgraphics.com  */

<!--
var three = "<map name=basicthree><area coords=4,3,294,93 href=javascript:showBenefits('sideBar')><area coords=3,107,295,198 href=javascript:showSegments('sideBar')><area coords=2,212,294,302 href=javascript:showProcess('sideBar')></map><img src=images_home/basicthree.jpg width=300 height=310 border=0 usemap=#basicthree><br>";

var benefits = "<map name=exit><area coords=258,0,306,35 href=javascript:showThree('sideBar')></map><img src=images_home/benefits.jpg width=300 height=310 border=0 usemap=#exit><br>";

var process = "<map name=exit><area coords=258,0,306,35 href=javascript:showThree('sideBar')></map><img src=images_home/process.jpg width=300 height=310 border=0 usemap=#exit><br>";

var segment1 = "<map name=exit><area coords=258,0,306,35 href=javascript:clearTimer()></map><img src=images_home/budgetwatch.jpg width=300 height=310 border=0 usemap=#exit><br>";

var segment2 = "<map name=exit><area coords=258,0,306,35 href=javascript:clearTimer()></map><img src=images_home/discerningfamily.jpg width=300 height=310 border=0 usemap=#exit><br>";

var segment3 = "<map name=exit><area coords=258,0,306,35 href=javascript:clearTimer()></map><img src=images_home/finediners.jpg width=300 height=310 border=0 usemap=#exit><br>";

var segment4 = "<map name=exit><area coords=258,0,306,35 href=javascript:clearTimer()></map><img src=images_home/conveniencelovers.jpg width=300 height=310 border=0 usemap=#exit><br>";

var segment5 = "<map name=exit><area coords=258,0,306,35 href=javascript:clearTimer()></map><img src=images_home/healthyeaters.jpg width=300 height=310 border=0 usemap=#exit><br>";

var imageDelay = 7000, intervalID, loopCounter, setNumb, objID;

function showThree(ObjectID)   {  // Shows the basic three imgages of the opening page.
	if (document.getElementById)  {
		document.getElementById(ObjectID).innerHTML = three;
	}
}

function showBenefits(ObjectID)   {  // Brings up the Benefits page insert.
	if (document.getElementById)  {
		document.getElementById(ObjectID).innerHTML = benefits;
	}
}

function showProcess(ObjectID)   {  // Brings up the Process page insert.
	if (document.getElementById)  {
		document.getElementById(ObjectID).innerHTML = process;
	}
}

function clearTimer()   {   // We clear the timer and then go to the original page insert.
	clearInterval(intervalID);
	showThree('sideBar');
}

function showSegments(ObjectID)  {  // Brings up the first page insert of the slide show.
	if (document.getElementById)  {
		objID = ObjectID;
		segNumb =1;
		clearInterval(intervalID);
		
		document.getElementById(objID).innerHTML = segment1;
		segNumb++;
		intervalID = setInterval("segmentLoop()", imageDelay);
	}
}

function segmentLoop()   {  // Now the timer takes over to show the remaining slides.
	if (segNumb <= 5)  {
		document.getElementById(objID).innerHTML = eval("segment" + segNumb);
		segNumb++;
	}
	else   {
	   clearTimer()               // Clear the timer because all pages have been cycled.
	}
}
//  -->