jQuery(function( $ ){
	/**
	 * Most jQuery.localScroll's settings, actually belong to jQuery.ScrollTo, check it's demo for an example of each option.
	 * @see http://flesler.demos.com/jquery/scrollTo/
	 * You can use EVERY single setting of jQuery.ScrollTo, in the settings hash you send to jQuery.LocalScroll.
	 */
	
	// The default axis is 'y', but in this demo, I want to scroll both
	// You can modify any default like this
	$.localScroll.defaults.axis = 'x';
	
	// Scroll initially if there's a hash (#something) in the url 
	$.localScroll.hash({
		target: '#content', // Could be a selector or a jQuery object too.
		queue:true,
		//easing:'easeOutBack',
		duration:700
	});
	
	/**
	 * NOTE: I use $.localScroll instead of $('#navigation').localScroll() so I
	 * also affect the >> and << links. I want every link in the page to scroll.
	 */
	$.localScroll({
		target: '#content', // could be a selector or a jQuery object too.
		queue:true,
		duration:700,
		hash:true,
		//easing:'easeOutBack',
		onBefore:function( e, anchor, $target ){
			// The 'this' is the settings object, can be modified
		},
		onAfter:function( anchor, settings ){
			// The 'this' contains the scrolled element (#content)
			document.title = "ABC";
		}
	});
	
	// add kato
	//$.localScroll({ target:'#area_cm', axis:'x', queue:true, event:'click' });
	//$.localScroll({ target:'#area_mobile', axis:'x', queue:true, event:'click' });
	//$.localScroll({ target:'#area_store', axis:'x', queue:true, event:'click' });
	//$.localScroll({ target:'#area_company', axis:'x', queue:true, event:'click' });
	//$.localScroll({ target:'#area_message', axis:'x', queue:true, event:'click' });
	//$.localScroll({ target:'#area_recruit', axis:'x', queue:true, event:'click' });
	//$.localScroll({ target:'#area_social', axis:'x', queue:true, event:'click' });
	
	//$(window).resize(function(event){
		//resizeContent();
	//});
	//resizeContent();
	//function resizeContent() {
	//	$('#content').css('width', $(window).width());
	//}
});

function moveIndex() {
	$("#siteTitle a").click();
}
function moveCompany() {
	$("#hideNaviCompany a").click();
}
function moveRecruit() {
	$("#hideNaviRecruit a").click();
}
function moveSocial() {
	$("#hideNaviSocial a").click();
}
function moveStore() {
	$("#hideNaviStore a").click();
}
function moveCMGallery() {
	$("#hideNaviCm a").click();
}
function moveOffer() {
	$("#hideNaviOffer a").click();
}
function titleSet() {
	var urlVal = location.href;
	var urlIndexNum = urlVal.lastIndexOf("#");
	if ( urlIndexNum > 0 ) {
		var urlId = urlVal.substring(urlIndexNum, urlVal.length);
		if ( "#index" == urlId ) {
			moveIndex();
		} else if ( "#company" == urlId ) {
			moveCompany();
		} else if ( "#recruit" == urlId ) {
			moveRecruit();
		} else if ( "#social" == urlId ) {
			moveSocial();
		} else if ( "#store" == urlId ) {
			moveStore();
		} else if ( "#cm" == urlId ) {
			moveCMGallery();
		} else if ( "#offer" == urlId ) {
			moveOffer();
		}
	}
}