$(document).ready(function(){
	var vtp = function(){
		var id = $(this).attr('rel');
		
		$("#vtp_box").find("dt").each(function(){
			dt_id = $(this).attr('rel');
			img_src = $(this).find("img").attr('src');
			if(id == dt_id) {
				if(img_src.indexOf("On.jpg") == -1) {
					img_src = img_src.replace(".jpg", "On.jpg");
					$(this).find('img').attr('src', img_src);
				}
			} else {
				img_src = img_src.replace("On","");
				$(this).find('img').attr('src', img_src);
			}
		});
		
		$("#vtp_box").find("dd").each(function(){
			dd_id = $(this).attr('rel');
			if(id == dd_id) {
				$(this).slideDown('fast');
			} else {
				$(this).slideUp('fast');
			}
		});
	}
	
	$("#vtp_box").find("dt").click(vtp);
	$("#vtp_box").find("dt").mouseover(vtp);
	$("#vtp_box dd.vtp[@rel=1]").slideDown();
});