/** 
 * webContent object is populated with reviews JSON objects
 * by /src/tiles/profile/modules/reviewcollectionitem.jsp
 */
var webContent = {
    reviews : [],
    reviewsElement : div(),
    init : function() { 
        // set local references to DOM elements
        this.moreReviewsDiv = byId("moreReviews");
        
        // build HTML
        // note that easyDom fails in IE7 when setting attributes, so we're stuck building line-by-line
        for (var x in this.reviews) {
            if (typeof this.reviews[x] == "object") {

                // building objects
                var reviewDiv = div();
                 
                var titleLink = a( this.reviews[x].title );
                var authorLink = a( this.reviews[x].author );
                var moreLink = a( "read more" );

                var titleDiv = div( titleLink );
                var ratingDiv = div( this.reviews[x].ratingImg );
                var bylineP = p( this.reviews[x].date + " Posted by " );
                var reviewP = p( this.reviews[x].text + "... " );
                var providerText = d.createTextNode( this.reviews[x].provider );

                //setting link attributes
                titleLink.setAttribute("name","review-ext-title");
                titleLink.setAttribute("href",this.reviews[x].href);
                titleLink.setAttribute("rel","nofollow");
                titleLink.setAttribute("target","_blank");

                authorLink.setAttribute("name","review-ext-author");
                authorLink.setAttribute("href",this.reviews[x].href);
                authorLink.setAttribute("rel","nofollow");
                authorLink.setAttribute("target","_blank");

                moreLink.setAttribute("name","review-ext-more");
                moreLink.setAttribute("href",this.reviews[x].href);
                moreLink.setAttribute("rel","nofollow");
                moreLink.setAttribute("target","_blank");
                
                //adding classes
                titleLink.className = "review-ext-text-link";
                authorLink.className = "review-ext-text-link";
                moreLink.className = "review-ext-text-link";
                titleDiv.className = "title";
                ratingDiv.className = "rating";
                reviewDiv.className = "review";
                
                //appending elements
                bylineP.appendChild( authorLink );
                bylineP.appendChild( providerText );
                reviewP.appendChild( moreLink );
                reviewDiv.appendChild( titleDiv );
                reviewDiv.appendChild( ratingDiv );
                reviewDiv.appendChild( bylineP );
                reviewDiv.appendChild( reviewP );
                
                this.reviewsElement.appendChild( reviewDiv );
            }
        }
        this.run();
    },
    run : function() {
        this.moreReviewsDiv.appendChild(this.reviewsElement);
    }
};
pedro.event.addToOnLoad(
    function() {
        webContent.init(); 
    }
);