﻿$(document).ready( function() {

	if(location.pathname != "/") {
		var now = location.href.split('/');
		var endDir = now[3];
		
		
		if(endDir == "mt"){
			endDir = "items";
			var search = location.href.split('=');
			var searchId = search[2].split('&')[0];
			
			if(searchId.indexOf("ALL") == -1 && searchId.indexOf("MENS") == -1 && searchId.indexOf("WOMEN") == -1){
				$('#search_sort_navi li a[name$="ALL"]').addClass('active');
			}else{
				$('#search_sort_navi li a[name$="'+searchId+'"]').addClass('active');
			}
			
			if(searchId.indexOf("%20AND%20") != -1){
				
				//特例
				if(searchId.split("%20AND%20")[0]=="newbalance"){ $('#sub_menu li a[name="new balance"]').addClass('active');}
				if(searchId.split("%20AND%20")[1]=="newbalance"){ $('#sub_menu li a[name="new balance"]').addClass('active');}
				if(searchId.split("%20AND%20")[2]=="newbalance"){ $('#sub_menu li a[name="new balance"]').addClass('active');}

				$('#sub_menu li a[name="'+searchId.split("%20AND%20")[0]+'"]').addClass('active');
				$('#sub_menu li a[name="'+searchId.split("%20AND%20")[1]+'"]').addClass('active');
				$('#sub_menu li a[name="'+searchId.split("%20AND%20")[2]+'"]').addClass('active');
				
				$('#search_sort_navi a[name$="'+searchId.split("%20AND%20")[0]+'"]').addClass('active');
				$('#search_sort_navi a[name$="'+searchId.split("%20AND%20")[1]+'"]').addClass('active');
				$('#search_sort_navi a[name$="'+searchId.split("%20AND%20")[2]+'"]').addClass('active');
				
			}else{
				$('#sub_menu li a[name="'+searchId+'"]').addClass('active');
			}
		}
		
		$('#header_menu li a[href$="'+endDir+'/"]').addClass('active');
	}


	//フォーム
	$(function () {

		var searchInpt = $("#search");
		var defaultVal = searchInpt.attr("value");
		searchInpt.css("color","#CCC");

		searchInpt.focus(function() {
		  if (searchInpt.attr("value") == defaultVal) {
		    $(this).css("color","#ddd").attr("value","");
		  }
		}).blur(function() {
		  var nowVal = searchInpt.attr("value");
		  if ($(searchInpt).attr("value") == "") {
		    $(this).css("color","#CCC").attr("value",defaultVal);
		  }
		});

	});


	//スクロール
	jQuery.easing.quart = function (x, t, b, c, d) {
		return -c * ((t=t/d-1)*t*t*t - 1) + b;
	};
	
	var j$ = jQuery;
	j$(function(){ 
		j$('a[href^=#]').click(function() { 
			var href= this.hash; 
			var $target = j$(href == '#_top' ? 'body' : href); 

			if($target.size()) {
				var top = $target.offset().top;
				j$(j$.browser.safari ? 'body' : 'html')
				.animate({scrollTop:top}, 800, 'quart');
			}
			return false;
		});
	});


	$(".thumnails a").click( function() {

		// クリックされた<a>のhref属性を取得
		var changeSrc  = jQuery(this).attr("href");
		var name = jQuery(this).attr("name");

		// #target内の<img>のsrcを書き換え
		$("#original img").attr("src", changeSrc);
		$("#original img").attr("src", changeSrc);
		$("#big_img").css({'background':'url('+name+') no-repeat'}); 

		$(".thumnails li").attr("class", "passive");
		
		var d = $(this).parent().attr("class");
		if(d!="active"){
			$(this).parent().attr("class","active");
		}

		return false;
	});
	
	
	//オリジナル画像
	$("#original").mouseover( function() {
		
	});

    var x = 0;
    var y = 0;
    $('#big_img').mouseover(function(e) {
    	
    	$("#original img").hide();
    
        $(this).css('cursor', 'move');
        var bx = e.pageX;
        var by = e.pageY;
        $().bind('mousemove.move', function(e) {
            x = 0.9*(e.pageX - $("#big_img").position().left);
            if (x < 0) x = 0;
            if (x > 364) x = 364;
            y = 0.9*(e.pageY - $("#big_img").position().top);
            if (y < 0) y = 0;
            if (y > 364) y = 364;
            $('#big_img').css('backgroundPosition', '-' + x + 'px -' + y + 'px');
            return false;
        }).one('mouseout', function() {
            $('#big_img').css('cursor', 'auto');
            $("#original img").show();
            $().unbind('mousemove.move');
        });
        return false;
    });
	
	

	$(".items a").mouseover(function(){
		$(this).children("ul").attr("class","mouseover");
	});

	$(".items a").mouseout(function(){
		$(this).children("ul").attr("class","mouseout");
	});

	$('#coda-slider-1').codaSlider({
		dynamicTabsPosition:"top",
		autoSlide: true
	});

});
