var CATE_CODE = "";

	$(document).ready(function() {
		LoadRandom2(1);

		$(".SubCategory").mouseover( function() {
			if( $(this).parent().attr("class").indexOf("Active") < 0 ) {
				$(this).parent().addClass("CurrentArrow");
				var arrowOn = $(this).children().attr("src").replace(/^(.+)_gray(\.[a-z]+)$/, "$1_gray_on$2");
				$(this).children().attr("src", arrowOn);
			}
		});

		$(".SubCategory").mouseout( function() {
			if( $(this).parent().attr("class").indexOf("Active") < 0 ) {
				$(this).parent().removeClass("CurrentArrow");
				var arrowOn = $(this).children().attr("src").replace(/^(.+)_gray_on(\.[a-z]+)$/, "$1_gray$2");
				$(this).children().attr("src", arrowOn);
			}
		});
		var rangeLoad = $("input[@name='range']:checked" ).val();
		if( rangeLoad == 1 ) {
		} else {
			$("#cate").attr("value", "");
		}

		$("input[@name='range']" ).click( function() {
			var cate_code = $("#hidden").attr("value");
			var range = $("input[@name='range']:checked" ).val();
			if( range == 1 ) {
				$("#cate").attr("value", cate_code);
			} else {
				$("#cate").attr("value", "");
			}
		});
	});

	function ShowBox( ID ) {
		$(".SubCat").hide();
		$(".SubCategory img").each(function(i) {
			this.src = this.src.replace(/^(.+)_on(\.[a-z]+)$/, "$1$2");
		});
		$(".Title").css("background-image", "none");

		$("#" + ID + "Box:hidden").show();
		$("#" + ID + "Pointer").each(function(i) {
			if ( this.src.indexOf("_on") == -1 ) {
				this.src = this.src.replace(/^(.+)(\.[a-z]+)$/, "$1_on$2");
			}
		});

		$(".Odd").css("background-image","url(/common/images/bg_arrow1_odd.gif)")
		$(".Even").css("background-image","url(/common/images/bg_arrow1_even.gif)")


		$("#" + ID ).css("background-image","url(/common/images/bg_arrow1_active.gif)")
		.css("background-position","right top")
		.css("background-repeat","repeat-y");
	}

	function HideBox( ID ) {
		$("#" + ID + "Box:visible").hide();
		$("#" + ID + "Pointer").each(function(i) {
			this.src = this.src.replace(/^(.+)_on(\.[a-z]+)$/, "$1$2");
		});
		$("#" + ID ).css("background-image","none");
	}

//	$(".OtherRanking table").ready(HideTable);

// Total Ranking

	function HideTable() {
		$(".OtherRanking table tbody tr").hide();
		for( var i=11; i < 21; i++ ) {
			$(".Rank" + i).show();
		}
	}


	function ChangeTable( NAME, NUMBER ) {
		var ST = ( NUMBER * 10 )+ 1;
		var ED = ( NUMBER * 10 ) + 10;
		var Next = "";
		var Prev = "";

		$("#" + NAME + " tbody tr").hide();
	
		for ( i = ST; i <= ED; i++ ) {
			$("#" + NAME + " .Rank" + i ).show();
		}

		if ( NUMBER == 9 ) {
			Next += '<span><img src="/images/ico_arrow2_down.gif" alt="" height="14" width="74" /></span>';
		} else {
			var NextNum = Number(NUMBER) + 1;
			Next += '<a href="javascript:void(0);" onclick="ChangeTable(\'' + NAME + '\', \'' + NextNum + '\');"><img src="/images/ico_arrow2_down_on.gif" alt="" height="14" width="74" /></a>';
		}

		if ( NUMBER == 1 ) {
			Prev += '<span><img src="/images/ico_arrow2_up.gif" alt="" height="14" width="76" /></span>';
		} else {
			var PrevNum = Number(NUMBER) - 1;
			Prev += '<a href="javascript:void(0);" onclick="ChangeTable(\'' + NAME + '\', \'' + PrevNum + '\');"><img src="/images/ico_arrow2_up_on.gif" alt="" height="14" width="76" /></a>';
		}

		var BUTTON = Prev + Next;
		$("#" + NAME + " .PageNav").html(BUTTON);

	}

	function LoadMain( HTML, CAT ) {
		$("#RankingArea").load(HTML);

if( CAT == "" ) {
	CAT = 1;
}

		$(".catPointer").each( function() {
			this.src = this.src.replace(/^(.+)_gray_on(\.[a-z]+)$/, "$1_gray$2");
		});

if ( CAT > 1 ) {
		var arrowOn = $("#Cat" + CAT + "Pointer").attr("src").replace(/^(.+)_gray(\.[a-z]+)$/, "$1_gray_on$2");
		$("#Cat" + CAT + "Pointer").attr("src", arrowOn);
}
		$("#Navigation .Navigation ul li").removeClass("Active");
		if ( CAT != "" ) {
			$("#Navigation .Navigation ul li#Cat" + CAT).addClass("Active");
		} else {
			$("#Navigation .Navigation ul li#Total").addClass("Active");
		}
		HideTable();
		$(".SubRanking").hide();

		var range = $("input[@name='range']:checked" ).val();
		if( range == 1 ) {
			$("#cate").attr({value: CAT});
			$("#hidden").attr({value: CAT});
		} else {
			$("#cate").attr({value: ""});
			$("#hidden").attr({value: CAT});
		}

	}

	function LoadRandom( status ) {
		var li_lst = document.getElementById("CatArea").getElementsByTagName("LI");
		var li_num = li_lst.length;
		var cate_code_list = new Array();

		for( var i=0; i<li_num; i++ ) {
			var id = li_lst.item(i).id;
			var m = id.match(/^Cat(\d+)$/);
			if( m && m.length > 1 && m[1] ) {
				cate_code_list.push(m[1]);
			}
		}

		var cnum = cate_code_list.length;
		var CAT = cate_code_list[ Math.floor(Math.random() * cnum) ];

		if ( CAT == "" ) {
			CAT = 1;
		}
		var arrowOn = $("#Cat" + CAT + "Pointer").attr("src").replace(/^(.+)_gray(\.[a-z]+)$/, "$1_gray_on$2");
		$("#Cat" + CAT + "Pointer").attr("src", arrowOn);

		var HTML = "/TV/include/review_rank/" + CAT + "/0.html";
		$("#RankingArea").load(HTML);

		$("#Navigation .Navigation ul li").removeClass("Active");
		if ( CAT != "" ) {
			$("#Navigation .Navigation ul li#Cat" + CAT).addClass("Active");
		} else {
			$("#Navigation .Navigation ul li#Total").addClass("Active");
		}
		HideTable();
		if( status == 1 ) {
			document.location.href="#Header";
		}

		var range = $("input[@name='range']:checked" ).val();
		if( range == 1 ) {
			$("#cate").attr({value: CAT});
			$("#hidden").attr({value: CAT});
		} else {
			$("#cate").attr({value: ""});
			$("#hidden").attr({value: CAT});
		}

	}

	function LoadSubCat( CAT, HTML ) {
//		$("#Navigation .Navigation ul li").removeClass("Active");
//		$("#Navigation .Navigation ul li#Cat" + CAT).addClass("Active");
		$("#Navigation .Navigation ul li .SubCat h3, #Navigation .Navigation ul li .SubCat table").hide();
		$("#Cat" + CAT + "Box").show();
		$("#Cat" + CAT + "Box").load(HTML);
	}

	function ChangeSubTable( NAME, NUMBER ) {
		var ST		= NUMBER * 2 - 1;
		var ED		= NUMBER * 2;
		var Page	= Math.round( $("#Cat" + NAME + "Ranking .SubRanking").size() / 2 );
		var Left	= "";
		var Right	= "";

		$("#Cat" + NAME + "Ranking .SubRanking").hide();
		$("#Cat" + NAME + "Ranking .Category" + ST + ",#Cat" + NAME + "Ranking .Category" + ED).show();

		if ( NUMBER == 1 ) {
			Left += '<span class="ToLeft"><img src="images/ico_arrow_left.gif" width="19" height="65" alt="" /></span>';
		} else {
			var PrevNum = Number( NUMBER ) - 1;
			Left += '<a class="ToLeft" href="javascript:void(0);" onclick="ChangeSubTable(\'' + NAME + '\', \'' + PrevNum + '\');"><img src="images/ico_arrow_left_on.gif" width="19" height="65" alt="" /></a>';
		}

		if ( NUMBER == Page ) {
			Right += '<span class="ToRight"><img src="images/ico_arrow_right.gif" width="19" height="66" alt="" /></span>';
		} else {
			var NextNum = Number( NUMBER ) + 1;
			Right += '<a class="ToRight" href="javascript:void(0);" onclick="ChangeSubTable(\'' + NAME + '\', \'' + NextNum + '\');"><img src="images/ico_arrow_right_on.gif" width="19" height="66" alt="" /></a>';
		}

		var BUTTON = Left + Right;

		$("#Cat" + NAME + "Ranking .PageNav").html(BUTTON);

	}

	function changeRange ( CATE_CODE ) {
		var cate_code = $("#cate").attr("value");

		var rangeLoad = $("input[@name='range']:checked" ).val();
		if( rangeLoad == 1 ) {
		} else {
			$("#cate").attr("value", "");
		}


		$("input[@name='range']" ).click( function() {
			var range = $("input[@name='range']:checked" ).val();
			if( range == 1 ) {
				$("#cate").attr("value", cate_code);
			} else {
				$("#cate").attr("value", "");
			}
		});
	}
	function LoadNewInfo( HTML, CAT ) {
		$("#Blog_TotalArea").load(HTML);
	}

	function LoadRankTotal ( HTML ) {
		$("#left-column").load(HTML);
	}
	function LoadRankCate ( HTML ) {
		$("#right-column").load(HTML);
	}
	function LoadRandom2( status ) {
		var li_lst = document.getElementById("CatArea").getElementsByTagName("LI");
		var li_num = li_lst.length;
		var cate_code_list = new Array();

		for( var i=0; i<li_num; i++ ) {
			var id = li_lst.item(i).id;
			var m = id.match(/^Cat(\d+)$/);
			if( m && m.length > 1 && m[1] ) {
				cate_code_list.push(m[1]);
			}
		}

		var cnum = cate_code_list.length;
		var CAT = cate_code_list[ Math.floor(Math.random() * cnum) ];

		if ( CAT == "" ) {
			CAT = 1;
		}
		//var arrowOn = $("#Cat" + CAT).attr("src").replace(/^(.+)_gray(\.[a-z]+)$/, "$1_gray_on$2");
		//$("#Cat" + CAT + "Pointer").attr("src", arrowOn);

		var HTML = "/TV/include/review_rank/" + CAT + "/0.html";
		$("#right-column").load(HTML);
	}