<!-- CONSTANTS TO STORE INFORMATION ABOUT HOME PAGE CALLOUTS -->

<!-- ARRAYS TO SUPPORT ROTATION -->
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
	callouts = new Array();
	
<!-- OBJECT TO SUPPORT DISPLAY OF CALLOUTS -->
	function callout() {
		this.title = "";
		this.intro = "";
		this.image = "";
		this.imageUrl = "";
		this.imageTarget = "";
		this.links = new Array();
		this.linkShift = 0;
		this.html = "";
		
		this.setTitle = function(title){
		  	this.title = title;
		};
		this.setIntro = function(intro){
		  	this.intro = intro;
		};
		this.setImage = function(image, url, target){
		  	this.image = image;
		  	this.imageUrl = url;
		  	this.imageTarget = target;
		};
		this.addLink = function(text, url, target){
			this.links[this.links.length] = new calloutLink(text, url, target);
		};
		this.setLinkShift = function(shift){
		  	this.linkShift = shift;
		};
		this.generateHTML = function() {
			this.html += "<h3>" + this.title + "</h3>";
			this.html += "<p class=\"intro\">" + this.intro + "</p>";
			this.html += "<div class=\"image\"><a href=\"" + this.imageUrl + "\" target=\"" + this.imageTarget + "\"><img src=\"callouts/" + this.image + "\" style=\"align:right; margin-right:-5px;\" alt=\"\" /></a></div>";
			this.html += "<ul style=\"margin-top:" + this.linkShift + "px;\">";
			for (i=0;i< this.links.length; i++) {
				this.html += "<li><a href=\"" + this.links[i].url + "\" target=\"" + this.links[i].target + "\">" + this.links[i].text + "</a></li>";
			}
			this.html += "</ul>";
		}
		this.displayAdImage = function() {
			var adImgTop = (getTopById("adImgFinder" + this.index) - 3) + "px";
			$("adImage").style.height = this.imageHeight + "px";
			$("adImage").innerHTML = "<a href=\"" + this.imageUrl + "\" target=\"" + this.imageTarget + "\"><img src=\"callouts\\" + this.image + "\" style=\"position: absolute; top:" + adImgTop + "; margin-left:" + (this.imageShift) + "px;\" alt=\"\" /></a>";
		}

	}

	function calloutLink(text, url, target) {
		this.text = text;
		this.url = url;
		this.target = target;
	}


<!-- CALLOUTS -->
<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
	callouts[0] = new callout();
	callouts[0].setTitle("Fit Tips!");
	callouts[0].setIntro("Sound bites of motivation and information.");
	callouts[0].setImage("", "", "");
	callouts[0].addLink("Not every machine fits every body. If it doesn't fit you, skip it.", "services_fit.html", "");
	callouts[0].addLink("Prevent longterm aches, pains, and injury - stretch after EVERY workout.", "services_fit.html");
	callouts[0].setLinkShift(0);
	callouts[0].generateHTML();
	
	callouts[1] = new callout();
	callouts[1].setTitle("Wellness Wisdom!");
	callouts[1].setIntro("Nuggets of goodness for inspiration.");
	callouts[1].setImage("", "", "");
	callouts[1].addLink("Every day is a new day and a new beginning.", "services_well.html", "");
	callouts[1].addLink("The journey toward blissful personal wellness begins with knowing what motivates you. Think it over.", "services_well.html", "");
	callouts[1].setLinkShift(0);
	callouts[1].generateHTML();
	
	callouts[2] = new callout();
	callouts[2].setTitle("\"BE WELL FIT\" calls!");
	callouts[2].setIntro("Monthly teleconferences support you in your wellness and fitness endeavors.");
	callouts[2].setImage("telephone.gif", "services_connect.html", "");
	callouts[2].addLink("more about teleconferences...", "services_connect.html", "");
	callouts[2].setLinkShift(85);
	callouts[2].generateHTML();
	
		