(function($) {
	
	var g_pageInfo = {}; // ÇöÀçÆäÀÌÁö Á¤º¸  [mode,subID,lowID]
	var g_init_width = [];

	$(document).ready(function() {
		var url_name = (window.location +"").split('html?')[1];
		
		if(url_name) {
			g_pageInfo = fileNametoArray(url_name.replace("#",""))
		}
			
		$('.navigate_area ul.menu').ajaxTransXML_navi();
	});
		
	
	$.fn.ajaxTransXML_navi = function(type) {
		var _this = $(this);
		var _url = "/xml/mainMenu_sub.php"//"/xml/NavigateControl.xml";
		
		var request = $.ajax({
			url: _url,
			type: "post", //get, post ¹æ½Ä
			data:  '', // {'menuID':6,'subMenuID':1}, //³Ñ±æ ÆĶó¹ÌÅÍ
			dataType: 'xml',  //or xml or script or html 
			async: true // true:ºñµ¿±â, false:µ¿±â
		});

		request.done(function(data) {
			var item = $(data).children('navigate').children('navi_first');
			var common = $(data).children('navigate').children('commonsetting');
			var common_setting = {
				target : _this,
				f_rout : common.children('auto_navi_first_image_url').attr('rollout').split("##"),
				f_rover : common.children('auto_navi_first_image_url').attr('rollover').split("##"),
				s_rout : (common.children('auto_navi_second_image_url').attr('rollout')) ? common.children('auto_navi_second_image_url').attr('rollout').split("##") : '',
				s_rover : (common.children('auto_navi_second_image_url').attr('rollover')) ? common.children('auto_navi_second_image_url').attr('rollover').split("##") : '',
				a_link_url : common.children('auto_navi_link_url').attr('name').split("##"),
				b_link_url : common.children('blank_link_url').text()
			};

			item.createNavi(common_setting);

			//$('.mode' + g_pageInfo.mode).find('li').clone().appendTo('.subNevi');

			navigate_inic();

			$('.navi_deep:not(.mode3)').append("<img src='/images/bar_right.png' />");
			$('.navigate_area').hover(function(e) {

			}, function(e) {
				$('.navi_deep').parent().find("img").filter( function() {
					this.src = this.src.replace("_on", "_off");
				});
				$('.navi_deep').stop().animate({top:45, opacity:0}, {duration:200, easing:"swing", queue:true, complete:function() {
					$(this).css({'display':'none'});
				}});

				$('.mode' + g_pageInfo.mode).parent().find("img").filter( function() {
					this.src = this.src.replace("_off", "_on");
				});
				if(g_pageInfo.mode != 3) {
					$('.mode'+g_pageInfo.mode).stop().css({'display':'block', opacity:1}).animate({ top:35 }, { duration:200, easing:"swing", queue:true, complete:function() {} } );
				}

				$('.mode' + g_pageInfo.mode).find('li:nth(' + (g_pageInfo.subID - 1) + ')').addClass('active');
			});
			
			
		});

		request.fail(function(jqXHR, textStatus) {
			alert(textStatus);
		});
		
		request.always(function() {
		});
		
	};/*end $.fn.ajaxTransXML = function(type){*/
	
	$.fn.createNavi = function(_setting) {
		var item = $(this);

		item.each(function(i) {
			var img_art = $(this).attr('title');
			var img_src = '';

			var rollout = $(this).children('rollImage').attr('rollout');
			var rollover = $(this).children('rollImage').attr('rollover');
			var rollauto = $(this).children('rollImage').attr('Auto');

			var link_type = $(this).attr('link_type');
			var link_url = $(this).attr('link_url');

			if(rollout) {
				img_src = rollout;
			} else {
				if(_setting.target.hasClass('menu')) {
					rollout = img_src = (_setting.f_rout) ? (_setting.f_rout[0] + ((rollauto) ? rollauto : num_str(i+1)) + _setting.f_rout[1]) : null;
					rollover = (_setting.f_rover) ? (_setting.f_rover[0] + ((rollauto) ? rollauto : num_str(i+1)) + _setting.f_rover[1]) : null;
				} else {
					rollout = img_src = (_setting.s_rout) ? (_setting.s_rout[0] + ((rollauto) ? rollauto : num_str(i+1)) + _setting.s_rout[1]) : null;
					rollover = (_setting.s_rover) ? (_setting.s_rover[0] + ((rollauto) ? rollauto : num_str(i+1)) + _setting.s_rover[1]) : null;
				}
			}

			if(img_src) { 
				// ·Ñ¿À¹ö À̹ÌÁö¸¦ °³º°·Î ¼³Á¤ÇÏ¿´À¸¸é ½ÇÇà
				var c_obj = document.createElement('img');
				
			} else {
				// ·Ñ¿À¹ö À̹ÌÁö¸¦ °³º°¼³Á¤ÀÌ µÇ¾î ÀÕÁö ¾ÊÀ¸¸é ½ÇÇàÇÔ.
				var c_obj = document.createElement('a');
				$(c_obj).text(img_art);
			}

			var c_li = document.createElement('li');
			$(c_li).append(c_obj);
			$(c_obj).attr({
				'src'		: img_src,
				'alt'		: img_art,
				'rollout'	: rollout,
				'rollover'	: rollover,
			});

			$(c_li).attr({
				'link_type'	: link_type,
				'link_url'	: link_url
			});

			var page_obj = fileNametoArray(link_url.split('?')[1]);
			$(c_li).attr(page_obj);

			_setting.target.append(c_li);

			if(_setting.target.hasClass('menu')) {
				if($(this).children('navi_second').length > 0) {
					// ¼¼ºÎ ¸Þ´º°¡ ÀÖÀ¸¸é ½ÇÇàÇÔ. 
					var ul = document.createElement('ul');
						$(ul).addClass('navi_deep');
						$(ul).addClass("mode" + page_obj.mode);
						$(c_li).append(ul);

					if(g_pageInfo.mode == page_obj.mode) {
						$(this).children('navi_second').each(function() {
							if($(this).attr("sub_id") == g_pageInfo.subID) {
								var subOnOff = "on";
								var subActive = "active";
							} else {
								var subOnOff = "off";
								var subActive = "";
							}

							//alert('<li link_type="location" link_url="'+link_url+'" mode="'+page_obj.mode+'" subid="'+page_obj.subID+'" lowid="1" class="active"><a alt="'+img_art+'"><img src="/image/sub/menu_0'+g_pageInfo.mode+'_0'+page_obj.subID+'_'+subOnOff+'.gif" /></a></li>');
							//$(".subNevi").append('<li link_type="location" link_url="'+$(this).attr("link_url")+'" mode="'+g_pageInfo.mode+'" subid="'+$(this).attr("sub_id")+'" lowid="1" class="'+subActive+'"><a alt="'+img_art+'"><img src="/image/sub/menu_0'+g_pageInfo.mode+'_0'+$(this).attr("sub_id")+'_'+subOnOff+'.gif" /></a></li>');
							$(".subNevi").append('<li style="height:26px" link_type="location" link_url="'+$(this).attr("link_url")+'" mode="'+g_pageInfo.mode+'" subid="'+$(this).attr("sub_id")+'" lowid="1" class="'+subActive+'"><a alt="'+img_art+'" style="vertical-align:middle"><img src="/image/sub/menu_0'+g_pageInfo.mode+'_0'+$(this).attr("sub_id")+'_'+subOnOff+'.gif" /></a></li>');
						});
					}

					var c_setting = $.extend({}, _setting);
						c_setting.step = 1;
						c_setting.target = $(c_li).find(ul); //$('.navi_sub_width div.navi_sub ul.mode'+page_obj.mode);
						$(this).children('navi_second').createNavi(c_setting);
				}
			}
		});
	};/*end $.fn.createNavi = function(_setting){*/

	//¸Þ´º ¾×¼Ç ¹× ¾Ö´Ï¸ÞÀÌ¼Ç ½ºÅ©¸³Æ® ºÎºÐ
	function navigate_inic() {
		//$('.navigate_area ul li','.topMenu').append($(this).clone().children('img'));
		var mode = 1;
		$('.menu li', '.navigate_area').each(function(i) {
			if($('.mode'+mode).hasClass('navi_deep')) {
				g_init_width[i] = $('.mode'+mode).width();
			} else {
				g_init_width[i] = 0;
			}

			mode ++;

			$(this).attr('init_left',$(this).offset()['left']);
			if($(this).attr('mode') == g_pageInfo.mode) {
				$(this).NaviControl(null,true);
			}

			if($(this).hasClass('active')) {
				$(this).find('img').attr("src",$(this).find('img').attr("rollover"));
			}
		});

		
		$('.navigate_area ul li', '.topMenu').click( function(e) {
			$(this).addClass('active');
		});

		$('.subNevi li').hover(function(e) {
			if(!$(this).hasClass('active')){
				$(this).find('img').stop();
				$(this).find("img").filter( function() {
					this.src = this.src.replace("_off", "_on");
				});
			}
		}, function(e) {
			if(!$(this).hasClass('active')) {
				$(this).find('img').stop();
				$(this).find("img").filter( function() {
					this.src = this.src.replace("_on", "_off");
				});
			}
		});

		var temp = null;
		$('.navigate_area ul.menu li img', '.topMenu').hover( function(e) {
			if($(this).hasClass('active')) {
				return;
			} else {
				$(this).parent().NaviControl(true);
			}
		}, function(e) {
			
		}).click(function(e){
			$(this).parent().naviToaction();
		});

		 
		$('.navigate').hover(function(e) {
		
		}, function(e) {
			if($('.navigate_area ul li.current_active','.topMenu').get(0).tagName){
				if($('.navigate_area ul li.current_active','.topMenu') != $('.navigate_area ul li.active','.topMenu')) {
					$('.navigate_area ul li.current_active','.topMenu').NaviControl(true);
				}
			}
		})


		$('.navi_deep li').click(function(e) {
			$(this).naviToaction();
		});
		

		$('ul.subNevi li').click(function(e) {
			$(this).naviToaction();
		});

		$(' .mode'+g_pageInfo.mode).find('li').each(function(i) {
			if($(this).attr('subid') == g_pageInfo.subID) {
				$(this).addClass('active');
			}
		});

		$('.subNevi li').each(function(i) {
			if($(this).attr('subid') == g_pageInfo.subID) {
				$(this).addClass('active');
				$(this).find("img").filter( function() {
					this.src = this.src.replace("_off", "_on");
				});
			}
		});
	};/*end function navigate_inic(){*/

	$.fn.naviToaction =  function () {
		var link_url = $(this).attr('link_url');
		var link_type =  $(this).attr('link_type');
		if(link_url) {
			if(link_type =='location') {
				document.location.href = link_url;
			} else {
				var m_link_type =  link_type.split('|');
				if(m_link_type[0] == 'window') {
					var m_link_url =  link_url.split('|')
					var opener = window.open(m_link_url[0],m_link_url[1]);
					if(opener == null) {
						alert('Æ˾÷âÀ» Çã¿ëÇØ ÁÖ¼¼¿ä.');
					}
				} else if(m_link_type[0] == 'alert') {
					alert(link_url);
				}
			}
		}
	};

	$.fn.NaviControl = function(_hover, fixed) {
		var t_this = $(this);

		if( $(t_this).parent().hasClass('menu')) {
			$('.navigate_area ul li','.topMenu').removeClass('active');
			$(this).addClass('active');
				
			$('.navi_deep ').stop().animate({top:45, opacity:0}, {duration:200, easing:"swing", queue: true, complete:function() {
				$(this).css({'display':'none'})
			}});

			if(_hover) {
				$('.navigate_area ul li', '.topMenu').find("img").filter(function() { this.src = this.src.replace("_on", "_off"); } );
				$(t_this).find("img").filter(function() { this.src = this.src.replace("_off", "_on"); } );

				if($(t_this).attr('mode') == 3) {
					return;
				}

				$(t_this).find('.navi_deep ').css({'display':'block', opacity:1}).stop().animate({top:35}, {duration:200, easing:"swing", queue: true,complete:function(){}});
			} else {
				if(fixed) {
					if($(t_this).attr('mode') == 3) {
						return;
					}

					$('.mode'+g_pageInfo.mode).stop().css({top:35,'display':'block',opacity:1});
				} else {
					$('.mode'+g_pageInfo.mode).find('.navi_deep ').css({'display':'block',opacity:1}).stop().animate({top:35},{duration:200,easing:"swing",queue: true,complete:function(){}});		
				}
			}
		}
	}
	
	//¼ýÀÚ¸¦ µÎÀÚ¸® ¹µÀÚ·Î º¯°æÇÔ.
	function num_str(n) {
		var str = "";
		if(n < 9) {
			str = "0" + n;
		} else {
			str = "" + n;
		}

		return str;
	}

	function fileNametoArray(str) {
		var obj = {}
		var url_arr = str.split('&');
		obj.mode = (url_arr[0]) ? url_arr[0].replace("mode=", "") : 0; 
		obj.subID = (url_arr[1]) ? url_arr[1].replace("subID=", "") : 1;
		obj.lowId = (url_arr[2]) ? url_arr[2].replace("lowID=", "") : 1;
		return obj;
	};
})(jQuery);