$(document).ready(function() { if(typeof runningMs == 'undefined'){ window.setTimeout("commonJs(0)", 0); }else{ window.setTimeout("commonJs("+runningMs+")", runningMs); } }); var commonJs = function(x){ var TOTAL_DURATION = 30000-x; var time = 2000; var coupon = $('#coupon'); var pList = $('div.goods-frame a'); var mList = []; var lprpList = $('.lprp'); var lprpFrameWidth = $('.lprp-frame').width() - 4; var timer1; var lineThreshold = 9; var adjustment = $('.creative-url-1'); var creativeHeight = $('.creative-frame').height(); var creativeWidth = $('.creative-frame').width(); var style = { "margin" : "2px", "width" : lprpFrameWidth +"px" }; var setOn = function(current) { var c = $(current); c.addClass('On'); var href = c.attr('data-href'); if (!logoClickUrlActive) { coupon.attr('href', href); } }; var clearOn = function(mList) { $(mList).each(function() { $(this).removeClass('On'); }); }; var resetCoupon = function() { coupon.attr('href', coupon.attr('data-href')); }; var putColorFunc = function() { var current = mList.shift(); setOn(current); clearOn(mList); mList.push(current); }; var setlprpFrame = function(){ $(lprpList).each(function() { var lprpWidth = $(this).width(); if(lprpFrameWidth <= lprpWidth) { $(this).css("height", "32px"); } else { $(this).css("line-height", "23px"); } $(this).css(style); }); }; var initTimer = function() { lprpList = $.makeArray(lprpList); if (lprpFrameWidth < 130) { setlprpFrame(); } mList = []; $(pList).each(function() { mList.push($(this)); }); clearOn(mList); if ($(pList).length != 1) { timer1 = setInterval(putColorFunc, time); resetCoupon(); } }; adjustment.each(function(i) { var imageObj = new Image(); // 画像のプリロード処理 imageObj.onload = function() { if (imageObj.width > imageObj.height * (creativeWidth / creativeHeight)) { adjustment.eq(i).css('width', 'auto'); adjustment.eq(i).css('height', '100%'); } else { adjustment.eq(i).css('width', '100%'); adjustment.eq(i).css('height', 'auto'); } }; imageObj.src = $(this).attr('src'); }); initTimer(timer1); if ($(pList).length != 1) { putColorFunc(); } setTimeout( function (){ clearInterval(timer1); clearOn(mList); resetCoupon(); },TOTAL_DURATION); $(mList).each(function() { var t = $(this); t.hover(function() { clearInterval(timer1); clearOn(mList); setOn(this); }, function() { clearOn(this); resetCoupon(); }); }); };