function document_ready() {

	$("#map_canvas").height($(".map").height()); //
	init_map();

	var val_slide_box_height = Number(50);
	var val_slide_btn_width = Number(20);
	var obj_thumb_btn_width = Number(66);
	var val_text_shadow_height = Number(40);
	var val_image_default = "/images/hotel_group_default.jpg";
	var obj_timer = Object;
	var val_timer = Number(5); //초단위
	var val_timer_count = val_timer;
	var bool_timer_on = true;
	var bool_auto_click = true;

	//alert("bool_timer_on:"+bool_timer_on);

	$.timer_count = function()
	{
		val_timer_count = val_timer_count-1;
		obj_timer = setTimeout("$.timer_count()",1000);
		$("input:hidden#test").val(val_timer_count);
		if ( val_timer_count < 0 ) {
			$.gallery_play(true);
			clearTimeout(obj_timer);
		}
	}

	$.gallery_play = function(bool)
	{
		//alert("bool_timer_on:"+bool);
		//if( bool_timer_on!==true ) init_map();
		$(".slide_right_btn").click();
		$(".thumb_btn").eq(1).thumb_btn_click(true);
		val_timer_count = val_timer; // 시간 초기화
		bool_timer_on = bool;
		//alert(bool_auto_click+","+bool);
		if( !bool_auto_click ) init_map();
		bool_auto_click = true;

		$.timer_count();

	}

	$.gallery_start = function(bool)
	{
		clearTimeout(obj_timer);
		//alert(bool);
		bool_timer_on = bool;
		val_timer_count = val_timer; // 시간 초기화
		$.timer_count();
	}

	$.gallery_stop = function(bool)
	{
		//alert(bool);
		bool_auto_click = false;
		bool_timer_on = false;
		//$(".slide_right_btn").click();
		//$(".thumb_btn").thumb_btn_click(true);
		val_timer_count = val_timer; // 시간 초기화
		//$.timer_count();
		clearTimeout(obj_timer);
	}

	$.fn.gallery_title = function()
	{
		var obj_this = $(this);
	}

	$.fn.gallery_note = function()
	{
		var obj_this = $(this);
	}

	$.fn.gallery_image = function()
	{
		var obj_this = $(this);
	}



	$.fn.gallery_slide = function()
	{
		var obj_this = $(this);

		/* 슬라이딩 섬네일 이미지 리스트 그림자 */
		var var_slide_height = Number(50);
		obj_this.css({
			"position" : "absolute" ,
			"left" : "0px" ,
			"top" : ($(".hotels").height()-var_slide_height)+"px" ,
			"width" : $(".hotels").width()+"px" ,
			"height" : var_slide_height+"px" ,
			"background-color" : "black" ,
			"opacity" : "0.5"
		});
	}

	$.fn.gallery_thumbnail_box = function()
	{
		var obj_this = $(this);

		obj_this.css({
			"position" : "absolute" ,
			"left" : "0px" ,
			"top" : ($(".hotels").height()-val_slide_box_height)+"px" ,
			"width" : ($(".hotels").width()-(val_slide_btn_width*2))+"px" ,
			"height" : val_slide_box_height+"px" ,
			"overflow" : "hidden" ,
			"text-overflow" : "ellipsis" ,
			"white-space" : "nowrap" ,
			"margin" : "0 "+(val_slide_btn_width)+"px"
		});
	}

	$.fn.gallery = function(val_hotel_group_no)
	{
		var obj_this = $(this);

		/* 켄버스 초기화 시작 */
		obj_this.css({
			"line-height" : $(".hotels").height()+"px" ,
			"height" : $(".hotels").height()+"px" ,
			"overflow" : "hidden" ,
			"text-align" : "center" ,
			"position" : "relative" ,
			"top" : "0"
		});
		/* 켄버스 초기화 끝 */

		var obj_gallery_box = $("<div></div>");
		obj_gallery_box.css({
			"position" : "relative" ,
			"top" : "0px" ,
			"left" : "0px" ,
			"width" : $(".hotels").width()+"px" ,
			"height" : $(".hotels").height()+"px" ,
			"background-color" : "silver" ,
			"background-image" : "url('"+val_image_default+"')"
		}).hide();
		var obj_image = $("<img>");
		obj_image.attr("src",val_image_default);
		//alert($(".hotels").width()+","+$(".hotels").height());
		obj_image.css({
			"width" : $(".hotels").width()+"px" ,
			"height" : $(".hotels").height()+"px"
		});
		obj_gallery_box.append(obj_image);

		var obj_slide_shadow = $("<div></div>");
		obj_slide_shadow.gallery_slide();

		/* 슬라이드 이동 버튼 */
		var obj_slide_btn = $("<dl></dl>")
		obj_slide_btn.css({
			"position" : "relative" ,
			//"top" : -(val_slide_box_height)+"px" ,
			"top" : -(val_slide_box_height)+"px" ,
			"left" : "0px" ,
			"width" : $(".hotels").width()+"px" ,
			"height" : val_slide_box_height+"px" ,
			"line-height" : val_slide_box_height+"px" ,
			"padding" : 0 ,
			"margin" : 0
		});

		var obj_text_shadow = $("<div></div>");
		obj_text_shadow.css({
			"position" : "absolute" ,
			"left" : "0px" ,
			//"top" : ($(".hotels").height()-(val_text_shadow_height+obj_slide_shadow.height()))+"px" ,
			"top" : "0px" ,
			"width" : $(".hotels").width()+"px" ,
			"height" : val_text_shadow_height+"px" ,
			"background-color" : "black" ,
			"opacity" : "0.3"
		});

		var obj_text_note = $("<div></div>");
		var var_text_note_height = Number(70);
		obj_text_note.css({
			"position" : "absolute" ,
			"left" : obj_text_shadow.css("left") ,
			"top" : obj_text_shadow.css("top") ,
			"width" : (obj_text_shadow.width()-20)+"px" ,
			//"height" : var_text_note_height+"px" ,
			"height" : "3.6em" ,
			"color" : "#ffffff" ,
			"line-height" : "1.4em" ,
			"text-align" : "left" ,
			"padding" : "7px 0" ,
			"margin" : "0 10px"
		});
		//alert(obj_text_note.css("top"));

		var obj_slide_btn_frame_left = $("<dd>"); // 왼쪽 버튼 프레임
		obj_slide_btn_frame_left.css({
			"float" : "left" ,
			"width" : "20px" ,
			"height" : obj_slide_btn.height() ,
			"padding" : "0"
		});
		var obj_slide_left_btn = $("<button style='width:100%;height:100%;vertical-align:middle;padding:0;border:0;background:transparent;color:#bbbbbb;'><img src='/images/btn_scroll_arrl.gif' border='0'></button>");
		obj_slide_left_btn.addClass("slide_left_btn");
		obj_slide_btn_frame_left.append(obj_slide_left_btn);
		obj_slide_btn.append(obj_slide_btn_frame_left);
		obj_slide_left_btn.click(function() {
			obj_slide_left_btn.attr("disabled","disabled"); //이동버튼 비활성시킨다.(무작위 클릭을 막기 위해서이다.)
			obj_thumbnail_list.prepend(obj_thumbnail_list.find("dd").last());
			obj_thumbnail_list.css({"left":-(obj_thumb_btn_width)});
			obj_thumbnail_list.animate({
				left: '+='+obj_thumb_btn_width
			},function() {
				obj_slide_left_btn.attr("disabled","");
			});
		});

		var obj_slide_btn_frame_right = $("<dd>"); // 오른쪽 버튼 프레임
		obj_slide_btn_frame_right.css({
			"float" : "right" ,
			"width" : "20px" ,
			"height" : obj_slide_btn.height() ,
			"padding" : "0"
		});
		var obj_slide_right_btn = $("<button style='width:100%;height:100%;vertical-align:middle;padding:0;border:0;background:transparent;color:#bbbbbb;'><img src='/images/btn_scroll_arrr.gif' border='0'></button>");
		obj_slide_right_btn.addClass("slide_right_btn");
		obj_slide_btn_frame_right.append(obj_slide_right_btn);
		obj_slide_btn.append(obj_slide_btn_frame_right);
		obj_slide_right_btn.click(function() {
			obj_slide_right_btn.attr("disabled","disabled"); //이동버튼 비활성시킨다.(무작위 클릭을 막기 위해서이다.)
			obj_thumbnail_list.animate({
				left: '-='+obj_thumb_btn_width
			},function() {
				obj_thumbnail_list.append(obj_thumbnail_list.find("dd").first());
				obj_thumbnail_list.css({"left":0});
				obj_slide_right_btn.attr("disabled","");
			});
		});

		/* 슬라이딩 섬네일 이미지 리스트 박스 */
		var obj_slide_box = $("<div></div>");
		obj_slide_box.gallery_thumbnail_box();


		var obj_thumbnail_list = $("<dl>");
		obj_thumbnail_list.attr("id","thumbnail_list").css({
			"height" : val_slide_box_height+"px"
			//"line-height" : val_slide_box_height+"px" ,
		});

		/* DB에서 호텔리스트와 그이 호텔사진 추출 시작 */
		var data_gallery = Array();
		data_gallery = $.get_gallery_list({
			"hotel_group_no" : val_hotel_group_no
		});
		var data_gallery_cnt = data_gallery.length;
		var w = 0;

		for( var key in data_gallery )
		{
			var hotel_no = data_gallery[key]["hotel_no"];
			var title = data_gallery[key]["hotel_name"];
			var note = data_gallery[key]["note"];
			var thumbnail = data_gallery[key]["thumb2"];
			var img_path = data_gallery[key]["file_name"];
			var gmap_x = data_gallery[key]["gmap_x"];
			var gmap_y = data_gallery[key]["gmap_y"];
			var gmap_z = data_gallery[key]["gmap_z"];
			var url = data_gallery[key]["url"];

			//alert(gmap_x+","+gmap_y+","+gmap_z);

			//-----------------------
			// 지도에 마커 표시하기
			//-----------------------
			//show_marker(url,gmap_x,gmap_y);

			var obj_thumb_btn = $("<div style='width:"+obj_thumb_btn_width+"px;line-height:100%;padding:3px 2px;margin:0;text-align:center;background:transparent;cursor:pointer;'><img src='"+thumbnail+"' width='60' height='39' border='0' style='background:#ffffff;border:1px solid #bbbbbb;'></div>");
			obj_thumb_btn.addClass("thumb_btn");
			obj_thumb_btn.attr({
				"hotel_no":hotel_no ,
				"path":img_path ,
				"title":title ,
				"note":"" ,
				"gmap_x":gmap_x ,
				"gmap_y":gmap_y ,
				"gmap_z":gmap_z
			});

			obj_thumb_btn.click(function() {

				bool_timer_on = false;

				var obj_thumb_this = $(this);
				var hotel_no = obj_thumb_this.attr("hotel_no");
				var title = obj_thumb_this.attr("title");
				var note = obj_thumb_this.attr("note");
				var img_path = obj_thumb_this.attr("path");
				var gmap_x = obj_thumb_this.attr("gmap_x");
				var gmap_y = obj_thumb_this.attr("gmap_y");
				var gmap_z = obj_thumb_this.attr("gmap_z");

				obj_image.attr("src",img_path);
				var html_title = "<b><div style='font-size:1.5em;line-height:1.4em;'>"+title+"</div></b>";
				var html_note = "<div style='font-size:1em;line-height:1.2em;height:4em;'>"+note+"</div></b>";
				obj_text_note.html(html_title+html_note);

				gmap_move(hotel_no); // 구글맵 이동

			});

			w=w+70; // 섬네일 박스이 길이를 늘겨주기 위해서...

			var obj_thumbnail_once = $("<dd>");
			obj_thumbnail_once.addClass("thumbnail_once");
			obj_thumbnail_once.css({
				"float" : "left" ,
				"width" : obj_thumb_btn_width+"px" ,
				"height" : "46px" ,
				"padding" : "2px 0" ,
				"margin" : "0"
			});

			obj_thumbnail_once.append(obj_thumb_btn);
			obj_thumbnail_list.append(obj_thumbnail_once);
			obj_thumbnail_list.css("width",w+"px");

			// 슬라이드 섬네일 이미지가 전체 가로폭보다 작으면 스크롤버튼을 비활성 시킨다.
			if( obj_thumbnail_list.width() < obj_slide_box.width() ) obj_slide_btn.find("button").attr("disabled","disabled");
			else obj_slide_btn.find("button").attr("disabled","");
		}

		obj_slide_box.append(obj_thumbnail_list);
		obj_slide_box.hover(function() {
			bool_timer_on = false;
			bool_auto_click = false;
			$.gallery_stop(false);
		} ,function() {
			$.gallery_start(true);
		});

		obj_this.html(""); // 초기화

		obj_this
			.append(obj_gallery_box)
			//.append(obj_text_shadow)
			//.append(obj_text_note)
			.append(obj_slide_shadow)
			.append(obj_slide_btn)
			.append(obj_slide_box)
		;
		obj_gallery_box.fadeIn(2000);

		$.fn.thumb_btn_click = function(auto_gmap)
		{
			auto_gmap = auto_gmap ? auto_gmap : false;

			var obj_thumb_this = $(this);
			var hotel_no = obj_thumb_this.attr("hotel_no");
			var title = obj_thumb_this.attr("title");
			var note = obj_thumb_this.attr("note");
			var img_path = obj_thumb_this.attr("path");
			var gmap_x = obj_thumb_this.attr("gmap_x");
			var gmap_y = obj_thumb_this.attr("gmap_y");
			var gmap_z = obj_thumb_this.attr("gmap_z");

			obj_image.attr("src",img_path);
			var html_title = "<b><div style='font-size:1.5em;line-height:1.4em;'>"+title+"</div></b>";
			var html_note = "<div style='font-size:1em;line-height:1.2em;height:4em;'>"+note+"</div></b>";
			obj_text_note.html(html_title+html_note);

			if( bool_auto_click===false ) gmap_move(hotel_no); // 구글맵 이동
		}

		//alert("bool_timer_on:"+bool_timer_on);

		//$.gallery_play();

	}

	$.get_gallery_list = function(values)
	{
		var params = $.extend({
			hotel_group_no : ""
		},values);
		var data = Array();

		$.ajax({
			async : false ,
			url : "./group/proc_hotel_list.xml.php" ,
			type : "post" ,
			data : params ,
			dataType : "xml" ,
			error : function() { /*alert("System Error !!");*/ } ,
			success : function( xml ) {
				var obj_xml = $(xml);
				var cnt_xml = obj_xml.find("data").length;
				data = Array(cnt_xml);
				var i = 0;
				obj_xml.find("data").each(function() {

					var xml_hotel_no = $(this).find("hotel_no").text();
					var xml_hotel_group_no = $(this).find("hotel_group_no").text();
					var xml_hotel_name = $(this).find("hotel_name").text();
					var xml_note = $(this).find("note").text();
					var xml_file_name = $(this).find("file_name").text();
					var xml_thumb1 = $(this).find("thumb1").text();
					var xml_thumb2 = $(this).find("thumb2").text();
					var xml_thumb3 = $(this).find("thumb3").text();
					var xml_gmap_x = $(this).find("gmap_x").text();
					var xml_gmap_y = $(this).find("gmap_y").text();
					var xml_gmap_z = $(this).find("gmap_z").text();
					var xml_url = $(this).find("url").text();

					var xml_note_arr = xml_note.split(".");

					data.push({
						"hotel_no":xml_hotel_no ,
						"hotel_group_no":xml_hotel_group_no ,
						"hotel_name":xml_hotel_name ,
						"note_s":xml_note_arr[0] ,
						"note":xml_note ,
						"file_name":xml_file_name ,
						"thumb1":xml_thumb1 ,
						"thumb2":xml_thumb2 ,
						"thumb3":xml_thumb3 ,
						"gmap_x":xml_gmap_x ,
						"gmap_y":xml_gmap_y ,
						"gmap_z":xml_gmap_z ,
						"url":xml_url
					});
					i++;
				});

			}
		});

		return data;
	}

	/* 스페셜오퍼 컨텐츠 */
	$.fn.banner = function(hotel_group_no)
	{
		var obj_this = $(this);

		var val_banner_width = obj_this.find("li").first().width();
		var val_banner_height = obj_this.find("li").first().height();

		obj_this.html("");

		var max_cnt = 3;
		var params = {
			"hotel_group_no" : hotel_group_no ,
			"max_count" : max_cnt
		};

		$.ajax({
			async : true ,
			url : "./group/proc_offer_list.xml.php" ,
			type : "post" ,
			data : params ,
			dataType : "xml" ,
			error : function() { /*alert("System Error !!");*/ } ,
			success : function(xml) {
				var obj_xml = $(xml);
				var xml_cnt = obj_xml.find("data").length;
				var x = 0;

				obj_xml.find("data").each(function() {
					var val_no = $(this).find("no").text();
					var val_file_name_banner = $(this).find("file_name_banner").text();

					var obj_banner = $("<img>");
					obj_banner.attr("src",val_file_name_banner);
					obj_banner.css({
						"width" : val_banner_width ,
						"height" : val_banner_height ,
						"border" : "0" ,
						"background" : "#eeeeee"
					});

					var obj_link = $("<a></a>");
					obj_link.click(function() {
						win_open("./pop_offer.php?no="+val_no, "pop_offer_"+val_no, '600', '600', "");
					});
					/*obj_link.attr({
						"href":"http://naver.com",
						"target":"_blank"
					});*/

					var obj_frame = $("<li>");
					obj_frame.append(obj_banner);
					obj_frame.find("img").wrap(obj_link);

					obj_this.append(obj_frame);
					x++;
				});

				/* 나머지 자리매꿈 */
				/*
				for( var b=x ; b<max_cnt ; b++ )
				{
					var obj_banner = $("<img>");
					obj_banner.css({
						"width" : val_banner_width ,
						"height" : val_banner_height ,
						"border" : "0" ,
						"background" : "#eeeeee"
					});

					var obj_frame = $("<li>");
					obj_frame.append(obj_banner);
					obj_this.append(obj_frame);
				}
				*/
			}
		});

	}

	$.fn.news = function(values)
	{
		var obj_this = $(this);

		obj_this.find("dd").each(function() {
			$(this).remove();
		});

		var params = $.extend({
			max_count : 5
		},values);

		$.ajax({
			async : true ,
			url : "./group/proc_news_list.xml.php" ,
			type : "post" ,
			data : params ,
			dataType : "xml" ,
			error : function() {  } ,
			success : function( xml ) {

				var obj_xml = $(xml);
				var len_xml = obj_xml.find("data").length;

				if ( len_xml )
				{
					obj_xml.find("data").each(function() {
						var obj_data = $(this);
						var val_no = obj_data.find("no").text();
						var val_name = obj_data.find("name").text();
						var val_date = '2011년 10월 현재'; //obj_data.find("date").text();

						var obj_row = $("<dd>");

						var obj_date = $("<div>"+val_date+"</div>");
						obj_date.css({
							"float" : "left"
						});
						var obj_name = $("<div>");
						obj_name.css({
							"width" : "400px",
							"height" : "1.4em" ,
							"text-overflow" : "ellipsis" ,
							"-moz-binding" : "url('./group/ellipsis.xml#ellipsis')" ,
							"overflow" : "hidden"
						});
						var obj_link = $("<nobr><a href='/group/news.php?mode=view&bid="+val_no+"'>"+val_name+"</a></nobr>");
						obj_name.append(obj_link);

						/*obj_date.appendTo(obj_row);*/
						obj_name.appendTo(obj_row);

						obj_this.append(obj_row);
					});
				}
				else
				{

				}

			}
		});

	}

	$.fn.event = function(values)
	{
		var obj_this = $(this);

		obj_this.find("dd").each(function() {
			$(this).remove();
		});

		var params = $.extend({
			max_count : 5
		},values);

		$.ajax({
			async : true ,
			url : "./group/proc_event_list.xml.php" ,
			type : "post" ,
			data : params ,
			dataType : "xml" ,
			error : function() {  } ,
			success : function( xml ) {

				var obj_xml = $(xml);
				var len_xml = obj_xml.find("data").length;

				if ( len_xml )
				{
					obj_xml.find("data").each(function() {
						var obj_data = $(this);
						var val_no = obj_data.find("no").text();
						var val_name = obj_data.find("name").text();
						var val_date = '2011년 10월 현재'; //obj_data.find("date").text();
						var val_state = obj_data.find("state").text();
						switch( val_state )
						{
							case "ing" : var str_state = "진행중"; break;
							case "end" : var str_state = "종료"; break;
						}


						var obj_row = $("<dd>");

						var obj_date = $("<div>"+val_date+"</div>");
						obj_date.css({
							"float" : "left"
						});
						var obj_name = $("<div>");
						obj_name.css({
							"width" : "400px",
							"height" : "1.4em" ,
							"text-overflow" : "ellipsis",
							"overflow" : "hidden"
						});
						var obj_link = $("<nobr><a href='/group/event.php?mode=view&bid="+val_no+"'>"+val_name+"</a></nobr>");
						obj_link.css({
							"line-height" : "1.4em"
						});

						var obj_state = $("<span>"+str_state+"</span>");

						obj_name.append(obj_link);

						obj_date.appendTo(obj_row);
						obj_name.appendTo(obj_row);
						//obj_state.appendTo(obj_row);

						obj_this.append(obj_row);
					});
				}
				else
				{

				}

			}
		});
	}

	$("#hotel_canvas").gallery('239');
	//$.gallery_play(bool_timer_on);
	$.gallery_start();

	//$("#banner_canvas").banner('239');
	$("#news_canvas").news({
		max_count : 5
	});
	$("#event_canvas").event({
		max_count : 5
	});
}