function switchFrame(sfrm1, sfrm2, z, o, s) {
  sfrm1.css({'z-index': 1 + z});
  sfrm2.css({'z-index': 2 + z});
  if (o == 1) {
//    sfrm1.fadeOut(s, function() {
//      $(this).hide();
//    });
    sfrm2.fadeIn(s, function() {
      sfrm1.hide();
    });
  }
  else {
    sfrm1.animate({'opacity': 0}, s);
    sfrm2.animate({'opacity': o}, s);
  }
}

function playFrame(layer_id, z, o, s) {
  ans = $('#' + layer_id + ' .animation_frame');
  layer = $('#' + layer_id).get(0);
  layer.currentFrame = layer.currentFrame == undefined ? ans.length : layer.currentFrame;
  layer.frames = ans.length;
  f1 = layer.currentFrame;
  f2 = (f1 % layer.frames) + 1;
  if (f1 != f2) {
    sfrm1 = ans.eq(f1 - 1);
    sfrm2 = ans.eq(f2 - 1);
    switchFrame(sfrm1, sfrm2, z, o, s);
    layer.currentFrame = f2;
  }
}


$(document).ready(function(){
  $('#layer1 .animation_frame').last().show();
  $('#layer2 .animation_frame').css({opacity: 0}).show();
//  $('#frm11').css({opacity: 0.9});
  playFrame('layer2', 20, 0.9, 1000);
  setInterval("playFrame('layer1', 10, 1.0, 1000)", 6000);
  setInterval("playFrame('layer2', 20, 0.9, 600)", 2000);
});