$(document).ready(function() {
	//css初期化
	$('#main .wrap').css('background','none');
	$('#main .wrap .box').css('margin',0);
	//$('#main .wrap .box').css('opacity',0);
													 
	
	/////////////////////////////////////
	//キャンペーンバナーセット
	$('#camp-bnr').loopedSlider_camp({
		autoStart: 5000,
		restart: 500,
		slidespeed: 500,
		fadespeed: 500,
		containerClick: true,
		hoverPause: true
	});
	
	/////////////////////////////////////
	//ソートタグの印を自動で付ける
	
	$('#main .wrap .box').append('<ul class="icon-sort"></ul>');
	$('#main .wrap .sort1').children('.icon-sort').append('<li class="is1"><img src="/images/top/icon_sort1.png" width="18" height="17" alt="新着" /></li>');
	$('#main .wrap .sort2').children('.icon-sort').append('<li class="is2"><img src="/images/top/icon_sort2.png" width="18" height="17" alt="注目" /></li>');
	$('#main .wrap .sort3').children('.icon-sort').append('<li class="is3"><img src="/images/top/icon_sort3.png" width="18" height="17" alt="こだわる" /></li>');
	$('#main .wrap .sort4').children('.icon-sort').append('<li class="is4"><img src="/images/top/icon_sort4.png" width="18" height="17" alt="楽しむ" /></li>');
	$('#main .wrap .sort5').children('.icon-sort').append('<li class="is5"><img src="/images/top/icon_sort5.png" width="18" height="17" alt="得する" /></li>');
	$('#main .wrap .sort6').children('.icon-sort').append('<li class="is6"><img src="/images/top/icon_sort6.png" width="18" height="17" alt="知る" /></li>');
	$('#main .wrap .sort7').children('.icon-sort').append('<li class="is7"><img src="/images/top/icon_sort7.png" width="18" height="17" alt="おすすめ商品" /></li>');
	$("ul.icon-sort li img").fixPng();
	
	
	/////////////////////////////////////
	//ソートリスト初期設定
	var
		speed = 1000,   // animation speed
		$wall = $('#main').find('.wrap'),
		masonryOptions = {         // initial masonry options
    	columnWidth: 239, //221+18
    	itemSelector: '.box:not(.invis)',
    	animate: true,
    	animationOptions: {
      	duration: speed,
      	queue: false
    	}
  	}
	;
	
	/////////////////////////////////////
	//ソートされた状態でアクセスされたとき
	//$('#main .bg-dot').stop(true, true).hide();
	$wall.masonry(masonryOptions);
  if ( window.location.hash ) {
    var possibleFilterClass = window.location.hash.replace('#', '');
    switch (possibleFilterClass) {
   		case 'sort1' : case 'sort2' : case 'sort3' : case 'sort4' : case 'sort5' : case 'sort6' : case 'sort7' : 
      	masonryOptions.animate = false;
      	//EVW//$wall.children().not('.'+possibleFilterClass).toggleClass('invis').hide();
				$wall.children().not('.'+possibleFilterClass).toggleClass('invis');
				$wall.children().hide();	
      	$wall.masonry(masonryOptions);
				for (var i = 0; i < $wall.children('.'+possibleFilterClass).length; i++){
					$wall.children('.'+possibleFilterClass+':eq('+i+')').delay(i*200).fadeIn(speed);
				}
      break;
			case 'all' : default:
				$wall.children().hide();
				for (var i = 0; i < $wall.children().length; i++){
					$wall.children(':eq('+i+')').delay(i*200).fadeIn(speed);
				}
			break;
    }	
  }else{
		$wall.children().hide();
		for (var i = 0; i < $wall.children().length; i++){
			$wall.children(':eq('+i+')').delay(i*200).fadeIn(speed);
		}
	}
	
	/////////////////////////////////////
	//クリックソートしたとき
	$('#filtering-nav a').click(function(){
		
		$('#filtering-nav li').removeClass("on");
		$(this).parent().addClass('on');
																			 
		$('#main .bg-dot').stop(true, true).hide();
		
		var
			sortNo = $(this).attr('class'),
    	filterClass = '.' + sortNo;
  	;
		
	
  	if (filterClass == '.all') {
    	// show all hidden boxes
    	//EVW//$wall.children('.invis').toggleClass('invis').fadeIn(speed);
			$wall.children('.invis').toggleClass('invis');
			$wall.children().stop(true, true).hide();
			$wall.children().stop(true, true).delay(300).fadeIn(speed);

  	} else {
    	// hide visible boxes 
    	//EVW//$wall.children().not(filterClass).not('.invis').toggleClass('invis').fadeOut(speed);
			$wall.children().not(filterClass).not('.invis').toggleClass('invis');
			$wall.children().stop(true, true).hide();
    	// show hidden boxes
    	//EVW//$wall.children(filterClass+'.invis').toggleClass('invis').fadeIn(speed);
			$wall.children(filterClass+'.invis').toggleClass('invis');
			$wall.children(filterClass).stop(true, true).delay(300).fadeIn(speed);
  	}
		
		$('#main .bg-dot').stop(true, true).delay(speed).fadeIn();
		
		
		//$wall.children().css('top',$('#main .bg-dot').height());
		
  	//$wall.masonry({ animate: true });
		$wall.masonry({ animate: true });
  	// set hash in URL
  	window.location.hash = sortNo;
  	return false;
	});
	
	/////////////////////////////////////	
	//文字拡大
	var e = document.createElement("div");
	var s = document.createTextNode("S");
	e.appendChild(s);
	e.style.visibility="hidden"
	e.style.position="absolute"
	e.style.top="0"
	document.body.appendChild(e);
	var defHeight = e.offsetHeight;
	checkBoxSize = function(){
		if(defHeight != e.offsetHeight){
			$wall.masonry({ animate: false });
			defHeight= e.offsetHeight;
		}
	}
	setInterval(checkBoxSize,1000);
	
	////////////////////////////////////
	$("#category-area #food-box").fixPng();
	$("#category-area #drink-box").fixPng();
	$("#category-area #healthy-box").fixPng();
	$("#category-area #housewares-box").fixPng();
	$("#category-area #feature-box").fixPng();
	
	$('.global-navi li').hover(
		function() {
			if($(this).hasClass("gn-top")){
				$("#category-area").hide();
			}else if($(this).hasClass("gn-food")){
				resetCategoryArea("food");
				//$("#category-area").hide();
			}else if($(this).hasClass("gn-drink")){
				resetCategoryArea("drink");
				//$("#category-area").hide();
			}else if($(this).hasClass("gn-healthy")){
				resetCategoryArea("healthy");
				//$("#category-area").hide();
			}else if($(this).hasClass("gn-housewares")){
				resetCategoryArea("housewares");
				//$("#category-area").hide();
			}else if($(this).hasClass("gn-feature")){
				resetCategoryArea("feature");
			}
		},
		function() {
			$("#category-area").hide();
		}
	);
	
	$('#category-area').hover(
		function() {
			$("#category-area").show();
		},
		function() {
			$("#category-area").hide();
		}
	);
	
	
	function resetCategoryArea(categoryname){
		$("#category-area").show();
		$("#category-area .category-box").hide();
		
		if(categoryname == "food"){
			$("#category-area #food-box").fadeIn();
		}else{
			$("#category-area #food-box").hide();
		}
		
		if(categoryname == "drink"){
			$("#category-area #drink-box").fadeIn();
		}else{
			$("#category-area #drink-box").hide();
		}
		
		if(categoryname == "healthy"){
			$("#category-area #healthy-box").fadeIn();
		}else{
			$("#category-area #healthy-box").hide();
		}
		
		if(categoryname == "housewares"){
			$("#category-area #housewares-box").fadeIn();
		}else{
			$("#category-area #housewares-box").hide();
		}
		
		if(categoryname == "feature"){
			$("#category-area #feature-box").fadeIn();
		}else{
			$("#category-area #feature-box").hide();
		}
		
		$("#category-area").fadeIn();
	
	}

	
	$('#category-area #food-box').hover(
		function() {
			$('.global-navi .gn-food img').css('opacity',0);
		},
		function() {
			$('.global-navi .gn-food img').css('opacity',1);
		}
	);
	
	$('#category-area #drink-box').hover(
		function() {
			$('.global-navi .gn-drink img').css('opacity',0);
		},
		function() {
			$('.global-navi .gn-drink img').css('opacity',1);
		}
	);
	
	$('#category-area #healthy-box').hover(
		function() {
			$('.global-navi .gn-healthy img').css('opacity',0);
		},
		function() {
			$('.global-navi .gn-healthy img').css('opacity',1);
		}
	);
	
	$('#category-area #housewares-box').hover(
		function() {
			$('.global-navi .gn-housewares img').css('opacity',0);
		},
		function() {
			$('.global-navi .gn-housewares img').css('opacity',1);
		}
	);
	
	$('#category-area #feature-box').hover(
		function() {
			$('.global-navi .gn-feature img').css('opacity',0);
		},
		function() {
			$('.global-navi .gn-feature img').css('opacity',1);
		}
	);
	
	
	
});

/////////////////////////////