var contentRe;
function checkAddComment(ImageID){
	
	if(document.getElementById('commentContent').value == ''){
		alert(document.getElementById('errorComment').value);
		document.getElementById('commentContent').focus();
		return;
	}
	
	content = document.getElementById('commentContent').value;
	sender  = _ ('commenter').value;
	contentRe = content;
	content = escape(content);
	AJAXGet('/addComment.php?ImageID='+ImageID+'&sender='+sender+'&content='+content,handleComment,true)
	
	
}


function browseComment(ImageID){
	
	if(document.getElementById('commentContent').value == ''){
		alert(document.getElementById('errorComment').value);
		document.getElementById('commentContent').focus();
		return;
	}
	content = document.getElementById('commentContent').value;
	sender  = document.getElementById('commenter').value;
	if(sender == ''){
		sender = document.getElementById('unknownCommenter').value;
	}
	ulNode = "<ul><li><div class=\"pad\"><img src=\""+document.getElementById('userPic').value+"\" border=\"0\" alt=\"\" align=\"right\" class=\"margpic bord\" />		<a href=\""+sender+"\"> "+sender+"</a></div>	<div class=\"padr\">"+contentRe+" </div><br />	</li><ul>	<br/>	<input name=\"\" type=\"button\" value=\"أضف\" class=\"btn2\" onclick=\"checkAddComment("+ImageID+")\" />&nbsp;	<input name=\"\" type=\"button\" value=\"Close\" class=\"btn2\" onclick=\"removeBrowse()\" />	";
	
	document.getElementById('browseComment').innerHTML = ulNode
	showDiv('browseComment');
	
	
}

function removeBrowse(){
	document.getElementById('browseComment').innerHTML='';
	hideDiv1('browseComment');
}



function handleComment(sXML){
	if(sXML){
		aComment = sXML.getElementsByTagName("Comment");
		sender =  aComment[0].getElementsByTagName('sender')[0].childNodes[0].nodeValue;
		content = aComment[0].getElementsByTagName('content')[0].childNodes[0].nodeValue
		userPic = aComment[0].getElementsByTagName('UserPicture')[0].childNodes[0].nodeValue
		ulNode = "<li><div class=\"pad\"><img src=\""+userPic+"\" border=\"0\" alt=\"\" align=\"right\" class=\"margpic bord\" />		<a href=\""+sender+"\"> "+sender+"		</a></div>	<div class=\"padr\">"+content+" </div><br />	</li>";
		
		allUlNodes = document.getElementById('ulComments').innerHTML;
		allUlNodes = allUlNodes + ulNode;
		document.getElementById('ulComments').innerHTML = allUlNodes;
		
		document.getElementById('commentContent').value= '';
		document.getElementById('commenter').value = '';
		removeBrowse();
	
			
	}
}