var base_url = "http://www.square-enix.co.jp/saga2/bp/";
var swf_url = base_url+"saga2_blogparts.swf";
var swf_url2 = base_url+"saga2_blogparts_jack.swf";
var image_num
var base_Left
var posObj
var image_Array = new Array()
var set_flg = false
window.onload = function() {
image_num = document.images.length;
//Window Resize
window.onscroll = window.onresize = function(){
set_layer();
set_pos();
}
var senseiLayer = document.createElement('div');
senseiLayer.style.position = 'absolute';
senseiLayer.style.zIndex = '90'
senseiLayer.style.width= '50px';
senseiLayer.style.height='50px';
senseiLayer.style.left='0'
senseiLayer.style.top='0';
senseiLayer.style.visibility = 'visible';
senseiLayer.setAttribute('id','senseiLayer');
document.body.appendChild(senseiLayer);
}
str = '';
document.writeln(str);
IE='\v'=='v';
if(IE && navigator.userAgent.indexOf("MSIE 7.") != -1 || navigator.userAgent.indexOf("MSIE 8.") != -1){
browser="ie";
}else if(navigator.userAgent.indexOf("Firefox") != -1) {
browser="firefox";
}else if(navigator.userAgent.indexOf("Chrome") != -1) {
browser="chrome";
}else{
browser="other";
}
//Layer Set
function set_layer(){
var element, ww, st, ht;
if(document.getElementById('flash')){
element = document.getElementById('flash').style;
ww = (window.innerWidth) ? window.innerWidth : (document.documentElement && document.documentElement.clientWidth) ? document.documentElement.clientWidth : document.body.clientWidth;
ht = (window.innerHeight) ? window.innerHeight : (document.documentElement && document.documentElement.clientHeight) ? document.documentElement.clientHeight : document.body.clientHeight;
st = document.body.scrollTop || document.documentElement.scrollTop;
lf = document.body.scrollLeft || document.documentElement.scrollLeft;
//座標補正
element.left = lf+'px';
element.top = st+'px';
element.width = ww+'px';
element.height = ht+'px';
}
}
function set_pos(){
if(document.getElementById('senseiLayer') && set_flg){
var element = document.getElementById('senseiLayer');
posObj = getOffset(image_Array[0])
element.style.left = posObj.left - base_Left + 'px'
}
}
//レイヤーオブジェクト用配列
function createLAYER(left,top,width,height,html){
var layName= '_sensei_' + createLAYER.no;
createLAYER.no++;
if(browser=="ie"){ //ie用
var layerObj = document.createElement('div');
layerObj.setAttribute('id',layName);
layerObj.innerHTML= html;
layerObj.style.position = 'absolute';
layerObj.style.left = left + 'px';
layerObj.style.top= top + 'px';
layerObj.style.width= width + 'px';
layerObj.style.height = height + 'px';
//divをbodyへ追加
var element=document.getElementById("senseiLayer")
element.appendChild(layerObj);
return layerObj;
}else if(browser=="firefox" || browser=="chrome"){//firefox,chrome用
var layerObj = document.createElement('div');
layerObj.setAttribute('id',layName);
layerObj.innerHTML= html;
layerObj.style.position = 'absolute';
layerObj.style.zIndex = layName;
layerObj.style.left = left + 'px';
layerObj.style.top= top + 'px';
layerObj.style.width= width + 'px';
layerObj.style.height = height + 'px';
//divをbodyへ追加
var element=document.getElementById("senseiLayer")
element.appendChild(layerObj);
return layerObj;
}
return null;//未対応ブラウザならnullを返す
}
//座標を取得
function getOffset(element){
var valueT = 0;
var valueL = 0;
var element = element
do {
if(element.offsetTop || 0){
valueT += element.offsetTop || 0;
}
if(element.offsetLeft || 0){
valueL += element.offsetLeft || 0;
}
element = element.offsetParent;
} while (element)
return {left:valueL,top:valueT}
}
//画像の表示
function repImage() {
set_flg = true
for (i=0; i240 && imageH>240 && imageW<600){
image_Array[0] = element
posObj = getOffset(element);
var x1 = posObj.left, y1 = posObj.top;
var x2 = posObj.left + imageW - 167, y2 = posObj.top + imageH - 255;
var w1 = 220, h1 = 61, w2 = 167, h2 = 255;
createLAYER(x1,y1,w1,h1,"![]("+base_url+"logo_saga2.png)
");
createLAYER(x2,y2,w2,h2,"![]("+base_url+"sensei.png)
");
}
}
base_Left = posObj.left
}
//Flash Start
function start_flash(){
var swf_str;
swf_str = '';
var ele = document.createElement('div')
ele.setAttribute('id','flash');
ele.innerHTML = swf_str;
ele.style.position = 'absolute';
ele.style.zIndex = '100'
ele.style.width='100%';
ele.style.height='100%';
ele.style.left='0';
ele.style.top='0';
ele.style.visibility = 'visible';
document.body.appendChild(ele);
set_layer();
}
//Flash END
function end_flash(){
document.getElementById("flash").style.display = "none";
}
function show_image(){
document.getElementById("senseiLayer").style.visibility = "visible";
}
function hide_image(){
document.getElementById("senseiLayer").style.visibility = "hidden";
}