var mas=new Array();
var intervalID=0;
var i_counter=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
	
	mas[6]=0;
	
	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';
	document.getElementById(name).firstChild.src=mas[5][1].src;
	
	mas[4]=0;
	mas[7]=0;

	clearInterval(intervalID);
	
	intervalID = setInterval("my_change_image(\""+name+"\")", 100);
	//alert(name);
}


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;
		}

		document.getElementById(name).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;
}