var comments = new Array();
var comments_increment = 12;

function comments_render(targetdiv,offset) {

	var intcount = 0;
	var output = '';
	var pageout = '';
	
	var totalpages = parseInt(comments.length / comments_increment);
	if((comments.length % comments_increment) > 0){
		totalpages += 1;
	}

	if(totalpages > 1){
		pageout = '<div class="usercomments_counter"><ul><li>PAGES</li>';
		for(var pagecount = 0; pagecount < totalpages; pagecount++){
			if(offset == pagecount){
				pageout += '<li class="option_selected">' + (pagecount + 1) + '</li>';
			} else {
				pageout += '<li class="option" onclick="comments_render(\''+ targetdiv + '\',' + pagecount + ')">' + (pagecount + 1) + '</li>';
			}
		}
		pageout += '</ul></div>';
		output = pageout;
	}

	for (var totalcnt = 0; totalcnt < comments.length && intcount < comments_increment; totalcnt++){
		if(totalcnt > ((offset*comments_increment) - 1)){
			intcount++;
			output += '<div class="usercomments">';
			if(comments[totalcnt].body != undefined && comments[totalcnt].body != ''){
				output += '<p>' + comments[totalcnt].body + '<br /><br /><span class="comment">' + comments[totalcnt].name;	
				if(comments[totalcnt].city != undefined && comments[totalcnt].city != ''){
					output += ' - ' + comments[totalcnt].city;
				}
				output += '</span></p>';
			}
			if(comments[totalcnt].response != undefined && comments[totalcnt].response != ''){
				output += '<p class="commentresponse">' + comments[totalcnt].response + '</p>';
			}
			output += '</div>';
		}
	}
	output += pageout;
	document.getElementById(targetdiv).innerHTML = output;

}