/* ===================================================================
JS information

 script info :index（ Use jQuery ）
 
 *Modified: 2011-10-11
=================================================================== */




$(function() {


	//------------------------------------------------
	// リキッドカルーセル
	//------------------------------------------------

	$(window).load(function(){

		// カルーセル
		$('#recommend').find(".scrlist").show();
		$("#recommend .liquidType01").liquidcarousel({duration:1000, hidearrows:false});

		// 左右ボタン
		$(".liquidType01 .previous, .liquidType01 .next").hover(function() {
			$(this).css({backgroundPosition:"center -26px"});
		}, function() {
			$(this).css({backgroundPosition:"center 0"});
		});

		// 左右ボタン
		$(".liquidType02 .previous, .liquidType02 .next").hover(function() {
			$(this).css({backgroundPosition:"center -28px"});
		}, function() {
			$(this).css({backgroundPosition:"center 0"});
		});

		// カルーセルセット
		function liCarousel(liClass, loadClass) {
			liClass.find(".scrlist").show();
			liClass.liquidcarousel({duration:1000, slide:true, autoMargin:false, hidearrows:false});
			jQuery.each(liClass.find("a").not(".previous, .next"), function(i, a) {
				$(a).bind('click', function(){
					if($(this).parent().hasClass("current")) {
						//return false;
					} else {
						$(this).parent().parent().find("li").removeClass("current");
						$(this).parent().addClass("current");
					}
					loadClass.children(".scrlist").html("");
					url = $(a).attr('rel');
					loadClass.find(".loading").show();
					loadClass.find(".previous").hide();
					loadClass.find(".next").hide();
					$.ajax({
						type: "POST",
						async: false,
						cache: false,
						dataType: 'html',
						url: url,
						success: function(data) {
							loadClass.find(".loading").fadeOut(300, function(){
								loadClass.find(".previous").show();
								loadClass.find(".next").show();
								$data = $(data);
								loadClass.children(".scrlist").html($data);
								$data.hide();
								$data.fadeIn(300);
								loadClass.find(".scrlist").show();
								loadClass.liquidcarousel({duration:1000, hidearrows:true});
								loadClass.find(".scrlist ul.box li").find("a img.center").imgCenter();
							});
						},
						error: function(request, status, error){
						}
					});
					return false;
				});
			});

			// 1つ目のカテゴリをクリック
			$(liClass.find("a").not(".previous, .next").get(0)).click();
		}

		liCarousel($("#ranking .ranking"), $("#ranking .rankingLoad"));
		liCarousel($("#timesale .timesale"), $("#timesale  .timesaleLoad"));
	});

	//------------------------------------------------
	// アコーディオン
	//------------------------------------------------
	$("#menu-cate .accordion").accordion(3);
	$(".menu-banner .accordion").accordion(2);


	//------------------------------------------------
	// ドロップダウンメニュー
	//------------------------------------------------
	$("ul.dropdown").superfish();


});