/* JPEG Animation */

var index = 0;
var tid;
var images_url = "http://www.figureskatingguide.com/images/";

var obj_images = new Array();
var images = new Array();
images["axel"] = [
"P3211845.jpg",
"P3211846.jpg",
"P3211847.jpg",
"P3211848.jpg",
"P3211849.jpg",
"P3211850.jpg",
"P3211851.jpg",
"P3211852.jpg",
"P3211853.jpg",
"P3211854.jpg",
"P3211855.jpg",
"P3211856.jpg",
"P3211857.jpg",
"P3211858.jpg",
"P3211859.jpg",
"P3211860.jpg",
"P3211861.jpg",
"P3211862.jpg",
"P3211863.jpg",
"P3211864.jpg",
"P3211865.jpg",
"P3211866.jpg",
"P3211867.jpg",
"P3211868.jpg",
"P3211869.jpg",
"P3211870.jpg",
"P3211871.jpg",
"P3211872.jpg",
"P3211873.jpg",
"P3211874.jpg",
"P3211875.jpg",
"P3211876.jpg",
"P3211877.jpg",
"P3211878.jpg",
"P3211879.jpg"
];
images["lutz"] = [
"P3234631.jpg",
"P3234632.jpg",
"P3234633.jpg",
"P3234634.jpg",
"P3234635.jpg",
"P3234636.jpg",
"P3234637.jpg",
"P3234638.jpg",
"P3234639.jpg",
"P3234640.jpg",
"P3234641.jpg",
"P3234642.jpg",
"P3234643.jpg",
"P3234644.jpg",
"P3234645.jpg",
"P3234646.jpg",
"P3234647.jpg",
"P3234648.jpg",
"P3234649.jpg",
"P3234650.jpg",
"P3234651.jpg",
"P3234652.jpg",
"P3234653.jpg",
"P3234654.jpg",
"P3234655.jpg",
"P3234656.jpg",
"P3234657.jpg",
"P3234658.jpg",
"P3234659.jpg",
"P3234660.jpg",
"P3234661.jpg",
"P3234662.jpg",
"P3234663.jpg",
"P3234664.jpg",
"P3234665.jpg",
"P3234666.jpg",
"P3234667.jpg",
"P3234668.jpg",
"P3234669.jpg"
];
images["flip"] = [
"PB300094.jpg",
"PB300095.jpg",
"PB300096.jpg",
"PB300097.jpg",
"PB300098.jpg",
"PB300099.jpg",
"PB300100.jpg",
"PB300101.jpg",
"PB300102.jpg",
"PB300103.jpg",
"PB300104.jpg",
"PB300105.jpg",
"PB300106.jpg",
"PB300107.jpg",
"PB300108.jpg",
"PB300109.jpg",
"PB300110.jpg",
"PB300111.jpg",
"PB300112.jpg",
"PB300113.jpg",
"PB300114.jpg",
"PB300115.jpg",
"PB300116.jpg",
"PB300117.jpg",
"PB300118.jpg",
"PB300119.jpg",
"PB300120.jpg",
"PB300121.jpg",
"PB300122.jpg",
"PB300123.jpg",
"PB300124.jpg",
"PB300125.jpg",
"PB300126.jpg",
"PB300127.jpg",
"PB300128.jpg",
"PB300129.jpg",
"PB300130.jpg",
"PB300131.jpg",
"PB300132.jpg",
"PB300133.jpg",
"PB300134.jpg",
"PB300135.jpg",
"PB300136.jpg",
"PB300137.jpg",
"PB300138.jpg"
];
images["loop"] = [
"P3212103.jpg",
"P3212104.jpg",
"P3212105.jpg",
"P3212106.jpg",
"P3212107.jpg",
"P3212108.jpg",
"P3212109.jpg",
"P3212110.jpg",
"P3212111.jpg",
"P3212112.jpg",
"P3212113.jpg",
"P3212114.jpg",
"P3212115.jpg",
"P3212116.jpg",
"P3212117.jpg",
"P3212118.jpg",
"P3212119.jpg",
"P3212120.jpg",
"P3212121.jpg",
"P3212122.jpg",
"P3212123.jpg",
"P3212124.jpg",
"P3212125.jpg",
"P3212126.jpg",
"P3212127.jpg",
"P3212128.jpg",
"P3212129.jpg",
"P3212130.jpg",
"P3212131.jpg",
"P3212132.jpg",
"P3212133.jpg",
"P3212134.jpg",
"P3212135.jpg",
"P3212136.jpg",
"P3212137.jpg",
"P3212138.jpg",
"P3212139.jpg",
"P3212140.jpg",
"P3212141.jpg",
"P3212142.jpg",
"P3212143.jpg"
];
images["salchow"] = [
"P3211222.jpg",
"P3211223.jpg",
"P3211224.jpg",
"P3211225.jpg",
"P3211226.jpg",
"P3211227.jpg",
"P3211228.jpg",
"P3211229.jpg",
"P3211230.jpg",
"P3211231.jpg",
"P3211232.jpg",
"P3211233.jpg",
"P3211234.jpg",
"P3211235.jpg",
"P3211236.jpg",
"P3211237.jpg",
"P3211238.jpg",
"P3211239.jpg",
"P3211240.jpg",
"P3211241.jpg",
"P3211242.jpg",
"P3211243.jpg",
"P3211244.jpg",
"P3211245.jpg",
"P3211246.jpg",
"P3211247.jpg",
"P3211248.jpg",
"P3211249.jpg",
"P3211250.jpg",
"P3211251.jpg",
"P3211252.jpg",
"P3211253.jpg",
"P3211254.jpg",
"P3211255.jpg",
"P3211256.jpg",
"P3211257.jpg",
"P3211258.jpg",
"P3211259.jpg"
];
images["toeloop"] = [
"P3212273.jpg",
"P3212274.jpg",
"P3212275.jpg",
"P3212276.jpg",
"P3212277.jpg",
"P3212278.jpg",
"P3212279.jpg",
"P3212280.jpg",
"P3212281.jpg",
"P3212282.jpg",
"P3212283.jpg",
"P3212284.jpg",
"P3212285.jpg",
"P3212286.jpg",
"P3212287.jpg",
"P3212288.jpg",
"P3212289.jpg",
"P3212290.jpg",
"P3212291.jpg",
"P3212292.jpg",
"P3212293.jpg",
"P3212294.jpg",
"P3212295.jpg",
"P3212296.jpg",
"P3212297.jpg",
"P3212298.jpg",
"P3212299.jpg",
"P3212300.jpg",
"P3212301.jpg",
"P3212302.jpg",
"P3212303.jpg"
];

function _movie(elem){
// 画像ファイル事前キャッシュ
for(i=0; i<images[elem].length; i++){
obj_images[i] = new Image();
obj_images[i].src = images_url + elem + "/" + images[elem][i];
}
document.write("【アニメーション】<br />");
document.write("<img id='movie' width='320' height='240' src='" + obj_images[0].src + "' /><br />");
document.write("<input id='button_normal' type='button' value='等倍速' onclick='_play(66, this)' /> ");
document.write("<input id='button_slow' type='button' value='スロー' onclick='_play(200, this)' /> ");
document.write("<input id='button_top' type='button' value='先頭' onclick='_top()' /> ");
document.write("<input id='button_previous' type='button' value='戻る' onclick='_previous()' /> ");
document.write("<input id='button_next' type='button' value='進む' onclick='_next()' /> ");
document.write("<input id='button_bottom' type='button' value='最後' onclick='_bottom()' />");
document.write("<br /><br />");
}
function _play(interval, obj){
if(obj.value == "停止"){
clearInterval(tid);
if(obj.id == "button_normal"){
obj.value = "等倍速";
}else{
obj.value = "スロー";
}
_enable_buttons();
}else{
if(index == obj_images.length) index = 0;
_disable_buttons();
document.getElementById(obj.id).disabled = false;
obj.value = "停止";
tid = setInterval("_move('" + obj.id + "')", interval);
}
}
function _move(play_mode){
document.getElementById("movie").src = obj_images[index].src;
index++;
if(index == obj_images.length){
clearInterval(tid);
if(play_mode == "button_normal"){
document.getElementById(play_mode).value = "等倍速";
}else{
document.getElementById(play_mode).value = "スロー";
}
_enable_buttons();
}
}
function _top(){
document.getElementById("movie").src = obj_images[0].src;
index = 1;
}
function _previous(){
if(index > 1){
index--;
document.getElementById("movie").src = obj_images[index-1].src;
}
}
function _next(){
if(index < obj_images.length){
document.getElementById("movie").src = obj_images[index].src;
index++;
}
}
function _bottom(){
index = obj_images.length;
document.getElementById("movie").src = obj_images[index-1].src;
}
function _disable_buttons(){
document.getElementById("button_normal").disabled = true;
document.getElementById("button_slow").disabled = true;
document.getElementById("button_top").disabled = true;
document.getElementById("button_previous").disabled = true;
document.getElementById("button_next").disabled = true;
document.getElementById("button_bottom").disabled = true;
}
function _enable_buttons(){
document.getElementById("button_normal").disabled = false;
document.getElementById("button_slow").disabled = false;
document.getElementById("button_top").disabled = false;
document.getElementById("button_previous").disabled = false;
document.getElementById("button_next").disabled = false;
document.getElementById("button_bottom").disabled = false;
}

/* Preload icons */

function initRollOvers() {
if (!document.getElementById){
return;
}

var preLoads = new Array();
var allImages = document.getElementsByTagName('img');

for (var i = 0; i < allImages.length; i++) {        
if (allImages[i].className == 'rollover') {
var src = allImages[i].getAttribute('src');
var ftype = src.substring(src.lastIndexOf('.'), src.length);
var oSrc = src.replace(ftype, '_f'+ftype);

//-- スワップ元、スワップ先画像の登録
allImages[i].setAttribute('pSrc', src);
allImages[i].setAttribute('oSrc', oSrc);

//-- イメージのプリロード
preLoads[i] = new Image();
preLoads[i].src = oSrc;

//-- イベントの設定
allImages[i].onmouseover = function() {
    this.setAttribute('src', this.getAttribute('oSrc'));
}
allImages[i].onmouseout = function() {
    this.setAttribute('src', this.getAttribute('pSrc'));
}
}
}
}
 
function addOnload(func){
if ( typeof window.addEventListener != "undefined" ){
window.addEventListener( "load", func, false );
}else if ( typeof window.attachEvent != "undefined" ) {
window.attachEvent( "onload", func );
}else{
if ( window.onload != null ){
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
window[func]();
};
}else
window.onload = func;
}
}