var xmlHttpRight
function commnet_right()
{
	xmlHttpRight=GetXmlHttpObject()
	if (xmlHttpRight==null)
	 {
	 alert ("Browser does not support HTTP Request")
	 return
	 } 
	var url="comment_list.php"
	url=url+"?sid="+Math.random()
	url=url+"&q_id="+document.getElementById("id").value
	url=url+"&qc_vote=2"
	xmlHttpRight.onreadystatechange=stateChangedCommentRight
	xmlHttpRight.open("GET",url,true)
	xmlHttpRight.send(null)
} 

function stateChangedCommentRight() 
{ 
 if (xmlHttpRight.readyState==4 || xmlHttpRight.readyState=="complete")
 { 
 	if(xmlHttpRight.responseText){
	 	var temp= Math.floor(Math.random()*100000);
		document.getElementById("comment_right").innerHTML = "<div id='comment_"+temp+"' style='display:none;'>"
		+xmlHttpRight.responseText	
		+"</div>";
	 	opacity_comment('comment_'+temp, 0, 100, 1000);
	}
 } 
} 

function commnet_left()
{		
	xmlHttpLeft=GetXmlHttpObject()
	if (xmlHttpLeft==null)
	 {
	 alert ("Browser does not support HTTP Request")
	 return
	 } 
	var url="comment_list.php"
	url=url+"?sid="+Math.random()
	url=url+"&q_id="+document.getElementById("id").value
	url=url+"&qc_vote=1"
	xmlHttpLeft.onreadystatechange=stateChangedCommentLeft
	xmlHttpLeft.open("GET",url,true)
	xmlHttpLeft.send(null)
} 

function stateChangedCommentLeft() 
{ 
 if (xmlHttpLeft.readyState==4 || xmlHttpLeft.readyState=="complete")
 {
 	if(xmlHttpLeft.responseText){
	 	var temp= Math.floor(Math.random()*100000);
		document.getElementById("comment_left").innerHTML = "<div id='comment_"+temp+"' style='display:none;'>"
		+xmlHttpLeft.responseText	
		+"</div>";
		opacity_comment('comment_'+temp, 0, 100, 1000);
	}
 } 
} 

function GetXmlHttpObject()
{ 
var objXMLHttp=null
if (window.XMLHttpRequest)
 {
 objXMLHttp=new XMLHttpRequest()
 }
else if (window.ActiveXObject)
 {
 objXMLHttp=new ActiveXObject("Microsoft.XMLHTTP")
 }
return objXMLHttp
}

function opacity_comment(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;
    changeOpac(0, id);
    document.getElementById(id).style.display = 'block';
    
    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}