//■■共通
$(function() {



/*-----------------------------------------------------------------------
■class「title」のマージン設定■
------------------------------------------------------------------------*/
	$(".title:first").css('margin-top', '0');

/*-----------------------------------------------------------------------
■最後のliタグからスタイル削除■
------------------------------------------------------------------------*/
	$("#left_contents ul li:last-child,#top_solution div:last-child,#kanri_comparison div:last-child,#new_case li:last-child,#introduction01 li:last-child").not('#cms_plan li').each(function() {
		$(this).css('margin', '0');
	});
	$(".introduction div.pattern:last").css('margin', '0');

/*-----------------------------------------------------------------------
■フッター最後のulタグからスタイル削除■
------------------------------------------------------------------------*/
	$("#footer_wrap ul:last").css({border: 'none', padding: '0'});

/*-----------------------------------------------------------------------
■hover設定■
------------------------------------------------------------------------*/
	function thumb_hover() { 
		$("#right_contents div,#btn_pagetop,#left_contents #top_solution li").hover(function() {
			$(this).css('opacity', ' 0.6');
		}, function() {
			$(this).css('opacity', ' 1');
		});
	}

	$(".proposal_product li").hover(function() {
		$(this).css('background-color', '#f2f8fe');
	}, function() {
		$(this).css('background-color', '#fff');
	});


/*-----------------------------------------------------------------------
■デモ&問合せのCSS設定■
------------------------------------------------------------------------*/
	$(".mdl_inquiry li:first-child").css('margin-right', '20px');

/*-----------------------------------------------------------------------
■業務から商品を探す■
------------------------------------------------------------------------*/

	
/*-----------------------------------------------------------------------
■課題目的から商品を探す■
------------------------------------------------------------------------*/
	$(".proposal li:not(.relation)").hover(function() {
		$(this).css('background-color', '#f2f8fe');
	}, function() {
		$(this).css('background-color', '#fff');
	});


/*-----------------------------------------------------------------------
■タブメニュー■
------------------------------------------------------------------------*/
	$("div.tabmenu div:not(:eq(0),:eq(6))").hide();

	$(".tabmenu li").click(function() {
		$(this).addClass('select');
		$(this).siblings().removeClass('select');
		var tab_num = $(".tabmenu li").index(this);
		$(".tabmenu div").eq(tab_num).siblings().not('ul').hide();
		$(".tabmenu div").eq(tab_num).show();
		return false;
	});

/*-----------------------------------------------------------------------
■画像オーバーレイ■
------------------------------------------------------------------------*/
	var html_h = $(document).height();
	$(".overlay").css('height', html_h);
	$(".cap img").click(function() {
		var url = $(this).attr('src');
		var html_w = ($(document).width()/2)-400;
		var html_t = $(document).scrollTop()+100;
		$(".overlay").empty().append('<img src="' + url + '" /><span id="cursol">画面クリックで閉じる</span>').fadeIn('fast');
		$(".overlay img").css({left: html_w, top: html_t, opacity: '1'});
		$("body").mousemove(function(e) {
			var x = e.pageX + 20;
			var y = e.pageY - 20;
			$("#cursol").css({top: y, left: x});
		});
	});
	$(".overlay").click(function() {
		$(".overlay").hide();
	});

	 
/*-----------------------------------------------------------------------
■賃貸管理比較画面■
------------------------------------------------------------------------*/
	 $(".comparison_highlight1").mouseover(function() {
		var num = $(".comparison_highlight1").index(this);
		if(num < 2) {
			$(".comparison_highlight1").eq(num).find('td').hover(function() {
				var index = $(".comparison_highlight1").eq(num).find('td').index(this);
				$(this).css('background', '#eee');
				$(".comparison_highlight1").eq(num+2).find('td').eq(index).css('background', '#eee');
			}, function() {
				var index = $(".comparison_highlight1").eq(num).find('td').index(this);
				$(this).css('background', '');
				$(".comparison_highlight1").eq(num+2).find('td').eq(index).css('background', '');
			});
		 } else {
			$(".comparison_highlight1").eq(num).find('td').hover(function() {
				var index = $(".comparison_highlight1").eq(num).find('td').index(this);
				$(this).css('background', '#eee');
				$(".comparison_highlight1").eq(num-2).find('td').eq(index).css('background', '#eee');
			}, function() {
				var index = $(".comparison_highlight1").eq(num).find('td').index(this);
				$(this).css('background', '');
				$(".comparison_highlight1").eq(num-2).find('td').eq(index).css('background', '');
			});
		 }
	 });
	 
	 
	 $(".comparison_highlight2").mouseover(function() {
		var num = $(".comparison_highlight2").index(this);
		if(num < 5) {
			$(".comparison_highlight2").eq(num).find('td').hover(function() {
				var index = $(".comparison_highlight2").eq(num).find('td').index(this);
				$(this).css('background', '#eee');
				$(".comparison_highlight2").eq(num+5).find('td').eq(index).css('background', '#eee');
			}, function() {
				var index = $(".comparison_highlight2").eq(num).find('td').index(this);
				$(this).css('background', '');
				$(".comparison_highlight2").eq(num+5).find('td').eq(index).css('background', '');
			});
		 } else {
			$(".comparison_highlight2").eq(num).find('td').hover(function() {
				var index = $(".comparison_highlight2").eq(num).find('td').index(this);
				$(this).css('background', '#eee');
				$(".comparison_highlight2").eq(num-5).find('td').eq(index).css('background', '#eee');
			}, function() {
				var index = $(".comparison_highlight2").eq(num).find('td').index(this);
				$(this).css('background', '');
				$(".comparison_highlight2").eq(num-5).find('td').eq(index).css('background', '');
			});
		 }
	 });


/*-----------------------------------------------------------------------
■サブメニューhover設定■
------------------------------------------------------------------------*/
	$("#sub_menu li:not(:first,.sub_select,.sub_select li)").hover(function() {
		$(this).css('background', 'url(../images/bg_submenu_on.gif)');
	 }, function() {
		$(this).css('background', 'url(../images/bg_submenu.gif)');
	 });
	
	$("#sub_menu .sub_select li:last").css('background', 'url(../images/sub_menu_line_b.gif) no-repeat');
	$("#sitemap li li:last-child").css('background', 'url(../images/sub_menu_line_b.gif) no-repeat 110px 0');
	$("#sitemap li li li:last-child").css('background', 'url(../images/sub_menu_line_b.gif) no-repeat 230px 0');


/*-----------------------------------------------------------------------
■フラッシュ設定■
------------------------------------------------------------------------*/
	$(".flash img").hover(function() {
		$(this).attr('src', '../images/btn_play_on.gif');
	}, function() {
		$(this).attr('src', '../images/btn_play_off.gif');
	});
	$(".flash").click(function(){
		var f_num = $(".flash").index(this);
		flashembed(this, {
			src: 'flash' + f_num + '.swf',
			width: '100%',
			height: '100%',
			wmode: 'opaque'
		});
	});

/*-----------------------------------------------------------------------
■課題・目的ソート■
------------------------------------------------------------------------*/
	//hover設定
	$("#problem_sort span:not(.select)").hover(function() {
		$(this).addClass('select');
	}, function() {
		$(this).removeClass('select');
	});

	//クリック設定
	$("#problem_sort span").click(function() {
		var tag_index = $("#problem_sort span").index(this);
		$("#problem_sort span").removeClass('select');
		$(this).addClass('select');
		$(this).unbind("mouseenter").unbind("mouseleave");
		$("#p_chintai,#p_tyukai,#p_yachin").hide();
		if(tag_index == 1) {
			$("#p_chintai").show();
			$("#p_tyukai .title,#p_yachin .title").removeClass('first_title');
			$("#p_chintai .title").addClass('first_title');
		} else if(tag_index == 2) {
			$("#p_tyukai").show();
			$("#p_chintai .title,#p_yachin .title").removeClass('first_title');
			$("#p_tyukai .title").addClass('first_title');
		} else if(tag_index == 3) {
			$("#p_yachin").show();
			$("#p_chintai .title,#p_tyukai .title").removeClass('first_title');
			$("#p_yachin .title").addClass('first_title');
		} else {
			$("#p_chintai,#p_tyukai,#p_yachin").show();
			$("#p_tyukai .title,#p_yachin .title").removeClass('first_title');
		}
		$("#problem_sort span:not(.select)").hover(function() {
			$(this).addClass('select');
		}, function() {
			$(this).removeClass('select');
		});
	});


/*-----------------------------------------------------------------------
■導入事例ソート■
------------------------------------------------------------------------*/
	//hover設定
	$("#case_sort span:not(.select)").hover(function() {
		$(this).addClass('select');
	}, function() {
		$(this).removeClass('select');
	});

	//クリック設定
	$("#case_sort span").click(function() {
		var tag_index = $("#case_sort span").index(this);
		$("#case_sort span").removeClass('select');
		$(this).addClass('select');
		$(this).unbind("mouseenter").unbind("mouseleave");
		$(".case_list ul").hide();
		if(tag_index == 1) {
			$(".case_list .case_top_detail span.tag_1").parent().parent().show();
		} else if(tag_index == 2) {
			$(".case_list .case_top_detail span.tag_2").parent().parent().show();
		} else if(tag_index == 3) {
			$(".case_list .case_top_detail span.tag_3").parent().parent().show();
		} else if(tag_index == 4) {
			$(".case_list .case_top_detail span.tag_4").parent().parent().show();
		} else if(tag_index == 5) {
			$(".case_list .case_top_detail span.tag_5").parent().parent().show();
		} else if(tag_index == 6) {
			$(".case_list .case_top_detail span.tag_6").parent().parent().show();
		} else if(tag_index == 7) {
			$(".case_list .case_top_detail span.tag_7").parent().parent().show();
		} else if(tag_index == 8) {
			$(".case_list .case_top_detail span.tag_8").parent().parent().show();
		} else if(tag_index == 9) {
			$(".case_list .case_top_detail span.tag_9").parent().parent().show();
		} else {
			$(".case_list ul").show();
		}
		$("#case_sort span:not(.select)").hover(function() {
			$(this).addClass('select');
		}, function() {
			$(this).removeClass('select');
		});
	});

/*-----------------------------------------------------------------------
■フォーム入力例■
------------------------------------------------------------------------*/
	$("input").not('.mdl_seo input, .form_input input').css('color', '#999');
	var input_val = [];
	$("input").not('.mdl_seo input, .form_input input').each(function() {
		input_val.push($(this).val());
	});
	$("input").not('.mdl_seo input, .form_input input').focus(function() {
		var chk_num = $("input").index(this);
		var chk_val = $("input").eq(chk_num).val();
		if(chk_val == input_val[chk_num]) {
			var def_val = $(this).val();
			$(this).val('');
			$(this).css('color', '#333');
			$(this).blur(function() {
				if($(this).val() == '') {
					$(this).val(def_val);
					$(this).css('color', '#999');
				}
			});
		}
	});

/*-----------------------------------------------------------------------
■ページ上部へ移動■
------------------------------------------------------------------------*/
	$("#btn_pagetop").click(function () {
		$('html,body').animate({ scrollTop: 0 }, 'fast');
		return false;
	});

/*-----------------------------------------------------------------------
■ページ内リンク■
------------------------------------------------------------------------*/
	$(".btn_order img").click(function() {
		var i = $(".btn_order img").index(this);
		var p = $(".order img").eq(num).offset().top;
		$('html,body').animate({ scrollTop: p }, 'fast');
		return false;
	});

	$(".sub_select li span").click(function() {
		var i = $(".sub_select li span").index(this)
		var p = $(".title").eq(i).offset().top;
		$('html,body').animate({ scrollTop: p }, 'fast');
		return false;
	});

/*-----------------------------------------------------------------------
■ロールオーバー■
------------------------------------------------------------------------*/
	var images = $("img");
	for(var i=0; i < images.size(); i++) {
		if(images.eq(i).attr("src").match("_off.")) {
			$("img").eq(i).hover(function() {
				$(this).attr('src', $(this).attr("src").replace("_off.", "_on."));
			}, function() {
				$(this).attr('src', $(this).attr("src").replace("_on.", "_off."));
			});
		}
	}


/*-----------------------------------------------------------------------
■ソーシャルブックマーク■
------------------------------------------------------------------------*/
	var enc_url = encodeURIComponent(location.href);
	var url = location.href;
	var title = encodeURIComponent(document.title);
	var tw = '<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="Visual_Research" data-lang="ja">ツイート</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>'
/*	var tw = '<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="Visual_Research" data-lang="ja">ツイート</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>';*/
	var plus1 = '<div class="g-plusone" data-size="medium" data-count="false"></div>';
/*	var plus1 = '<g:plusone size="medium" count="false"></g:plusone>';*/
	var b_ht1 = '<a href="http://b.hatena.ne.jp/entry/http://';
	var b_ht2 = '" class="hatena-bookmark-button" data-hatena-bookmark-title="';
/*	var b_ht3 = '" data-hatena-bookmark-layout="standard" title="はてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="はてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>';*/
	var b_ht3 = '" data-hatena-bookmark-layout="simple" title="はてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="はてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>';
	var b_images = "http://b.st-hatena.com/images/entry-button/button-only.gif";
	var b_js = '<script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>';
	var fc1 = '<iframe src="http://www.facebook.com/plugins/like.php?app_id=264022756943799&amp;href=';
	var fc2 = 	'&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:105px; height:24px;" allowTransparency="true"></iframe>';

	$("#bookmark").append('<span class="tw">' + tw + '</span><span class="plus1">' + plus1 + '</span><span class="b_ht">' + b_ht1 + url + b_ht2 + title + b_ht3 + '</span><span class="fc">' + fc1 + url + fc2 + '</span>');

});

/*-----------------------------------------------------------------------
■Ajax search API■
------------------------------------------------------------------------*/
google.load("search", "1");
function OnLoad() {
	var searchControl = new GSearchControl();
	var siteSearch = new GwebSearch();
	var options = new GsearcherOptions();

	siteSearch.setUserDefinedLabel("検索結果");
	siteSearch.setSiteRestriction("http://www.visual-w.co.jp/");
	siteSearch.setUserDefinedClassSuffix("siteSearch");

	searchControl.setResultSetSize(GSearch.SMALL_RESULTSET);
	options.setRoot(document.getElementById("result"));
	options.setExpandMode(GSearchControl.EXPAND_MODE_OPEN);

	searchControl.addSearcher(siteSearch, options);

	searchControl.draw(document.getElementById("search"));

	$(".gsc-input").val('サイト内検索');
	$(".gsc-input").focus(function(){
		if(this.value == "サイト内検索"){
			$(this).val("").css("color","#333");
		}
	});
	$(".gsc-input").blur(function(){
		if(this.value == ""){
			$(this).val("サイト内検索").css("color","#ccc");
		}
	});

	$("#result").after('<div id="shadow"></div><div id="search_close"></div>');

	searchControl.setSearchStartingCallback(null, function(searchControl, searcher, query) {
		var html_w = ($(document).width()/2) - 375;
		var html_w_close = ($(document).width()/2) + 270;
		var html_h = $(document).height();
		$("#result").css('left', html_w);
		$("#search_close").css('left', html_w_close);
		$("#shadow").css({opacity: '0.6', height: html_h});
		$("#result,#shadow,#search_close").fadeIn('fast');
		$("#shadow,#search_close").click(function() {
			$("#result,#shadow,#search_close").fadeOut('fast');
		});
	});
}
google.setOnLoadCallback(OnLoad);