/* 設定部分 */
var interval = 6000; //切り替わる時間（1000=1秒）
var imgs = [
  { // 01
    src:       "img/main_visual/main_visual04.jpg",
    src_hover: "img/main_visual/main_visual04_on.jpg",
    href:      "why_sios/index.html",
    alt:       "Google Appsのリーディングカンパニー 業界No.1の導入実績と技術力を誇るサイオステクノロジー",
    title:     "詳しくはこちらをクリック!!" ,
    src_o:	"img/btn_googleapps.gif",
    opt_display:	true,
    opt_href:	"https://www.sios.com/products/cloud/contact/"
  }
  ,
  { // 02
    src:       "img/main_visual/main_visual01.jpg",
    src_hover: "img/main_visual/main_visual01_on.jpg",
    href:      "service/sios_solutions.html",
    alt:       "サイオスソリューション&インテグレーション技術で信頼のクラウド環境へ",
    title:     "詳しくはこちらをクリック!!" ,
    src_o:	"img/btn_googleapps.gif",
    opt_display:	true,
    opt_href:	"https://www.sios.com/products/cloud/contact/"
  }
  ,
  { // 03
    src:       "img/main_visual/main_visual02.jpg",
    src_hover: "img/main_visual/main_visual02_on.jpg",
    href:      "service/index.html",
    alt:       "Cloud solution & Integration グーグルアップス：業界No.1の導入実績と技術力",
    title:     "詳しくはこちらをクリック!!"  ,
    src_o:	"img/btn_googleapps.gif",
    opt_display:	false ,
    opt_href:	"https://www.sios.com/products/cloud/contact/"
  }
//  ,
//  { // 04
//    src:       "img/main_visual/main_visual03_02.jpg",
//    src_hover: "img/main_visual/main_visual03_02_on.jpg",
//    href:      "service/shift_support.html",
//    alt:       "SIOS＝No.1 Support Formation 60万アカウントのニーズに対応した最高レベルの技術とサポート",
//    title:     "詳しくはこちらをクリック!!" 
//  
//  }

];

/* プログラム部分 */
var frame_rate = 1000; // フレームレート
var counter = 0;
var start_promote = function() {
  cti.src = imgs[num].src;
  cto.src = imgs[num].src_o;
  timer = setInterval(function(){
    counter += frame_rate;
    if(interval < counter) {
      next_promote();
      counter = 0;
    }
  },frame_rate);
}

var stop_promote = function() {
  if(imgs[num].src_hover) {
    cti.src = imgs[num].src_hover;
  }
  if(timer) {
    clearInterval(timer);
  }
}

var next_promote = function() {
    num = (num+1)%imgs.length;
    data = imgs[num];
    cti.src  = data.src;
    cth.href = data.href;
    cti.title= data.title;
    cti.alt  = data.alt;
    cto.src = data.src_o;
    cto_link.href = data.opt_href;

if(data.opt_display == false){
document.getElementById("cto_link").style.display = "none";
}
else {
document.getElementById("cto_link").style.display = "block";
}
}
var num = 0;


document.write('<p><a href="'+imgs[num].href+'" id="cth" onmouseover="stop_promote()" onmouseout="start_promote()"><img src="'+imgs[num].src+'" id="cti" alt="'+imgs[num].alt+'" title="'+imgs[num].title + '" /></a></p><p><a href="' + imgs[num].opt_href + '" id="cto_link" onmouseover="stop_promote()" onmouseout="start_promote()" ><img src="' + imgs[num].src_o + '" id="cto" width="204" height="64" alt="Google Appsについてのお問い合わせ"  title="Google Appsについてのお問い合わせ"  style="position:absolute; top:65px; right:20px;" /></a></p>');



var cti = document.getElementById("cti");
var cth = document.getElementById("cth");
var cto = document.getElementById("cto");
var cto_link = document.getElementById("cto_link");

var timer;
start_promote();