var endpos_f=5; // if we change the number then number of stories display will change 
var storylink;
var	storyname ;
var	storydesc ;
var	storylink ;
var	storycreate ;
var	storyauthor ;
var numberofdisplay=endpos_f;
var startpos=0;
var comment;
var status;

function handlevoteHttpResponse()
{
	if (http.readyState==4)
	{
		var xmlDocument = http.responseXML; 
		var numofstory;
		var catname;
		var topicname ;
		var ageid ;
		var storyid;
		var xleft  = 20;
		var yright = 100;
		var dv ;
		var age;
		var x ;
		var countClearDiv ;
		var str2;
		var str4;
		var commentcount ;
		var authorid ;
		var author_avatar ;
		var tot_vote ;
		
		var ni= document.getElementById('votemaster') ;
		/////////////////////////////////////////////////////
		if(document.getElementById("Next"))
			removeNElement("Next");
		if(document.getElementById("prev"))
			removePElement("prev");
	
		numofstory = xmlDocument.getElementsByTagName('story_count').item(0).firstChild.data;

		for(countClearDiv=0;countClearDiv < document.getElementById("total_num_display").value;countClearDiv++)
		{
// alert("votechild"+ countClearDiv) ;
			if(document.getElementById("votechild" + countClearDiv))
			{
				removeElement_div("votechild" + countClearDiv);
			}
	
		 }
				
			if (numofstory!=0)
			document.getElementById("total_num_display").value=numofstory;
			/////////////////////////////////////////////////////////
			if (numofstory!=0)
			{
////				for (x=startpos;(x<endpos_f && x<numofstory);x++)
				// pagination
				displayrecnum = xmlDocument.getElementsByTagName('story_disp_count').item(0).firstChild.data;
				for (x=0;x<displayrecnum;x++)
				// pagination
				{
					dv = document.createElement('div');
					dv.setAttribute('id',"votechild"+x);
					dv.className="top";
///					dv.style.position="absolute";       
///					dv.style.left= 1+xleft;//Default=0: mozilla=10+xleft
///					dv.style.top=171+yright;//default=460: mozilla=474+yright//99
					
					dv.style.width="100%";//Default=720: mozilla=722
					//dv.style.height=96;
			
					storyname = xmlDocument.getElementsByTagName('title').item(x).firstChild.data;
					storydesc = xmlDocument.getElementsByTagName('description').item(x).firstChild.data;
					storylink = xmlDocument.getElementsByTagName('story_link').item(x).firstChild.data;
					storycreate = xmlDocument.getElementsByTagName('duration').item(x).firstChild.data;
					storyauthor = xmlDocument.getElementsByTagName('author').item(x).firstChild.data;
					authorid = xmlDocument.getElementsByTagName('authorid').item(x).firstChild.data;
					catname = xmlDocument.getElementsByTagName('catname').item(x).firstChild.data;
					topicname = xmlDocument.getElementsByTagName('topicname').item(x).firstChild.data ;
					ageid = xmlDocument.getElementsByTagName('ageid').item(x).firstChild.data;
					storyid = xmlDocument.getElementsByTagName('storyid').item(x).firstChild.data;
					commentcount = xmlDocument.getElementsByTagName('comment_count').item(x).firstChild.data;
					
					tot_vote =  xmlDocument.getElementsByTagName('votecount').item(x).firstChild.data;
					author_avatar = xmlDocument.getElementsByTagName('avatar').item(x).firstChild.data;

					var strComment ;
					strComment = "View " + commentcount + " Comments" ;
					if(strComment.length > 15)
						strComment = strComment.substr(0,12) + "..." ;

					if (comment==1){
					//str2="<table width='100%' border='0' bgcolor='#BCD5EA' class='Editinfotext' cellspacing='0' cellpadding='0'><tr><td height='25' colspan='5' align='center' valign='bottom'><table width='98%' border='0' cellspacing='0' cellpadding='0' class='Editinfotext'><tr><td height='32' valign='bottom' class='Normaltext'><span class='orangestorytittle'><a href='view_comment-"+ storyid +"-1'>"+storyname+ " </a> </span>: "+ storydesc.substring(0,183) +"...<span class='orangelink'><a href='view_comment-"+ storyid +"-1'>More</a></span></td></tr><tr><td height='25'>submitted by : "+ storyauthor +"</td></tr></table></td></tr><tr><td width='20%' height='25' align='center' valign='top'>Your Comment : </td><td width='80%' height='25' colspan='4' align='left' valign='top'>COMMMEN</td></tr><tr><td height='25' colspan='5' align='center' valign='top'><table width='98%' border='0' align='center' cellpadding='0' cellspacing='0'><tr><td width='19%' class='Normaltext'>Category : "+catname+"</td><td width='18%' class='Normaltext'>Topic : "+topicname+"</td><td width='10%' class='Normaltext'>Age : "+ageid+"</td><td width='14%' align='left'><span class='storymore'><a href='view_comment-"+ storyid +"-1'>View " + commentcount + " Comments</a></span></td><td width='13%' align='left'><span class='storymore'><a href='view_comment-"+ storyid +"-3'>Blog This Story</a></span></td><td width='13%' align='left'><span class='storymore'><a href='view_comment-"+ storyid +"-4'>Email this story</a></span></td><td  width='13%' align='left'><span class='storymore'><a href='myfavorites-"+storyid+"'>Save to Favorites</a></span></td></tr></table></td>  </tr></table>";
//					str2="<table width='100%' border='0' bgcolor='#BCD5EA' class='Editinfotext' cellspacing='0' cellpadding='0'><tr><td height='25' colspan='5' align='center' valign='bottom'><table width='98%' border='0' cellspacing='0' cellpadding='0' class='Editinfotext'><tr><td height='32' valign='bottom' class='Normaltext'><span class='orangestorytittle'><a href='view_comment-"+ storyid +"-1'>"+storyname+ " </a> </span>: "+ storydesc.substring(0,183) +"...<span class='orangelink'><a href='view_comment-"+ storyid +"-1'>More</a></span></td></tr><tr><td height='25'>submitted by : "+ storyauthor +"</td></tr></table></td></tr><tr><td height='25' colspan='5' align='center' valign='top'><table width='98%' border='0' align='center' cellpadding='0' cellspacing='0'><tr><td width='19%' class='Normaltext'>"+catname+"/"+topicname+"</td><td width='18%' class='Normaltext'><span class='storymore'><a href='view_comment-"+ storyid +"-1'>View " + commentcount + " Comments</a></span></td><td width='13%' class='Normaltext'><span class='storymore'><a href='view_comment-"+ storyid +"-3'>Blog It</a></span></td><td width='13%' align='left'><span class='storymore'><a href='view_comment-"+ storyid +"-4'>Email It </a></span></td><td width='13%' align='left'><span class='storymore'><a href='myfavorites-"+storyid+"'>Save to Fav.</a></span></td><td width='4%' align='left'>&nbsp;</td><td  width='16%' align='left'>&nbsp;</td></tr></table></td></tr></table>";//add line 21st_march
						str2="<table width='100%' border='0' bgcolor='#BCD5EA' class='Editinfotext' cellspacing='0' cellpadding='0'><tr><td height='25' colspan='5' align='center' valign='bottom'><table width='98%' border='0' cellspacing='0' cellpadding='0' class='Editinfotext'><tr><td height='32' valign='bottom' class='Normaltext'><span class='orangestorytittle'><a href='view_comment-"+ storyid +"-1'>"+storyname+ " </a> </span>: "+ storydesc.substring(0,183) +"...<span class='orangelink'><a href='view_comment-"+ storyid +"-1'>More</a></span></td></tr><tr><td height='25'>submitted by : <a href='viewprofile-add-"+authorid+"'>"+ storyauthor +"</a></td></tr></table></td></tr><tr><td height='25' colspan='5' align='center' valign='top'><table width='98%' border='0' align='center' cellpadding='0' cellspacing='0'><tr><td width='19%' class='Normaltext'>"+catname+"/"+topicname+"</td><td width='18%' class='Normaltext'><span class='storymore'><a href='view_comment-"+ storyid +"-1'>View " + commentcount + " Comments</a></span></td><td width='13%' class='Normaltext'><span class='storymore'><a href='view_comment-"+ storyid +"-3'>Blog It</a></span></td><td width='13%' align='left'><span class='storymore'><a href='view_comment-"+ storyid +"-4'>Email It </a></span></td><td width='13%' align='left'>&nbsp;</td><td width='4%' align='left'>&nbsp;</td><td  width='16%' align='left'>&nbsp;</td></tr></table></td></tr></table>";//add line 21st_march

					}
					else{
				  //str2="<table width='100%' border='0' bgcolor='#BCD5EA' class='Editinfotext' cellspacing='0' cellpadding='0'><tr><td width='100%' height='25' colspan='5' align='center' valign='bottom'><table width='98%' border='0' cellspacing='0' cellpadding='0' class='Editinfotext'><tr><td height='32' valign='bottom' class='Normaltext'><span class='orangestorytittle'><a href='view_comment-"+ storyid +"-1'>"+storyname+ "  </a> </span> : "+ storydesc.substring(0,183) +"...<span class='orangelink'><a href='view_comment-"+ storyid +"-1'>More</a></span></td></tr><tr><td height='25'>submitted by : "+ storyauthor +"</td></tr></table></td></tr><tr><td height='25' colspan='5' align='center' valign='top'><table width='98%' border='0' align='center' cellpadding='0' cellspacing='0'><tr><td width='19%' class='Normaltext'>Category : "+catname+"</td><td width='18%' class='Normaltext'>Topic : "+topicname+"</td><td width='10%' class='Normaltext'>Age : "+ageid+"</td><td width='14%' align='left'><span class='storymore'><a href='view_comment-"+ storyid +"-1'>View " + commentcount + " Comments</a></span></td><td width='13%' align='left'><span class='storymore'><a href='view_comment-"+ storyid +"-3'>Blog This Story</a></span></td><td width='13%' align='left'><span class='storymore'><a href='view_comment-"+ storyid +"-4'>Email this story</a></span></td><td  width='13%' align='left'><span class='storymore'><a href='myfavorites-"+storyid+"'>Save to Favorites</a></span></td></tr></table></td></tr></table>";
//                    str2="<table width='100%' border='0' bgcolor='#BCD5EA' class='Editinfotext' cellspacing='0' cellpadding='0'><tr><td width='100%' height='25' colspan='5' align='center' valign='bottom'><table width='98%' border='0' cellspacing='0' cellpadding='0' class='Editinfotext'><tr><td height='32' valign='bottom' class='Normaltext'><span class='orangestorytittle'><a href='view_comment-"+ storyid +"-1'>"+storyname+ "  </a> </span> : "+ storydesc.substring(0,183) +"...<span class='orangelink'><a href='view_comment-"+ storyid +"-1'>More</a></span></td></tr><tr><td height='25'>submitted by : "+ storyauthor +"</td></tr></table></td></tr><tr><td height='25' colspan='5' align='center' valign='top'><table width='98%' border='0' align='center' cellpadding='0' cellspacing='0'><tr><td width='19%' class='Normaltext'>"+catname+"/"+topicname+"</td><td width='18%' class='Normaltext'><span class='storymore'><a href='view_comment-"+ storyid +"-1'>View " + commentcount + " Comments</a></span></td><td width='13%' class='Normaltext'><span class='storymore'><a href='view_comment-"+ storyid +"-3'>Blog It</a></span></td><td width='13%' align='left'><span class='storymore'><a href='view_comment-"+ storyid +"-4'>Email It </a></span></td><td width='13%' align='left'><span class='storymore'><a href='myfavorites-"+storyid+"'>Save to Fav.</a></span></td><td width='4%' align='left'>&nbsp;</td><td  width='16%' align='left'>&nbsp;</td></tr></table></td></tr></table>";//add line 21st_march
					   str2="<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td width='10%' align='center' valign='top'><table width='90%' border='0' cellspacing='0' cellpadding='0'><tr><td>&nbsp;</td></tr><tr><td align='center'><img src='images/profile/48/"+ author_avatar +"' width='48' height='48'></td></tr><tr><td height='25' align='center' class='fls'>Total Vote</td></tr><tr><td align='center' class='smallredBartext'>"+tot_vote+"</td></tr></table></td><td width='90%'><table width='100%' border='0' align='center' cellpadding='0' cellspacing='0'><tr><td colspan='2' valign='top'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td><img src='images/bulb.gif' alt='Idea' width='36' height='36'></td><td width='70%'><span class='linkheadingstory'><a href='view_comment-"+ storyid +"-1'>"+storyname+ "</a><a href='comment-" + storyid + "-1'></a></span></td><td width='30%' align='right' valign='top'><table width='352' height='22' border='0' cellpadding='0' cellspacing='0' bgcolor='#0054A2'><tr><td align='left' valign='bottom'><table width='351' height='21' border='0' cellpadding='0' cellspacing='0' bgcolor='#FFFFFF'><tr><td width='24' align='left'><img src='images/bt_comment.gif' alt='View Comments' width='18' height='15'></td><td width='105' class='submitstyle'><a href='view_comment-"+ storyid +"-1'>"+strComment+"</a></td><td width='21' align='center'><img src='images/bt_fav.gif' alt='Save This Idea To Your Favorites' width='13' height='13'></td><td width='71' class='submitstyle'><a href='myfavorites-"+storyid+"'>Save to Fav.</a><a href='myfavorites-"+ storyid +"'></a></td><td width='20' align='center'><img src='images/bt_email.gif' alt='Email This Idea' width='12' height='14'></td><td width='46' class='submitstyle'><a href='view_comment-"+ storyid +"-4'>Email It</a><a href='comment-"+ storyid +"-4'></a></td><td width='21' align='center'><img src='images/bt_blog.gif' alt='Blog This Idea' width='13' height='13'></td><td width='43' class='submitstyle'><a href='view_comment-"+ storyid +"-3'>Blog It</a></td></tr></table></td></tr></table></td></tr></table></td></tr><tr><td colspan='2' valign='top' class='text'>submitted by : <span class='storylink'><a href='viewprofile-add-" + authorid + "'></a></span><a href='viewprofile-add-"+authorid+"' class='submitedby'>"+ storyauthor +"</a><a href='viewprofile-add-" + authorid + "' class='submitedby'></a></td></tr><tr><td height='25' colspan='2' valign='middle' class='text'><span class='submitstyle'>Story Posted In "+catname+" &gt; "+topicname+" Category </span></td></tr><tr><td width='85%' colspan='2' valign='top'><span class='frontpagetext'>"+ storydesc.substring(0,183) +"...</span></td></tr><tr><td colspan='2' valign='top'>&nbsp;</td></tr><tr><td width='50%' height='35' valign='top'><a href='view_comment-"+ storyid +"-1'><img src='images/bt_read_more.gif' alt='Read More' width='69' height='13' border='0'></a></td><td width='50%' align='right' valign='top'>&nbsp;</td></tr></table></td></tr></table>";//add line 21st_march
						// layout
						str2 += "<table width='100%' border='0' cellspacing='0' cellpadding='0'><tr><td>&nbsp;</td></tr></table>" ;
						// end

					}
					str4=str2;
					dv.innerHTML=str4;
					
					if (document.getElementById("nodata"))
					document.getElementById("nodata").style.display = "none";
					
					ni.appendChild(dv);
					//	xleft= xleft+100 ;
					if (comment==1)
					yright= yright+97;
					else
					yright= yright+97;
					
				 }
				
				///////////////////////////////////////////// NEXT and prev 
				if (numofstory>numberofdisplay && startpos+numberofdisplay<numofstory) { create_next_votef(yright);}
////				if (startpos>=numberofdisplay && startpos<=numofstory) { create_prev_vote(yright); } 	
				// pagination
				if (startpos>0) { create_prev_votef(yright); } 	
				// pagination
				//////////////////////////////////////
			}
			else
			{
/*				dv = document.createElement('div');
				dv.setAttribute('id',"votechild1");
				dv.className="top";
				dv.style.position="absolute";       
				dv.style.left=20;
				dv.style.top=418+120;
				dv.style.width=500;
				dv.style.height=50;
				dv.innerHTML= stringarr[0];
				ni.appendChild(dv);		
*/				if (document.getElementById("norec"))
				document.getElementById("norec").style.display = "none";
				document.getElementById("nodata").style.display = "inline";
			}
		}
			//alert(document.getElementById("ajaxcontentarea").style.height) ;
}

function removeElement_div(divNum) {
  var d = document.getElementById('votemaster');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}

function removeNElement(divNum) {
  var d = document.getElementById('nextDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}

function removePElement(divNum) {
  var d = document.getElementById('prevDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}

function create_next_votef(pos)
{
	var nextitem ;
	var nexti = document.getElementById('nextDiv');
	nextitem = document.createElement('div');
	nextitem.setAttribute('id',"Next");
	nextitem.className="top";
/*	nextitem.style.position="absolute";
	nextitem.style.left=720;//default=650 : mozilla=718: ie=708:
	nextitem.style.top=159 + pos;
*/	
	nextitem.style.width=40;
	nextitem.style.height=10;
	nextitem.innerHTML="<span class='storylink'><a href='#' onclick='get_next_votef();'>Next</a></span>";
	nexti.appendChild(nextitem);
	
}

function get_next_votef()
{
///	startpos=startpos+numberofdisplay ;
///	endpos=endpos+numberofdisplay;
	// pagination
	startpos=startpos+endpos_f ;
	// pagination
/*	if (status=="vote")
		get_vote_change();*/
	if (status=="submit")
		get_story_submit(0);
/*	if (status=="comment")
		get_story_comment();*/
	if (status=="myone")
		get_story_one(0);

}
function get_prev_votef()
{
///	startpos=startpos-numberofdisplay ;
///	endpos=endpos-numberofdisplay;
	// pagination
	startpos=startpos-endpos_f ;
	// pagination
/*	if (status=="vote")
		get_vote_change();*/
	if (status=="submit")
		get_story_submit(0);
/*	if (status=="comment")
		get_story_comment();*/
	if (status=="myone")
		get_story_one(0);
}

function create_prev_votef(pos)
{
	var nextitem ;
	var nexti= document.getElementById('prevDiv');
	nextitem = document.createElement('div');
	nextitem.setAttribute('id',"prev");
	nextitem.className="top";
/*	nextitem.style.position="absolute";       
	nextitem.style.left=21; //Default=140 : mozilla=24: ie=34:
	nextitem.style.top=159+pos; //Default 480;
*/	
	nextitem.style.width=40;
	nextitem.style.height=10;
	nextitem.innerHTML="<span class='storylink'><a href='#' onclick='get_prev_votef();'>Prev</a></span>";
	
	nexti.appendChild(nextitem);		

}

function get_story_submit(reset_counter)
{
	if (http)
	{
		var y = Math.random() * 10000 ;
		var sortbytype=document.getElementById("votecat").value.split(",") ;
		// reset for pagination across tabs
		if(status != "submit")
			startpos = endpos_f ;
		if(reset_counter == 1)
			startpos = 0 ;
		if(reset_counter == 2)
			startpos = endpos_f ;
		// end
		status="submit";
		if (document.getElementById("votecat").value!="All"){
		http.open("GET", "f_get_story_submit.php?y="+ y +"&topic="+ sortbytype[1] +"&category="+ sortbytype[0] +"&startpos="+startpos+"&endpos="+endpos_f, true);
		}else
		http.open("GET", "f_get_story_submit.php?y="+ y +"&startpos="+startpos+"&endpos="+endpos_f, true);
		comment=0;
		http.onreadystatechange = handlevoteHttpResponse;
		http.send(null);
  	}
}
/*
function get_story_comment()
{
	if (http)
	{
		var y = Math.random() * 10000 ;
		var sortbytype=document.getElementById("votecat").value.split(",") ;
		comment=1;
		status="comment";
		if (document.getElementById("votecat").value!="All"){
		http.open("GET", "get_story_comment.php?y="+ y +"&topic="+ sortbytype[1] +"&category="+ sortbytype[0] , true);
		}else
		http.open("GET", "get_story_comment.php?y="+ y , true);
		http.onreadystatechange = handlevoteHttpResponse;
		http.send(null);
  	}
}
*/

function get_story_one(reset_counter)
{
	if (http)
	{
		var y = Math.random() * 10000 ;
		var sortbytype=document.getElementById("votecat").value.split(",") ;
		comment=0;
		// reset for pagination across tabs
		if(status != "myone")
			startpos = endpos_f ;
		if(reset_counter == 1)
			startpos = 0 ;
		if(reset_counter == 2)
			startpos = endpos_f ;
		// end
		status="myone";
		if (document.getElementById("votecat").value!="All"){
		http.open("GET", "f_get_story_myone.php?y="+ y +"&topic="+ sortbytype[1] +"&category="+ sortbytype[0] +"&startpos="+startpos+"&endpos="+endpos_f, true);
		}else
		http.open("GET", "f_get_story_myone.php?y="+ y +"&startpos="+startpos+"&endpos="+endpos_f, true);
		http.onreadystatechange = handlevoteHttpResponse;
		http.send(null);
  	}
}
/*
/////////////////////////////////// For more option //////////////////////
function get_vote_change_more()
{
	if (http)
	{
		startpos=5 ; 
		var y = Math.random() * 10000 ;
		var sortbytype=document.getElementById("votecat").value.split(",") ;
		status="vote";
		if (document.getElementById("votecat").value!="All"){
		//alert("get_categories_vote.php?y="+ y +"&topic="+ sortbytype[1] +"&category="+ sortbytype[0]);
		http.open("GET", "get_categories_vote.php?y="+ y +"&topic="+ sortbytype[1] +"&category="+ sortbytype[0] , true);
		}else
		http.open("GET", "get_categories_vote.php?y="+ y , true);
		comment=0;
		http.onreadystatechange = handlevoteHttpResponse;
		http.send(null);
  	}
}

// deleting from my #1
function deletemyone(myone_id,div_id)
{
	if (http)
	{
		var y = Math.random() * 10000 ;
		http.open("GET", "del_story_myone.php?y="+ y +"&myoneid="+ myone_id+"&divid="+div_id , true);
		http.onreadystatechange = delmyoneHttpResponse;
		http.send(null);
  	}
}

function delmyoneHttpResponse()
{
	if (http.readyState==4)
	{
		var xmlDocument = http.responseXML;
		var status ;
		var divid ;
		
		status = xmlDocument.getElementsByTagName('status').item(0).firstChild.data;
		divid = xmlDocument.getElementsByTagName('divid').item(0).firstChild.data;
		
		if(status == 1) {
			if(document.getElementById("votechild"+ divid))
			{
				removeElement_open("votechild"+ divid);
			}
		}
	}
}*/