var mas=new Array();
var intervalID=0;

function start_animation(name, quantity, path){

	mas[1]=name;
	mas[2]=quantity;
	mas[3]=path;
	mas[4]=0;//stop
	mas[5]=new Array();//images preload
	mas[6]=0;//counter	
	mas[7]=0;//penalty
	
	var i=1;
	for(i=1; i<=quantity; i++){
		mas[5][i]=new Image();
		mas[5][i].onload=function(){mas[6]++;};
		mas[5][i].src=path+i+'.png';
	}	
	
	document.getElementById(name).style.display  = 'block';
	
	mas[4]=0;
	
	clearInterval(intervalID);
	intervalID = setInterval("my_change_image(mas[1])", 100);

}

function stay_start(){
	mas[4]=0;
	my_change_image(mas[1]);
}

function my_change_image(name){

	if(mas[4]==0&&mas[7]<100){
	}else{
		clearInterval(intervalID)
		return;
	}

	if(mas[6]==mas[2]){
		i_counter=i_counter+1;
		if(i_counter>mas[2]){
			i_counter=1;
		}
		//alert(mas[5][i_counter].src);
		document.getElementById(mas[1]).firstChild.src=mas[5][i_counter].src;
		
	}else{
		mas[7]++;
	}
}

function stop_animation(name){
	document.getElementById(name).style.display  = 'none';
	clearInterval(intervalID);
	mas[4]=1;
}