@-webkit-keyframes callinglist {
  0% {
    background-image: url("pixel/iPhone_Alllists.png");
  }
  10% {
    background-image: url("pixel/iPhone_Alllists.png");
  }
  20% {
    background-image: url("pixel/iPhone_Alllists.png");
  }
  30% {
    background-image: url("pixel/iPhone_List.png");
  }
  40% {
    background-image: url("pixel/iPhone_List.png");
  }
  50% {
    background-image: url("pixel/iPhone_List.png");
  }
  60% {
    background-image: url("pixel/iPhone_DetailCall.png");
  }
  70% {
    background-image: url("pixel/iPhone_DetailCall.png");
  }
  80% {
    background-image: url("pixel/iPhone_Statistics.png");
  }
  90% {
    background-image: url("pixel/iPhone_Statistics.png");
  }
  100% {
    background-image: url("pixel/iPhone_Statistics.png");
  }
}

@-moz-keyframes callinglist {
  0% {
    background-image: url("pixel/iPhone_Alllists.png");
  }
  10% {
    background-image: url("pixel/iPhone_Alllists.png");
  }
  20% {
    background-image: url("pixel/iPhone_Alllists.png");
  }
  30% {
    background-image: url("pixel/iPhone_List.png");
  }
  40% {
    background-image: url("pixel/iPhone_List.png");
  }
  50% {
    background-image: url("pixel/iPhone_List.png");
  }
  60% {
    background-image: url("pixel/iPhone_DetailCall.png");
  }
  70% {
    background-image: url("pixel/iPhone_DetailCall.png");
  }
  80% {
    background-image: url("pixel/iPhone_Statistics.png");
  }
  90% {
    background-image: url("pixel/iPhone_Statistics.png");
  }
  100% {
    background-image: url("pixel/iPhone_Statistics.png");
  }
}

@-o-keyframes callinglist {
  0% {
    background-image: url("pixel/iPhone_Alllists.png");
  }
  10% {
    background-image: url("pixel/iPhone_Alllists.png");
  }
  20% {
    background-image: url("pixel/iPhone_Alllists.png");
  }
  30% {
    background-image: url("pixel/iPhone_List.png");
  }
  40% {
    background-image: url("pixel/iPhone_List.png");
  }
  50% {
    background-image: url("pixel/iPhone_List.png");
  }
  60% {
    background-image: url("pixel/iPhone_DetailCall.png");
  }
  70% {
    background-image: url("pixel/iPhone_DetailCall.png");
  }
  80% {
    background-image: url("pixel/iPhone_Statistics.png");
  }
  90% {
    background-image: url("pixel/iPhone_Statistics.png");
  }
  100% {
    background-image: url("pixel/iPhone_Statistics.png");
  }
}

@keyframes callinglist {
  0% {
    background-image: url("pixel/iPhone_Alllists.png");
  }
  10% {
    background-image: url("pixel/iPhone_Alllists.png");
  }
  20% {
    background-image: url("pixel/iPhone_Alllists.png");
  }
  30% {
    background-image: url("pixel/iPhone_List.png");
  }
  40% {
    background-image: url("pixel/iPhone_List.png");
  }
  50% {
    background-image: url("pixel/iPhone_List.png");
  }
  60% {
    background-image: url("pixel/iPhone_DetailCall.png");
  }
  70% {
    background-image: url("pixel/iPhone_DetailCall.png");
  }
  80% {
    background-image: url("pixel/iPhone_Statistics.png");
  }
  90% {
    background-image: url("pixel/iPhone_Statistics.png");
  }
  100% {
    background-image: url("pixel/iPhone_Statistics.png");
  }
}

#callinglist {
  width: 200px;
  -webkit-animation: callinglist 12s infinite alternate;
  -moz-animation: callinglist 12s infinite alternate;
  -o-animation: callinglist 12s infinite alternate;
  animation: callinglist 12s infinite alternate;
  
  background-image: url("pixel/iPhone_Alllists.png");
}





@-webkit-keyframes calldialog {
  0% {
    background-image: url("pixel/iPhone_Call.png");
  }
  10% {
    background-image: url("pixel/iPhone_Call.png");
  }
  20% {
    background-image: url("pixel/iPhone_Call.png");
  }
  30% {
    background-image: url("pixel/iPhone_Call.png");
  }
  40% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  50% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  60% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  70% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  80% {
    background-image: url("pixel/iPhone_Monitor.png");
  }
  90% {
    background-image: url("pixel/iPhone_Monitor.png");
  }
  100% {
    background-image: url("pixel/iPhone_Monitor.png");
  }
}





@-moz-keyframes calldialog {
  0% {
    background-image: url("pixel/iPhone_Call.png");
  }
  10% {
    background-image: url("pixel/iPhone_Call.png");
  }
  20% {
    background-image: url("pixel/iPhone_Call.png");
  }
  30% {
    background-image: url("pixel/iPhone_Call.png");
  }
  40% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  50% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  60% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  70% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  80% {
    background-image: url("pixel/iPhone_Monitor.png");
  }
  90% {
    background-image: url("pixel/iPhone_Monitor.png");
  }
  100% {
    background-image: url("pixel/iPhone_Monitor.png");
  }
}





@-o-keyframes calldialog {
  0% {
    background-image: url("pixel/iPhone_Call.png");
  }
  10% {
    background-image: url("pixel/iPhone_Call.png");
  }
  20% {
    background-image: url("pixel/iPhone_Call.png");
  }
  30% {
    background-image: url("pixel/iPhone_Call.png");
  }
  40% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  50% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  60% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  70% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  80% {
    background-image: url("pixel/iPhone_Monitor.png");
  }
  90% {
    background-image: url("pixel/iPhone_Monitor.png");
  }
  100% {
    background-image: url("pixel/iPhone_Monitor.png");
  }
}





@keyframes calldialog {
  0% {
    background-image: url("pixel/iPhone_Call.png");
  }
  10% {
    background-image: url("pixel/iPhone_Call.png");
  }
  20% {
    background-image: url("pixel/iPhone_Call.png");
  }
  30% {
    background-image: url("pixel/iPhone_Call.png");
  }
  40% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  50% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  60% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  70% {
    background-image: url("pixel/iPhone_CallOptions.png");
  }
  80% {
    background-image: url("pixel/iPhone_Monitor.png");
  }
  90% {
    background-image: url("pixel/iPhone_Monitor.png");
  }
  100% {
    background-image: url("pixel/iPhone_Monitor.png");
  }
}


#calldialog {
  width: 200px;
  -webkit-animation: calldialog 8s infinite alternate;
  -moz-animation: calldialog 8s infinite alternate;
  -o-animation: calldialog 8s infinite alternate;
  animation: calldialog 8s infinite alternate;
  
  background-image: url("pixel/iPhone_Call.png");
}