/* images switch */

$(function(){
	$('.roll').each(function(){
		var plusName = '_on';
		var allElm = $(this);
		var tgtImg = allElm.find('img');

		$(tgtImg).each(function(){
			var slcElm = $(this);
			var source  = slcElm.attr('src');
			var extension = source.substr(source.lastIndexOf('.'));
			var path = {
				off : source,
				on	: source.substr(0, source.lastIndexOf('.')) + plusName + extension
			};

			 allElm.mouseover(function(){
				slcElm.attr('src',path.on);
			}).mouseout(function(){
				slcElm.attr('src',path.off);
			}); 

			});
	});
})

/* fade */

$(function(){$('.ro80').each(function(){$(this).mouseover(function(){$(this).find('img').css({'opacity':'0.8'})}).mouseout(function(){$(this).find('img').css({'opacity':'1.0'})})})});
$(function(){$('.ro70').each(function(){$(this).mouseover(function(){$(this).find('img').css({'opacity':'0.7'})}).mouseout(function(){$(this).find('img').css({'opacity':'1.0'})})})});
$(function(){$('.ro60').each(function(){$(this).mouseover(function(){$(this).find('img').css({'opacity':'0.6'})}).mouseout(function(){$(this).find('img').css({'opacity':'1.0'})})})});
$(function(){$('.ro50').each(function(){$(this).mouseover(function(){$(this).find('img').css({'opacity':'0.5'})}).mouseout(function(){$(this).find('img').css({'opacity':'1.0'})})})});
$(function(){$('.ro40').each(function(){$(this).mouseover(function(){$(this).find('img').css({'opacity':'0.4'})}).mouseout(function(){$(this).find('img').css({'opacity':'1.0'})})})});

/* other */

$(function(){$('.ro-res').mouseover(function(){$(this).find('.btn-01').css({'opacity':'0.5'})}).mouseout(function(){$(this).find('.btn-01').css({'opacity':'1.0'})})});
$(function(){$('.ro-bnr').mouseover(function(){$(this).find('.btn-01').css({'opacity':'0.4'})}).mouseout(function(){$(this).find('.btn-01').css({'opacity':'1.0'})})});

/* smoothscroll */
 
$(document).ready(function(){
$('a[href*=#]').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
    && location.hostname == this.hostname) {
      var $target = $(this.hash);
      $target = $target.length && $target
      || $('[name=' + this.hash.slice(1) +']');
      if ($target.length) {
        var targetOffset = $target.offset().top;
        $('html,body')
        .animate({scrollTop: targetOffset}, 1000, 'easeOutQuart');
       return false;
      }
    }
  });
});