jQuery(function(){
	//スクロール
	jQuery('a[href*=#]').click(function() {
		if(location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
		&& location.hostname == this.hostname) {
			var jQuerytarget = jQuery(this.hash);
			jQuerytarget = jQuerytarget.length && jQuerytarget || jQuery('[name=' + this.hash.slice(1) +']');
			
			var targetOffset = 0;
			if (jQuerytarget.length) {
				if(this.hash.slice(1).length != 0){
					targetOffset = jQuerytarget.offset().top;
				}
			}
			jQuery('html,body').animate({scrollTop: targetOffset}, 400, 'easeOutSine');
			return false;
		}
	});
	
	//IEPNG対策
	jQuery("img[srcjQuery=png]").pngfix();
	
	//タブ
	jQuery("#tabs").tabs();

	//ホバー
	var postfix = '_a';
	jQuery('#nav li').each(function(){
		var src = jQuery(this).find('img').attr('src');
		var src_on = src.substr(0, src.lastIndexOf('.')) + postfix + src.substring(src.lastIndexOf('.'));
		jQuery(this).css('background','url('+src_on+')');
	});
	jQuery('#nav a img').not('[src*="'+ postfix +'."]').each(function() {
		var img = jQuery(this);
		img.hover(function() {
			img.stop().animate({'opacity' : '0'}, 350);
		}, function() {
			img.stop().animate({'opacity' : '1'}, 350);
		});
	});
	
	var postfix = '_a';
	jQuery('#work_index_area a img').not('[src*="'+ postfix +'."]').each(function() {
		var img = jQuery(this);
		var src = img.attr('src');
		var src_on = src.substr(0, src.lastIndexOf('.')) + postfix + src.substring(src.lastIndexOf('.'));
		img.hover(function() {
			img.attr('src', src_on);
		}, function() {
			img.attr('src', src);
		});
	});
	
	var postfix = '_a';
	jQuery('#service_hover a img').not('[src*="'+ postfix +'."]').each(function() {
		var img = jQuery(this);
		var src = img.attr('src');
		var src_on = src.substr(0, src.lastIndexOf('.')) + postfix + src.substring(src.lastIndexOf('.'));
		img.hover(function() {
			img.attr('src', src_on);
		}, function() {
			img.attr('src', src);
		});
	});
});


jQuery(window).scroll(function(){
	var headerHeight = -5000;
    var offset = jQuery('body').height() - jQuery('#side_nav').height() -headerHeight;

    if (jQuery(window).scrollTop() < headerHeight) {
        jQuery('#nav_area').css({
            top: '0',
            position: 'relative'
        });
    }else if(jQuery(window).scrollTop() > offset) {
        jQuery('#nav_area').css({
            top: (offset - headerHeight),
            position: 'relative'
        });
    }else {
        jQuery('#nav_area').css({
            top: '0px',
            position: 'fixed'
        });
    }
});