var http_request = false;

function makePOSTRequest(url, parameters, layerid) {
	http_request = false;
	if (window.XMLHttpRequest) { // Mozilla, Safari,...
		http_request = new XMLHttpRequest();
		if (http_request.overrideMimeType) {
			http_request.overrideMimeType('text/xml');	}
		} 
	else if (window.ActiveXObject) { // IE
		try {
			http_request = new ActiveXObject("Msxml2.XMLHTTP");	}
		catch (e) {
			try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");	}
			catch (e) {}
			}
		}
	if (!http_request) {
		alert('Cannot create XMLHTTP instance');
		return false;	}

	var obj = document.getElementById(layerid);
	http_request.onreadystatechange = function() {
		if (http_request.readyState == 4 && http_request.status == 200) {
			obj.innerHTML = http_request.responseText;	}
		}
		
	http_request.open('POST', url, true);
	http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	http_request.setRequestHeader("Content-length", parameters.length);
	http_request.setRequestHeader("Connection", "close");
	http_request.send(parameters);
}

var IE = document.all?true:false	// Detect if the browser is IE or not.
if (!IE) document.captureEvents(Event.MOUSEMOVE)	// If NS -- that is, !IE -- then set up for mouse capture
document.onmousemove = getMouseXY;	// Set-up to use getMouseXY function onMouseMove
var tempX = 0;
var tempY = 0;
function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
  } else {  // grab the x-y pos.s if browser is NS
    tempX = e.pageX;
    tempY = e.pageY;
  }  
  // catch possible negative values in NS4
  if (tempX < 0) { tempX = 0; }
  if (tempY < 0) { tempY = 0; }
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
  return true;
}
	
function showOverlay(status) {
	if (status==0) {
		document.getElementById('SpanOverlay').style.width=0;
		document.getElementById('SpanOverlay').style.height=0;
		document.getElementById('SpanOverlay').style.visibility="hidden";	}
	else {
		document.getElementById('SpanOverlay').style.width=document.body.scrollWidth;
		document.getElementById('SpanOverlay').style.height=document.body.scrollHeight;
		document.getElementById('SpanOverlay').style.visibility="visible"; }
	}
	
function getYScroll() {
	var yScroll;
	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
	} else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
		yScroll = document.documentElement.scrollTop;
	} else if (document.body) {// all other Explorers
		yScroll = document.body.scrollTop;
	}
	return yScroll;
}

function post_preview(subject, body, media) {
	var target = "/messageboard/post_preview.cfm";
	var poststr = "subject="+subject+"&body="+body+"&media="+media;
	var layer = "topicPreview";
	makePOSTRequest(target, poststr, layer);
}
		
function newpostPreview(subject,body,media) {
	var target = "/messageboard3/topic_add_preview.cfm";
	var poststr = "subject="+subject+"&body="+body+"&media="+media;
	var layer = "topicPreview";
	makePOSTRequest(target, poststr, layer);
}

function getNews(keyword) {
	var target = "/home/span_news.cfm";
	var poststr = "channels="+keyword;
	var layer = "news";
	makePOSTRequest(target, poststr, layer);
	reset_news_box();
	if (keyword=='all') {
		box_news.src="/home/images/nav_box_news_mo.jpg"; }
	else if (keyword=='news_for_mom') {
		box_newsformom.src="/home/images/nav_box_newsformom_mo.jpg"; }
	else if (keyword=='experts_mailbox') {
		box_expertsmailbox.src="/home/images/nav_box_expertsmailbox_mo.jpg"; }
	else if (keyword=='useful_info') {
		box_usefulinfo.src="/home/images/nav_box_usefulinfo_mo.jpg"; }
}

function reset_news_box() {
	box_news.src="/home/images/nav_box_news.jpg";
	box_newsformom.src="/home/images/nav_box_newsformom.jpg";
	box_expertsmailbox.src="/home/images/nav_box_expertsmailbox.jpg";
	box_usefulinfo.src="/home/images/nav_box_usefulinfo.jpg";
}

//2008-01-16 member survey form--------------------------------
function showSurvey() {
	showOverlay(1);
	var target = "/survey/FormMemberProfile.cfm";
	var poststr = "";
	var layer = "SpanSurvey";
	makePOSTRequest(target, poststr, layer);
	document.getElementById('SpanSurvey').style.top=getYScroll()+50;
	document.getElementById('SpanSurvey').style.left=(document.body.scrollWidth-520)/2;
	document.getElementById('SpanSurvey').style.visibility="visible";
}

function submitSurvey() {
	var inputs1 = document.getElementsByName("survey_age");
	var inputs2 = document.getElementsByName("survey_gender");
	var inputs3 = document.getElementsByName("survey_status");
	var inputs4 = document.getElementsByName("survey_child_no");
	var inputs5 = document.getElementsByName("survey_interest_section");
	var inputs6 = document.getElementsByName("survey_improve_section");
	var age_value = 0;
	var gender_value = 0;
	var status_value = 0;
	var child_no_value = "";
	var interest_section_value = "";
	var improve_section_value = "";
  for (var i = 0; i < inputs1.length; ++i) {
		if (inputs1[i].checked) age_value = inputs1[i].value; }
  for (var i = 0; i < inputs2.length; ++i) {
		if (inputs2[i].checked) gender_value = inputs2[i].value; }
  for (var i = 0; i < inputs3.length; ++i) {
		if (inputs3[i].checked) status_value = inputs3[i].value; }
  for (var i = 0; i < inputs4.length; ++i) {
		if (inputs4[i].checked) child_no_value = inputs4[i].value; }
  for (var i = 0; i < inputs5.length; ++i) {
		if (inputs5[i].checked) interest_section_value = interest_section_value + "," + inputs5[i].value; }
  for (var i = 0; i < inputs6.length; ++i) {
		if (inputs6[i].checked) improve_section_value = improve_section_value + "," +  inputs6[i].value; }
	if (age_value==0)	alert("請填寫你的年齡");
	else if (gender_value==0)	alert("請填寫你的性別");
	else if (status_value==0)	alert("請填寫你的生育情況");
	else if (child_no_value=="")	alert("請填寫兒女數目");
	else if (interest_section_value=="")	alert("請填寫你對she mom內哪個頻道最感興趣");
	else if (improve_section_value=="")	alert("請填寫你希望she mom能加強哪方面的內容");
	else {
		var target = "/survey/FormMemberProfile.cfm";
		var poststr = "survey_submit=1&survey_age="+age_value+"&survey_gender="+gender_value+"&survey_status="+status_value+"&survey_child_no="+child_no_value+"&survey_interest_section="+interest_section_value+"&survey_improve_section="+improve_section_value+"&survey_improve_section2=";//+document.getElementsByName("survey_improve_section2").value;
		var layer = "SpanSurvey";
		makePOSTRequest(target, poststr, layer);
		document.getElementById('SpanSurvey').style.top=getYScroll()+50;
		document.getElementById('SpanSurvey').style.left=(document.body.scrollWidth-520)/2;
		document.getElementById('SpanSurvey').style.visibility="visible";
	}
}

function closeSurvey() {
	document.getElementById('SpanSurvey').style.visibility="hidden";
	showOverlay(0);
}
//--------------------------------2008-01-16 member survey form

function showSurvey2() {
	showOverlay(1);
	var target = "/survey/FormMemberProfileTest.cfm";
	var poststr = "";
	var layer = "SpanSurvey";
	makePOSTRequest(target, poststr, layer);
	document.getElementById('SpanSurvey').style.top=getYScroll()+50;
	document.getElementById('SpanSurvey').style.left=(document.body.scrollWidth-520)/2;
	document.getElementById('SpanSurvey').style.visibility="visible";
}

//--------------------playgroup 2008--------------
function showQA(id)
{
	var target = "/playgroup/qa.cfm";
	var poststr = "id="+id;
	var layer = "comment";
	makePOSTRequest(target, poststr, layer);
	document.getElementById('comment').style.visibility="visible";
} 
function showComment(id)
{
	var target = "/playgroup/comment.cfm";
	var poststr = "id="+id;
	var layer = "comment";
	makePOSTRequest(target, poststr, layer);
	document.getElementById('comment').style.visibility="visible";
}

function showPrize()
{

	document.getElementById('prize').style.visibility="visible";
	
} 

function showMore()
{
	document.getElementById('prize').style.visibility="hidden";

}
//--------------------playgroup 2008 END--------------