<!--

/////////////////////////////////////////////////////////////////
// this javascript source code can moving html object over screen   
// compatible with IE, Mozila & Netscape Navigator Browsers
///////////////////////////////////////////////////////////

maxAnimations = 20 // this is maximum of all moved panels

screenWidth = 0; //  width of browser screen, in pixel
screenHeight = 0; //  height of browser screen, in pixel

startXpos=new Array(maxAnimations);  //start x coordinates, in pixel
startYpos=new Array(maxAnimations);  //start y coordinates, in pixel

endXpos=new Array(maxAnimations);  //end x coordinates, in pixel
endYpos=new Array(maxAnimations);  //end y coordinates, in pixel

stepLength=19; //Animation speed (smaller is slower)

// private variables
stepByX=new Array(maxAnimations); 
stepByY=new Array(maxAnimations); 
currX=new Array(maxAnimations);
currY=new Array(maxAnimations);
timerID=new Array(maxAnimations);
isVisible=new Array(maxAnimations);

var ns6=document.getElementById&&!document.all // get type of browser

function CreatePanel(index, objectContent, objectHidden)
{
    if (document.layers)
    {
        document.write("<LAYER NAME=n"+index+" LEFT=0 TOP=-1000><DIV NAME='marker"+index+"' border=0>"+objectContent+"</DIV></LAYER>");
        
        document.write("<LAYER NAME=nh"+index+" LEFT=0 TOP=-1000><DIV NAME='markerh"+index+"' border=0>"+objectHidden+"</DIV></LAYER>");
    }
    else 
    if (document.all||ns6)
    {
        if (document.all)
        {
            document.write('<div id="out" style="position:absolute;top:0;left:0"><div id="in" style="position:relative">');
            document.write('<div id="marker" style="position:absolute;top:-1000;left:0" border=0>'+objectContent+'</div>');
            document.write('</div></div>');
        }
        else
        {
            document.write('<div id="out'+index+'" style="position:absolute;top:0;left:0"><div id="in'+index+'" style="position:relative">');
            document.write('<div id="marker'+index+'" style="position:absolute;top:-1000;left:0" border=0>'+objectContent+'</div>');
            document.write('</div></div>');
        }    
        
        if (document.all)
        {
            document.write('<div id="outh" style="position:absolute;top:0;left:0"><div id="inh" style="position:relative">');
            document.write('<div id="markerh" style="position:absolute;top:-1000;left:0" border=0>'+objectHidden+'</div>');
            document.write('</div></div>');
        }    
        else    
        {
            document.write('<div id="outh'+index+'" style="position:absolute;top:0;left:0"><div id="inh'+index+'" style="position:relative">');
            document.write('<div id="markerh'+index+'" style="position:absolute;top:-1000;left:0" border=0>'+objectHidden+'</div>');
            document.write('</div></div>');
        }    
    }
    
    startXpos[index] = -1;
    startYpos[index] = -1;
    endXpos[index] = 1;
    endYpos[index] = 1;
    
    stepByX[index] = 0;
    stepByY[index] = 0;
    
    currX[index] = 0;
    currY[index] = -1000;
    isVisible[index] = false;
}

function GetBrowserScreenSize()
{
    if (document.layers||ns6){
        screenWidth=window.innerWidth;
        screenHeight=window.innerHeight;
    }
    if (document.all){
        screenWidth = window.document.body.offsetWidth;
        screenHeight = window.document.body.offsetHeight;
    }
}    

function MoveMarker(index)
{
    if (document.layers){
      document.layers["marker"+index].left = currX[index];
      document.layers["marker"+index].top = currY[index];
    }
    if (document.all){
      document.all.marker[index].style.pixelLeft = currX[index];
      document.all.marker[index].style.pixelTop = currY[index];
    }
    if (ns6){
      document.getElementById("marker"+index).style.left = currX[index];
      document.getElementById("marker"+index).style.top = currY[index];
    }
}

function MoveMarkerH(index)
{
    if (document.layers){
      document.layers["markerh"+index].left = currX[index];
      document.layers["markerh"+index].top = currY[index];
    }
    if (document.all){
      document.all.markerh[index].style.pixelLeft = currX[index];
      document.all.markerh[index].style.pixelTop = currY[index];
    }
    if (ns6){
      document.getElementById("markerh"+index).style.left = currX[index];
      document.getElementById("markerh"+index).style.top = currY[index];
    }
}

function Animate(index){

    currX[index] += stepByX[index];
    currY[index] += stepByY[index];
  
    if (((stepByX[index] > 0) && (currX[index] >= endXpos[index])) ||
        ((stepByY[index] > 0) && (currY[index] >= endYpos[index])) ||
        ((stepByX[index] < 0) && (currX[index] <= endXpos[index])) ||
        ((stepByY[index] < 0) && (currY[index] <= endYpos[index]))) {
        MoveToEndPosition(index);
        clearInterval(timerID[index]);
        timerID[index] = 0;
    }
    else {
        MoveMarker(index);
    }
}

function MoveToStartPosition(index)
{
    currX[index] = startXpos[index];
    currY[index] = startYpos[index];	
    
    MoveMarker(index);
    MoveMarkerH(index);
}

function IsOnEndPosition(index)
{
	return ((currX[index] == endXpos[index]) &&
            (currY[index] == endYpos[index]) &&
            (currX[index] != 0) &&
            (currY[index] != -1000) &&
            (isVisible[index]));
}

function MoveToEndPosition(index)
{
    currX[index] = 0;
    currY[index] = -1000;
    
	HideMarkerH(index);
    MoveMarkerH(index);
    
    currX[index] = endXpos[index];
    currY[index] = endYpos[index];

    MoveMarker(index);
}

function MoveToOutScreen(index)
{
    currX[index] = 0;
    currY[index] = -1000;	
    
    MoveMarker(index);
    MoveMarkerH(index);
}

function ShowMarker(index){
    if (document.layers)
	{
        document.layers["marker"+index].visibility="show";
	}
    else 
    if (document.all)
	{
        document.all.out[index].style.visibility="visible";
	}	
    else 
    if (ns6)
	{
        document.getElementById("out"+index).style.visibility="visible";
	}	

    isVisible[index] = true;
}

function ShowMarkerH(index){
    if (document.layers)
	{
        document.layers["markerh"+index].visibility="show";
	}
    else 
    if (document.all)
	{
        document.all.outh[index].style.visibility="visible";
	}	
    else 
    if (ns6)
	{
        document.getElementById("outh"+index).style.visibility="visible";
	}	
}

function HideMarker(index){
    if (document.layers)
	{
        document.layers["marker"+index].visibility="hide";
	}	
    else 
    if (document.all)
	{
        document.all.out[index].style.visibility="hidden";
	}	
    else 
    if (ns6)
	{
        document.getElementById("out"+index).style.visibility="hidden";
	}
	
    isVisible[index] = false;
    
    HideMarkerH(index);
}

function HideMarkerH(index)
{
    if (document.layers)
	{
        document.layers["markerh"+index].visibility="hide";
	}	
    else 
    if (document.all)
	{
        document.all.outh[index].style.visibility="hidden";
	}	
    else 
    if (ns6)
	{
        document.getElementById("outh"+index).style.visibility="hidden";
	}
}


function SetPath(index, startX, startY, endX, endY)
{
    startXpos[index] = startX;
    startYpos[index] = startY;
    endXpos[index] = endX;
    endYpos[index] = endY;
    
    pathByX = endX - startX;
    pathByY = endY - startY;
    
    pathLength = Math.sqrt(Math.pow(pathByX,2) + Math.pow(pathByY,2));
    allSteps = pathLength / stepLength;
    
    stepByX[index] = pathByX / allSteps;
    stepByY[index] = pathByY / allSteps;
    
    currX[index] = startX;
    currY[index] = startY;
}

function StartAnimate(index)
{
    MoveToStartPosition(index);
    ShowMarker(index);
    ShowMarkerH(index);
    timerID[index] = setInterval("Animate("+index+")",30)
    timerID[index] = 0;
}

function CancelAnimate(index)
{
    if (timerID[index] != 0){
        clearInterval(timerID[index]);
        timerID[index] = 0;
    }
    
    HideMarker(index);
    HideMarkerH(index);
    
    MoveToOutScreen(index);
}

// main program
//////////////////////////////
function CreatePanels()
{
	CreatePanel(0,
		'<table width="388" height="518" border="0" cellspacing="0" cellpadding="0" bgcolor="#A3BD0B" style="filter:alpha(opacity=90);-moz-opacity:0.9;">'+
			'<tr>'+
				'<td width="155" height="1" align="center"></td>'+
				'<td height="1" align="right" valign="top" class="close"><a href="#"  onclick="HidePanel(0);">close</a> <img src="images/close_btt.gif" align="texttop"  border="0" onclick="HidePanel(0);" /></td>'+
			'</tr>'+
			'<tr>'+
				'<td colspan="2" valign="top"><blockquote class="txt12arWhite">LEED CERTIFICATION<br /><span class="txt14ar2"><br />The United States Building Council’s certification programs for sustainable buildings, called Leadership in Energy and Environmental Design (LEED), rewards companies for building and operating green. LEED for Existing Buildings (LEED-EB) is the only certification program with a focus on continuing operations. Our proprietary system directly supports three of the six LEED-EB categories covering:<br /><ul><li>Using water efficiently and conserving energy</li><li>Reducing ozone and exploring renewable energy sources</li> <li>Using recycled materials whenever possible and greatly extending the life of textiles and carpets to keep them out of landfill</li></ul>We can even help you earn specific points in a fourth category, Indoor Environmental Quality, and help provide documentation to send in with your LEED report.<br /><br /></span></blockquote></td>'+
			'</tr>'+
		'</table>'
		,
		'<div style="background-color:#B2D3DD; width:388px; height:518px"></div>'
		);

	CreatePanel(1,
		'<table width="388" height="518" border="0" cellspacing="0" cellpadding="0" bgcolor="#A3BD0B" style="filter:alpha(opacity=90);-moz-opacity:0.9;">'+
			'<tr>'+
				'<td width="155" height="1" align="center"></td>'+
				'<td height="1" align="right" valign="top" class="close"><a href="#"  onclick="HidePanel(1);">close</a> <img src="images/close_btt.gif" align="texttop"  border="0" onclick="HidePanel(1);" /></td>'+
			'</tr>'+
			'<tr>'+
				'<td colspan="2" valign="top"><blockquote class="txt12arWhite">ADDITIONAL CERTIFICATIONS<br /><br />CRI SEAL OF APPROVAL<br><br><span class="txt14ar2"><img src="images/millicare_intro/logo.gif" align="left"  hspace="15" vspace="0" >CFS uses MilliCare’s Dry Carpet Cleaner and Premist NXT. These proprietary cleaning agents have earned the Carpet & Rug (CRI) Seal of Approval for effectiveness at deep cleaning, spot cleaning, and general preventative maintenance. Products certified with a Seal of Approval are tested by a professional  laboratory and shown to be effective without  damaging carpet or contributing to rapid resoil. The  result is flooring that is in use—and not in landfill— for a much longer time.<br></span></blockquote><blockquote class="txt12arWhite">ADDITIONAL CERTIFICATIONS<br /><br><span class="txt14ar2">All CFS chemistries are currently being evaluated by Greenguard and Greenseal. Certified is expected in 2008.</span></blockquote></td>'+
			'</tr>'+
		'</table>'
		,
		'<div style="background-color:#B2D3DD; width:388px; height:518px"></div>'
		);
	
	CreatePanel(2,
		'<table width="388" height="518" border="0" cellspacing="0" cellpadding="0" bgcolor="#A3BD0B" style="filter:alpha(opacity=90);-moz-opacity:0.9;">'+
			'<tr>'+
				'<td width="155" height="1" align="center"></td>'+
				'<td height="1" align="right" valign="top" class="close"><a href="#"  onclick="HidePanel(2);">close</a> <img src="images/close_btt.gif" align="texttop"  border="0" onclick="HidePanel(2);" /></td>'+
			'</tr>'+
			'<tr>'+
				'<td colspan="2" valign="top"><blockquote class="txt12arWhite">INDOOR AIR QUALITY<br /><span class="txt14ar2"><br />Employees working in spaces cleaned by CFS breathe easier and stay healthier thanks to improved indoor air quality.<br /><br />A study from two independent labs, Air Quality Services and Johns Hopkins University, shows that when used with a standard HVAC system, the advanced polymer-based cleaning technology used by CFS removes up to 99% of the things you don’t want to breathe &#151; airborne dust mites, allergens, bacteria, fungi, and volatile organic compounds &#151; for up to eight weeks after cleaning.<br /><br />The Environmental Protection Agency ranks poor indoor air quality among the top five environmental risks to public health. By one estimate, U.S. companies could save as much as $200 billion annually in illness-related costs by providing better indoor air quality.<br /><br /></span></blockquote></td>'+
			'</tr>'+
		'</table>'
		,
		'<div style="background-color:#B2D3DD; width:388px; height:565px"></div>'
		);
	
	CreatePanel(3,
		'<table width="388" height="518" border="0" cellspacing="0" cellpadding="0" bgcolor="#A3BD0B" style="filter:alpha(opacity=90);-moz-opacity:0.9;">'+
			'<tr>'+
				'<td width="155" height="1" align="center"></td>'+
				'<td height="1" align="right" valign="top" class="close"><a href="#"  onclick="HidePanel(3);">close</a> <img src="images/close_btt.gif" align="texttop"  border="0" onclick="HidePanel(3);" /></td>'+
			'</tr>'+
			'<tr>'+
				'<td colspan="2" valign="top"><blockquote class="txt12arWhite">PACKAGE AND PRODUCT RECYCLING<br /><span class="txt14ar2"><br />The CFS commitment to the environment includes using recycled packaging and products whenever possible, and in turn recycling the materials we use. It is one of our highest priorities and we are well on our way to reaching our 100% recycling target.</span></blockquote></td>'+
			'</tr>'+
		'</table>'
		,
		'<div style="background-color:#B2D3DD; width:388px; height:518px"></div>'
		);

	CreatePanel(4,
		'<table border="0" cellspacing="0" cellpadding="0" bgcolor="#A3BD0B" style="filter:alpha(opacity=98);-moz-opacity:0.98;">'+
			'<tr>'+
				'<td ></td>'+
				'<td ></td>'+
			'</tr>'+
			'<tr>'+
				'<td height="233" align="center" colspan="2" valign="top">'+
				'<div class="close" style="background:url(/Images/water_env01.jpg) center no-repeat; width: 388; height: 518;  text-align:right; padding-top: 5px;"><a href="#"  onclick="HidePanel(4);">close</a> <img src="images/close_btt.gif" align="texttop"  border="0" onclick="HidePanel(4);" /></div></td>'+
			'</tr>'+
		'</table>'
		,
		'<div style="background-color:#B2D3DD; width:400px; height:530px"></div>'
		);

	CreatePanel(5,
		'<table width="388" height="518" border="0" cellspacing="0" cellpadding="0" bgcolor="#A3BD0B" style="filter:alpha(opacity=90);-moz-opacity:0.9;">'+
			'<tr>'+
				'<td width="155" height="1" align="center"></td>'+
				'<td height="1" align="right" valign="top" class="close"><a href="#"  onclick="HidePanel(5);">close</a> <img src="images/close_btt.gif" align="texttop"  border="0" onclick="HidePanel(5);" /></td>'+
			'</tr>'+
			'<tr>'+
				'<td colspan="2" valign="top"><blockquote class="txt12arWhite">EXTENSION OF USEFUL PRODUCT LIFE<br /><span class="txt14ar2"><br />Your CFS maintenance plan does more than provide a cleaner and healthier place to work and conduct business&mdash;it significantly extends the useful life of your carpet and textiles. In fact, the industry average of a seven-year lifecycle is less than half what CFS can help you achieve with regular care using our advanced techniques. That adds up to big replacement cost savings for your company and a lot of landfill space that doesn&rsquo;t get filled prematurely.</span></blockquote></td>'+
			'</tr>'+
		'</table>'
		,
		'<div style="background-color:#B2D3DD; width:388px; height:518px"></div>'
		);
	
	CreatePanel(6,
		'<table width="388" height="518" border="0" cellspacing="0" cellpadding="0" bgcolor="#A3BD0B" style="filter:alpha(opacity=90);-moz-opacity:0.9;">'+
			'<tr>'+
				'<td width="155" height="1" align="center"></td>'+
				'<td height="1" align="right" valign="top" class="close"><a href="#"  onclick="HidePanel(6);">close</a> <img src="images/close_btt.gif" align="texttop"  border="0" onclick="HidePanel(6);" /></td>'+
			'</tr>'+
			'<tr>'+
				'<td colspan="2" valign="top"><blockquote class="txt12arWhite">EYE ON THE FUTURE<br /><span class="txt14ar2"><br />In keeping with our commitment to environmentally responsible processes and practices, we are currently working on the following initiatives:<br /><br /><li>Complete carbon-neutral vehicle fleet by the end of 2008.<br><br></li><li>Development of a process to reuse polymer as a composting agent.<br><br></li><li>100% use of recycled packaging and other products from pallets to shrink wrap.<br><br></li></span></blockquote></td>'+
			'</tr>'+
		'</table>'
		,
		'<div style="background-color:#B2D3DD; width:388px; height:518px"></div>'
		);
	
	CreatePanel(7,
		'<table  border="0" cellspacing="0" cellpadding="0" bgcolor="#A3BD0B" style="filter:alpha(opacity=98);-moz-opacity:0.98;">'+
			'<tr>'+
				'<td ></td>'+
				'<td ></td>'+
			'</tr>'+
			'<tr>'+
				'<td height="233" align="center" colspan="2" valign="top">'+
				'<div class="close" style="background:url(/Images/energy_env01.jpg) center no-repeat; width: 388; height: 518;  text-align:right; padding-top: 5px;"><a href="#"  onclick="HidePanel(7);">close</a> <img src="images/close_btt.gif" align="texttop"  border="0" onclick="HidePanel(7);" /></div></td>'+
			'</tr>'+
		'</table>'
		,
		'<div style="background-color:#B2D3DD; width:400px; height:530px"></div>'
		);
	CreatePanel(8,
		'<table width="388" height="518" border="0" cellspacing="0" cellpadding="0" bgcolor="#A3BD0B" style="filter:alpha(opacity=90);-moz-opacity:0.9;">'+
			'<tr>'+
				'<td width="155" height="1" align="center"></td>'+
				'<td height="1" align="right" valign="top" class="close"><a href="#"  onclick="HidePanel(8);">close</a> <img src="images/close_btt.gif" align="texttop"  border="0" onclick="HidePanel(8);" /></td>'+
			'</tr>'+
			'<tr>'+
				'<td colspan="2" valign="top"><blockquote class="txt12arWhite">CARBON NEUTRAL OPERATIONS<br /><span class="txt14ar2"><br />Milliken &amp; Company, our parent organization is certified <i>Carbon Negative</i> by the sustainability consultancy Leonardo Academy.<br /><br />MilliCare and CFS are <i>Carbon Neutral</i> across all operations.<br><br></span></blockquote></td>'+
			'</tr>'+
		'</table>'
		,
		'<div style="background-color:#B2D3DD; width:388px; height:518px"></div>'
		);
	

}

function MovePanel(index)
{
	switch (index)
	{
		case 0:
				// from right to center
				if ((IsOnEndPosition(0)) || (IsOnEndPosition(1)) || (IsOnEndPosition(2)) || (IsOnEndPosition(3)) || (IsOnEndPosition(4)) || (IsOnEndPosition(5)) || (IsOnEndPosition(6)) || (IsOnEndPosition(7)) || (IsOnEndPosition(8)))
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
					MoveToEndPosition(index);
					ShowMarker(index);
				}
				else	
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
			    	StartAnimate(index);
				}
				break;		
		case 1:
				// from right to center
				if ((IsOnEndPosition(0)) || (IsOnEndPosition(1)) || (IsOnEndPosition(2)) || (IsOnEndPosition(3)) || (IsOnEndPosition(4)) || (IsOnEndPosition(5)) || (IsOnEndPosition(6)) || (IsOnEndPosition(7)) || (IsOnEndPosition(8)))
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
					MoveToEndPosition(index);
					ShowMarker(index);
				}
				else	
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
			    	StartAnimate(index);
				}
				break;		
		case 2:
				// from right to center
				if ((IsOnEndPosition(0)) || (IsOnEndPosition(1)) || (IsOnEndPosition(2)) || (IsOnEndPosition(3)) || (IsOnEndPosition(4)) || (IsOnEndPosition(5)) || (IsOnEndPosition(6)) || (IsOnEndPosition(7)) || (IsOnEndPosition(8)))
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
					MoveToEndPosition(index);
					ShowMarker(index);
				}
				else	
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
			    	StartAnimate(index);
				}
				break;		
		case 3:
				// from right to center
				if ((IsOnEndPosition(0)) || (IsOnEndPosition(1)) || (IsOnEndPosition(2)) || (IsOnEndPosition(3)) || (IsOnEndPosition(4)) || (IsOnEndPosition(5)) || (IsOnEndPosition(6)) || (IsOnEndPosition(7)) || (IsOnEndPosition(8)))
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
					MoveToEndPosition(index);
					ShowMarker(index);
				}
				else	
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
			    	StartAnimate(index);
				}
				break;		
		case 4:
				// from right to center
				if ((IsOnEndPosition(0)) || (IsOnEndPosition(1)) || (IsOnEndPosition(2)) || (IsOnEndPosition(3)) || (IsOnEndPosition(4)) || (IsOnEndPosition(5)) || (IsOnEndPosition(6)) || (IsOnEndPosition(7)) || (IsOnEndPosition(8)))
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
					MoveToEndPosition(index);
					ShowMarker(index);
				}
				else	
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
			    	StartAnimate(index);
				}
				break;		
		case 5:
				// from right to center
				if ((IsOnEndPosition(0)) || (IsOnEndPosition(1)) || (IsOnEndPosition(2)) || (IsOnEndPosition(3)) || (IsOnEndPosition(4)) || (IsOnEndPosition(5)) || (IsOnEndPosition(6)) || (IsOnEndPosition(7)) || (IsOnEndPosition(8)))
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
					MoveToEndPosition(index);
					ShowMarker(index);
				}
				else	
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
			    	StartAnimate(index);
				}
				break;		
		case 6:
				// from right to center
				if ((IsOnEndPosition(0)) || (IsOnEndPosition(1)) || (IsOnEndPosition(2)) || (IsOnEndPosition(3)) || (IsOnEndPosition(4)) || (IsOnEndPosition(5)) || (IsOnEndPosition(6)) || (IsOnEndPosition(7)) || (IsOnEndPosition(8)))
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
					MoveToEndPosition(index);
					ShowMarker(index);
				}
				else	
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
			    	StartAnimate(index);
				}
				break;
		case 7:
				// from right to center
				if ((IsOnEndPosition(0)) || (IsOnEndPosition(1)) || (IsOnEndPosition(2)) || (IsOnEndPosition(3)) || (IsOnEndPosition(4)) || (IsOnEndPosition(5)) || (IsOnEndPosition(6)) || (IsOnEndPosition(7)) || (IsOnEndPosition(8)))
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
					MoveToEndPosition(index);
					ShowMarker(index);
				}
				else	
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
			    	StartAnimate(index);
				}
				break;	
		case 8:
				// from right to center
				if ((IsOnEndPosition(0)) || (IsOnEndPosition(1)) || (IsOnEndPosition(2)) || (IsOnEndPosition(3)) || (IsOnEndPosition(4)) || (IsOnEndPosition(5)) || (IsOnEndPosition(6)) || (IsOnEndPosition(7)) || (IsOnEndPosition(8)))
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
					MoveToEndPosition(index);
					ShowMarker(index);
				}
				else	
				{
					HidePanels();
					GetBrowserScreenSize();
					SetPath(index,screenWidth - ((screenWidth - 800) / 2)-8, 210, ((screenWidth - 800) / 2) + 404, 210);
			    	StartAnimate(index);
				}
				break;		
				
	}
}    

function HidePanel(index)
{
    CancelAnimate(index);
	switch (index)
	{
		case 0:
			LEEDCertification.style.color = '#4B4B41';
			break;
		case 1:
			AdditionalCertification.style.color = '#4B4B41';
			break;
		case 2:
			IndoorAirQuality.style.color = '#4B4B41';
			break;
		case 3:
			PackageProductRecycling.style.color = '#4B4B41';
			break;
		case 4:
			WaterConservation.style.color = '#4B4B41';		
			break;
		case 5:
			ExtensionUsefulProductLife.style.color = '#4B4B41';
			break;
		case 6:
			EyeFuture.style.color = '#4B4B41';
			break;
		case 7:
			EnergyConservation.style.color = '#4B4B41';
			break;
		case 8:
			CarbonNeutralOperations.style.color = '#4B4B41';
			break;
	}
	
    if (document.layers)
	{
		switch (index)
		{
			case 0:
				LEEDCertification.style.color = '#4B4B41';
				break;
			case 1:
				AdditionalCertification.style.color = '#4B4B41';
				break;
			case 2:
				IndoorAirQuality.style.color = '#4B4B41';
				break;
			case 3:
				PackageProductRecycling.style.color = '#4B4B41';
				break;
			case 4:
				WaterConservation.style.color = '#4B4B41';		
				break;
			case 5:
				ExtensionUsefulProductLife.style.color = '#4B4B41';
				break;
			case 6:
				EyeFuture.style.color = '#4B4B41';
				break;
			case 7:
				EnergyConservation.style.color = '#4B4B41';
				break;
			case 8:
				CarbonNeutralOperations.style.color = '#4B4B41';
				break;
		}
	}	
    else 
    if (document.all)
	{
		switch (index)
		{
			case 0:
				LEEDCertification.style.color = '#4B4B41';
				break;
			case 1:
				AdditionalCertification.style.color = '#4B4B41';
				break;
			case 2:
				IndoorAirQuality.style.color = '#4B4B41';
				break;
			case 3:
				PackageProductRecycling.style.color = '#4B4B41';
				break;
			case 4:
				WaterConservation.style.color = '#4B4B41';		
				break;
			case 5:
				ExtensionUsefulProductLife.style.color = '#4B4B41';
				break;
			case 6:
				EyeFuture.style.color = '#4B4B41';
				break;
			case 7:
				EnergyConservation.style.color = '#4B4B41';
				break;
			case 8:
				CarbonNeutralOperations.style.color = '#4B4B41';
				break;
		}
	}	
    else 
    if (ns6)
	{
		switch (index)
		{
			case 0:
		        document.getElementById("LEEDCertification").style.color = '#4B4B41';
				break;
			case 1:
		        document.getElementById("AdditionalCertification").style.color = '#4B4B41';
				break;
			case 2:
		        document.getElementById("IndoorAirQuality").style.color = '#4B4B41';
				break;
			case 3:
		        document.getElementById("PackageProductRecycling").style.color = '#4B4B41';
				break;
			case 4:
		        document.getElementById("WaterConservation").style.color = '#4B4B41';
				break;
			case 5:
		        document.getElementById("ExtensionUsefulProductLife").style.color = '#4B4B41';
				break;
			case 6:
		        document.getElementById("EyeFuture").style.color = '#4B4B41';
				break;
			case 7:
		        document.getElementById("EnergyConservation").style.color = '#4B4B41';
				break;
			case 8:
		        document.getElementById("CarbonNeutralOperations").style.color = '#4B4B41';
				break;
		}
	}
}

function HidePanels()
{
	HidePanel(0);
	HidePanel(1);
	HidePanel(2);
	HidePanel(3);
	HidePanel(4);
	HidePanel(5);
	HidePanel(6);
	HidePanel(7);
	HidePanel(8);

}

//-->

CreatePanels();