// JavaScript Document

//div要素でクラス名がmyClassの要素の文字色を赤色にする。
$(document).ready(function(){
	
	if($("#slider").is("[class='nothome']")){
		$("#slider").css({left : "-142px"});
	}else{
		$("#slider").css({left : "0px"});
	}
	
	$("li.li-home").mouseover(function(){
		if($('#slider').is(':animated')){
			$("#slider").stop().animate({left : "0px"},350);
		}else{
			$("#slider").animate({left : "0px"},350);
		}
	});
	
	$("li.li-nagare").mouseover(function(){
		if($('#slider').is(':animated')){
			$("#slider").stop().animate({left : "142px"},350);
		}else{
			$("#slider").animate({left : "142px"},350);
		}
	});
	
	
	$("li.li-tigai").mouseover(function(){
		if($('#slider').is(':animated')){
			$("#slider").stop().animate({left : "283px"},350);
		}else{
			$("#slider").animate({left : "283px"},350);
		}
	});
	
	
	$("li.li-jisseki").mouseover(function(){
		if($('#slider').is(':animated')){
			$("#slider").stop().animate({left : "424px"},350);
		}else{
			$("#slider").animate({left : "424px"},350);
		}
	});
	
	
	$("li.li-ryoukin").mouseover(function(){
		if($('#slider').is(':animated')){
			$("#slider").stop().animate({left : "566px"},350);
		}else{
			$("#slider").animate({left : "566px"},350);
		}
	});
	
	
	$("li.li-otoiawase").mouseover(function(){
		if($('#slider').is(':animated')){
			$("#slider").stop().animate({left : "708px"},350)
		}else{
			$("#slider").animate({left : "708px"},350)
		}
	});
	
	$("#global").mouseout(function(){
		if($("#slider").is("[class='nothome']")){
			$("#slider").stop().animate({left : "-142px"},350);
		}else{
			$("#slider").stop().animate({left : "0px"},350);
		}
	});
	
	//サイドバーのラインスライド処理
	$("li.li-hp").hover(function(){
		if($('#line-hp').is(':animated')){
			$("#line-hp:not(.on)").stop().animate({width : "198px"},350)
		}else{
			$("#line-hp:not(.on)").animate({width : "198px"},350)
		}
	},function(){
		if($('#line-hp').is(':animated')){
			$("#line-hp:not(.on)").stop().animate({width : "0px"},350)
		}else{
			$("#line-hp:not(.on)").animate({width : "0px"},350)
		}
	});
	
	$("li.li-seo").hover(function(){
		if($('#line-seo').is(':animated')){
			$("#line-seo:not(.on)").stop().animate({width : "198px"},350)
		}else{
			$("#line-seo:not(.on)").animate({width : "198px"},350)
		}
	},function(){
		if($('#line-seo').is(':animated')){
			$("#line-seo:not(.on)").stop().animate({width : "0px"},350)
		}else{
			$("#line-seo:not(.on)").animate({width : "0px"},350)
		}
	});
	
	$("li.li-sms").hover(function(){
		if($('#line-sms').is(':animated')){
			$("#line-sms:not(.on)").stop().animate({width : "198px"},350)
		}else{
			$("#line-sms:not(.on)").animate({width : "198px"},350)
		}
	},function(){
		if($('#line-sms').is(':animated')){
			$("#line-sms:not(.on)").stop().animate({width : "0px"},350)
		}else{
			$("#line-sms:not(.on)").animate({width : "0px"},350)
		}
	});
	
	$("li.li-shopping").hover(function(){
		if($('#line-shopping').is(':animated')){
			$("#line-shopping:not(.on)").stop().animate({width : "198px"},350)
		}else{
			$("#line-shopping:not(.on)").animate({width : "198px"},350)
		}
	},function(){
		if($('#line-shopping').is(':animated')){
			$("#line-shopping:not(.on)").stop().animate({width : "0px"},350)
		}else{
			$("#line-shopping:not(.on)").animate({width : "0px"},350)
		}
	});
	
	$("li.li-system").hover(function(){
		if($('#line-system').is(':animated')){
			$("#line-system:not(.on)").stop().animate({width : "198px"},350)
		}else{
			$("#line-system:not(.on)").animate({width : "198px"},350)
		}
	},function(){
		if($('#line-system').is(':animated')){
			$("#line-system:not(.on)").stop().animate({width : "0px"},350)
		}else{
			$("#line-system:not(.on)").animate({width : "0px"},350)
		}
	});
	
	$("li.li-consaru").hover(function(){
		if($('#line-consaru').is(':animated')){
			$("#line-consaru:not(.on)").stop().animate({width : "198px"},350)
		}else{
			$("#line-consaru:not(.on)").animate({width : "198px"},350)
		}
	},function(){
		if($('#line-consaru').is(':animated')){
			$("#line-consaru:not(.on)").stop().animate({width : "0px"},350)
		}else{
			$("#line-consaru:not(.on)").animate({width : "0px"},350)
		}
	});
});