/*
 * sc_customize.js
 */
 
// Easingの追加
jQuery.easing.quart = function (x, t, b, c, d) {
	return -c * ((t=t/d-1)*t*t*t - 1) + b;
};

jQuery(document).ready(function($){
	
	// keep default img url
	//var default_src = $('.change_img').attr("src"); // detail mode
	var default_src;                                  // list mode
	var default_img;
	//var speed = 700;
	
	$('.subphotoimg').hover(
		// mouseover
		function(){
			//$('.subphotoimg').removeClass('subphotoimgon');
			// this.id: sub_image00011(sub_image + 0001 + 1)
			
			// get default_img & default_src
			// js_img0001の0001を取得
			default_img = $('.js_img'+this.id.substr(9, 4));
			default_src = default_img.attr("src");
			
			// get large_image ID
			// sub_large_image00011の00011を取得
			//var sub_large_image = "sub_large_image" + this.id.substr(9, 1); // detail mode
			var sub_large_image = "sub_large_image" + this.id.substr(9, 5);   // list mode
			
			// get img url
			change_src = $('#'+sub_large_image).attr("src");
			
			// main img change
			//$('.change_img').attr("src", change_src);
			default_img.attr("src", change_src);

			//var change_img = $('#'+sub_large_image).clone();
			//change_img.css('display','none').removeClass('noDisplay');
			
			//default_img.parent().children().fadeOut();
			//change_img.appendTo(default_img.parent()).fadeIn();
			
			// thumb's border change to red
			$(this).addClass('subphotoimgon');
		},
		// mouseout
		function(){
			// main img change to default image
			//$('.change_img').attr("src", default_src); // detail mode
			
			default_img.attr("src", default_src); // list mode
			
			//change_img.fadeOut();
			//default_img.parent().children().fadeOut();
			//default_img.fadeIn();
			
			// thumb's border change to gray
			$(this).removeClass('subphotoimgon');
		}
	);

	// smooth scroll
	// Reference URL: http://tico-jpn.com/464/jquery-smooth-scroll
	// <a href="#***"> is smooth scroll
	jQuery('a[href*=#]').click(function() {
		if (this.hash.slice(1).length) {
		    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
			    var $target = jQuery(this.hash);
			    $target = $target.length && $target || jQuery('[name=' + this.hash.slice(1) +']');
			    //if ($target.length) {
			    if ($target.length) {
				    var targetOffset = $target.offset().top;
				    jQuery('html,body').animate({ scrollTop: targetOffset }, 800, 'quart');
				    return false;
			    }
			}
		} else {
		    return false;
		}
	});
});