var w1;
var w2;
var w3;
var h1;
var h2;
var h3;

var l1;
var l2;
var l3;
var t1;
var t2;
var t3;

var i;
var tid;
var start_image=0;

function iniall() {

if(start_image<(ar.length)) {
//alert(start_image+' '+ar.length);
document.getElementById('img1').src=ar[start_image];
document.getElementById('img2').src=ar[start_image+1];
document.getElementById('img3').src=ar[start_image+2];
start_image=start_image+3;
} else {
start_image=0;
document.getElementById('img1').src=ar[start_image];
document.getElementById('img2').src=ar[start_image+1];
document.getElementById('img3').src=ar[start_image+2];
}

 w1=16;
 w2=16;
 w3=16;
 h1=16;
 h2=16;
 h3=16;

 l1=48+24; //96;
 l2=96+24; //144;
 l3=144+24; // 192
 t1=165;
 t2=165;
 t3=165;

 i=1;
}


function main() {
sizeTo('fr1',w1,h1);
sizeTo('fr2',w2,h2);
sizeTo('fr3',w3,h3);

sizeTo('img1',w1,h1);
sizeTo('img2',w2,h2);
sizeTo('img3',w3,h3);

shiftTo('fr1',l1,t1);
shiftTo('fr2',l2,t2);
shiftTo('fr3',l3,t3);
}


function movie() {

if (i<33) {
l1=l1-1;
t1=t1-0.5;
l2=l2+1.5;
l3=l3+1;
w1=w1+2.5;
h1=h1+1;
main();
} 

if(i>32 && i<66) {
showObj("img1");
main();
}

if (i>65 && i<99) {
hideObj("img1");
t1=t1+0.5;
w1=w1-2.5;
h1=h1-1;
t2=t2-0.5;
l2=l2-2.75;
w2=w2+2.5;
h2=h2+1;
main();
}


if(i>98 && i<133) {
showObj("img2");
main();
}


if (i>132 && i<166) {
hideObj("img2");
t2=t2+0.5;
w2=w2-2.5;
h2=h2-1;
l2=l2-0.25;
l3=l3-2.5;
t3=t3-0.5
w3=w3+2.5;
h3=h3+1;
main();
} 

if(i>165 && i<199) {
showObj("img3")
main();
}

tid1=setTimeout("movie()",15);
i=i+1;

if(i==200) {
hideObj("img3");
clearTimeout(tid1);
iniall();
tid1=setTimeout("movie()",15);
} 

}

function show_movie()
{

iniall();

main();

movie();

}