var setPicUPA = '<p class="mag_clear"><a href="http://ciaopanic.com/hottopics/2012/02/ciaopanic-sale-1.html"><img alt="1 to 10 people×Ciaopanic" title="1 to 10 people×Ciaopanic" src="http://ciaopanic.com/hottopics/assets_c/2012/02/hot_1to10people_thb-thumb-264xauto-1006.jpg" height="237" /></a></p><dl class="picupTxt"><dt><span>2012.02.21</span><br /><strong class="fs_l">1 to 10 people×Ciaopanic</a></strong></dt><dd><span>  WEB限定で展開している1 to 10 peopleとの別注商品のご紹介!! ...</span></dd></dl>';
var setHTMLA = '<div class="clearfix"><p class="phBox_idx_ri01"><a href="http://ciaopanic.com/hottopics/2012/02/ciaopanic-sale-1.html"><a href="http://ciaopanic.com/hottopics/2012/02/ciaopanic-sale-1.html"><img alt="1 to 10 people×Ciaopanic" title="1 to 10 people×Ciaopanic" src="http://ciaopanic.com/hottopics/assets_c/2012/02/hot_1to10people_thb-thumb-99xauto-1006.jpg" height="88" /></a></p><dl class="listTopics01_idx"><dt class="type01"><span class="news">2012.02.21</span><strong><a href="http://ciaopanic.com/hottopics/2012/02/ciaopanic-sale-1.html">1 to 10 people×Ciaopanic</a></strong></dt><dd>  WEB限定で展開している1 to 10 peopl ...</dd></dl></div>';




var setPicUPB = '<p class="mag_clear"><a href="http://ciaopanic.com/hottopics/2012/02/supported-by-fuge.html"><img alt="スタイリングコンテストsupported by FUDGE" title="スタイリングコンテストsupported by FUDGE" src="http://ciaopanic.com/hottopics/assets_c/2012/02/fuge_sale_120211_thb-thumb-264xauto-997.jpg" height="237" /></a></p><dl class="picupTxt"><dt><span>2012.02.11</span><br /><strong class="fs_l">スタイリングコンテストsupported by FUDGE</a></strong></dt><dd><span>  チャオパニックがオススメする新作スタイリングコンテストを開催いたします。 レ ...</span></dd></dl>';
var setHTMLB = '<div class="clearfix"><p class="phBox_idx_ri01"><a href="http://ciaopanic.com/hottopics/2012/02/supported-by-fuge.html"><a href="http://ciaopanic.com/hottopics/2012/02/supported-by-fuge.html"><img alt="スタイリングコンテストsupported by FUDGE" title="スタイリングコンテストsupported by FUDGE" src="http://ciaopanic.com/hottopics/assets_c/2012/02/fuge_sale_120211_thb-thumb-99xauto-997.jpg" height="88" /></a></p><dl class="listTopics01_idx"><dt class="type01"><span class="news">2012.02.11</span><strong><a href="http://ciaopanic.com/hottopics/2012/02/supported-by-fuge.html">スタイリングコンテストsupported by FUDGE</a></strong></dt><dd>  チャオパニックがオススメする新作スタイリングコンテ ...</dd></dl></div>';




var setPicUPC = '<p class="mag_clear"><a href="http://ciaopanic.com/hottopics/2012/02/zozo-special-february.html"><img alt="ZOZO SPECIAL 特集 February" title="ZOZO SPECIAL 特集 February" src="http://ciaopanic.com/hottopics/assets_c/2012/02/top_hot_bnr_zozosp_2012_02-thumb-264xauto-992.jpg" height="237" /></a></p><dl class="picupTxt"><dt><span>2012.02.10</span><br /><strong class="fs_l">ZOZO SPECIAL 特集 February</a></strong></dt><dd><span>ZOZOだけの限定商品や、先行発売の情報を発信。 ショップとは違ったチャオパニッ ...</span></dd></dl>';
var setHTMLC = '<div class="clearfix"><p class="phBox_idx_ri01"><a href="http://ciaopanic.com/hottopics/2012/02/zozo-special-february.html"><a href="http://ciaopanic.com/hottopics/2012/02/zozo-special-february.html"><img alt="ZOZO SPECIAL 特集 February" title="ZOZO SPECIAL 特集 February" src="http://ciaopanic.com/hottopics/assets_c/2012/02/top_hot_bnr_zozosp_2012_02-thumb-99xauto-992.jpg" height="88" /></a></p><dl class="listTopics01_idx"><dt class="type01"><span class="zozo_info">2012.02.10</span><strong><a href="http://ciaopanic.com/hottopics/2012/02/zozo-special-february.html">ZOZO SPECIAL 特集 February</a></strong></dt><dd>ZOZOだけの限定商品や、先行発売の情報を発信。 ショ ...</dd></dl></div>';




var setPicUPD = '<p class="mag_clear"><a href="http://ciaopanic.com/hottopics/2012/02/pal-group-settlement-sale.html"><img alt="PAL GROUP SETTLEMENT SALE" title="PAL GROUP SETTLEMENT SALE" src="http://ciaopanic.com/hottopics/assets_c/2012/02/hot_settlement_120204_thb-thumb-264xauto-985.gif" height="237" /></a></p><dl class="picupTxt"><dt><span>2012.02.04</span><br /><strong class="fs_l">PAL GROUP SETTLEMENT SALE</a></strong></dt><dd><span>  2012年2月18日（土）～2月19日（日）の2日間、 ハービスオオサカにて ...</span></dd></dl>';
var setHTMLD = '<div class="clearfix"><p class="phBox_idx_ri01"><a href="http://ciaopanic.com/hottopics/2012/02/pal-group-settlement-sale.html"><a href="http://ciaopanic.com/hottopics/2012/02/pal-group-settlement-sale.html"><img alt="PAL GROUP SETTLEMENT SALE" title="PAL GROUP SETTLEMENT SALE" src="http://ciaopanic.com/hottopics/assets_c/2012/02/hot_settlement_120204_thb-thumb-99xauto-985.gif" height="88" /></a></p><dl class="listTopics01_idx"><dt class="type01"><span class="news">2012.02.04</span><strong><a href="http://ciaopanic.com/hottopics/2012/02/pal-group-settlement-sale.html">PAL GROUP SETTLEMENT SALE</a></strong></dt><dd>  2012年2月18日（土）～2月19日（日）の2日 ...</dd></dl></div>';




var setPicUPE = '<p class="mag_clear"><a href="http://ciaopanic.com/hottopics/2012/01/ciaopanic-girls-life-lab6.html"><img alt="Ciaopanic Girls Life LAB.　第6弾" title="Ciaopanic Girls Life LAB.　第6弾" src="http://ciaopanic.com/hottopics/assets_c/2012/01/girls_lab_06_thb_120116-thumb-264xauto-951.jpg" height="237" /></a></p><dl class="picupTxt"><dt><span>2012.01.16</span><br /><strong class="fs_l">Ciaopanic Girls Life LAB.　第6弾</a></strong></dt><dd><span>最終回を飾るのは、ママとなって完全復活の池田 泉さんの登場です！池田さんらしい、 ...</span></dd></dl>';
var setHTMLE = '<div class="clearfix"><p class="phBox_idx_ri01"><a href="http://ciaopanic.com/hottopics/2012/01/ciaopanic-girls-life-lab6.html"><a href="http://ciaopanic.com/hottopics/2012/01/ciaopanic-girls-life-lab6.html"><img alt="Ciaopanic Girls Life LAB.　第6弾" title="Ciaopanic Girls Life LAB.　第6弾" src="http://ciaopanic.com/hottopics/assets_c/2012/01/girls_lab_06_thb_120116-thumb-99xauto-951.jpg" height="88" /></a></p><dl class="listTopics01_idx"><dt class="type01"><span class="news">2012.01.16</span><strong><a href="http://ciaopanic.com/hottopics/2012/01/ciaopanic-girls-life-lab6.html">Ciaopanic Girls Life LAB.　第6弾</a></strong></dt><dd>最終回を飾るのは、ママとなって完全復活の池田 泉さんの ...</dd></dl></div>';





$(function(){

n = 0;

var $setHTML = '';
$setHTML += '<div id="motionBox">';
$setHTML += setHTMLB;
$setHTML += setHTMLC;
$setHTML += setHTMLD;
$setHTML += setHTMLE;
$setHTML += setHTMLA;
$setHTML += '</div>';
$("#scrallBox").html($setHTML);


setInterval(function(){

tiopcs();

}, 10000);

function tiopcs(){

n++;

var second = false;

$.timer(10000, function (timer) {
if (!second) {

$("#motionBox").css("position","relative");
$("#motionBox").animate({ top: -131 }, "slow");

second = true;
timer.reset(1000);

} else {

    timer.stop();

switch (n){
  case 0:
var $setHTML = '';
$setHTML += '<div id="motionBox">';
$setHTML += setHTMLB;
$setHTML += setHTMLC;
$setHTML += setHTMLD;
$setHTML += setHTMLE;
$setHTML += setHTMLA;
$setHTML += '</div>';
$("#scrallBox").html($setHTML);
break;
  case 1:
var $setHTML = '';
$setHTML += '<div id="motionBox">';
$setHTML += setHTMLB;
$setHTML += setHTMLC;
$setHTML += setHTMLD;
$setHTML += setHTMLE;
$setHTML += setHTMLA;
$setHTML += '</div>';
$("#scrallBox").html($setHTML);
break;
  case 2:
var $setHTML = '';
$setHTML += '<div id="motionBox">';
$setHTML += setHTMLC;
$setHTML += setHTMLD;
$setHTML += setHTMLE;
$setHTML += setHTMLA;
$setHTML += setHTMLB;
$setHTML += '</div>';
$("#scrallBox").html($setHTML);
break;
  case 3:
var $setHTML = '';
$setHTML += '<div id="motionBox">';
$setHTML += setHTMLD;
$setHTML += setHTMLE;
$setHTML += setHTMLA;
$setHTML += setHTMLB;
$setHTML += setHTMLC;
$setHTML += '</div>';
$("#scrallBox").html($setHTML);
break;
  case 4:
var $setHTML = '';
$setHTML += '<div id="motionBox">';
$setHTML += setHTMLE;
$setHTML += setHTMLA;
$setHTML += setHTMLB;
$setHTML += setHTMLC;
$setHTML += setHTMLD;
$setHTML += '</div>';
$("#scrallBox").html($setHTML);
break;
  case 5:
var $setHTML = '';
$setHTML += '<div id="motionBox">';
$setHTML += setHTMLA;
$setHTML += setHTMLB;
$setHTML += setHTMLC;
$setHTML += setHTMLD;
$setHTML += setHTMLE;
$setHTML += '</div>';
$("#scrallBox").html($setHTML);
n = 0;
break;
}

second = true;

}
});

}

});

$(function(){
   
p = 0;  

var $setPicup = '';
$setPicup += setPicUPA;
$(".picupBox").html($setPicup);

setInterval(function(){

picupTiopcs();
  
}, 10000);


function picupTiopcs(){

p++;

var second = false;

$.timer(10000, function (timer) {
if (!second) {

$(".picupBox").fadeTo(1000,0);
second = true;
timer.reset(1000);

} else {

$(".picupBox").fadeTo(1000,1);
    timer.stop();

switch (p){
  case 0:
var $setPicup = '';
$setPicup += setPicUPA;
$(".picupBox").html($setPicup);
break;
  case 1:
var $setPicup = '';
$setPicup += setPicUPA;
$(".picupBox").html($setPicup);
break;
  case 2:
var $setPicup = '';
$setPicup += setPicUPB;
$(".picupBox").html($setPicup);
break;
  case 3:
var $setPicup = '';
$setPicup += setPicUPC;
$(".picupBox").html($setPicup);
break;
  case 4:
var $setPicup = '';
$setPicup += setPicUPD;
$(".picupBox").html($setPicup);
break;
  case 5:
var $setPicup = '';
$setPicup += setPicUPE;
$(".picupBox").html($setPicup);
p = 0;
break;
}

second = true;

}
});

}

});
