if (!window.XMLHttpRequest) {
   window.XMLHttpRequest=function (){
   	return new ActiveXObject("Microsoft.XMLHTTP");
   }
}
function ajaxLoadPage(url,request,method,container)
{
	method=method.toUpperCase();
	var loading_msg='Loading...';//the text shows on the container on loading.
	var loader=new XMLHttpRequest;//require Cross-Browser XMLHttpRequest
	if (method=='GET')
	{
		urls=url.split("?");
		if (urls[1]=='' || typeof urls[1]=='undefined')
		{
			url=urls[0]+"?"+request;
		}
		else
		{
			url=urls[0]+"?"+urls[1]+"&"+request;
		}
		
		request=null;//for GET method,loader should send NULL
	}
	loader.open(method,url,true);
	if (method=="POST")
	{
		loader.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	}
	loader.onreadystatechange=function(){
		if (loader.readyState==1)
		{
			container.innerHTML=loading_msg;
			
		}
		if (loader.readyState==4)
		{
			handleMsg(container, loader.responseText);
		}
	}
	loader.send(request);
}

function formToRequestString(form_obj)
{
    var query_string='';
    var and='';
    for (var i=0;i<form_obj.length ;i++ )
    {
        e=form_obj[i];
    
    
        if (e.name) {
            if (e.type=='select-one') {
                element_value=e.options[e.selectedIndex].value;
            } else if (e.type=='select-multiple') {
                for (var n=0;n<e.length;n++) {
                    var op=e.options[n];
                    if (op.selected) {
                        query_string+=and+e.name+'='+encodeURIComponent(op.value);
                        and="&"
                    }
                }
                continue;
            } else if (e.type=='checkbox' || e.type=='radio') {
                if (e.checked==false) {   
                    continue;   
                }   
                element_value=e.value;
            } else if (typeof e.value != 'undefined') {
                element_value=e.value;
            } else {
                continue;
            }
            query_string+=and+e.name+'='+encodeURIComponent(element_value);
            and="&";
        }

    }
    return query_string;
}

function ajaxFormSubmit(form_obj,container)
{
	if(document.getElementById('remark'))
		document.getElementById('remark').parentNode.removeChild(document.getElementById('remark'));
	
	ajaxLoadPage(form_obj.getAttributeNode("action").value,formToRequestString(form_obj),form_obj.method,container);
}

function handleMsg(_div, _msg){
	var msg = 'Thanks', backlink;
	if(_msg == 'succeed_enews'){
		msg = '多謝你的支持，藝發局的資訊/刊物將定期送上。';
		backlink = '<a href="../content/home.do"><img src="../images/btn_backhome.gif" id="backhome" style="padding:5px;" onmouseover="MM_swapImage(\'backhome\',\'\',\'../images/btn_backhome_on.gif\',1)" onmouseout="MM_swapImgRestore()"/></a>';
	}else{
		msg = '你已成功登記，謝謝你的參與。';
		backlink = '<a href="javascript:history.back();"><img src="../images/btn_back.gif" id="back_events" style="padding:5px;" onmouseover="MM_swapImage(\'back_events\',\'\',\'../images/btn_back_on.gif\',1)" onmouseout="MM_swapImgRestore()"/></a>';
	}
	
	var enewsMsg = '<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td height="30" valign="bottom"><img src="../images/spacer.gif" height="30" width="1" /></td></tr><tr><td valign="top">'
     + '<table cellpadding="0" cellspacing="0" border="0" width="100%" align="left"><tr><td valign="top" width="20"></td><td align="left" bgcolor="#f0f0f0">'
     +     '<table cellpadding="0" border="0" cellspacing="25" width="100%" class="form"><tr><td align="center">'
     + msg
     +          '</td></tr></table></td><td width="20"></td></tr>'
     +   '<tr><td height="15" valign="bottom" colspan="3"><img src="../images/spacer.gif" height="15" width="1" /></td></tr>'
     +	 '<tr><td colspan="3" align="center">'
     + backlink
     + '</td></tr></table>'
     + '</td></tr></table>';
	
	_div.innerHTML = enewsMsg;
}