$(function() {
	
	// ナビボタン
	$(".over img").hover(function(){
		var img = $(this).attr('name');
		$(this).attr("src" , '../common/image/' + img + '_o.gif');
	},function(){
		var img = $(this).attr('name');
		$(this).attr("src" , '../common/image/' + img + '.gif');
	});

	// current
	var img = $(".curr img").attr('name');
	$(".curr img").attr("src" , '../common/image/' + img + '_o.gif');


	// ページトップ
	jQuery.easing.quart = function (x, t, b, c, d) {
			return -c * ((t=t/d-1)*t*t*t - 1) + b;
	};  
	$(function(){
		$('#ptop').click(function () {
			$(this).blur();
			$('html,body').animate({scrollTop:0}, 1500, 'quart');
			return false;
		});
	});
	
	// 検索
	if($('.wd').val() == ""){
	$('.wd').val("商品を検索").css("color","#969696");   
	$('.wd').focus(function(){   
		if(this.value == "商品を検索"){
			$(this).val("").css("color","#000000");
		}
	});   
	}
	$('.wd').blur(function(){   
		$(this).css("background-color","#ffffff");
		/*
			if(this.value == ""){
				$(this).val("商品を検索")
				.css("color","#969696");   
			}   
			if(this.value != "商品を検索"){   
				$(this).css("color","#000");  
			}   
		*/
		});

		$("input.serachbtn").click(function(){
		$('input[value="商品を検索"]').val("");
	});

});


/* swfキャッシュ対策用 */
myYear = new Date().getYear();
if(myYear<1000) myYear+=1900;
nowdate = myYear + "" + (new Date().getMonth() + 1) + "_" + (new Date().getDate()) + "_" + (new Date().getHours()) + "_" + (new Date().getMinutes()) + "_" + (mySeconds = new Date().getSeconds());

// topflash
function MapMove() {
	document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="720" height="700" id="maparea" align="middle">\n');
	document.write('<param name="allowFullScreen" value="false" />\n');
	document.write('<param name="movie" value="image/map.swf?' + nowdate + '" />\n');
	document.write('<param name="quality" value="high" />\n');
	document.write('<param name="wmode" value="transparent" />\n');
	document.write('<embed src="image/map.swf?' + nowdate + '" quality="high" wmode="transparent" width="720" height="700" name="maparea" align="middle" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />\n');
	document.write('</object>\n');
}

// slide panels
ppanes = { 
	
	pane_builder: function(){

		checkButtons(true, "#feature_arrows .rev a", "#feature_arrows .fwd a", iFeaturesRight, iTotalFeatures, 4);
		
		function gotoSelectedPane(iPaneNumber){
			iPainDifference =  iCurrentFeature - iPaneNumber;
			stMod = ((iPainDifference < 0)? '+' : '-');
			iMoveLocation = iPainDifference*1001;
			$("#feature_wrap").animate({"left": "+="+iMoveLocation+"px"}, "slow");
			iCurrentFeature = iPaneNumber;
		}
		
		//
		function resetProductShift(iVisibleProducts){
			iShiftAmount = (iProductsRight-5)*194;
			console.log('iShiftAmount = ' + iShiftAmount);
			$("#product_list_wrapper").animate({"left": "+="+iShiftAmount+"px"}, "slide");
			iProductsRight = 5;
			checkButtons(true, "#product_arrows .rev a", "#product_arrows .fwd a", iProductsRight, iVisibleProducts, 5);
		}
		
		$("#feature_arrows .rev a").click(function(event){
			controlClick('stop');
			iFeaturesRight = moveFrames("#features_list_wrap", 205, 'left', iTotalFeatures, 3, iFeaturesRight);
			checkButtons(true, "#feature_arrows .rev a", "#feature_arrows .fwd a", iFeaturesRight, iTotalFeatures, 3);
			return false;
		});
		
		$("#feature_arrows .fwd a").click(function(event){
			controlClick('stop');
			iFeaturesRight = moveFrames("#features_list_wrap", 205, 'right', iTotalFeatures, 3, iFeaturesRight);
			checkButtons(true, "#feature_arrows .rev a", "#feature_arrows .fwd a", iFeaturesRight, iTotalFeatures, 3);
			return false;
		});
		
		
		
		$('#features_list li').bind('click', function(event){
			$(document).stopTime("features");
			
			$('#features_list li').each(function(){
				$(this).removeClass('selected_feature');
			});
			$(this).addClass('selected_feature'); 
			
			stFeatureSelected = $(this).attr('id').substr(13);
			iFeatureSelected = parseFloat(stFeatureSelected);
			gotoSelectedPane(iFeatureSelected);
			return false;
		})

	},
	
	pane_auto_play: function(){
	
			isLooping = 1;
			inc = 0;
			
			checkFeatures = function() {
				
				$("#features_list li").removeClass("selected_feature");
				$("#features_list li").eq(iCurrentFeature).addClass("selected_feature");
				
				//3 at a time
				if (iCurrentFeature < iTotalFeatures) {
					if(iCurrentFeature > 0 && iCurrentFeature%3 == 0){
						iFeaturesRight = moveFrames("#features_list_wrap", 205, 'right', iTotalFeatures, 3, iFeaturesRight);
					}
					if (iCurrentFeature == 0 && inc > 0) {
						iFeaturesRight = moveFrames("#features_list_wrap", 205, 'zero', iTotalFeatures, iTotalFeatures, iFeaturesRight);
					}
				}

				checkButtons(true, "#feature_arrows .rev a", "#feature_arrows .fwd a", iFeaturesRight, iTotalFeatures, 3);

				inc++;
				
			}

			slideTo = function(pos) {
				currentFeature = pos;
				pos = (pos) * -1001;
				pos = pos + "px";
				$("#feature_wrap").animate({ 
					left: pos
				}, 500 );
				checkFeatures();
			}
			
			$("#features_panels li a").click(function () {
				controlClick('stop');
			});
			
			
			nextFeature = function() {
				if (iCurrentFeature < iTotalFeatures-1 ) {
					iCurrentFeature =  ++iCurrentFeature;
					slideTo(iCurrentFeature);
				} else {
					iCurrentFeature = 0;
					slideTo(0);
				}
			}
			
			checkFeatures();

			$(document).everyTime(5000, "features", function(i) {
				nextFeature();
			});
			
		
			$("#loop_controls").click(function () { controlClick() });
																				 
			controlClick = function (request) {
				if ((isLooping == 1) || (request == "stop")) {
					$(document).stopTime("features");
					$("#loop_controls").addClass('paused');
					isLooping = 0;
				} else {
					$("#loop_controls").removeClass('paused');
					$(document).everyTime(5000, "features", function(i) {
						nextFeature();
					});
					isLooping = 1;
				}
			};
	},
	
	init: function(){
		iCurrentFeature = 0;
		iCurrentPane = 0;
	
		iTotalFeatures = $("#features_list li").length;
		iFeaturesRight = 3; // Keep this many visible in frame
		
		ppanes.pane_builder();
		ppanes.pane_auto_play();
		ppanes.get_latest_listener();
	}
}



function moveFrames(stFrameID, iFrameWidth, stDirection, iTotalQuantity, iMoveAmount, iCurrentEdgeElement){
			
	if(stDirection == 'right'){
		iFeaturesLeft = iTotalQuantity-(iCurrentEdgeElement);
		
		if(iFeaturesLeft <= 0){
			return iCurrentEdgeElement;
		}
		
		if(iMoveAmount >= iFeaturesLeft){
			iMoveAmount = (iFeaturesLeft);
		}
		
		iCurrentEdgeElement += iMoveAmount;
		if(iCurrentEdgeElement >= iTotalQuantity){
			iCurrentEdgeElement = iTotalQuantity;
		}
		
		iFullMove = iMoveAmount*iFrameWidth;
		$(stFrameID).animate({"left": "-="+iFullMove+"px"}, "slow");
		
		
		
	}else if(stDirection == 'left'){
		
		if(iCurrentEdgeElement == iMoveAmount){
			return iCurrentEdgeElement;
			
		}else if((iCurrentEdgeElement-iMoveAmount) > iMoveAmount){
			iShiftAmount = iMoveAmount;
			
		}else{
			iShiftAmount = (iCurrentEdgeElement-iMoveAmount);
		}

		iFullMove = iShiftAmount*iFrameWidth;
		$(stFrameID).animate({"left": "+="+iFullMove+"px"}, "slow");

		iCurrentEdgeElement -= iShiftAmount;
				
		
	}else if(stDirection == 'up'){
		
		iFeaturesLeft = iTotalQuantity-(iCurrentEdgeElement);
		
		if(iFeaturesLeft <= 0){
			return iCurrentEdgeElement;
		}
		
		if(iMoveAmount >= iFeaturesLeft){
			iMoveAmount = (iFeaturesLeft);
		}
		
		iCurrentEdgeElement += iMoveAmount;
		if(iCurrentEdgeElement >= iTotalQuantity){
			iCurrentEdgeElement = iTotalQuantity;
		}

		
		iFullMove = iMoveAmount*iFrameWidth;

		$(stFrameID).animate({top: "-="+iFullMove+"px"}, "slow");
		
		iCurrentEdgeElement;
		
	}else if(stDirection == 'down'){
		
		if(iCurrentEdgeElement == iMoveAmount){
			return iCurrentEdgeElement;
			
		}else if((iCurrentEdgeElement-iMoveAmount) > iMoveAmount){
			iShiftAmount = iMoveAmount;
			
		}else{
			iShiftAmount = (iCurrentEdgeElement-iMoveAmount);
		}
		
		iFullMove = iShiftAmount*iFrameWidth;
		
		$(stFrameID).animate({top: "+="+iFullMove+"px"}, "slow");

		iCurrentEdgeElement -= iShiftAmount;
		
	}else{
		iCurrentEdgeElement = 3;
		$(stFrameID).animate({"left": "0px"}, "slow");
	}
	
	return iCurrentEdgeElement;
	
}

function checkButtons(isHorizontal, stLeftArrowID, stRightArrowID, iRightFeature, iTotalFeatures, iQuantityVisible){
	
	if(isHorizontal){
		if(iRightFeature >= iTotalFeatures){
			$(stRightArrowID).removeClass('on').addClass('off');
			$(stRightArrowID).show();
		}else{
			$(stRightArrowID).removeClass('off').addClass('on');
			$(stRightArrowID).show();
		}
		
		if((iRightFeature-iQuantityVisible) > 0){
			$(stLeftArrowID).removeClass('off').addClass('on');
			$(stLeftArrowID).show();
		}else{
			$(stLeftArrowID).removeClass('on').addClass('off');
			$(stLeftArrowID).show();
		}
		
	}else{
		if(iRightFeature > (iTotalFeatures-1)){
			$(stRightArrowID).removeClass('on').addClass('off');
			$(stRightArrowID).show();
		}else{
			$(stRightArrowID).removeClass('off').addClass('on');
			$(stRightArrowID).show();
		}
		
		if((iRightFeature-iQuantityVisible) > 0){
			$(stLeftArrowID).removeClass('off').addClass('on');
			$(stLeftArrowID).show();
		}else{
			$(stLeftArrowID).removeClass('on').addClass('off');
			$(stLeftArrowID).show();
		}
		
	}
}




$(document).ready(function() {
	ppanes.init();
});