/**
 * top vi changer
 */
(function(){
	$(function(){
		//get anchors
		var $ancs = $("div#nav").find("a");
		//get vis
		var $vis = $("div#main_vi").find("div");
		//get default vi
		var $viDef = $vis.filter("#vi_default");

		//each ancs hover action
		$ancs.hover(
			//over
			function(evnt){
				//get target id from anchor rel
				var $vi = $("#" + $(this).attr("rel"));
				if($vi.size()){
					//set all vis class "off" only
					$vis.removeClass("on").addClass("off");
					//set target vi class "on" only
					$vi.removeClass("off").addClass("on");
				}
			},
			//out
			function(evnt){
				//set all vis class "off" only
				$vis.removeClass("on").addClass("off");
				//set default vi class "on" only
				$viDef.removeClass("off").addClass("on");
			}
		);
	});
})(jQuery);