/*
* 2011.07.05
* TONARI COMPANY
* http://www.tonaricompany.com
*/

var imageIndex = 0;
var max_imageIndex = 0;
var boxWidth = 0;
var boxHeight = 0;

$(function() {
		
		boxWidth = $("#wd_g_main .m_viewer").width();
		boxHeight = $("#wd_g_main .m_viewer").height();

		$("#wd_g_main ul li > a").each(function() {
			$(this).css({
				'position'	: 'absolute',
				'left'		: (boxWidth - $(this).find('img').width()) / 2,
				'top'		: (boxHeight - $(this).find('img').height()) / 2
			});
		}).hide();
		$("#wd_g_main ul li:eq(0) > a").show();
		
		$("#wd_g_nav ul li").eq(0).addClass("active");
		
		max_imageIndex = $("#wd_g_main ul li a > img").length;
		max_thimageIndex = $("#wd_g_main ul li a > img").length;
		
		initsetrank('#wd_g_nav ul li','#wd_g_nav .thm_viewer .thm_viewer_mask');
		$("#wd_g_nav .prevbtn").click(function () {prevlist("#wd_g_nav .thm_viewer .thm_viewer_mask");return false;});
		$("#wd_g_nav .nextbtn").click(function () {nextlist("#wd_g_nav .thm_viewer .thm_viewer_mask");return false;});
		
		var thul_w = max_thimageIndex*($("#wd_g_nav .thm_viewer ul img").width() + 10);
		$("#wd_g_nav .thm_viewer ul").width(thul_w);
		
	 if(max_imageIndex >= 1){
	    if(max_imageIndex==1){
	    	$(".thm_viewer").css({display:"none"});
	    }
		/*rotateSwitch = function(){		
			play = setInterval(function(){
			nextFade();
			}, 7000);
		};*/
		
		//rotateSwitch();
		
		$("#wd_g_nav ul li").hover(function() {
			//clearInterval(play);
			var index = $("#wd_g_nav ul li").index(this);
			if(index != imageIndex){
				selectFade(index);
			}
		}, function() {
		//rotateSwitch();
		});
	 } else {
	 	$('#wd_g_main, #wd_g_nav').css({'visibility':'hidden'});
	 }
});

/*
function nextFade(){
		var oldIndex = imageIndex;
		
		//alert($(".main_img ul li img").length);
		imageIndex = ++imageIndex % $("#wd_g_main ul li a > img").size();
		
		$("#wd_g_main ul li a > img:eq("+oldIndex+")").fadeOut("slow");
		$("#wd_g_main ul li a > img:eq("+imageIndex+")").fadeIn("slow");
		
		$("#wd_g_nav ul li").eq(oldIndex).removeClass("active");
		$("#wd_g_nav ul li").eq(imageIndex).addClass("active");
		
}

function prevFade(){
		var oldIndex = imageIndex;
		
		if( --imageIndex < 0 ) imageIndex=$("#wd_g_main ul li a > img").size()-1;
		$("#wd_g_main ul li a > img:eq("+oldIndex+")").fadeOut("slow");
		$("#wd_g_main ul li a > img:eq("+imageIndex+")").fadeIn("slow");
		
		$("#wd_g_nav ul li").eq(oldIndex).removeClass("active");
		$("#wd_g_nav ul li").eq(imageIndex).addClass("active");
}*/

function selectFade(num){
		var oldIndex = imageIndex;
		imageIndex = num;
		
		$("#wd_g_main ul li:eq("+oldIndex+") > a").fadeOut("slow");
		$("#wd_g_main ul li:eq("+num+") > a").fadeIn("slow");
		
		$("#wd_g_nav ul li").eq(oldIndex).removeClass("active");
		$("#wd_g_nav ul li").eq(imageIndex).addClass("active");
		
}

var prdNum;
var totalcell;
var ncell = 1;
var wd ;

function initsetrank(trg, trg2){
	
	/*初期化
	*/
	prdNum = 0;
	totalcell = 0;
	ncell = 1;
	wd = 360;
	prdNum = $(trg).size();

	totalcell = Math.ceil(prdNum/4);


	//alert(totalcell);
	//alert(prdNum);
	
	if(prdNum >= 1){
		//alert(Math.ceil(prdNum/4));
		//ページグリ表示
		if(ncell == 1){
			if(prdNum<=5){
				$("#wd_g_nav .nextbtn").css({display:"none"});
				$("#wd_g_nav .prevbtn").css({display:"none"});
			}
			else{
			//$("#wd_g_nav .prevbtn").css({display:"none"});
			$("#wd_g_nav .prevbtn").disabled = true;
			//$("#wd_g_nav .nextbtn").css({display:"block"});
			$("#wd_g_nav .nextbtn").disabled = true;
			
			$("#wd_g_nav .nextbtn").removeClass("alpha25");
			$("#wd_g_nav .prevbtn").addClass("alpha25");
			}
			
		}else if(ncell == totalcell){
			//$("#wd_g_nav .nextbtn").css({display:"none"});
			$("#wd_g_nav .nextbtn").disabled = false;
			//$("#wd_g_nav .prevbtn").css({display:"block"});
			$("#wd_g_nav .prevbtn").disabled = true;
			
			$("#wd_g_nav .nextbtn").addClass("alpha25");
			$("#wd_g_nav .prevbtn").removeClass("alpha25");
			
		}else{
			//$("#wd_g_nav .prevbtn").css({display:"block"});
			//$("#wd_g_nav .nextbtn").css({display:"block"});
			$("#wd_g_nav .prevbtn").disabled = true;
			$("#wd_g_nav .nextbtn").disabled = true;
			
			$("#wd_g_nav .nextbtn").removeClass("alpha25");
			$("#wd_g_nav .prevbtn").removeClass("alpha25");
		}
		
		//スクロール位置調整
		$(trg2).stop();
		$(trg2).css({left:0, width:wd});
		$(trg2).css({left:0, width:wd*totalcell});
		$(trg).css({left:0});
		
	}else{
		//ページグリ非表示
	
		//$("#wd_g_nav .prevbtn").css({display:"none"});
		//$("#wd_g_nav .nextbtn").css({display:"none"});
		$("#wd_g_nav .prevbtn").disabled = false;
		$("#wd_g_nav .nextbtn").disabled = false;
		
		$("#wd_g_nav .nextbtn").addClass("alpha25");
		$("#wd_g_nav .prevbtn").addClass("alpha25");
		
		$(trg2).stop();
		$(trg2).css({left:0, width:wd});
		$(trg).css({left:0});
	}
	

}

function change_rank(trg){
	//tab Event
	//alert(ncell);
	$(trg).stop();
	$(trg).animate({left: -((ncell-1)*wd) }, {duration: 1200, easing: "easeOutExpo"});
	
		if(ncell == 2){
			//$("#wd_g_nav .prevbtn").css({display:"none"});
			$("#wd_g_nav .prevbtn").disabled = false;
			//$("#wd_g_nav .nextbtn").css({display:"block"});
			$("#wd_g_nav .nextbtn").disabled = true;
			
			$("#wd_g_nav .nextbtn").addClass("alpha25");
			$("#wd_g_nav .prevbtn").removeClass("alpha25");
			
		}else if(ncell == totalcell-1){
			//$("#wd_g_nav .nextbtn").css({display:"none"});
			$("#wd_g_nav .nextbtn").disabled = false;
			//$("#wd_g_nav .prevbtn").css({display:"block"});
			$("#wd_g_nav .prevbtn").disabled = true;
			
			$("#wd_g_nav .nextbtn").removeClass("alpha25");
			$("#wd_g_nav .prevbtn").addClass("alpha25");
			
		}else if(ncell > 2 && ncell < totalcell-1){
			//$("#wd_g_nav .prevbtn").css({display:"block"});
			//$("#wd_g_nav .nextbtn").css({display:"block"});
			$("#wd_g_nav .prevbtn").disabled = true;
			$("#wd_g_nav .nextbtn").disabled = true;
			
			$("#wd_g_nav .nextbtn").removeClass("alpha25");
			$("#wd_g_nav .prevbtn").removeClass("alpha25");
		}
}

function nextlist(trg){
	if(ncell == totalcell){
		ncell = totalcell;
	}else{
		ncell++;
	}
	
	change_rank(trg);
}

function prevlist(trg){
	if(ncell == 1){
		ncell = 1;
	}else{
		ncell--;
	}
	
	change_rank(trg);
}