﻿var xmlHttp3=null;
var xmlHttp4=null;
var newsid=-1;
var allcomment=null;
var perpage=5;
var timeout=15000;

function GetXmlHttpObject(handler)
{ 
  var objXmlHttp=null;
  if (navigator.userAgent.indexOf("MSIE")>=0)
  { 
    var strName="Msxml2.XMLHTTP"
    if (navigator.appVersion.indexOf("MSIE 5.5")>=0)
    {
      strName="Microsoft.XMLHTTP"
    } 
    try
    { 
      objXmlHttp=new ActiveXObject(strName)
      objXmlHttp.onreadystatechange=handler 
      return objXmlHttp
    }  
    catch(e)
    { 
       alert("Error. Scripting for ActiveX might be disabled") 
       return 
    } 
  }
  else
  {
     objXmlHttp=new XMLHttpRequest()
     objXmlHttp.onload=handler
     objXmlHttp.onerror=handler 
     return objXmlHttp
  } 
} 

function LoadComment(x)
{
   document.getElementById("loading").style.display="block";
   //alert(document.getElementById("loading").style.display);
   newsid=x;
   //alert(newsid);
   var url="ajax/newscomment.aspx?id=" + newsid;
   xmlHttp3=null;
   xmlHttp3=GetXmlHttpObject(stateChanged3);
   xmlHttp3.open("POST", url , true);
   xmlHttp3.send(null);
}

function stateChanged3() 
{ 
    if (xmlHttp3.readyState==4 || xmlHttp3.readyState=="complete")
    {
       var result=xmlHttp3.responseText;
       //alert("Result = "+result);
       if(result!="-1")
       {
          allcomment=result.split("&");
          var end=allcomment.length-1;
          if(allcomment.length-1>perpage)
             end=perpage;
          for(var i=0;i<end;i++)
          {
           var comment=allcomment[i].split("|");
           var tds=document.getElementById("com"+(i+1));
           tds.style.display="block";
           var towrite="<span class='text3'><table border='0' cellpadding='1' cellspacing='1'><tr><td dir='rtl' align='right'><b>"+comment[2]+"</b></td><td> - "+(i+1)+"</td></tr>";
           towrite+="<tr><td dir='rtl' style='width:500px; color:#FFFFCC;'>"+comment[0]+" ("+comment[1]+") "+comment[4]+"</td><td>&nbsp;</td></tr>";
           towrite+="<tr><td align='right'>"+comment[3]+"</td><td>&nbsp;</td></tr></table></span>";
           tds.innerHTML=towrite;
          }
          if(allcomment.length-1>perpage)
            createPageing(0);    
       }
       else
       {
          document.getElementById("nocomments").style.display="block";
          document.getElementById("nocomments").innerHTML="لاتوجد تعليقات";
          document.getElementById("paging").innerHTML="&nbsp;"; 
       }
    }
    document.getElementById("loading").style.display="none";
}

function createPageing(temppage)
{
  var pagecount=0;
  var total=allcomment.length-1;
  if((total%perpage)==0)
  {
    pagecount=total/perpage;
  }
  else
  {
    var temp=total/perpage;
    temp=temp+1;
    pagecount=parseInt(temp);
  }
  var tds=document.getElementById("paging");
  var paging="<table border='0' cellpadding='3' cellspacing='4'><tr>";
  for(var i=0;i<pagecount;i++)
  {
     if(i==temppage)
       paging+="<td style='background-color:#52A8CD; width:20px;'><label onClick='loadinpage("+i+");' style='cursor:pointer;'>"+(i+1)+"</label></td>";
     else
       paging+="<td style='background-color:#007FB5; width:20px;'><label onClick='loadinpage("+i+");' style='cursor:pointer;'>"+(i+1)+"</label></td>";
  }
  paging+="</tr></table>";
  tds.innerHTML=paging;
}

function loadinpage(page)
{
   Hideall()
   var start=page*perpage;
   var end=start+perpage;
   var index=1;
   for(var n=start;n<end && n<allcomment.length-1;n++)
   {
     var comment=allcomment[n].split("|");
     var tds=document.getElementById("com"+index);
     var towrite="<span class='text3'><table border='0' cellpadding='1' cellspacing='1'><tr><td dir='rtl' align='right'><b>"+comment[2]+"</b></td><td> - "+(n+1)+"</td></tr>";
     towrite+="<tr><td dir='rtl' style='width:500px; color:#FFFFCC;'>"+comment[0]+" ("+comment[1]+") "+comment[4]+"</td><td>&nbsp;</td></tr>";
     towrite+="<tr><td>"+comment[3]+"</td><td>&nbsp;</td></tr></table></span>";
     tds.innerHTML=towrite;
     index++;
   } 
   Showall();
   createPageing(page)
}

function Hideall()
{
  for(var i=1;i<perpage+1;i++)
  {
     var tds=document.getElementById("com"+i);
     tds.style.display="none";
     tds.innerHTML="";
  }
  document.getElementById("loading").style.display="block";
}

function Showall()
{
  for(var i=1;i<perpage+1;i++)
  {
     var tds=document.getElementById("com"+i);
     tds.style.display="block";
  }
  document.getElementById("loading").style.display="none";
}

function AddComment()
{
   var nickname=document.getElementById("nickname").value;
   var comment=document.getElementById("comment").value;
   var commenttitle=document.getElementById("comtitle").value;
   var comacc=document.getElementById("comacc").value;
   if(nickname=="")
   {
     document.getElementById("resultspan").innerHTML="يجب ادخال اسم مستعار لكي تستطيع المشاركه";
   }
   else if(commenttitle=="")
   {
     document.getElementById("resultspan").innerHTML="يجب ادخال عنوان للتعليق لكي تستطيع المشاركه";
   }
   else if(comment=="")
   {
     document.getElementById("resultspan").innerHTML="يجب ادخال نص للتعليق لكي تستطيع المشاركه";
   }
   else
   {
       var url="ajax/updatenewscomment.aspx?comacc="+comacc+"&artical="+newsid+"&nickname="+nickname+"&commenttitle="+commenttitle+"&comment=" + comment;
       //alert(url);
       xmlHttp4=null;
       xmlHttp4=GetXmlHttpObject(stateChanged4);
       xmlHttp4.open("POST", url , true);
       xmlHttp4.send(null);
   }
}

function stateChanged4() 
{ 
    if (xmlHttp4.readyState==4 || xmlHttp4.readyState=="complete")
    {
       var result=xmlHttp4.responseText;
       if(result=="-1")
         document.getElementById("resultspan").innerHTML="فشل في اضافه تعليق";
       else
       {
         document.getElementById("comment").value="";
         document.getElementById("comtitle").value="";
         LoadComment(newsid)
         document.getElementById("resultspan").innerHTML="شكرا لمشاركتك ... سوف تظهر مشاركتك قريبا جدا"
       }
       setTimeout("clearmesg()",timeout);
    }
}

function clearmesg()
{
  document.getElementById("resultspan").innerHTML="&nbsp;";
  clearTimeout(timeout);
}
