var contentDomain = CONFIG.get("CONTENT_DOMAIN");
var page = 0;

/*-- Find expert comments --*/
function getExpertBio(id) {
    jQuery.ajax({
        type: "POST",
        url: "/dailybeauty/webmethods.aspx/FindExpertBio",
        data: "{'id' : '" + id + "'}",
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        beforeSend: function () {
            //jQuery("#expert-bio").html("");
        },
        success: function (results) {
            if (results.d.length > 0) {
                expertBio.open();
                jQuery("#expert-bioContent").html(
					'<div id="eb' + id + '-bio" class="bioBox">' +
						'<div class="bioContent">' +
							'<img alt="' + results.d[0].DisplayName + '" class="bioPic" src="' + contentDomain + '/BeautyPass/Experts/' + results.d[0].ImageFile + '" />' +
							'<p>' +
								'<dl class="title">' +
								'<dt>' + results.d[0].DisplayName + '</dt>' +
								'<dd><em>' + results.d[0].Title + '</em></dd>' +
								'</dl>' +
								results.d[0].Body.replace(/\n/g, "<br />") +
							'</p>' +
						'</div>' +
					'</div>');
                jQuery("#expert-bioHead, #overlay-bio").click(function () {
                    jQuery("#expert-bio").html("");
                });
            } else {
                //jQuery("#expert-bio").html("<span>No results found.</span>");
            }
        },
        failure: function (results) {
            //jQuery("#expert-bio").html("There was a problem with the search. Please try again later.");
        }
    });
}

function getExpertComments() {
    jQuery.ajax({
        type: "POST",
        url: "/dailybeauty/webmethods.aspx/FindLatestNExpertComments",
        data: "{'page' : " + page + "}",
        dataType: "json",
        contentType: "application/json; charset=utf-8",
        beforeSend: function () { },
        success: function (results) {
            jQuery("#expert-comments").html("");
            if (results.d.length > 0) {
                jQuery.each(results.d, function (i, comment) {
                    jQuery("#expert-comments").append(
						'<div class="comment">' +
							'<a class="fl" rel="display-expert-bio" href="#eb' + comment.ExpertBioId + '"><img src="' + contentDomain + '/beautypass/experts/' + comment.ExpertImage + '" alt="' + comment.ExpertName + '" /></a>' +
							'<p>' +
								'<span class="bold">' + comment.ExpertName + '</span><br />' +
								'just commented on<br />' +
								'<a class="entry bold" href="/dailybeauty/entry.aspx?id=' + comment.EntryId + '">' + comment.Headline + '</a>' +
							'</p>' +
							'<span class="cb"></span>' +
						'</div>'
					);
                });
                expertCommentsPagination();

                //bind getExpertBio method to the click even of all bio image links
                jQuery("a:[rel='display-expert-bio']").each(function (i, a) {
                    jQuery(a).click(function () { getExpertBio(parseInt(jQuery(a).attr("href").replace(/[^\d]/g, ''), 10)) });
                });
                //send all display-expert-bio anchors into expertBios.Init()

            } else {
                jQuery("#expert-comments").html("<span>No results found.</span>");
            }
        },
        failure: function (results) {
            jQuery("#expert-comments").html("There was a problem with the search. Please try again later.");
        }
    });
}
/// <reference path="../../sitemaps/" />

function expertCommentsPagination() {
    var html = "<div class='expert-comment-pagination' style='text-align:right;'>see more";
    if (page > 0) {
        html += "<a id='expert-page-previous' href='javascript:void(0);'><img src='/dailybeauty/content/expert-comments-previous.gif' alt='previous' /></a>";
    }
    html += "<a id='expert-page-next' href='javascript:void(0);'><img src='/dailybeauty/content/expert-comments-next.gif' alt='next' /></a>";
    html += "</div>";
    jQuery("#expert-comments").append(html);
    jQuery("#expert-page-next").click(function () {
        page++;
        getExpertComments();
    });
    jQuery("#expert-page-previous").click(function () {
        page--;
        getExpertComments();
    });
}

getExpertComments();