objImgOn = new Image();
objImgOff = new Image();
var bName = navigator.appName.charAt(0);

/// OnMouseOver ///
function imgOn(imageName) {

	var contName;

	switch(imageName) {
		case 'p1' : 
			objImgOn.src = 'img/menu/menu_music_on.jpg';
			contName = 'Music Review.'; break;
		case 'p2' : 
			objImgOn.src = 'img/menu/menu_travel_on.jpg';
			contName = 'Trip.'; break;
		case 'p3' : 
			objImgOn.src = 'img/menu/menu_arch_on.jpg';
			contName = 'Architecture.'; break;
		case 'p4' : 
			objImgOn.src = 'img/menu/menu_diary_on.jpg';
			contName = 'Diary.'; break;
	}

	document[imageName].src = objImgOn.src;
	changeContents(contName);
}

/// OnMouseOut ///
function imgOff(imageName) {

	var contName = 'contents';

	switch(imageName) {
		case 'p1' : 
			objImgOff.src = 'img/menu/menu_music_off.jpg'; break;
		case 'p2' : 
			objImgOff.src = 'img/menu/menu_travel_off.jpg'; break;
		case 'p3' : 
			objImgOff.src = 'img/menu/menu_arch_off.jpg'; break;
		case 'p4' : 
			objImgOff.src = 'img/menu/menu_diary_off.jpg'; break;
	}

	document[imageName].src = objImgOff.src;
	changeContents(contName);
}

/// change ///
function changeContents(strName) {
//	alert(bName);
	if (bName == 'M') {
		document.all['contname'].innerHTML = strName;
	} 
	if (bName == 'N') {
		document.getElementById('contname').innerHTML = strName;
	}
}