function focus_comment(event) {
    if (event.data.val() == "Write a comment...") {
        event.data.val("");
    }
}

function blur_comment(event) {
    if (event.data.val() == "") {
        event.data.val("Write a comment...");
    }
}

function focus_name_comment(event) {
    if (event.data.val() == "Enter your name") {
        event.data.val("");
    }
}

function blur_name_comment(event) {
    if (event.data.val() == "") {
        event.data.val("Enter your name");
    }
}

function submit_comment() {
    var comment = $('#comment_form_text').val();
    var blogid = $('#comment_blogid').val();
    if (comment == "Write a comment..." || comment == "") {
        alert("Please enter your comment");
        return false;
    }
    var name = $('#name_comment').val();
    if (name == "Enter your name") {
        name = "";
    }
    var urlsegment = $('#urlsegment').val();
    
    $('#comment_submit').hide();
    $('#comment_loading').show();
    $('#comment_form_text').attr('disabled', 'true');
    $('#name_comment').attr('disabled', 'true');
    $('#comment_list').hide();
    $('#loading_blog').show();
    
    if (urlsegment == "true") {
        urlsegment = "http://www.gocashless.co.za/comment/add_blog";
        path = "../";
    } else {
        urlsegment = "http://www.gocashless.co.za/comment/add_blog";
        path = "";
    }
    $.ajax({
        url     : urlsegment,
        type    : "post",
        timeout : 60000,
        data    : ({blogid  : blogid,
                    comment : comment,
                    name : name}),
        dataType: "json",
        error   : function(XMLHttpRequest, textStatus, errorThrown) {
                    alert("An error has occurred, please try again later");
                    $('#comment_loading').hide();
                    $('#comment_submit').show();
                    $('#comment_form_text').removeAttr('disabled');
                    $('#loading_blog').hide();
                    $('#comment_list').show(); 
                  },
        success : function(response) {
                    var str = "<div id='commentsNav'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr>" +
                            "<td width='60'><img src='http://www.gocashless.co.za/images/commentsPic.jpg' alt='comments' /></td>" +
                            "<td width='450' style='font-size: 1.1em;'>" +
                            response.commentcount + " Responses to this post</td><td width='190' class='commentsNav'>";
			    
			    pages = response.commentcount / 5;
			    pages = Math.ceil(pages);

			    if (pages > 1) {
				if (response.pagination > 0) {
				    str += "<a id='page_back' href='javascript:;'>&laquo;</a>&nbsp;";
				}
                                var current = parseInt(response.pagination) + 5;
				current = current / 5;
                                if (current < pages) {
                                    str += "<a id='page' onClick='page(" + current + ")' href='javascript:;'>" + current + "</a>&nbsp;";
                                    if (pages > 2) {
                                        var next = current + 1;
                                        if (next < pages) {
                                            str += "<a id='page' onClick='page(" + next + ")' href='javascript:;'>" + next + "</a>&nbsp;";
                                        }
                                    }

                                    str += "....&nbsp;";
                                    str += "<a id='page_total' onClick='page(" + pages + ")' href='javascript:;'>" + pages + "</a>&nbsp;";
                                    str += "<a id='next_page' href='javascript:;'>&raquo;</a>";
                                } else {
                                    str += "<a id='page_total' onClick='page(" + pages + ")' href='javascript:;'>" + pages + "</a>&nbsp;";
                                }
			    }
		    str += "</td></tr></table></div>";
                    $('#commentsNav').hide();
                    $('#commentsNav').html(str);
                    
                    str = "";
                    arraycount = response.comments.length;

                    if (response.comments) {
                        for (var i=0; i < arraycount; i++) { 
                            str += "<li id='comment_item_" + response.comments[i]['commentid'] + "'>" +
                            "<div id='commentsHolder'> <!--div holding a comment opens -->" +
                            "<div id='commentTop'></div>" +
                            "<div id='commentMiddle'>" +
                                    "<table width='630' border='0' cellspacing='0' cellpadding='4' style='margin-left: 40px;'>" +
                                      "<tr><td width='50' style='vertical-align: top;'>" +
                                            "<img src='http://www.gocashless.co.za/images/commentPerson.jpg' alt='Comment' />" +
                                        "</td><td width='580' style='vertical-align: top; padding-top: 7px;'>" +
                                            "<span style='font-weight: bold; color: #333333;'>" +
                                                 response.comments[i]['name'].slice(0,1).toUpperCase() + response.comments[i]['name'].slice(1) + " says...</span>" +
                                            "<p>" + response.comments[i]['text'] + "</p>" +
                                        "</td></tr></table>"+                                
                                "</div><div id='commentBottom'></div>" +
                            "</div> <!--div holding a comment closes -->" +
                            "</li>";
                        }
                    }

                    $('#loading_blog').hide();
                    $('#comment_list').html(str);
                    $('#commentsNav').fadeIn('slow');
                    $('#comment_list').fadeIn('slow');
                 
                    $('#comment_loading').hide();
                    $('#comment_submit').show();
                    $('#comment_form_text').removeAttr('disabled');
                    $('#comment_form_text').val('Write a comment...');
                    $('#name_comment').removeAttr('disabled');
                    $('#name_comment').val('Enter your name');
                    
                    $('#page_back').bind('click', prev_page);
                    $('#next_page').bind('click', next_page);
                  }
    });
    return true;
}

function view_all() {
    var blogid = $('#comment_blogid').val();
    var nolimit = "true";
    var pagination = 0;
    $('#comment_list').hide();
    $('#loading_blog').show();

    var urlsegment = $('#urlsegment').val();

    if (urlsegment == "true") {
        urlsegment = "http://www.gocashless.co.za/comment/page_blog";
        path = "../";
    } else {
        urlsegment = "http://www.gocashless.co.za/comment/page_blog";
        path = "";
    }

    $.ajax({
        url     : urlsegment,
        type    : "post",
        timeout : 60000,
        data    : ({blogid  : blogid,
                    pagination : pagination,
                    nolimit: nolimit}),
        dataType: "json",
        error   : function(XMLHttpRequest, textStatus, errorThrown) {
                    alert("An error has occurred, please try again later");
                    $('#loading_blog').hide();
                    $('#comment_list').show(); 
                  },
        success : function(response) {

                    var str = "<div id='commentsNav'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr>" +
                            "<td width='60'><img src='http://www.gocashless.co.za/images/commentsPic.jpg' alt='comments' /></td>" +
                            "<td width='450' style='font-size: 1.1em;'>" +
                            response.commentcount + " Responses to this post</td><td width='190' class='commentsNav'>";
		    str += "</td></tr></table></div>";
                    $('#commentsNav').hide();
                    $('#commentsNav').html(str);

                    str = "";
                    arraycount = response.comments.length;

                    if (response.comments) {
                        for (var i=0; i < arraycount; i++) { 
                            str += "<li id='comment_item_" + response.comments[i]['commentid'] + "'>" +
                            "<div id='commentsHolder'> <!--div holding a comment opens -->" +
                            "<div id='commentTop'></div>" +
                            "<div id='commentMiddle'>" +
                                    "<table width='630' border='0' cellspacing='0' cellpadding='4' style='margin-left: 40px;'>" +
                                      "<tr><td width='50' style='vertical-align: top;'>" +
                                            "<img src='http://www.gocashless.co.za/images/commentPerson.jpg' alt='Comment' />" +
                                        "</td><td width='580' style='vertical-align: top; padding-top: 7px;'>" +
                                            "<span style='font-weight: bold; color: #333333;'>" +
                                                 response.comments[i]['name'].slice(0,1).toUpperCase() + response.comments[i]['name'].slice(1) + " says...</span>" +
                                            "<p>" + response.comments[i]['text'] + "</p>" +
                                        "</td></tr></table>"+                                
                                "</div><div id='commentBottom'></div>" +
                            "</div> <!--div holding a comment closes -->" +
                            "</li>";
                        }
                    }

                    $('#loading_blog').hide();
                    $('#comment_list').html(str);
                    $('#commentsNav').fadeIn('slow');
                    $('#comment_list').fadeIn('slow');
                 
                    $('#comment_loading').hide();
                    $('#comment_submit').show();
                    $('#comment_form_text').removeAttr('disabled');
                    $('#comment_form_text').val('Write a comment...');
                    $('#view_all_div').html("");

                    $('#pagination').val(parseInt(response.pagination));
                    
                    $('#page_back').bind('click', prev_page);
                    $('#next_page').bind('click', next_page);
                  }
    });
    return true;
}

function next_page() {
    var pagination = parseInt($('#pagination').val()) + 5;
    var blogid = $('#comment_blogid').val();

    $('#comment_list').hide();
    $('#loading_blog').show();

    var urlsegment = $('#urlsegment').val();

    if (urlsegment == "true") {
        urlsegment = "http://www.gocashless.co.za/comment/page_blog";
        path = "../";
    } else {
        urlsegment = "http://www.gocashless.co.za/comment/page_blog";
        path = "";
    }

    $.ajax({
        url     : urlsegment,
        type    : "post",
        timeout : 60000,
        data    : ({blogid  : blogid,
                    pagination : pagination }),
        dataType: "json",
        error   : function(XMLHttpRequest, textStatus, errorThrown) {
                    alert("An error has occurred, please try again later");
                    $('#loading_blog').hide();
                    $('#comment_list').show(); 
                  },
        success : function(response) {

                    var str = "<div id='commentsNav'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr>" +
                            "<td width='60'><img src='http://www.gocashless.co.za/images/commentsPic.jpg' alt='comments' /></td>" +
                            "<td width='450' style='font-size: 1.1em;'>" +
                            response.commentcount + " Responses to this post</td><td width='190' class='commentsNav'>";
			    
			    pages = parseInt(response.commentcount) / 5;
			    pages = Math.ceil(pages);

			    if (pages > 1) {
				if (parseInt(response.pagination) > 0) {
				    str += "<a id='page_back' href='javascript:;'>&laquo;</a>&nbsp;";
				}
                                var current = parseInt(response.pagination) + 5;
				current = current / 5;
                                if (current < pages) {
                                    str += "<a id='page' onClick='page(" + current + ")' href='javascript:;'>" + current + "</a>&nbsp;";
                                    if (pages > 2) {
                                        var next = current + 1;
                                        if (next < pages) {
                                            str += "<a id='page' onClick='page(" + next + ")' href='javascript:;'>" + next + "</a>&nbsp;";
                                        }
                                    }

                                    str += "....&nbsp;";
                                    str += "<a id='page_total' onClick='page(" + pages + ")' href='javascript:;'>" + pages + "</a>&nbsp;";
                                    str += "<a id='next_page' href='javascript:;'>&raquo;</a>";
                                } else {
                                    str += "<a id='page_total' onClick='page(" + pages + ")' href='javascript:;'>" + pages + "</a>&nbsp;";
                                }
			    }
		    str += "</td></tr></table></div>";
                    $('#commentsNav').hide();
                    $('#commentsNav').html(str);

                    str = "";
                    arraycount = response.comments.length;

                    if (response.comments) {
                        for (var i=0; i < arraycount; i++) { 
                            str += "<li id='comment_item_" + response.comments[i]['commentid'] + "'>" +
                            "<div id='commentsHolder'> <!--div holding a comment opens -->" +
                            "<div id='commentTop'></div>" +
                            "<div id='commentMiddle'>" +
                                    "<table width='630' border='0' cellspacing='0' cellpadding='4' style='margin-left: 40px;'>" +
                                      "<tr><td width='50' style='vertical-align: top;'>" +
                                            "<img src='http://www.gocashless.co.za/images/commentPerson.jpg' alt='Comment' />" +
                                        "</td><td width='580' style='vertical-align: top; padding-top: 7px;'>" +
                                            "<span style='font-weight: bold; color: #333333;'>" +
                                                 response.comments[i]['name'].slice(0,1).toUpperCase() + response.comments[i]['name'].slice(1) + " says...</span>" +
                                            "<p>" + response.comments[i]['text'] + "</p>" +
                                        "</td></tr></table>"+                                
                                "</div><div id='commentBottom'></div>" +
                            "</div> <!--div holding a comment closes -->" +
                            "</li>";
                        }
                    }

                    $('#loading_blog').hide();
                    $('#comment_list').html(str);
                    $('#commentsNav').fadeIn('slow');
                    $('#comment_list').fadeIn('slow');
                 
                    $('#comment_loading').hide();
                    $('#comment_submit').show();
                    $('#comment_form_text').removeAttr('disabled');
                    $('#comment_form_text').val('Write a comment...');

                    $('#pagination').val(parseInt(response.pagination));
                    
                    $('#page_back').bind('click', prev_page);
                    $('#next_page').bind('click', next_page);
                  }
    });
    return true;
}

function prev_page() {
    var pagination = parseInt($('#pagination').val()) - 5;
    var blogid = $('#comment_blogid').val();
    
    $('#comment_list').hide();
    $('#loading_blog').show();
    
    var urlsegment = $('#urlsegment').val();

    if (urlsegment == "true") {
        urlsegment = "http://www.gocashless.co.za/comment/page_blog";
        path = "../";
    } else {
        urlsegment = "http://www.gocashless.co.za/comment/page_blog";
        path = "";
    }
    $.ajax({
        url     : urlsegment,
        type    : "post",
        timeout : 60000,
        data    : ({blogid  : blogid,
                    pagination : pagination }),
        dataType: "json",
        error   : function(XMLHttpRequest, textStatus, errorThrown) {
                    alert("An error has occurred, please try again later");
                    $('#loading_blog').hide();
                    $('#comment_list').show(); 
                  },
        success : function(response) {
                    var str = "<div id='commentsNav'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr>" +
                            "<td width='60'><img src='http://www.gocashless.co.za/images/commentsPic.jpg' alt='comments' /></td>" +
                            "<td width='450' style='font-size: 1.1em;'>" +
                            response.commentcount + " Responses to this post</td><td width='190' class='commentsNav'>";
			    
			    pages = parseInt(response.commentcount) / 5;
			    pages = Math.ceil(pages);

			    if (pages > 1) {
				if (parseInt(response.pagination) > 0) {
				    str += "<a id='page_back' href='javascript:;'>&laquo;</a>&nbsp;";
				}
                                var current = parseInt(response.pagination) + 5;
				current = current / 5;
                                if (current < pages) {
                                    str += "<a id='page' onClick='page(" + current + ")' href='javascript:;'>" + current + "</a>&nbsp;";
                                    if (pages > 2) {
                                        var next = current + 1;
                                        if (next < pages) {
                                            str += "<a id='page' onClick='page(" + next + ")' href='javascript:;'>" + next + "</a>&nbsp;";
                                        }
                                    }

                                    str += "....&nbsp;";
                                    str += "<a id='page_total' onClick='page(" + pages + ")' href='javascript:;'>" + pages + "</a>&nbsp;";
                                    str += "<a id='next_page' href='javascript:;'>&raquo;</a>";
                                } else {
                                    str += "<a id='page_total' onClick='page(" + pages + ")' href='javascript:;'>" + pages + "</a>&nbsp;";
                                }
			    }
		    str += "</td></tr></table></div>";
                    $('#commentsNav').hide();
                    $('#commentsNav').html(str);
                    
                    str = "";
                    arraycount = response.comments.length;

                    if (response.comments) {
                        for (var i=0; i < arraycount; i++) { 
                            str += "<li id='comment_item_" + response.comments[i]['commentid'] + "'>" +
                            "<div id='commentsHolder'> <!--div holding a comment opens -->" +
                            "<div id='commentTop'></div>" +
                            "<div id='commentMiddle'>" +
                                    "<table width='630' border='0' cellspacing='0' cellpadding='4' style='margin-left: 40px;'>" +
                                      "<tr><td width='50' style='vertical-align: top;'>" +
                                            "<img src='http://www.gocashless.co.za/images/commentPerson.jpg' alt='Comment' />" +
                                        "</td><td width='580' style='vertical-align: top; padding-top: 7px;'>" +
                                            "<span style='font-weight: bold; color: #333333;'>" +
                                                 response.comments[i]['name'].slice(0,1).toUpperCase() + response.comments[i]['name'].slice(1) + " says...</span>" +
                                            "<p>" + response.comments[i]['text'] + "</p>" +
                                        "</td></tr></table>"+                                
                                "</div><div id='commentBottom'></div>" +
                            "</div> <!--div holding a comment closes -->" +
                            "</li>";
                        }
                    }
                
                    
                    $('#loading_blog').hide();
                    $('#comment_list').html(str);
                    $('#commentsNav').fadeIn('slow');
                    $('#comment_list').fadeIn('slow');
                 
                    $('#comment_loading').hide();
                    $('#comment_submit').show();
                    $('#comment_form_text').removeAttr('disabled');
                    $('#comment_form_text').val('Write a comment...');
                    $('#pagination').val(parseInt(response.pagination));
                    
                    $('#page_back').bind('click', prev_page);
                    $('#next_page').bind('click', next_page);
                  }
    });
    return true;
}

function page(page) {
    var pagination = page * 5;
    pagination = pagination - 5;
    var blogid = $('#comment_blogid').val();

    var urlsegment = $('#urlsegment').val();

    $('#comment_list').hide();
    $('#loading_blog').show();

    if (urlsegment == "true") {
        urlsegment = "http://www.gocashless.co.za/comment/page_blog";
        path = "../";
    } else {
        urlsegment = "http://www.gocashless.co.za/comment/page_blog";
        path = "";
    }
    $.ajax({
        url     : urlsegment,
        type    : "post",
        timeout : 60000,
        data    : ({blogid  : blogid,
                    pagination : pagination }),
        dataType: "json",
        error   : function(XMLHttpRequest, textStatus, errorThrown) {
                    alert("An error has occurred, please try again later");
                    $('#loading_blog').hide();
                    $('#comment_list').show(); 
                  },
        success : function(response) {
                    var str = "<div id='commentsNav'><table width='100%' border='0' cellspacing='0' cellpadding='0'><tr>" +
                            "<td width='60'><img src='http://www.gocashless.co.za/images/commentsPic.jpg' alt='comments' /></td>" +
                            "<td width='450' style='font-size: 1.1em;'>" +
                            response.commentcount + " Responses to this post</td><td width='190' class='commentsNav'>";
			    
			    pages = parseInt(response.commentcount) / 5;
			    pages = Math.ceil(pages);

			    if (pages > 1) {
				if (parseInt(response.pagination) > 0) {
				    str += "<a id='page_back' href='javascript:;'>&laquo;</a>&nbsp;";
				}
                                var current = parseInt(response.pagination) + 5;
				current = current / 5;
                                if (current < pages) {
                                    str += "<a id='page' onClick='page(" + current + ")' href='javascript:;'>" + current + "</a>&nbsp;";
                                    if (pages > 2) {
                                        var next = current + 1;
                                        if (next < pages) {
                                            str += "<a id='page' onClick='page(" + next + ")' href='javascript:;'>" + next + "</a>&nbsp;";
                                        }
                                    }

                                    str += "....&nbsp;";
                                    str += "<a id='page_total' onClick='page(" + pages + ")' href='javascript:;'>" + pages + "</a>&nbsp;";
                                    str += "<a id='next_page' href='javascript:;'>&raquo;</a>";
                                } else {
                                    str += "<a id='page_total' onClick='page(" + pages + ")' href='javascript:;'>" + pages + "</a>&nbsp;";
                                }
			    }
		    str += "</td></tr></table></div>";
                    $('#commentsNav').hide();
                    $('#commentsNav').html(str);
                    
                    str = "";
                    arraycount = response.comments.length;

                    if (response.comments) {
                        for (var i=0; i < arraycount; i++) { 
                            str += "<li id='comment_item_" + response.comments[i]['commentid'] + "'>" +
                            "<div id='commentsHolder'> <!--div holding a comment opens -->" +
                            "<div id='commentTop'></div>" +
                            "<div id='commentMiddle'>" +
                                    "<table width='630' border='0' cellspacing='0' cellpadding='4' style='margin-left: 40px;'>" +
                                      "<tr><td width='50' style='vertical-align: top;'>" +
                                            "<img src='http://www.gocashless.co.za/images/commentPerson.jpg' alt='Comment' />" +
                                        "</td><td width='580' style='vertical-align: top; padding-top: 7px;'>" +
                                            "<span style='font-weight: bold; color: #333333;'>" +
                                                 response.comments[i]['name'].slice(0,1).toUpperCase() + response.comments[i]['name'].slice(1) + " says...</span>" +
                                            "<p>" + response.comments[i]['text'] + "</p>" +
                                        "</td></tr></table>"+                                
                                "</div><div id='commentBottom'></div>" +
                            "</div> <!--div holding a comment closes -->" +
                            "</li>";
                        }
                    }
                
                   
                    $('#loading_blog').hide();
                    $('#comment_list').html(str);
                    $('#commentsNav').fadeIn('slow');
                    $('#comment_list').fadeIn('slow');
                 
                    $('#comment_loading').hide();
                    $('#comment_submit').show();
                    $('#comment_form_text').removeAttr('disabled');
                    $('#comment_form_text').val('Write a comment...');
                    $('#pagination').val(parseInt(response.pagination));
                    
                    $('#page_back').bind('click', prev_page);
                    $('#next_page').bind('click', next_page);
                  }
    });
    return true;
}