var topics = [
  [ 'joykossystem/',              'topics00', '地球と人にもっと優しい住宅システム'                ],
  [ 'joykossystem/building',      'topics01', '地元職人がつくるその土地に合った家づくり'          ],
  [ 'joykossystem/feature',       'topics02', '快適な生活に欠かせないジョイ・コスパネルの特徴'    ],
  [ 'joykossystem/comfortable',   'topics03', '夏涼しく、冬も暖か！お部屋の空気はいつも快適！'    ],
  [ 'joykossystem/panel',         'topics04', '防臭！防音！炭化コルクで作られたジョイ・コスパネル'],
  [ 'joykossystem/ventilation',   'topics05', '高気密施工・24時間換気システムでいつも快適空間！'  ],
  [ 'joykossystem/energy_saving', 'topics06', '省エネ効果は業界トップクラス'                      ],
  [ 'joykossystem/all_electric',  'topics07', 'オール電化ならジョイ・コス住宅システム'            ]
];

var BaseSpeed = 300;
var CurrentNo = 0;
var LastNo    = 5;
var AddNo     = 0;
var RmvID     = '';

function MoveToR(){
  $("#topics_movetoR").attr("onclick","");
  cleardbg();
  RmvID = "#topics"+ketasoroe(LastNo,2);
  var tgtObj = $(RmvID);
  LastNo = ( LastNo > 0 ) ? LastNo - 1 : topics.length-1 ;
  $("#topics-inner").css( 'text-align', 'right' );
  tgtObj.animate( { width:'1px' }, { duration:BaseSpeed, complete:function(){ tgtObj.remove(); } } );
  AddNo = ( CurrentNo > 0 ) ? CurrentNo - 1 : topics.length-1 ;
//dbg( "-> Current-" + CurrentNo + " Last-" + LastNo + " Add-" + AddNo );
  setTimeout( "addTopics('first')", BaseSpeed+1 );
  setTimeout( function(){
	CurrentNo = AddNo;
    $("#topics_movetoR").attr("onclick","MoveToR()");
	},
    BaseSpeed+2
  );
}

function MoveToL(){
  $("#topics_movetoL").attr("onclick","");
  cleardbg();
  RmvID = "#topics"+ketasoroe(CurrentNo,2);
  var tgtObj = $(RmvID);
  CurrentNo = ( CurrentNo < topics.length-1 ) ? CurrentNo + 1 : 0 ;
  $("#topics-inner").css( 'text-align', 'left' );
  tgtObj.animate( { width:'1px' }, { duration:BaseSpeed, complete:function(){ tgtObj.remove(); } } );
  AddNo = ( LastNo < topics.length-1 ) ? LastNo + 1 : 0 ;
//dbg( "<- Current-" + CurrentNo + " Last-" + LastNo + " Add-" + AddNo );
  setTimeout( "addTopics('last')", BaseSpeed+1 );
  setTimeout( function(){
    LastNo = AddNo;
    $("#topics_movetoL").attr("onclick","MoveToL()");
	},
    BaseSpeed+2
  );
}

function addTopics( prace ){
  var imgObj = document.createElement("img");
  imgObj.src = "http://joykos.xsrv.jp/trial/wp-content/themes/Joykos/img/top/" + topics[AddNo][1] + ".jpg";
  var aObj = document.createElement("a");
  aObj.id = topics[AddNo][1];
  aObj.className = "item";
  aObj.href = topics[AddNo][0];
  aObj.appendChild(imgObj);
  if( prace=="first" ){
    var tgt = ketasoroe(CurrentNo,2);
    var tgtObj = $( "#topics" + tgt );
    tgtObj.before( aObj );
//dbg('addFirst #' + topics[AddNo][1] + ' to #topics' + tgt );
  }else{
    var tgt = ketasoroe(LastNo,2);
    var tgtObj = $( "#topics" + tgt );
    tgtObj.after( aObj );
//dbg('addFirst #' + topics[AddNo][1] + ' to #topics' + tgt );
  }
  $(topics[AddNo][1]).css( 'display', 'inline-block' );
}


function cleardbg(){
  $("#dbg").html('');
}
function dbg(str){
  var old = $("#dbg").html();
  $("#dbg").html(old+"<br>"+str);
}

function ketasoroe( num, x ) {
    num = String(num);
    return (num.length < x) ? new Array((x - num.length) + 1).join('0') + num: num;
};