// JavaScript Document

var idname;
var path = location.protocol + '//' + location.host + '/'; /* 公開用 */
//var path = location.protocol + '//' + location.host + '/selamat/'; /* エッコサーバー用 */
var folder = 'common/images/';
var overName = '_on';
//var extension = '.jpg';
var image = new Array();
image[0] = [ 300 , 100 , 'btn_schedule' , '.gif' , 'common/images/'];
image[1] = [ 240 , 33 , 'side_contact_mail' , '.gif' , 'common/images/'];
image[2] = [ 240 , 33 , 'side_contact_fax' , '.gif' , 'common/images/'];
image[3] = [ 270 , 78 , 'btn_qa' , '.jpg' , 'common/images/'];
image[4] = [ 300 , 200 , 'btn_planner' , '.jpg' , 'common/images/'];
image[5] = [ 270 , 90 , 'bnr_voice1' , '.jpg' , 'common/images/'];
image[6] = [ 270 , 90 , 'bnr_voice2' , '.jpg' , 'common/images/'];
image[7] = [ 270 , 90 , 'bnr_teacher1' , '.jpg' , 'common/images/'];
image[8] = [ 270 , 90 , 'bnr_teacher2' , '.jpg' , 'common/images/'];
image[9] = [ 270 , 90 , 'bnr_teacher3' , '.jpg' , 'common/images/'];
image[10] = [ 270 , 22 , 'btn_abc_course1' , '.gif' , 'common/images/'];
image[11] = [ 270 , 22 , 'btn_abc_course2' , '.gif' , 'common/images/'];
image[12] = [ 270 , 22 , 'btn_abc_course3' , '.gif' , 'common/images/'];
image[13] = [ 270 , 22 , 'btn_wasou_course1' , '.gif' , 'common/images/'];
image[14] = [ 270 , 22 , 'btn_wasou_course2' , '.gif' , 'common/images/'];
image[15] = [ 270 , 22 , 'btn_wasou_course3' , '.gif' , 'common/images/'];
image[16] = [ 270 , 22 , 'btn_kentei_course1' , '.gif' , 'common/images/'];
image[17] = [ 270 , 22 , 'btn_kentei_course2' , '.gif' , 'common/images/'];
image[18] = [ 270 , 22 , 'btn_kentei_course3' , '.gif' , 'common/images/'];
image[19] = [ 240 , 80 , 'img_course1' , '.jpg' , 'common/images/'];
image[20] = [ 240 , 80 , 'img_course4' , '.jpg' , 'common/images/'];
image[21] = [ 240 , 80 , 'img_course7' , '.jpg' , 'common/images/'];
image[22] = [ 240 , 80 , 'img_course2' , '.jpg' , 'common/images/'];
image[23] = [ 240 , 80 , 'img_course5' , '.jpg' , 'common/images/'];
image[24] = [ 240 , 80 , 'img_course8' , '.jpg' , 'common/images/'];
image[25] = [ 240 , 80 , 'img_course3' , '.jpg' , 'common/images/'];
image[26] = [ 240 , 80 , 'img_course6' , '.jpg' , 'common/images/'];
image[27] = [ 240 , 80 , 'img_course9' , '.jpg' , 'common/images/'];
image[28] = [ 240 , 80 , 'img_teacher1' , '.jpg' , 'common/images/'];
image[29] = [ 240 , 80 , 'img_teacher2' , '.jpg' , 'common/images/'];
image[30] = [ 240 , 80 , 'img_teacher3' , '.jpg' , 'common/images/'];
image[31] = [ 570 , 115 , 'btn_course1' , '.jpg' , 'course/images/'];
image[32] = [ 570 , 115 , 'btn_course2' , '.jpg' , 'course/images/'];
image[33] = [ 570 , 115 , 'btn_course3' , '.jpg' , 'course/images/'];
image[34] = [ 570 , 115 , 'btn_course4' , '.jpg' , 'course/images/'];
image[35] = [ 570 , 115 , 'btn_course5' , '.jpg' , 'course/images/'];
image[36] = [ 570 , 115 , 'btn_course6' , '.jpg' , 'course/images/'];
image[37] = [ 570 , 115 , 'btn_course7' , '.jpg' , 'course/images/'];
image[38] = [ 570 , 115 , 'btn_course8' , '.jpg' , 'course/images/'];
image[39] = [ 570 , 115 , 'btn_course9' , '.jpg' , 'course/images/'];
image[40] = [ 365 , 90 , 'btn_schedule2' , '.gif' , 'common/images/'];
image[41] = [ 170 , 37 , 'btn_contact_mail' , '.gif' , 'common/images/'];
image[42] = [ 170 , 37 , 'btn_contact_fax' , '.gif' , 'common/images/'];
image[43] = [ 166 , 24 , 'ic_course1' , '.gif' , 'about/images/'];
image[44] = [ 166 , 24 , 'ic_course2' , '.gif' , 'about/images/'];
image[45] = [ 166 , 24 , 'ic_course3' , '.gif' , 'about/images/'];
image[46] = [ 166 , 24 , 'ic_course4' , '.gif' , 'about/images/'];
image[47] = [ 166 , 24 , 'ic_course5' , '.gif' , 'about/images/'];
image[48] = [ 166 , 24 , 'ic_course6' , '.gif' , 'about/images/'];
image[49] = [ 166 , 24 , 'ic_course7' , '.gif' , 'about/images/'];
image[50] = [ 166 , 24 , 'ic_course8' , '.gif' , 'about/images/'];
image[51] = [ 166 , 24 , 'ic_course9' , '.gif' , 'about/images/'];
image[52] = [ 270 , 85 , 'btn_blog' , '.jpg' , 'common/images/'];

if(document.images){
	var roll = new Object();
	var over = new Object();
	for(var j = 0; j < image.length; j++){		
		roll['rollover' + j] = new Image(image[j][0],image[j][1]);
		roll['rollover' + j].src = path + image[j][4] + image[j][2] + image[j][3];		
	
		over['rollover' + j] = new Image(image[j][0],image[j][1]);
		over['rollover' + j].src = path + image[j][4] + image[j][2] + overName + image[j][3];	
	}	
}



if(document.images){
	var roll = new Object();
	var over = new Object();
	for(var j = 0; j < image.length; j++){		
		roll['rollover' + j] = new Image(image[j][0],image[j][1]);
		roll['rollover' + j].src = path + image[j][4] + image[j][2] + image[j][3];		
	
		over['rollover' + j] = new Image(image[j][0],image[j][1]);
		over['rollover' + j].src = path + image[j][4] + image[j][2] + overName + image[j][3];	
	}	
}

function globalnavi(){
	for(i = 0; i < image.length; i++){
		if(document.getElementById('naviMenu' + i)){
			idname = i;
			document.getElementById('rollover' + i).src = over['rollover' + i].src;
		}
	}
}

function rollover(evt){
	if(document.images){
		evt = (evt) ? evt : ((window.event) ? window.event : null);
		if(evt){
			var elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
			if(idname == null){
				if(elem && elem.className == 'rollover'){
					switch(evt.type){
						case 'mouseover':
							elem.src = over[elem.id].src;
							break;
						case 'mouseout':
							elem.src = roll[elem.id].src;
							break;
					}
				}
			}

			else{				
				if(elem && elem.className == 'rollover'){
					if(idname == (elem.id).slice(8)){
						switch(evt.type){
							case 'mouseover':
								elem.src = over[elem.id].src;
								break;
							case 'mouseout':
								elem.src = over[elem.id].src;
								break;
						}
					}
					else{
						switch(evt.type){
							case 'mouseover':
								elem.src = over[elem.id].src;
								break;
							case 'mouseout':
								elem.src = roll[elem.id].src;
								break;
						}
					}
				}
			}
		}
	}
}

document.onmouseover = rollover;
document.onmouseout = rollover;
window.onload = globalnavi;

