// JavaScript Document

var xmlHttp;

function postCommentForm(){

document.getElementById("innerCommentsSection").innerHTML ="<form id=\"commentForm\" name=\"commentForm\" method=\"post\"><table border=\"0\" width=\"130\"><tr><td width=\"50\"><span class=\"commentsInfo\">name: </span></td><td width=\"80\"><input type=\"text\" id=\"vname\" name=\"vname\" class=\"commentsInput\" /></td></tr><tr><td><span class=\"commentsInfo\">email: </span></td><td><input type=\"text\" id=\"email_addr\" name=\"email_addr\" class=\"commentsInput\"/></td></tr><tr><td  valign=\"top\"><span class=\"commentsInfo\">comment: </span></td><td><textarea id=\"comment\" name=\"comment\" class=\"commentsInput2\"></textarea></td></tr><tr><td colspan=\"2\"><input type=\"button\" id=\"submit\" name=\"submit\" value=\"Add Comment\" onclick=\"javascript:submitComment();return false;\" /></td></tr></table></form>";
	
	
}

function changeSection(section){

	if(section == "viewComments"){
		//var newDiv = document.createElement('DIV');
		//newDiv.className = 'fdsgf';
		///newDiv.innerHTML = "This is where the comments will go.";
		//document.getElementById("innerCommentsSection").appendChild(newDiv);	
	/*}else{
		var newDiv = document.createElement('DIV');
		newDiv.className = 'yrdy';
		newDiv.innerHTML = "This is where you will be able to add comments.";
		document.getElementById("innerCommentsSection").appendChild(newDiv);
	}*/
		viewComments();
		//document.getElementById("innerCommentsSection").innerHTML = "This is where the comments will go.";
	}else{
		postCommentForm();
		//document.getElementById("innerCommentsSection").innerHTML = "blah blah blah";
	}
}


function viewComments(){
	
	onLoadStart();
	
	var video_id = newArray[0];
	xmlHttp = GetXmlHttpObject();

	if (xmlHttp==null){
		alert ("Your browser does not support AJAX!");
  		return;
  	} 
	
	var url="view_comments.php";
	url=url+"?video_id="+video_id;
		
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
	document.getElementById("innerCommentsSection").innerHTML = "<center><br /><br /><br /><br /><img src=\"../../images/ajax-loader.gif\" /></center>";
	
	
}


function submitComment(){
	
	var name = document.commentForm.vname
	var email_addr=document.commentForm.email_addr
	var comment=document.commentForm.comment

	
	if ((name.value==null)||(name.value=="")){
		alert("Please Enter your name")
		name.focus()
		return false
	}
	if ((email_addr.value==null)||(email_addr.value=="")){
		alert("Please Enter your Email address")
		email_addr.focus()
		return false
	}
	if (echeck(email_addr.value)==false){
		//emailID.value=""
		email_addr.focus()
		return false
	}
	if ((comment.value==null)||(comment.value=="")){
		alert("Please enter a comment.")
		comment.focus()
		return false
	}

	onLoadStart();
	
	var video_id = newArray[0];
	var name = document.commentForm.vname.value;
	var email_addr = document.commentForm.email_addr.value;
	var comment = document.commentForm.comment.value;
	
	
	//alert(video_id);

	xmlHttp=GetXmlHttpObject();

	if (xmlHttp==null){
		alert ("Your browser does not support AJAX!");
  		return;
  	} 
	//alert("fdsafdsa");

	var url="add_comment.php";
	url=url+"?video_id="+video_id;
	url=url+"&name="+name;
	url=url+"&email_addr="+email_addr;
	url=url+"&comment="+comment;
	
	xmlHttp.onreadystatechange=stateChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
	document.getElementById("innerCommentsSection").innerHTML = "<img src=\"../../images/ajax-loader.gif\" />";
	

}


function stateChanged(){ 

	if (xmlHttp.readyState==4){
			
	
		document.getElementById("innerCommentsSection").innerHTML = xmlHttp.responseText;
		//alert(xmlHttp.responseText)
	
	
	}

}


function GetXmlHttpObject(){

	var xmlHttp=null;
	
	try{
	  // Firefox, Opera 8.0+, Safari
	  xmlHttp=new XMLHttpRequest();
	}
	catch (e){
	  // Internet Explorer
	  try{
		xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
	  }
	  catch (e){
		xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
	   }
	}
	return xmlHttp;
} 


function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   alert("Invalid E-mail ID")
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   alert("Invalid E-mail ID")
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    alert("Invalid E-mail ID")
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    alert("Invalid E-mail ID")
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    alert("Invalid E-mail ID")
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    alert("Invalid E-mail ID")
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    alert("Invalid E-mail ID")
		    return false
		 }

 		 return true					
	}