$(function(){

	$("#happy_time_visible").ready(function(){
		$("#columns_one_c h3").click(function(){
			$("html").animate({scrollTop:top},"0");
			var event_name = $(this).attr("id");
			//alert(event_name);
			$("body").append("<div id=\"event_bg\"></div>");
			var w_h = $(document).height();
			var w_w = $(window).width();
			$("#event_bg").hide().css("z-index","100").css("opacity","0").css("background-color","black").css("width",w_w).css("height",w_h).css("position","absolute").css("top","0").css("left","0").show().animate({opacity:0.5},"1000",visible_banner_ajax(event_name));
			
			function visible_banner_ajax(event_name){

						if(event_name == "happy_time_visible"){
								msg = "<img src=\"./img/pc/banner/happy.jpg\" class=\"ajax_banner\" />";
						}else if(event_name == "ladies"){
								msg = "<img src=\"./img/pc/banner/ladies_day.jpg\" class=\"ajax_banner\" />";
						}else if(event_name == "basutomo"){
								msg = "<img src=\"./img/pc/banner/basutomo.jpg\" class=\"ajax_banner\" />";
						}else if(event_name == "good_game"){
								msg = "<img src=\"./img/pc/banner/good3_main_banner.jpg\" class=\"ajax_banner\" />";
						}
						

							$("body").append("<div id=\"sub_event_bg\"></div>");
							$("body").append(msg).find(".ajax_banner").css("opacity","0").load(function(){
							
							var msg_h = $(".ajax_banner").height();
							var msg_w = $(".ajax_banner").width();
							var sub_bg_left = w_w/2-msg_w/2-10;
							$(".ajax_banner").css("position","absolute").css("top","60px").css("left",sub_bg_left+10).css("z-index","200");

							$("#sub_event_bg").hide()
								.css("background-color","white")
								.css("z-index","100")
								.css("opacity","0")
								.css("position","absolute")
								.css("top","50px")
								.css("left",sub_bg_left)
								.css("width",msg_w+20)
								.css("height",msg_h+20)
								.show()
								.animate({opacity:1},"10000",
									function(){
											$(".ajax_banner").animate({opacity:1},"10000")
									}
								);
							});

			}
			
			$("#event_bg").click(function(){
			$(this).remove();
			$("#sub_event_bg").remove();
			$(".ajax_banner").remove();
			
		});
		});

	});
});