var COURSE_MAX = new Array() ;
var nowShow = new Array();
COURSE_MAX[1] = 4;
COURSE_MAX[2] = 3;

function viewChange(grope, id){
	for(var i=0; i<COURSE_MAX[grope]; i++){
		trg = document.getElementById("courseImg" + grope + "_" + i);
		trg.style.display = "none";
	}
	
	var trgId= "courseImg" + grope + "_" + id;
	var trg = document.getElementById(trgId);
	if(nowShow[grope] == grope + "_" + id) trg.style.display = "block";
	else $("#" + trgId).fadeIn(700);
	nowShow[grope] = grope + "_" + id;
}

function ini(){
	for(var i=1; i<COURSE_MAX[1]; i++){				// course01
		trg = document.getElementById("courseImg1_" + i);
		trg.style.display = "none";
	}
	for(var i=1; i<COURSE_MAX[2]; i++){				// course02
		trg = document.getElementById("courseImg2_" + i);
		trg.style.display = "none";
	}
	nowShow[1] = "1_0";
	nowShow[2] = "2_0";
}