// JavaScript Document

$(document).ready(function() {
	// init rollover
	JsRoller.initialize( 'rollover' );
	
	$("ul#ticker01").liScroll();
	//$("ul#ticker01").liScroll({travelocity: 0.08});
	
	
	$(".feature .item").click(function(){
	  window.location=$(this).find("a").attr("href");
	  return false;
	});
	
	
	//Productページ　商品画像切り替え、#targetの内容を変更する。
	$("ul#coordi_itemImg > li > a").click(function(){
	
		
		var src = $(this).attr("href");
		$("#target").fadeOut(300,function(){
			$(this).attr("src",src);
			
			//$("#target").load(function(){
				$(this).fadeIn(800);
			//});
			
		});
		
		$("ul#coordi_itemImg > li > a").removeClass('stay'); //Remove class of 'active' on all lists
		$(this).addClass('stay');  //add class of 'active' on this list only
		
		return false;
	});
	
	
	//News共通
	$('#coda-slider').codaSlider({
		autoSlide:false,					/* 自動再生 */
		autoHeight:false,				/* 自動高さ調整無効 */
		autoSlideStopWhenClicked:false,	/* パネルクリック時にスライドの自動再生を停止しない */
		autoSlideInterval:8000			/* スライド間隔6秒 */
	});
	
});


// scrollTo
function move(n){
	$.scrollTo(n, 500);
}

function nothing(){
}



var ClickedTabNo;
var ActiveTabNo;
// product Tab
$(function(){
	$(".tabWrap").each(function(){
		var TabAreaAmount = $(this).find(".tabMenu").children("li").length;
		//var ActiveTabNo;
		for(i=0;i<TabAreaAmount;i++){
			if($(this).find(".tabMenu li").eq(i).attr("class") == "On"){
				ActiveTabNo = i;
			}
		}
		for(i=0;i<TabAreaAmount;i++){
			if(i!=ActiveTabNo){
				$(this).find(".tabItem").eq(i).hide();
			}
		}
		$(this).find(".tabMenu li a").click(function(){
			$(this).parents("li").eq(0).addClass("Clicked");
			//var ClickedTabNo;
			for(i=0;i<TabAreaAmount;i++){
				if(
					$(this).parents(".tabWrap").eq(0).find(".tabMenu li").eq(i).attr("class")!=null
					&& $(this).parents(".tabWrap").eq(0).find(".tabMenu li").eq(i).attr("class").indexOf("Clicked")!=-1
				){
					ClickedTabNo = i;
					$(this).parents("li").eq(0).removeClass("Clicked");
					$(this).parents("li").eq(0).addClass("On");
				} else if($(this).parents(".tabWrap").eq(0).find(".tabMenu li").eq(i).attr("class")!=null){
					$(this).parents(".tabWrap").eq(0).find(".tabMenu li").eq(i).removeClass("On");
				}
			}
			for(i=0;i<TabAreaAmount;i++){
				if(i!=ClickedTabNo){
					$(this).parents(".tabWrap").eq(0).find(".tabContents").eq(0).find(".tabItem").eq(i).hide();
				}
			}
			$(this).parents(".tabWrap").eq(0).find(".tabContents").eq(0).find(".tabItem").eq(ClickedTabNo).show();
			return false;
		});
	});
});






//marquee------mizuyu追加
         $(function(){
            /* 例1 */
            $("#marquee1").marquee({
               loop: -1
               // 初期時
               , init: function ($marquee, options){
                  if( $marquee.is("#marquee2") ) options.yScroll = "bottom";
               }
               // メッセージ切替表示前
               , beforeshow: function ($marquee, $li){
                  var $author = $li.find(".author");
                  if( $author.length ){
                     $("#marquee-author").html("<span style='display:none;'>" + $author.html() + "</span>").find("> span").fadeIn(850);
                  }
               }
               // メッセージ表示切替時（上から下にスライド表示された時）
               , show: function (){
               }
               // メッセージスクロール完了後（スライド表示されたメッセージが左方向へすべてスクロールされた時）
               , aftershow: function ($marquee, $li){
                  // find the author
                  var $author = $li.find(".author");
                  // hide the author
                  if( $author.length ) $("#marquee-author").find("> span").fadeOut(250);
               }
            });
            /* 例2 */
            $("#marquee2").marquee({yScroll: "bottom"});
         });
         var iNewMessageCount = 0;
         function addMessage(selector){
            iNewMessageCount++;
            var $ul = $(selector).append("<li>New message #" + iNewMessageCount + "</li>");
            // update the marquee
            $ul.marquee("update");
         }
         function pause(selector){
            $(selector).marquee('pause');
         }
         function resume(selector){
            $(selector).marquee('resume');
         }