var arrCarsList = null;
var arrCarsDetail = null;
var arrSUV_MPVList = null;
var arrSUV_MPVDetail = null;
var arrCommercial_VehicleList = null;
var arrCommercial_VehicleDetail = null;
var arrExperience_kiaList = null;
var arrExperience_kiaDetail = null;
var arrAbout_Kia = null;
var arrBlog = null;
var arrLogo = null;
var strGo_To_Local_Site = null;
var innerHTML = null;

$(document).ready(function() {
	$GnbXml = $("#GnbXml").val();
	var arrGnbXml = $GnbXml.split("!");

	// Cars 리트스 보여주기
	var $Cars = arrGnbXml[0];
	arrCarsList = $Cars.split("|");
	innerHTML = "<ul>";
	for (i = 0; i < arrCarsList.length; i++) {
		var current = "";
		if (i == 0) { current = " class='current'"; }
		innerHTML = innerHTML + "<li" + current + "><a href='#' onclick=\"carsClick('" + i + "', this);\">" + arrCarsList[i] + "</a></li>";
	}
	innerHTML = innerHTML + "</ul>";
	$("#moveDiv1").html(innerHTML);

	// Cars 상세 메뉴 xml 변수 처리
	var $CarsDetail = arrGnbXml[1];
	arrCarsDetail = $CarsDetail.split("|");

	// SUV & MPV 리스트 보여주기
	var $SUV_MPV = arrGnbXml[2]
	arrSUV_MPVList = $SUV_MPV.split("|");
	innerHTML = "<ul>";
	for (i = 0; i < arrSUV_MPVList.length; i++) {
		innerHTML = innerHTML + "<li><a href='#' onclick=\"SUV_MPVClick('" + i + "', this);\">" + arrSUV_MPVList[i] + "</a></li>";
	}
	innerHTML = innerHTML + "</ul>";
	$("#moveDiv2").html(innerHTML);

	// SUV & MPV 상세 메뉴 xml 변수 처리
	var $SUV_MPVDetail = arrGnbXml[3];
	arrSUV_MPVDetail = $SUV_MPVDetail.split("|");

	// Commercial Vehicle 리스트 보여주기
	var $Commercial_Vehicle = arrGnbXml[4];
	arrCommercial_VehicleList = $Commercial_Vehicle.split("|");
	innerHTML = "<ul>";
	for (i = 0; i < arrCommercial_VehicleList.length; i++) {
		innerHTML = innerHTML + "<li><a href='#' onclick=\"Commercial_VehicleClick('" + i + "', this);\">" + arrCommercial_VehicleList[i] + "</a></li>";
	}
	innerHTML = innerHTML + "</ul>";
	$("#moveDiv3").html(innerHTML);

	// Commercial Vehicle 상세 메뉴 xml 변수 처리
	var $Commercial_VehicleDetail = arrGnbXml[5];
	arrCommercial_VehicleDetail = $Commercial_VehicleDetail.split("|");

	// 메뉴2(BRAND) 링크 셋팅
	var $Blog = arrGnbXml[6];
	arrBlog = $Blog.split("^");
	for (i = 0; i < arrBlog.length; i++) {
		$(".gnbMenu li:eq(1) a").attr("target", arrBlog[0]).attr("href", arrBlog[1]);
	}

	// EXPERIENCE KIA 링크 셋팅
	var $Experience_kia = arrGnbXml[7];
	arrExperience_kiaList = $Experience_kia.split("|");
	for (i = 0; i < arrExperience_kiaList.length; i++) {
		arrExperience_kiaDetail = arrExperience_kiaList[i].split("^");
		$("#Menu2 area:eq(" + i + ")").attr("alt", arrExperience_kiaDetail[0]).attr("href", arrExperience_kiaDetail[2]).attr("target", arrExperience_kiaDetail[1]);
	}

	// 로고이미지 링크 셋팅
	var $Logo = arrGnbXml[8];
	arrLogo = $Logo.split("^");
	for (i = 0; i < arrLogo.length; i++) {
		$("#headTop h1 a").attr("target", arrLogo[0]).attr("href", arrLogo[1]);
	}


	// 메뉴4(BLOG) 링크 셋팅
	var $Blog = arrGnbXml[9];
	arrBlog = $Blog.split("^");
	for (i = 0; i < arrBlog.length; i++) {
		$(".gnbMenu li:eq(3) a").attr("target", arrBlog[0]).attr("href", arrBlog[1]);
	}

	// About Kia 링크 셋팅
	var $About_Kia = arrGnbXml[10];
	arrAbout_Kia = $About_Kia.split("^");
	for (i = 0; i < arrAbout_Kia.length; i++) {
		$(".sideMenu a:eq(0)").attr("target", arrAbout_Kia[1]).attr("href", arrAbout_Kia[2]);
	}

	// Go to Global Site 링크 셋팅
	var $Go_To_Local_Site = arrGnbXml[11];
	arrGo_To_Local_Site = $Go_To_Local_Site.split("^");
	for (i = 0; i < arrGo_To_Local_Site.length; i++) {
		$(".sideMenu a:eq(1)").attr("target", arrGo_To_Local_Site[0]).attr("href", arrGo_To_Local_Site[1]);
	}

	// 최초 로드시 화면 보여주기
	$("dfn:eq(0)").click();
	$("#moveDiv1 ul li:eq(0) a").click();
	//$("#vidio_img").css("display", "none");

	// 메뉴1(MODELS) 클릭시
	$(".gnbMenu li:eq(0)").click(function(e) {
		if (e.clientY < 50) {
			if ($("#idgnb_1").is(":visible") == true) {
				//        $("#idgnb_1").slideUp(400, function() {
				//          $("#video_img").css("display", "none");
				//          $("#video_flv").css("display", "");
				//        });
				$("#idgnb_1").slideUp(400);
			} else {
				$("#btmImg_2").hide(1);
				if ($("#idgnb_2").is(":visible") == true) {
					$("#idgnb_2").hide(1);
					$("#idgnb_1").show(1);
				} else {
					//          $("#video_flv").css("display", "none");
					//          $("#video_img").css("display", "");
					$("#idgnb_1").slideDown();
				}
			}
		}
	});

	// 메뉴2(EXPERIENCE KIA) 클릭시
	$(".gnbMenu li:eq(2)").click(function(e) {
		if (e.clientY < 50) {
			if ($("#idgnb_2").is(":visible") == true) {
				//        $("#idgnb_2").slideUp(400, function() {
				//          $("#video_img").css("display", "none");
				//          $("#video_flv").css("display", "");
				//        });
				$("#idgnb_2").slideUp(400);
			} else {
				if ($("#idgnb_1").is(":visible") == true) {
					$("#idgnb_1").hide(1);
					$("#idgnb_2").show(1);
					$("#btmImg_2").show(1);
				} else {
					//          $("#video_flv").css("display", "none");
					//          $("#video_img").css("display", "");
					$("#idgnb_2").slideDown();
					$("#btmImg_2").css("display", "block");
				}
			}
		}
	});

	// non-flash gnb control
	var playerVersion = swfobject.getFlashPlayerVersion();
	if (playerVersion.major == 0) {
		var UserAgent = navigator.userAgent;
		if (UserAgent.match(/Android/i) != null) {
			$("div#designWrap, div#designCarWrap").css("padding-top", "0px");
			$("div#gnbTop").css("position", "static");
			$(".vehiclesMasterConWrap, .picanto_eventWrap, .mainConWrap").css("left", "0").css("top", "-94px").css("margin-bottom", "-94px");
			if ($.browser.msie && $.browser.version == "7.0") {
				$(".vehiclesMasterConWrap, .picanto_eventWrap, .mainConWrap").css("z-index", "-999");
			}
		}
	}
});

// Cars 리스트 클릭시
function carsClick(num, obj) {
  $(".current").attr("style", "color:#000000;").removeClass("current");
  $(obj).attr("style", "color:#BD0007;").addClass("current");
  var clickCar = arrCarsList[num].replace("/", "-").replace(/\ /gi, "-").replace(/\'/gi, "").replace("5-door", "5dr").replace("4-door", "4dr");
  if(clickCar == "Rio-5dr"){ clickCar = "Rio";}
  $("#menuDep2_1_1 img").fadeOut(1).attr("src", "/vehicles/" + clickCar + "/images/gnb_car_logo.png").fadeIn(200);
  $("#menuDep3_1_1 img").fadeOut(1).attr("src", "/vehicles/" + clickCar + "/images/gnb_car_img.png").fadeIn(200);

  var CarsDetail = arrCarsDetail[num];
  var arrCarsDetail_ = CarsDetail.split("$");
  var arrCarsDetail__ = null;
  innerHTML = "<ul>";
  for (var i = 0; i < arrCarsDetail_.length; i++) {
    arrCarsDetail__ = arrCarsDetail_[i].split("^");
    if (i == 0) {
      innerHTML = innerHTML + "<li><a href='" + arrCarsDetail__[2] + "' target='" + arrCarsDetail__[1] + "'>Main</a></li>";
    } else {
      innerHTML = innerHTML + "<li><a href='" + arrCarsDetail__[2] + "' target='" + arrCarsDetail__[1] + "'>" + arrCarsDetail__[0] + "</a></li>";
    }
  }
  innerHTML = innerHTML + "</ul>";
  $("#menuDep2_1_1 div:eq(1)").fadeOut(1).html(innerHTML).fadeIn(200);
}

// SUV_MPV 리스트 클릭시
function SUV_MPVClick(num, obj) {
  $(".current").attr("style", "color:#000000;").removeClass("current");
  $(obj).attr("style", "color:#BD0007;").addClass("current");
  var clickCar = arrSUV_MPVList[num].replace("/", "-").replace(/\ /gi, "-").replace(/\'/gi, "").replace("5-door", "5dr");
  $("#menuDep2_1_1 img").fadeOut(1).attr("src", "/vehicles/" + clickCar + "/images/gnb_car_logo.png").fadeIn(200);
  $("#menuDep3_1_1 img").fadeOut(1).attr("src", "/vehicles/" + clickCar + "/images/gnb_car_img.png").fadeIn(200);

  var SUB_MPVDetail = arrSUV_MPVDetail[num];
  var arrSUV_MPVDetail_ = SUB_MPVDetail.split("$");
  var arrSUV_MPVDetail__ = null;
  innerHTML = "";
  for (var i = 0; i < arrSUV_MPVDetail_.length; i++) {
    arrSUV_MPVDetail__ = arrSUV_MPVDetail_[i].split("^");
    if (i == 0) {
      innerHTML = innerHTML + "<li><a href='" + arrSUV_MPVDetail__[2] + "' target='" + arrSUV_MPVDetail__[1] + "'>Main</a></li>";
    } else {
    innerHTML = innerHTML + "<li><a href='" + arrSUV_MPVDetail__[2] + "' target='" + arrSUV_MPVDetail__[1] + "'>" + arrSUV_MPVDetail__[0] + "</a></li>";
    }
  }
  $("#menuDep2_1_1 ul").fadeOut(1).html(innerHTML).fadeIn(200);
}

// Commercial_Vehicle 리스트 클릭시
function Commercial_VehicleClick(num, obj) {
  $(".current").attr("style", "color:#000000;").removeClass("current");
  $(obj).attr("style", "color:#BD0007;").addClass("current");
  var clickCar = arrCommercial_VehicleList[num].replace("/", "-").replace("/", "-").replace("/", "-").replace(/\ /gi, "-").replace(/\'/gi, "").replace("5-door", "5dr");
  $("#menuDep2_1_1 img").fadeOut(1).attr("src", "/vehicles/" + clickCar + "/images/gnb_car_logo.png").fadeIn(200);
  $("#menuDep3_1_1 img").fadeOut(1).attr("src", "/vehicles/" + clickCar + "/images/gnb_car_img.png").fadeIn(200);

  var Commercial_VehicleDetail = arrCommercial_VehicleDetail[num];
  var arrCommercial_VehicleDetail_ = Commercial_VehicleDetail.split("$");
  var arrCommercial_VehicleDetail__ = null;
  innerHTML = "";
  for (var i = 0; i < arrCommercial_VehicleDetail_.length; i++) {
    arrCommercial_VehicleDetail__ = arrCommercial_VehicleDetail_[i].split("^");
    if (i == 0) {
//      innerHTML = innerHTML + "<li><a href='" + arrCommercial_VehicleDetail__[2] + "' target='" + arrCommercial_VehicleDetail__[1] + "'>Main</a></li>";
    } else {
    innerHTML = innerHTML + "<li><a href='" + arrCommercial_VehicleDetail__[2] + "' target='" + arrCommercial_VehicleDetail__[1] + "'>" + arrCommercial_VehicleDetail__[0] + "</a></li>";
    }
  }
  $("#menuDep2_1_1 ul").fadeOut(1).html(innerHTML).fadeIn(200);
}