$(function(){
	$('a , a img , a p').mouseover(function(){
		$(this).stop().animate({opacity:0.5},200);
	});
	$('a , a img , a p').mouseout(function(){
		$(this).stop().animate({opacity:1.0},200);
	});
});

/*
 * simpleGal -v0.0.1
 * A simple image gallery plugin.
 * https://github.com/steverydz/simpleGal
 * 
 * Made by Steve Rydz
 * Under MIT License
 */
(function($){

  $.fn.extend({

    simpleGal: function (options) {

      var defaults = {
        mainImage: ".placeholder"
      };

      options = $.extend(defaults, options);

      return this.each(function () {

        var thumbnail = $(this).find("a"),
            mainImage = $(this).siblings().find(options.mainImage);

        thumbnail.on("click", function (e) {
          e.preventDefault();
          var galleryImage = $(this).attr("href");
          mainImage.attr("src", galleryImage);
        });

      });

    }

  });

})(jQuery);

$(function(){
	$('#division-3 li').each(function(){
		$(this).click(function(){
			var idname = $(this).attr("id").substring(3).toLowerCase();
			var sex = $("#division-sex li.choice").attr("id").substring(3).toLowerCase();
			var classname = '.';
			var sexname = '.';
			classname += idname;
			sexname += sex;
			$('#talemtContainer div').css('display','none');
		        $(classname+sexname).fadeIn(200);
			$('#division-3 li').removeClass('choice');
			$(this).addClass('choice');
		});
	});
});
$(function(){
	$('#division-sex li').each(function(){
		$(this).click(function(){
　		var lank = $("#division-3 li.choice").attr("id").substring(3).toLowerCase();	
			var idname = $(this).attr("id").substring(3).toLowerCase();
			var classname = '.';
			var lankname = '.';
			classname += idname;
			lankname += lank;
			$('#talemtContainer div:not(classname)').css('display','none');
			$(classname+lankname).fadeIn(200);
			$('#division-sex li').removeClass('choice');
			$(this).addClass('choice');
		});
	});
});

$(function(){
	$('div#naviOpen').click(
		function(){
			$('div#gnaviWrap').stop().animate({'top':'0px'},800);
		});
	$('#gnavi .close').click(
		function(){
			$('div#gnaviWrap').stop().animate({'top':'-560px'},800);
		});
});