//********初期設定（以下の赤い部分を適当に変えて下さい）************************************
var actspd = 75;              //インターバル（動きのなめらかさ＝＞小さいほどなめらか）
var high_spd = 20;            //ハイスピード（大きいほど速い）
var low_spd = 10;              //ロースピード（大きいほど速い）
var gz = 120;                  //使う画像のサイズ（単位：ピクセル）
mgz0 = "bflogo.png";         //右下向き画像
mgz1 = "bflogo.png";           //右上向き画像
mgz2 = "bflogo.png";         //左下向き画像
mgz3 = "bflogo.png";           //左上向き画像
mgz4 = "bflogo.png";        //クリックされたときに出る画像
msgsw = "on";                 //メッセージを出す：on　出さない：off
hhd = "♥ 今日のラッキーカラー ♥";
cc1 = "今日のあなたは　「白色」　がラッキーカラーです。";
cc2 = "今日のあなたは　「黒色」　がラッキーカラーです。";
cc3 = "今日のあなたは　「赤色」　がラッキーカラーです。";
cc4 = "今日のあなたは　「青色」　がラッキーカラーです。";
cc5 = "今日のあなたは　「黄色」　がラッキーカラーです。";
cc6 = "今日のあなたは　「緑色」　がラッキーカラーです。";
cc7 = "今日のあなたは　「茶色」　がラッキーカラーです。";
cc8 = "今日のあなたは　「紫色」　がラッキーカラーです。";

mes3 = "[ ＯＫ ]をクリックするとラッキーカラーの商品を表示します♪"

//*******************************************************************************************
var msg1,msg2;
//画像の読み込み
var musi = new Array();
for (i=0; i<=4; i++) {
	musi[i] = new Image();
}

musi[0].src = mgz0;
musi[1].src = mgz1;
musi[2].src = mgz2;
musi[3].src = mgz3;
musi[4].src = mgz4;

var id1=0;
var xx=0,yy=0;
var kk = 0;
var x = -gz;
var y = -gz;
var dx = 1;
var dy = 1;
var sdx = 1;
var sdy = 1;
var spd = low_spd;
var mx = 100;
var my = 100;
var cnt = 0;
var act = "low";

function logo_first_seting(){
	actspd = 75;
	high_spd = 20;
	low_spd = 10;
	id1=0;
	xx=0,yy=0;
	kk = 0;
	x = -gz;
	y = -gz;
	dx = 1;
	dy = 1;
	sdx = 1;
	sdy = 1;
	spd = low_spd;
	mx = 100;
	my = 100;
	cnt = 0;
	act = "low";
}

// ブラウザの判別
var IE4 = 0,NN4 = 0,NN6 = 0;
if (document.all) {
    IE4 = true;
} else if (document.layers) {
    NN4 = true;
} else if (document.getElementById) {
    NN6 = true;
}

writelayer();
function writelayer(){
//レイヤー
//Internet Explorer 4.0以上、Netscape6.0のとき
if (IE4 || NN6) {

    document.write('<DIV ID="lay1" STYLE="position:absolute\;width:'+gz+'\;height:'+gz+'\;z-index:100\;top:-'+gz+'">');
	document.write('<a href="JavaScript:hit()">');
	document.write('<img src='+musi[0].src+' width='+gz+' height='+gz+' name="gazou" border=0 class="alphafilter"></a></DIV>');
}

//Netscape Navigator 4.0以上のとき
if (NN4) {

   document.write('<layer name="lay1" top=-'+gz+' z-index=100>');
   document.write('<a href="JavaScript:hit()">');
   document.write('<img src='+musi[0].src+' width='+gz+' height='+gz+' name="gazou" border=0></a></layer>');
}
}


//マウスカーソルの位置の取得
if (NN4 || NN6) {
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove=GetM;
	
	

function GetM(e) {
	if (NN4 || NN6) {
           mx = e.pageX;
           my = e.pageY;
       }
       if (IE4) {
           mx=document.body.scrollLeft+event.clientX;
           my=document.body.scrollTop+event.clientY;
       }
}

function init(){

    clearTimeout(id1);
    spd = low_spd;
    mx = 100;
    my = 100;
    if (IE4) {
       oj1 = document.all("lay1").style;
       ojimg = document.all("lay1");
    }
    if (NN4) {
       oj1 = document.layers["lay1"];
    }
    if (NN6) {
       oj1 = document.getElementById("lay1").style;
       ojimg  = document.getElementById("lay1");
    }
    
    dx = 1;
    dy = 1;
    sdx = 1;
    sdy = 1;
    cnt = 0;
    act = "low";
}
//メイン処理
function musiact(){
    if (NN4 || NN6) {
        spgofx = pageXOffset;
        spgofy = pageYOffset;
        sinwd = innerWidth;
        sinht = innerHeight;
    }
    if (IE4) {
        spgofx = document.body.scrollLeft;
        spgofy = document.body.scrollTop;
        sinwd = document.body.clientWidth;
        sinht = document.body.clientHeight;
    }
	if ( act == "hi" || act == "sleep") {
          cnt--;
          if (cnt < 1 ) {
              act = "low";
              spd = low_spd;
          }
	}
//ハイスピードランへ変更on mouse
    if (x < mx && mx < x+gz && y < my && my < y+gz) {
         act = "hi";
         spd = high_spd;
         cnt = 30;
    }
//画像入れ替え＆ランニング
	if ( act == "low" || act == "hi" ) {
        if ( x - spgofx - spd < 0 ) {
	         dx = 1;                                                           //画面左端のとき右方向へ
	    } else if ( (spgofx + sinwd ) - x - spd - gz < 0 ) {
	                  dx = -1;                                                //画面右端のとき左方向へ
                  } else if ( Math.ceil(Math.random()*1000) % 20 == 0 ) {
                                if (dx == 1) {                              //画面中央のとき左右どちらかへ
                                     dx = -1;
                                }
                            }
	  if ( y - spgofy - spd < 0 ) {
           dy = 1;                                                          //画面上端のとき下方向へ
      } else if ( (spgofy + sinht ) - y - spd - gz < 0 ) {
	                dy = -1;                                               //画面下端のとき上方向へ
	            } else if ( Math.ceil(Math.random()*1000) % 20 == 0 ) {
                              if (dy == 1) {                             //画面中央のとき上下どちらかへ
                                   dy = -1;
                              }
                          }
	  if ( dx != sdx || dy != sdy ) {
           sdx = dx;
           sdy = dy;
           if (dx == 1 && dy == 1) {kk = 0;}                 //右下向き
           if (dx == 1 && dy == -1) {kk = 1;}               //右上向き
           if (dx == -1 && dy == 1) {kk = 2;}               //左下向き
           if (dx == -1 && dy == -1) {kk = 3;}             //左上向き
           if (NN4) {
               oj1.document.images.gazou.src = musi[kk].src;
           }
          if (IE4) {
               ojimg.document.gazou.src =  musi[kk].src;
          }
          if (NN6) {
               document.images["gazou"].src = musi[kk].src;
          }
	  }
	  x += spd*dx;
	  y += spd*dy;
	  
        if (NN4) {
            oj1.moveTo(x,y);
        }
        if (IE4) {
            oj1.pixelLeft = x;
            oj1.pixelTop = y;
        }
        if (NN6) {
            oj1.left = x;
            oj1.top = y;
        }
	 if ( act == "low" && Math.ceil(Math.random()*1000) % 100 == 0 ) {
            act = "sleep";
            cnt = Math.ceil(Math.random()*1000) % 100;
	 }
     }      //画像入れ替え＆ランニングのif文の終わり
     id1 = setTimeout('musiact()',actspd);
}
function hit(){
    clearTimeout(id1);
    if (NN4) {
         oj1.moveTo(-gz,-gz);
    }
    if (IE4) {
         oj1.pixelLeft = -gz;
         oj1.pixelTop = -gz;
    }
    if (NN6) {
         oj1.left = -gz;
         oj1.top = -gz;    }
    if (msgsw == "on") {
        uracmt();
    }
}

function uracmt() {
    dd=Math.random()*8;
    ans=Math.floor(dd);
    if (ans == 0) {msg2 = cc1; }
    if (ans == 1) {msg2 = cc2; }
    if (ans == 2) {msg2 = cc3; }
    if (ans == 3) {msg2 = cc4; }
    if (ans == 4) {msg2 = cc5; }
    if (ans == 5) {msg2 = cc6; }
    if (ans == 6) {msg2 = cc7; }
    if (ans == 7) {msg2 = cc8; }
	
    var conf_flag = window.confirm(hhd+"\n\n"+msg2+"\n"+mes3);
	if(conf_flag){
		location.href = "http://www.bodyfocus.jp/products/list.php?color_category="+(ans+1);
	}
}
function stact(){
	logo_first_seting();
	init();
	musiact();
}