/* ============================================================================================
HOME FUNCTION - 2010/12/01
============================================================================================ */
/* ▼全処理をページ読み込み後に実行
-------------------------------------------------------------------------------------------- */
$(function(){
/* --------------------------------------------------------------------------------------------
CHAGE CONTENTS by TIME - 時間によってコンテンツを出しわけ - 2010/12/01
-------------------------------------------------------------------------------------------- */
var datetoday = new Date();
var timenow = datetoday.getTime();
datetoday.setTime(timenow);
var thehour = datetoday.getHours();//時間によって1～24の値が格納
//alert(thehour);
if (thehour > 11 && thehour < 24){
//午後 12～24時は午前のコンテンツ非表示
$("#am").remove();
}else{
//午前 0～12時は午後のコンテンツ非表示
$("#pm").remove();
}
/* --------------------------------------------------------------------------------------------
Auto Fade Contents BOX - 一定時間毎に表示するコンテンツを切り替え - 2010/11/11
-------------------------------------------------------------------------------------------- */
// 初期設定
//------------------------------------------------------------------------------------
var count = 1; //スタート位置
var time = 5000; //スライドショーの間隔（ms）
var ctsInnerCts = 1;//1エリア内のコンテンツの数
// イベント処理
//----------------------------------------------------------------------------------------
//$(function(){
// コンテンツ数からタブにする数を取得
//------------------------------------------------------------------------------------
var allCtsNum = $("#topmip-frm li").size(); //全コンテンツ数
var tabNum = allCtsNum;
// 事前準備
//------------------------------------------------------------------------------------
//$("#topmip-frm li:odd").addClass("even");
//コンテンツID連番処理
var h = 1;
$("#topmip-frm li").each(function (i) {
var i = i+1;
$(this).attr("id","box" + i);//コンテンツ個別ID
$(this).addClass("boxGroup" + h);//コンテンツグループクラス :: タブ化用
if(i % ctsInnerCts === 0){ h = h + 1; }
});
$("#topmip-frm .loading").remove();
$("#topmip-frm .boxGroup1").css("display","block");
// コンテンツの数によってタブの数を切り替える
//------------------------------------------------------------------------------------
if(allCtsNum <= ctsInnerCts){
}else{
for (var i=1,len = tabNum+1; i < len; i++) {
if(i === 1){
$("#topmip-tab").append(' ');
}else{
$("#topmip-tab").append(' ');
}
};
//オートフェード処理起動
TimerCount();
//------------------------------------------------------------------------------------
// ユーザーマウスイベント処理
//------------------------------------------------------------------------------------
// ナビにホバーした際の処理
//--------------------------------------------------------------------------------
$("#topmip-tab span").hover(
function () {
clearInterval(time_bnr);
$("#topmip-tab span").removeClass("active");
var nowId = $(this).attr("id");
$("#topmip-tab #" + nowId).addClass("active");
count = nowId.replace("tab","");
$("#topmip-frm li").css("display","none");
var nowbnr = $("#topmip-frm .boxGroup" + count);
nowbnr.stop().animate({opacity:.1},10,function(){nowbnr.css("display","block").animate({opacity:1},300)});
},
function () {
TimerCount(); //TimerCountにセットされているインターバル処理を開始（再開）
}
);
// コンテンツにホバーした際の処理
//-----------------------------------------------------------
$("#topmip-frm").hover(
function () {
clearInterval(time_bnr);
},
function () {
TimerCount(); //TimerCountにセットされているインターバル処理を開始（再開）
}
);
}
/* ----------------------------------------------------------------------------
オートフェード処理本体
---------------------------------------------------------------------------- */
/* timeに設定された時間ごとにsetAutoFade(オートスライド処理)を実行
---------------------------------------------------------------------------- */
var time_bnr;
function TimerCount(){
time_bnr = setInterval(setAutoFade, time);
}
/* オートスライド処理
---------------------------------------------------------------------------- */
function setAutoFade(){
count ++;
// count（現在位置）の値を元に条件分岐
//-----------------------------------------------------------------------
if(count < (tabNum+1)){
//countが全コンテンツ数(companyNum + 1)より小さい場合
$("#topmip-tab span#tab" + (count - 1)).removeClass("active"); //ナビの現在位置を解除
$("#topmip-tab span#tab" + count).addClass("active"); //ナビの現在位置を設定
$("#topmip-frm .boxGroup" + (count - 1)).css("display","none"); //コンテンツの現在位置を解除
$("#topmip-frm .boxGroup" + count).fadeIn(500); //コンテンツの現在位置を設定
}else{
//countが全コンテンツ数(tabNum + 1)より大きい場合
count = 1; //カウントをスタート位置に戻す
$("#topmip-tab span").removeClass("active"); //ナビの現在位置を解除
$("#topmip-tab span#tab1").addClass("active"); //ナビの現在位置を設定
$("#topmip-frm li").css("display","none"); //コンテンツの現在位置を設定
$("#topmip-frm .boxGroup1").fadeIn(500); //コンテンツの現在位置を設定
}
}
/* --------------------------------------------------------------------------------------------
CSS Class SETING
-------------------------------------------------------------------------------------------- */
//even指定
$("#thisweekinfo .pickup li:odd").addClass("odd");
$("#netcollect .bnr li:odd").addClass("odd");
$("#netuse .bnr li:odd").addClass("odd");
$("#netuse .shoplist li:odd").addClass("odd");
//last設定
$("#sub #nearbystore .newcompany li:last-child").addClass("last");
$("#sub #pickup ul li:last-child").addClass("last");
/* --------------------------------------------------------------------------------------------
HightLine - 各要素の高さ揃え
-------------------------------------------------------------------------------------------- */
/* 今週のおトクリンク設定
----------------------------------------------------------------- */
var pickuph = 0;
$("#thisweekinfo .pickup li").each(function (pickupi) {
var pickupi = pickupi+1;
$(this).addClass("heightLine-pickup" + pickuph);
if(pickupi % 2 == 0){
pickuph = pickuph + 1;
}
});
/* ポイントをつかってお買物
----------------------------------------------------------------- */
var shoplisth = 0;
$("#shoping .shoplist li").each(function (shoplisti) {
var shoplisti = shoplisti+1;
$(this).addClass("heightLine-shoplist" + shoplisth);
if(shoplisti % 2 == 0){
shoplisth = shoplisth + 1;
}
});
/* --------------------------------------------------------------------------------------------
LOADING CONTENTS - 外部ファイルからコンテンツを読み込む
-------------------------------------------------------------------------------------------- */
/* 読み込み実行
---------------------------------------------------------------- */
function loadCtsData(id1,url1){
var tgt1 = '#' + id1;
$(tgt1).load(url1, function(){
// ローディングが完了したときに実行したい処理をここへ記述
});
}
/* 読み込み指定
---------------------------------------------------------------- */
//提携店舗一覧
//loadCtsData('partnerlist','/c/home/partner.htm');
//おしらせ（キャンペーン・サービス情報）
loadCtsData('othernews','/c/news/data/home/other.htm');
//おしらせ（メンテナンス情報）
loadCtsData('maintenews','/c/news/data/home/mainte.htm');
/* --------------------------------------------------------------------------------------------
LINK SETING - 画像とリンクをひとまとめに設定
-------------------------------------------------------------------------------------------- */
/* 今週のおトクリンク設定
----------------------------------------------------------------- */
var thisweekinfo= $("#thisweekinfo .pickup li");
thisweekinfo.click(function() {
var targeturl = $(this).children("p").children("a").attr("href");
location.href = targeturl;
});
thisweekinfo.hover(function(){
$(this).addClass("box_hover");
},
function(){
$(this).removeClass("box_hover");
});
/* ネットでためよう！注目ショップ
----------------------------------------------------------------- */
var attentionshop = $("#pointmall .attentionshop li");
attentionshop.click(function() {
var targeturl = $(this).children("p.txt").children("a").attr("href");
location.href = targeturl;
});
attentionshop.hover(function(){
$(this).addClass("box_hover");
},
function(){
$(this).removeClass("box_hover");
});
/* ネットで使おう！ ポイントつかってお買物
----------------------------------------------------------------- */
var shoplist = $("#shoping .shoplist li");
shoplist.click(function() {
var targeturl = $(this).children("p.txt").children("a").attr("href");
location.href = targeturl;
});
shoplist.hover(function(){
$(this).addClass("box_hover");
},
function(){
$(this).removeClass("box_hover");
});
/* 近くのお店でためよう！つかおう！
----------------------------------------------------------------- */
var nearbystore = $("#nearbystore li");
nearbystore.click(function() {
var targeturl = $(this).children("p.txt").children("a").attr("href");
location.href = targeturl;
});
nearbystore.hover(function(){
$(this).addClass("box_hover");
},
function(){
$(this).removeClass("box_hover");
});
/* 注目ピックアップ
----------------------------------------------------------------- */
var pikup = $("#pickup li");
pikup.click(function() {
var targeturl = $(this).children("p.txt").children("a").attr("href");
location.href = targeturl;
});
pikup.hover(function(){
$(this).addClass("box_hover");
},
function(){
$(this).removeClass("box_hover");
});
/* --------------------------------------------------------------------------------------------
RANDOM BNR - 指定最大数から2枚以上をランダムで表示
-------------------------------------------------------------------------------------------- */
/* -------------------------------------------
ランダム共通
-------------------------------------------- */
//表示数に満たすまでループ
function setData(){
rdmVal = getRdm();
if(checkNum()){
numCnt++;
rdmAry[numCnt] = rdmVal;
if(numCnt != numShowFix){
setData();
}
}else{
setData();
}
}
//数字が重複していないかチェック
function checkNum(){
var checkCnt = 0;
for(var i=0; i<=numCnt; i++){
//alert(numCnt);
if(rdmVal != rdmAry[i]){
checkCnt++;
}
}
if(checkCnt > numCnt){
return true;
}else{
return false;
}
}
//ランダムな数字を取得
function getRdm(){
var rdm = Math.floor( Math.random()*numMax );
return rdm;
}
/* -------------------------------------------
お店でたまる・つかえる
-------------------------------------------- */
//------------------------データセット
//最大値
numMax = 29;
//表示数
numShow = 8;
bnrAry = new Array();
//HTMLタグ
bnrAry[0] = '
';
bnrAry[1] = '
';
bnrAry[2] = '
';
bnrAry[3] = '
';
bnrAry[4] = '
';
bnrAry[5] = '
';
bnrAry[6] = '
';
bnrAry[7] = '
';
bnrAry[8] = '
';
bnrAry[9] = '
';
bnrAry[10] = '
';
bnrAry[11] = '
';
bnrAry[12] = '
';
bnrAry[13] = '
';
bnrAry[14] = '
';
bnrAry[15] = '
';
bnrAry[16] = '
';
bnrAry[17] = '
';
bnrAry[18] = '
';
bnrAry[19] = '
';
bnrAry[20] = '
';
bnrAry[21] = '
';
bnrAry[22] = '
';
bnrAry[23] = '
';
bnrAry[24] = '
';
bnrAry[25] = '
';
bnrAry[26] = '
';
bnrAry[27] = '
';
bnrAry[28] = '
';
//------------------------処理開始
var rdmAry = new Array();
var numCnt = 0;
var numShowFix = numShow -1;
var rdmVal = getRdm();
rdmAry[0] = rdmVal;
setData();
//HTMLセット
var bnrlist = '';
var bnrlistFix;
var bnrlist = '';
for(var i=0; i<=numShowFix; i++){
num = rdmAry[i];
bnrlist += bnrAry[num];
}
var bnrlistFix = '';
bnrlistFix += bnrlist;
/* -------------------------------------------
ネットでたまる・つかえる
-------------------------------------------- */
//------------------------データセット
//最大値
numMax = 17;
//表示数
numShow = 8;
bnrAry = new Array();
//HTMLタグ
bnrAry[0] = '
';
bnrAry[1] = '
';
bnrAry[2] = '
';
bnrAry[3] = '
';
bnrAry[4] = '
';
bnrAry[5] = '
';
bnrAry[6] = '
';
bnrAry[7] = '
';
bnrAry[8] = '
';
bnrAry[9] = '
';
bnrAry[10] = '
';
bnrAry[11] = '
';
bnrAry[12] = '
';
bnrAry[13] = '
';
bnrAry[14] = '
';
bnrAry[15] = '
';
bnrAry[16] = '
';
//------------------------処理開始
var rdmAry = new Array();
var numCnt = 0;
var numShowFix = numShow -1;
var rdmVal = getRdm();
rdmAry[0] = rdmVal;
setData();
//HTMLセット
var netlist = '';
var netlistFix;
var netlist = '';
for(var i=0; i<=numShowFix; i++){
num = rdmAry[i];
netlist += bnrAry[num];
}
var netlistFix = '';
netlistFix += netlist;
//------------------------共通出力
//HTML書き出し
$("#shop #sidebnrlist").html(bnrlistFix);
$("#net #sidebnrlist").html(netlistFix);
/* --------------------------------------------------------------------------------------------
ログイン後 今週のおトク テキストリンク スライド表示＆非表示
-------------------------------------------------------------------------------------------- */
$("#thisweekinfo .more a").click(function(){
$(".otoku-logon .list").slideToggle();
})
/* --------------------------------------------------------------------------------------------
AFTER LOADING VIEW - ページの読み込み後に表示するコンテンツの指定
-------------------------------------------------------------------------------------------- */
//ページ読み込み後に下記を表示
$('#collect').css('display', 'block');
$('#spend').css('display', 'block');
$('#news').css('display', 'block');
//ページ読み込み後にローディングを終了
$('#main').css('background', 'none');
$('#sub .subbox').css('background', 'none');
/* ▲全処理をページ読み込み後に実行
-------------------------------------------------------------------------------------------- */
});