function doRequest(url,variables) {
 // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange;
        req.open("POST",(url), true, null, null);
        req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
        req.send(variables);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("POST", (url), true, null, null);
            req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            req.send(variables);
        }
    }
}



function processReqChange() {
    // only if req shows "loaded"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
        	doComplete(req.responseText);
            // ...processing statements go here...
        } else {
            alert("There was a problem retrieving the XML data:\n" +
                req.statusText);
        }
    }
}

	
function postComments(){
	variables = ("action="+document.getElementById('formAction').value+
		"&comment_user="+document.getElementById('formCommentUser').value+
		"&comment_user_email="+document.getElementById('formCommentUserEmail').value+
		"&comment_user_url="+document.getElementById('formCommentUserUrl').value+
		"&images_id="+document.getElementById('formImagesId').value+
		"&article_id="+document.getElementById('formArticleId').value+
		"&article_title="+document.getElementById('formArticleName').value+
		"&comment="+document.getElementById('formComment').value+
		"&code="+document.getElementById('formCommentCode').value+
		"&image_title=");
	
	url = "/includes/add_comments.php";
	
	doRequest(url, variables);
	document.getElementById('commentsform').style.display= "none";
	document.getElementById('resultsDiv').innerHTML = "<p>Submitting your comments...</p>";
	document.getElementById('resultsDiv').style.display= "block";
}




function previewComments(){
	document.getElementById('formAction').value = "preview";
	postComments();
}

function doComplete(serverString){
	document.getElementById('resultsDiv').innerHTML = serverString;
}

function goBack(){
	document.getElementById('commentsform').style.display= "block";
	document.getElementById('formAction').value="savecomment";
	document.getElementById('resultsDiv').style.display= "none";
	document.getElementById('resultsDiv').innerHTML = "<p>Submitting your comments...</p>";
}


function sendEmail(){
	frm = document.forms['emailForm'];
	
	if (frm.image_id.value != ""){
	
		variables = ("action="+frm.action.value+
			"&image_id="+frm.image_id.value+
			"&from_name="+frm.from_name.value+
			"&from_email="+frm.from_email.value+
			"&to_email="+frm.to_email.value+
			"&message_text="+frm.message_text.value+
			"&gallery_name="+frm.gallery_name.value );
	}else{
		variables = ("action="+frm.action.value+
			"&article_id="+frm.article_id.value+
			"&from_name="+frm.from_name.value+
			"&from_email="+frm.from_email.value+
			"&to_email="+frm.to_email.value+
			"&message_text="+frm.message_text.value+
			"&section_name="+frm.section_name.value );
	}
	
	url = "/includes/send_email.php";
	
	doRequest(url, variables);
	document.getElementById('emailform').style.display= "none";
	document.getElementById('resultsDiv').innerHTML = "<p>Sending Email...</p>";
	document.getElementById('resultsDiv').style.display= "block";
}

 
function showComments(){
 	document.getElementById('resultsDiv').style.display="none";
 	
 	if (document.getElementById('emailform').style.display="block"){
 		 document.getElementById('emailform').style.display="none";
 	}
 	
 	document.getElementById('commentsform').style.display="block";
 }
 
 
 
function showEmail(){
	document.getElementById('resultsDiv').style.display="none";
	
	if (document.getElementById('commentsform').style.display="block"){
	  	document.getElementById('commentsform').style.display="none";
	}
 
 	document.getElementById('emailform').style.display="block";
}
 
function changeImage(newImage){
	document.getElementById('mainimage').src = newImage;        
}