var startFlag=0;           // 0 for false light to dark color
var endFlag=0;       // 0 for false dark to light color

var counter=0;  // for className="c1" light to dark

var dCounter=11;          // decreasing counter 10 + 1 for className="c10" dark to light
var referenceToID00;
var referenceToID11;       // for fade animation light to dark
var referenceToID22;         // for fade animation dark to light

var currentlyClickedID="ii0";           // no animation on element on mouse over who is clicked  - ii0 is no an element ID


function initializeAll()
{


	for(i=1;i<=5;i++)
	{	

			var myID="ii" + i;
			referenceToID00=document.getElementById(myID);		
			referenceToID00.className="c1";

		
	}

}


function changeBG(pid)
{
	


initializeAll();                             // set all other elements to c1 class

endFlag=0;
referenceToID11=document.getElementById(pid);                    // returns reference to passed id as per w3c standards
referenceToID11.className="c1";

startFlag=1;              // animation can start now in light to dark color
counter=0;              // c1 -1 


}


function startAnimation()
{



	if(startFlag==1)
	{
	counter++;
		if(counter<=9)
		{
		var c='c' + counter;
		referenceToID11.className=c;
		}
		else
		{
		startFlag=0;

		}


	}


	if(endFlag==1)
	{
	dCounter--;
		if(dCounter>=1)
		{
		var dc='c' + dCounter;
		referenceToID22.className=dc;

		}
		else
		{
		endFlag=0;
		}

	}



}


function regainBG(pid)
{
startFlag=0;
referenceToID22=document.getElementById(pid);                    // returns reference to passed id as per w3c standards
//referenceToID22.className="c1";

endFlag=1;

dCounter=10;  // c9 + 1

//initializeAll();                             // set all other elements to c1 class

}


setInterval("startAnimation()",75)



function changeMyBackground(myID)
{



}