IE4 = (document.all) ? 1 : 0; 
	DOM = (document.getElementById) ? 1 : 0; 
	NS4 = (document.layers) ? 1 : 0; 

	function isOutside(x, y, str){
		if(str == 'about'){
			max_y = 138, min_y = 85;
			main_min_x = 309;
			main_max_x = 404;
			submain_min_x = 253;
			submain_max_x = 506;
		}else if(str == 'events'){
			max_y = 138, min_y = 85;
			main_min_x = 405;
			main_max_x = 500;
			submain_min_x = 349;
			submain_max_x = 602;
		}else if(str == 'info'){
			max_y = 138, min_y = 85;
			main_min_x = 501;
			main_max_x = 596;
			submain_min_x = 446;
			submain_max_x = 613;
		}else if(str == 'photo'){
			max_y = 108, min_y = 85;
			main_min_x = 597;
			main_max_x = 692;
		}else if(str == 'bbs'){
			max_y = 108, min_y = 85;
			main_min_x = 693;
			main_max_x = 787;
		}

		var area = new Array(max_y-min_y+1);
		for(i=0 ; i < area.length ; i++){
			area[i] = new Array();
			area[i][0] = min_y;
			if(min_y <= 108){
				area[i][1] = main_min_x;
				area[i][2] = main_max_x;
			}else{
				area[i][1] = submain_min_x;
				area[i][2] = submain_max_x;
			}
			min_y ++;
		}
		
		isoutside = true; //initialise as out of main menu or submenu area
		for(i=0; i<area.length ; i++){
			if(y == area[i][0]){
				//var obj2 = document.getElementById("info2");
				//obj2.innerHTML = 'minX:' + area[i][1] + ', maxx:' + area[i][2];
				if(x >= area[i][1] && x <= area[i][2]){
					isoutside = false;
				}
			}
		}
		return isoutside;
	}

	function getMouse(e){
		if(IE4){
			var x = window.event.x;
			var y = window.event.y;
		}else if(DOM){
			var x = e.clientX;
			var y = e.clientY;
		}

		if(IE4){
			if(str == 'about'){
				obj = document.all['events-submenu']; 
				obj.style.visibility = 'hidden';
				obj = document.all['info-submenu']; 
				obj.style.visibility = 'hidden';
				document.getElementById('events').setAttribute("src",'img/m-events.jpg');
				document.getElementById('info').setAttribute("src",'img/m-info.jpg');
				document.getElementById('photo').setAttribute("src",'img/m-photo.jpg');
				document.getElementById('bbs').setAttribute("src",'img/m-bbs.jpg');
			}else if(str == 'events'){
				obj = document.all['about-submenu']; 
				obj.style.visibility = 'hidden';
				obj = document.all['info-submenu']; 
				obj.style.visibility = 'hidden';
				document.getElementById('about').setAttribute("src",'img/m-about.jpg');
				document.getElementById('info').setAttribute("src",'img/m-info.jpg');
				document.getElementById('photo').setAttribute("src",'img/m-photo.jpg');
				document.getElementById('bbs').setAttribute("src",'img/m-bbs.jpg');
			}else if(str == 'info'){
				obj = document.all['about-submenu']; 
				obj.style.visibility = 'hidden';
				obj = document.all['events-submenu']; 
				obj.style.visibility = 'hidden';
				document.getElementById('about').setAttribute("src",'img/m-about.jpg');
				document.getElementById('events').setAttribute("src",'img/m-events.jpg');
				document.getElementById('photo').setAttribute("src",'img/m-photo.jpg');
				document.getElementById('bbs').setAttribute("src",'img/m-bbs.jpg');
			}else if(str == 'photo'){
				obj = document.all['about-submenu']; 
				obj.style.visibility = 'hidden';
				obj = document.all['events-submenu']; 
				obj.style.visibility = 'hidden';
				obj = document.all['info-submenu']; 
				obj.style.visibility = 'hidden';
				document.getElementById('about').setAttribute("src",'img/m-about.jpg');
				document.getElementById('events').setAttribute("src",'img/m-events.jpg');
				document.getElementById('info').setAttribute("src",'img/m-info.jpg');
				document.getElementById('bbs').setAttribute("src",'img/m-bbs.jpg');
			}else if(str == 'bbs'){
				obj = document.all['about-submenu']; 
				obj.style.visibility = 'hidden';
				obj = document.all['events-submenu']; 
				obj.style.visibility = 'hidden';
				obj = document.all['info-submenu']; 
				obj.style.visibility = 'hidden';
				document.getElementById('about').setAttribute("src",'img/m-about.jpg');
				document.getElementById('events').setAttribute("src",'img/m-events.jpg');
				document.getElementById('info').setAttribute("src",'img/m-info.jpg');
				document.getElementById('photo').setAttribute("src",'img/m-photo.jpg');
			}
		}else if(DOM){
			if(str == 'about'){
				document.getElementById('events-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');
				document.getElementById('info-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');				
				document.getElementById('events').setAttribute("src",'img/m-events.jpg');
				document.getElementById('info').setAttribute("src",'img/m-info.jpg');
				document.getElementById('photo').setAttribute("src",'img/m-photo.jpg');
				document.getElementById('bbs').setAttribute("src",'img/m-bbs.jpg');
			}else if(str == 'events'){
				document.getElementById('about-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');
				document.getElementById('info-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');	
				document.getElementById('about').setAttribute("src",'img/m-about.jpg');
				document.getElementById('info').setAttribute("src",'img/m-info.jpg');
				document.getElementById('photo').setAttribute("src",'img/m-photo.jpg');
				document.getElementById('bbs').setAttribute("src",'img/m-bbs.jpg');
			}else if(str == 'info'){
				document.getElementById('about-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');
				document.getElementById('events-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');	
				document.getElementById('about').setAttribute("src",'img/m-about.jpg');
				document.getElementById('events').setAttribute("src",'img/m-events.jpg');
				document.getElementById('photo').setAttribute("src",'img/m-photo.jpg');
				document.getElementById('bbs').setAttribute("src",'img/m-bbs.jpg');
			}else if(str == 'photo'){
				document.getElementById('about-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');
				document.getElementById('events-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');				
				document.getElementById('info-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');	
				document.getElementById('about').setAttribute("src",'img/m-about.jpg');
				document.getElementById('events').setAttribute("src",'img/m-events.jpg');
				document.getElementById('info').setAttribute("src",'img/m-info.jpg');
				document.getElementById('bbs').setAttribute("src",'img/m-bbs.jpg');
			}else if(str == 'bbs'){
				document.getElementById('about-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');
				document.getElementById('events-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');				
				document.getElementById('info-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');					
				document.getElementById('about').setAttribute("src",'img/m-about.jpg');
				document.getElementById('events').setAttribute("src",'img/m-events.jpg');
				document.getElementById('info').setAttribute("src",'img/m-info.jpg');
				document.getElementById('photo').setAttribute("src",'img/m-photo.jpg');
			}
		}
		
		/* if out of main menu or submenu area
		   then hidden the submenu and change main meun to original
		*/

		if(isOutside(x,y,str)){ 
			// change main meun to original
			document.getElementById(str).setAttribute("src",'img/m-' + str +'.jpg');

			// change main meun to original and hidden the submenu
			if(IE4){
				obj = document.all[str + '-submenu']; 
				obj.style.visibility = 'hidden';
			}else if(DOM){
				document.getElementById(str + '-submenu').setAttribute("style",'position:absolute; left:0; top:108; visibility:hidden;');
			}
		}
	}

	function change_menu(type, obj){
		str = obj.src.substring(obj.src.lastIndexOf('-')+1, obj.src.lastIndexOf('.'));
		obj.id = str;
		if(type == 'over'){
			document.getElementById(str).setAttribute("src",'img/ms-' + str +'.jpg');
			if(IE4){
				obj = document.all[str + '-submenu']; 
				obj.style.visibility = 'visible';
			}else if(DOM){
				if(str == 'about')	var left = 253;
				else if(str == 'events')	var left = 349;
				else if(str == 'info')		var left = 445;			
					document.getElementById(str + '-submenu').setAttribute("style",'position:absolute; left:' + left + '; top:108; visibility:visible;');
			}
		}else if(type == 'out'){
			document.onmousemove = 
			function (event){	getMouse(event);	}
		}
	}

function memberlogin(type){
		if(type == 1)	path = "member/login.php";
		else if(type == 2)	path = "../member/login.php";
		else if(type == 3)	path = "login.php";
		
		if(document.loginform.id.value == ''){
			alert('請輸入帳號!');
			document.loginform.id.focus();
		}else if(document.loginform.passwd.value == ''){
			alert('請輸入密碼!');
			document.loginform.passwd.focus();
		}else{
			document.loginform.action = path;
			document.loginform.submit();
		}
	}
	
	function memberlogout(type){
		if(type == 1)	path = "member/logout.php";
		else if(type == 2)	path = "../member/logout.php";
		else if(type == 3)	path = "logout.php";

		document.loginform.action = path;
		document.loginform.submit();
	}