$(function() {
   $('.rollover a img').rollover();
   $('.bnr_request a img').rollover();
});

$.fn.rollover = function() {
   return this.each(function() {
      var src = $(this).attr('src');
      //すでに画像名に「_on.」が付いていた場合、ロールオーバー処理をしない
      if (src.match('_on.')) return;
	  if (src.match('_open.')) return;
      // ロールオーバー用の画像名を取得（_onを付加）
      var src_on = src.replace(/^(.+)(\.[a-z]+)$/, "$1_on$2");
      // 画像のプリロード（先読み込み）
      $('').attr('src', src_on);
      // ロールオーバー処理
      $(this).hover(
         function() { $(this).attr('src', src_on); },
         function() { $(this).attr('src', src); }
      );
   });
};

$(document).ready(function() {
	$(".balloon").each(function(){
		var targetId = $(this).find("a").attr("href");
        $(targetId).hide();
		var status = "normal";
		var src = $(this).find("a").find("img").attr('src');
		var src_on = src.replace(/^(.+)(\.[a-z]+)$/, "$1_on$2");
		
		$(this).hover(function(){
			switch(status){
				case "normal":
					$(targetId).show();
					status = "open";
				break;
				case "open":
					$(targetId).hide();
					status = "normal";
				break;
			}
			$(this).find("a").find("img").attr('src', src_on);
		},function(){
				$(targetId).hide();
				status = "normal";
				$(this).find("a").find("img").attr('src', src);
		});
		$(this).find(".main").click(function(){
			return false;
		});
	});
});