var ratingSiteID = document.getElementById('ratingSiteId').title;
var articleID = document.getElementById("documentId").value;
// load rating related css.
document.write('<link href="http://comments.nasa.gov/ratingresources/css/ratingandtagging.css" rel="stylesheet" type="text/css" />');

// Variable to hold the help icon related data.
var oUiScript = document.createElement("script");
    oUiScript.src = "http://comments.nasa.gov/ratingresources/js/popupRatingHelp.js"
    document.getElementsByTagName("head")[0].appendChild(oUiScript);

// Variable to hold an article related data.
var oArticleScript     = document.createElement("script");
    oArticleScript.src = "http://comments.nasa.gov/ratingresources/js/ArticleRatingInfo/"+ratingSiteID+"/"+articleID+".js";
    document.getElementsByTagName("head")[0].appendChild(oArticleScript);

// Variable to hold the site level data.
var oSiteScript     = document.createElement("script");
    oSiteScript.src = "http://comments.nasa.gov/ratingresources/js/SiteRatingInfo/"+ratingSiteID+".js";
    document.getElementsByTagName("head")[0].appendChild(oSiteScript); 

// Code to render an average and submit rating UI.
var oUiScript = document.createElement("script");
    oUiScript.src = "http://comments.nasa.gov/ratingresources/js/generate-rating-snippet.js"
    document.getElementsByTagName("head")[0].appendChild(oUiScript);
