// content.js
SContent = new Array();
SContent[W] = Math.round(700 * scale);
SContent[H] = Math.round(512 * scale);
SContent[X] = SLayout[X] + Math.round(186 * scale);
SContent[Y] = SLayout[Y] + Math.round(14 * scale);
SContent[CX] = SContent[X] + Math.round(SContent[W] / 2);
SContent[CY] = SContent[Y] + Math.round(SContent[H] / 2);
setstyle('Content', [
  ['backgroundColor', BgGray],
  ['left', SContent[X]],
  ['top', SContent[Y]],
  ['width', SContent[W]],
  ['height', SContent[H]]
]);
document.getElementById('FlipImg').src = imgpath + 'flip/0.jpg';
setstyle('FlipImg', [
  ['width', SContent[W]],
  ['height', SContent[H]]
]);
setstyle('Fade', [
  ['left', SContent[X]],
  ['top', SContent[Y]],
  ['width', SContent[W]],
  ['height', SContent[H]]
]);
document.getElementById('FadeImg').src = imgpath + 'fade/100.png';
setstyle('FadeImg', [
  ['width', SContent[W]],
  ['height', SContent[H]]
]);
setstyle('FadeOut', [
  ['left', SContent[X]],
  ['top', SContent[Y]],
  ['width', SContent[W]],
  ['height', SContent[H]]
]);
document.getElementById('FadeImg').src = imgpath + 'fade/100.png';
setstyle('FadeOutImg', [
  ['width', SContent[W]],
  ['height', SContent[H]]
]);

// the goody
var flipImg = 0;
var flipImgMax = 16;
fadeimages = new Array();
function startflip() {
  for (var i = 0; i <= flipImgMax; i++) {
    fadeimages[i] = new Image(); fadeimages[i].src = imgpath + 'flip/' + i + '.jpg';
  }
  if (browser.isIE && !browser.isMac) { 
    document.getElementById('FadeImg').src = fadeimages[0].src;
    window.setTimeout("fadein()", 5000);
  }
  else {
    flipImg = 1;
    fadein();
  }
}

function flip() {
  //if(browser.isIE && !fadeimages[FlipImg].complete) waitforimage();
  //else {
    document.getElementById('FlipImg').src = fadeimages[flipImg].src;
    flipImg++; if (flipImg > flipImgMax) flipImg = 0;//fadeimages.length
	window.setTimeout("fadein()", 500);
  //}
}
function waitforimage() {
  window.setTimeout("flip()", 250);
}
var fadepercent = 100;
function fadein() {
  if (browser.isIE && !browser.isMac) { //billy boy on billy box can't png
    fadepercent = 0; //window.setTimeout("fadeout()", flipT);
    // setstyle('FadeImg', [['filter' , 'Alpha(opacity='+fadepercent+', finishopacity='+fadepercent+', style=0)']]);
  }
  else {
    document.getElementById('FadeImg').src = imgpath + 'fade/' + fadepercent + '.png';
  }
  if (fadepercent > 0) {
    fadepercent -= 10;
	window.setTimeout("fadein()", 15);
  }
  else window.setTimeout("fadeout()", flipT);
}
function fadeout() {
  if (browser.isIE && !browser.isMac) { //billy boy on billy box can't png
    flipImgI = flipImg + 1; if (flipImgI > flipImgMax) flipImgI = 0;
	//flipImgII = flipImg + 2; if (flipImgII > flipImgMax) flipImgII = 0;
    document.getElementById('FlipImg').src = fadeimages[flipImg].src;
    document.getElementById('FadeImg').src = fadeimages[flipImgI].src;
    setstyle('FadeImg', [['filter' , 'Alpha(opacity='+fadepercent+', finishopacity='+fadepercent+', style=0)']]);
	if (fadepercent < 100) {
      fadepercent += 4;
	  window.setTimeout("fadeout()", 15);
    }
    else flip();
    }
  else {
    document.getElementById('FadeImg').src = imgpath + 'fade/' + fadepercent + '.png';
    if (fadepercent < 100) {
      fadepercent += 10;
	  window.setTimeout("fadeout()", 15);
    }
    else flip();
  }
}
if (browser.isIE && !browser.isMac) { //billy boy on billy box can't png
  document.getElementById('FadeOutImg').src = imgpath + 'fade/' + 100 + '.png';
  setstyle('FadeOutImg', [['filter' , 'Alpha(opacity='+80+', finishopacity='+fadepercent+', style=0)']]);
  //document.getElementById('FlipImg').src = fadeimages[flipImg].src;
}
else {
  document.getElementById('FadeOutImg').src = imgpath + 'fade/' + 80 + '.png';
}