/******************************************************************************
初期設定
******************************************************************************/
var gsTickerSwf = "napo2.swf";
var gsFloatSwf = 'js/napo2.swf';
var gsFloatIdPrefix = "KomanekoFloat";
var gsTickerId = "KomanekoTicker";
var giFloatHeight = 250;
var giFloatLeft = 0;
// フロートTickerを表示する
var gbShowFlg = 0;
var giFloatNum = 0;
// MacIEチェックを行う
bMacIeFlg = CheckMacIe();
// Tikerを作成する
MakeTicker();
// onLoad時に実行する
AddLoadFunction(ShowSwfLayer, 1);
/********************************************************************************
関数名 AddLoadFunction
機能 BodyのLoadイベント時に実行する関数を追加する
入力 fFunction 関数名（「"」で囲まずに指定する）
sArg 関数の引数（"AAA,BBB"というように、カンマ区切りの文字列）
出力 なし
使い方 この関数は、が出現する後に実行すること。
同様に、この関数が実行されたあとに、window.onload=function();が設定されると
それまでの関数は無効となる。
引数を使用する場合は、カンマ区切りの文字列を渡す。
実際の関数内で、カンマ区切りの文字を配列にsplitして使う。
********************************************************************************/
function AddLoadFunction(fFunction, sArg){
var fBaseOnload = window.onload;
// 既存のonLoadイベントが存在しない場合
if(typeof window.onload != 'function'){
// 追加された関数をonLoadイベントとする
window.onload = function(){
// 新しい関数を実行する
fFunction(sArg);
}
// 既存のonLoadイベントが存在する場合
}else{
window.onload = function(){
// 元の関数を実行する
fBaseOnload();
// 新しい関数を実行する
fFunction(sArg);
}
}
}
/******************************************************************************
関数名 MakeTicker
機能 ティッカーを作成する
入力 なし
出力 document.writeによるHTML出力
******************************************************************************/
function MakeTicker(){
var sTickerUrl = gsTickerSwf;
var sHtml = "";
sHtml += '';
document.write(sHtml);
}
/********************************************************************************
関数名 ShowSwfLayer
機能 Flashレイヤーを表示、非表示する
ポイント フローティングレイヤーの表示サイズは
SWFをクリックするたびに再計算する。
フローティングレイヤーの中身を新しいSWFソースで入れ替えることで
Flashを初期化する。
MacIEの場合のみ、表示、非表示のたびに
レンダリングしなおすために、スクロール処理を入れる。
入力 sMode 1:表示 0:非表示
出力 なし
処理概要
1. 現在表示されている場合
1.0. オブジェクト名を作成する
1.1. 表示モードの場合
1.1.2. ポジションを移動して終了する
1.2. 非表示モードの場合
1.2.2. 対象オブジェクトを削除する
2. 現在表示されていない場合
2.1. 表示モードの場合
2.1. フロートオブジェクトを作成する
2.2. フロートオブジェクトIDを作成する
2.3. フロートオブジェクトをbodyに追加する
2.2. 非表示モードの場合
2.2.1. 何もしない
3. MacIEの場合
3.1. 再レンダリングする
********************************************************************************/
function ShowSwfLayer(sMode){
var oLayer;
var sId;
var iLayerTop;
var iLayerWidth;
var iLayerHeight;
// 現在表示されている場合
if(gbShowFlg == 1){
// オブジェクトIDを作成する
sId = gsFloatIdPrefix + giFloatNum;
oLayer = document.getElementById(sId);
// 表示モードの場合
if(sMode == 1){
// Y座標を取得する
// iLayerTop = GetMiddlePosition("top") - giFloatHeight / 2;
iLayerTop = GetMiddlePosition("top") + giFloatHeight / 2;
// ポジションを移動して終了する
oLayer.style.top = iLayerTop + "px";
// フラグを更新する
gbShowFlg = 1;
return;
// 非表示モードの場合
} else {
// オブジェクトを削除する
//oLayer.style.display='none';
oLayer.innerHTML='';
// フラグを変更する
gbShowFlg = 0;
}
// 現在表示されていない場合
} else {
// 表示モードの場合
if(sMode == 1){
// オブジェクトを作成する
giFloatNum++;
sId = gsFloatIdPrefix + giFloatNum;
oLayer = document.createElement('DIV');
oLayer.id = sId;
// フローティングレイヤーのサイズを算出する
iLayerWidth = GetWindowSize("width");
iLayerHeight = giFloatHeight;
// Y座標を取得する
// iLayerTop = GetMiddlePosition("top") - giFloatHeight / 2;
iLayerTop = GetMiddlePosition("top") + giFloatHeight / 2;
// フローティングレイヤーにスタイルを指定する
oLayer.style.position = "absolute";
oLayer.style.zIndex = 10;
oLayer.style.top = iLayerTop + "px";
oLayer.style.left = giFloatLeft + "px";
// SWFタグを作成する
var sHtml = "";
sHtml += '';
// SWFを挿入する
oLayer.innerHTML = sHtml;
// オブジェクトを追加する
document.getElementsByTagName('body')[0].appendChild(oLayer);
// フラグを変更する
gbShowFlg = 1;
// 非表示モードの場合
} else {
// フラグを更新する
gbShowFlg = 0;
// なにもしない
return;
// フローティングレイヤーの中身を空にする
// oLayer.innerHTML = "";
// フローティングレイヤーを非表示にする
// oLayer.style.display = "none";
// oLayer.style.top = "-500px";
}
}
// MacIEの場合
if(bMacIeFlg == 1){
// 再レンダリングする
window.scrollBy(0, 1);
}
}
/********************************************************************************
関数名 GetMiddlePosition
機能 現在のスクロール位置でのミドルポジションを取得する
入力 sMode top / left
出力 iPositionX X座標
iPositionY Y座標
処理概要 1. Windowサイズを取得する
2. スクロール位置を取得する
3. ミドルポジションを算出する
4. ミドルポジションを返して終了する
********************************************************************************/
function GetMiddlePosition(sMode){
// Windowサイズを取得する
var iWindowWidth, iWindowHeight;
iWindowWidth = GetWindowSize('width');
iWindowHeight = GetWindowSize('height');
// スクロール位置を取得する
var iScrollTop, iScrollLeft;
iScrollTop = GetScrollPosition('top');
iScrollLeft = GetScrollPosition('left');
// ミドルポジションを算出する
var iMiddleTop = iWindowHeight / 250 + iScrollTop;
var iMiddleLeft = iWindowWidth / 3 + iScrollLeft;
// topを返す場合
if(sMode == "top"){
return iMiddleTop;
} else {
return iMiddleLeft;
}
}
/********************************************************************************
関数名 GetScrollPosition
機能 スクロール位置を算出する
入力 sMode top / left
出力 iPosition
********************************************************************************/
function GetScrollPosition(sMode){
var iScrollPosition;
if(sMode == "left"){
if(self.pageXOffset){
iScrollPosition = self.pageXOffset;
// Explorer 6 Strict
}else if(document.documentElement && document.documentElement.scrollLeft){
iScrollPosition = document.documentElement.scrollLeft;
// all other Explorers
}else if(document.body){
iScrollPosition = document.body.scrollLeft;
}
} else {
if(self.pageYOffset){
iScrollPosition = self.pageYOffset;
// Explorer 6 Strict
}else if(document.documentElement && document.documentElement.scrollTop){
iScrollPosition = document.documentElement.scrollTop;
// all other Explorers
}else if(document.body){
iScrollPosition = document.body.scrollTop;
}
}
return iScrollPosition;
}
/********************************************************************************
関数名 GetWindowSize
機能 ウィンドウサイズを取得する
入力 sMoe "width" | "height"
*********************************************************************************/
function GetWindowSize(sMode){
var iWindowWidth, iWindowHeight;
// all except Explorer
if(self.innerHeight){
iWindowWidth = self.innerWidth;
iWindowHeight = self.innerHeight;
// Explorer 6 Strict Mode
}else if(document.documentElement && document.documentElement.clientHeight){
iWindowWidth = document.documentElement.clientWidth;
iWindowHeight = document.documentElement.clientHeight;
// other Explorers
}else if(document.body){
iWindowWidth = document.body.clientWidth;
iWindowHeight = document.body.clientHeight;
}
if(sMode == "width"){
return (iWindowWidth);
} else {
return (iWindowHeight);
}
}
/********************************************************************************
関数名 CheckMacIe
機能 MacIEであることをチェックする
********************************************************************************/
function CheckMacIe(){
var sOs = GetOsName();
var sNavigator = GetNavigatorName();
if((sOs == "MacOSX" || sOs == "MacOS") && sNavigator == "Explorer"){
return true;
} else {
return false;
}
}
/********************************************************************************
関数名 GetOsName
機能 OS情報を取得する
入力 なし
出力 sOsData Os情報 ("MacOSX","Windows")
********************************************************************************/
function GetOsName()
{
var uAgent = navigator.userAgent.toUpperCase();
if (uAgent.indexOf("MAC OS X") >= 0) return "MacOSX";
if (uAgent.indexOf("MAC") >= 0) return "MacOS";
if (uAgent.indexOf("WIN") >= 0) return "Windows";
if (uAgent.indexOf("X11") >= 0) return "UNIX";
return "";
}
function GetNavigatorName(){
if(navigator.IBM_HPR) return "HomepageReader";
aName = navigator.userAgent.toUpperCase();
if (aName.indexOf("SAFARI") >= 0) return "Safari";
if (aName.indexOf("CHIMERA") >= 0) return "Camino";
if (aName.indexOf("OPERA") >= 0) return "Opera";
aName = navigator.appName.toUpperCase();
if (aName.indexOf("NETSCAPE") >= 0) return "Netscape";
if (aName.indexOf("MICROSOFT") >= 0) return "Explorer";
return "";
}