var baloonsContainer = document.getElementById("baloons");     // Контейнер, в котором храняться изображения шариков
var baloons = baloonsContainer.getElementsByTagName("img");    // Массив ихображений шариков
var zapusk = document.getElementById("zapusk");
var vniz = document.getElementById("vniz");
var initial = document.getElementById("initial");
var ax=-1;
var bx=1;
function Run() {
  x = Array();
  y = Array();

  for (i=0; i<baloons.length; i++) {

    x[i] = baloons[i].offsetLeft;
    y[i] = baloons[i].offsetTop;

  }
  for (i=0; i<baloons.length; i++) {
    baloons[i].style.position = "absolute";
    baloons[i].style.left = x[i] + "px";
    baloons[i].style.top = y[i] + "px";
  }
}

function up()
{
	Run();
	a= window.setInterval("Movement()", 10);
}

function down()
{
	Run();
	a= window.setInterval("MovementDown()", 10);
}


function Reset() {
    window.clearInterval(a)
    baloons[0].style.left = 0 + "px";
    baloons[1].style.left = 60 + "px";
    baloons[2].style.left = 117 + "px";
    baloons[3].style.left = 175 + "px";
    baloons[4].style.left = 230 + "px";
 
 for (i=0; i<baloons.length; i++) {
         baloons[i].style.top = 0 + "px";
		}


}



function Movement() {
for (i=0; i<baloons.length; i++) {
if(ax>1) ax=-1;
if(bx>2) bx=1;
randx=ax;
randy = bx;
baloons[i].style.top = (parseInt(baloons[i].style.top) - randy) + "px";
baloons[i].style.left = (parseInt(baloons[i].style.left) - randx) + "px";
ax++;
bx++;
  }
}

function MovementDown() {
  for (i=0; i<baloons.length; i++) {
   randy = 2;
    baloons[i].style.top = (parseInt(baloons[i].style.top) + randy) + "px";
  }
}


 function addEvent(obj, type, fn){
        if (obj.addEventListener){
                obj.addEventListener( type, fn, false );
        } else if(obj.attachEvent) {
                obj.attachEvent( "on"+type, fn );
        } else {
                obj["on"+type] = fn;
        }
 }

function removeEvent(obj, type, fn){
	if (obj.removeEventListener) {
		obj.removeEventListener( type, fn, false );
	} else if (obj.detachEvent){
		obj.detachEvent( "on"+type, obj[type+fn] );
	} else {
		obj["on"+type] = null;
	}
}

addEvent(zapusk, "mouseover", up);
addEvent(zapusk, "mouseout", Reset);


addEvent(vniz, "mouseover", down);
addEvent(vniz, "mouseout", Reset);