var homediv =[{div: "homeback", pos:0}, {div: "home1", pos: 1}];
var systemdiv = [{div: "systemback", pos:0}, {div: "system1", pos: 1}];
var coolsdiv = [{div: "coolsback", pos:0}, {div: "cools1", pos: 1}];
var heatsdiv = [{div: "heatsback", pos:0}, {div: "heats1", pos: 1}];
var freshAirdiv = [{div: "freshAirback", pos:0}, {div: "freshAir1", pos: 1}];
var cleanAirdiv = [{div: "cleanAirback", pos:0}, {div: "cleanAir1", pos: 1}];
var schedulingdiv = [{div: "schedulingback", pos:0}, {div: "scheduling1", pos:0}];
var accessdiv = [{div: "accessback", pos:0}, {div: "access1", pos: 1}];
var zoningdiv = [{div: "zoningback", pos:0}, {div: "zoning1", pos: 1}];
var findAdealerdiv = [{div: "findAdealerback", pos:0}, {div: "findAdealer1", pos: 1}];


var home_ht= 760;
var system_ht = 760;
var cools_ht = 760;
var heats_ht = 790;
var freshAir_ht = 760;
var cleanAir_ht = 760;
var scheduling_ht = 800;
var access_ht = 780;
var zoning_ht = 760;
var findAdealer_ht = 760;

var cp; // stores the current page array //
var speed = 3000; // speed of animations in ms
var speed2 = 2500; // speed of animations in ms
var delay = 250; // delay of animations in ms
var ease = Fx.Transitions.Quint.easeOut; 
var ease2 = Fx.Transitions.linear;

function killHtmlText(page)
{
	var c; // reference to the new array
	switch(page){
		case "home":
			c = homediv;
				break;	
		case "system" :
			c = systemdiv;
				break;
		case "cools" :
			c = coolsdiv;		
				break;
		case "heats" :
			c = heatsdiv;	
				break;
		case "freshAir" :
			c = freshAirdiv;
				break;	
		case "cleanAir" :
			c = cleanAirdiv;
				break;	
		case "scheduling" :
			c = schedulingdiv;
				break;	
		case "access" :
			c = accessdiv;
				break;	
		case "zoning" :
			c = zoningdiv;
				break;	
		case "findAdealer" :
			c = findAdealerdiv;
				break;	}	
	// slide out current div elements // 
 	for (var i=0; i<c.length; i++)
		{
			var slideout = new Fx.Style(c[i].div, 'top',{ duration:speed2, transition: ease });
				slideout.start.delay(000, slideout, [c[i].pos, (c[i].pos)+400]);
								//	  {homeposition, homeposition+250}   //
		}
		// turn off the selected div //	
		d1 = document.getElementById(page+'div');
		d1.style.display = "none";	
}

function loadHtmlText(page)
{
	var a; // reference to the new array
	var h; // height of the new div //
	switch(page){
		case "home":
			a = homediv;
			h = home_ht;
				break;	
		case "system" :
			a = systemdiv;
			h = system_ht;	
				break;
		case "cools" :
			a = coolsdiv;
			h = cools_ht;			
				break;
		case "heats" :
			a = heatsdiv;
			h = heats_ht;			
				break;
		case "freshAir" :
			a = freshAirdiv;
			h = freshAir_ht;			
				break;	
		case "cleanAir" :
			a = cleanAirdiv;
			h = cleanAir_ht;			
				break;	
		case "scheduling" :
			a = schedulingdiv;
			h = scheduling_ht;			
				break;	
		case "access" :
			a = accessdiv;
			h = access_ht;			
				break;	
		case "zoning" :
			a = zoningdiv;
			h = zoning_ht;			
				break;	
		case "findAdealer" :
			a = findAdealerdiv;
			h = findAdealer_ht;			
				break;	
}
	// turn on the selected div //	
		d1 = document.getElementById(page+'div');
		d1.style.display = "block";	
	// reposition the carrier logo //
		var cpos = new Fx.Style('header', 'top',{ duration:speed, transition: ease });
			cpos.start(h);
	// slide in the new div elements and stagger by delay	
		for (var k=0; k<a.length; k++)
		{
			var slidein = new Fx.Style(a[k].div, 'top',{ duration:speed, transition: ease });
				slidein.start.delay(delay*k, slidein, [(a[k].pos)-700, a[k].pos]);
		}
	return('you clicked the '+page+' it button');
}