/** FHRSWidget.Core.js: shared functionality for widgets **/

// Namespace definition : All Widget Classes should be created in this namespace  //
if (!window.FHRSWidget9105) {
    window.FHRSWidget9105 = {};
}

// Widget Core Constructor //
FHRSWidget9105.Core = function () {
    // Write out Parent Div where script is placed
    // Widget content can then be attached to this div through the DOM
    this.parentDivId = 'CoreJsBaseDiv-9105';
    document.write('<div id="' + this.parentDivId + '" class="widgetwrapper 9105"></div>');

};

// Widget Core Class Definition //
FHRSWidget9105.Core.prototype =
    {
        // Create any HTML element //
        createTag: function (tagName, innerHtml, cssClass) {
            var tag = $c_9105(tagName);

            if (cssClass) {
                this.setCssClass(tag, cssClass);
            }

            if (innerHtml) {
                tag.innerHTML = innerHtml;
            }

            return tag;
        },

        // Create Unordered List of Hyperlinks //
            createHyperlinkList: function (dataCollection, businessUrl, ratingImageUrl, listId, cssClass) {
            this.parentDiv = $g_9105(this.parentDivId);
            // Remove existing list with this Id, if exists

            // Create list
            var list;

            list = $c_9105('div');
            list.id = listId;
            list.name = listId;

            if (cssClass !== '') {
                this.setCssClass(list, cssClass);
            }

            // Add items to list
            var div;

            for (index in dataCollection) {
                var item = dataCollection[index];
                div = $c_9105('div');

                var businessName = item.BusinessName;
                var ratingKey = item.RatingKey;
                var postCode = item.PostCode;

                if (businessName) {
                    var hyperlink = this.createHyperlink(null, businessName, businessUrl + item.FHRSID, null, 'listhyperlink');
                    div.appendChild(hyperlink);

                    var image = this.createTag('div', postCode, null);
                    div.appendChild(image);

                    image = this.createTag('div', '<img src="' + ratingImageUrl + ratingKey + '.JPG" ></img>', null);
                    div.appendChild(image);
                }
                else {

                    var norating = this.createTag('div', '<a href="https://www.food.gov.uk/ratings" target="_blank"><img id="noRating" src="' + ratingImageUrl + ratingKey + '.JPG" ></img></a>', null);
                    div.appendChild(norating);
                }

                list.appendChild(div);
            }

            return list;
        },

        // Create a hyperlink and attach event handlers if needed //
        createHyperlink: function (hyperlinkId, text, href, onClickFunction, cssClass, target) {
            hyperlink = $c_9105('a');

            if (hyperlinkId) {
                hyperlink.id = hyperlinkId;

                hyperlink.name = hyperlinkId;
            }

            hyperlink.title = text;
            hyperlink.innerHTML = ('<div>' + text + '</div>'); //text));

            if (href) {
                hyperlink.href = href;
            }

            if (cssClass !== null && cssClass !== '') {
                this.setCssClass(hyperlink, cssClass);
            }

            if (target) {
                hyperlink.setAttribute("target", target);
            }

            // Attach onclick event handlers
            if (onClickFunction) {
                hyperlink.onclick = onClickFunction;
                var onClickHandler = new Function(hyperlink.onclick);
                if (hyperlink.addEventListener) {
                    hyperlink.addEventListener('click', onClickHandler, false);
                } else if (hyperlink.attachEvent) {
                    hyperlink.attachEvent('onclick', onClickHandler);
                }
            }

            return hyperlink;
        },

        // Adds CSS Class to any element //
        setCssClass: function (elem, cls) {
            elem.setAttribute('class', cls);
            elem.setAttribute('className', cls);
        },

        // Attach a Stylesheet to document <head> //
        attachStyleSheet: function (path, linkId) {
            var doc = document.getElementsByTagName('head').item(0);

            var link = $c_9105('link');
            link.rel = 'stylesheet';
            link.type = 'text/css';
            link.href = path;
            link.id = linkId;

            doc.appendChild(link);

            return false;
        },

        // Attach a new script, useful for simulating postbacks //
        attachScript: function (path, scriptId) {
            script = $c_9105('script');
            script.src = path;
            script.type = 'text/javascript';
            script.id = scriptId;
            this.parentDiv.appendChild(script);
            return false;
        }

    };

// Shortcut for GetElementsById //
function $g_9105(elem)
{
  return document.getElementById(elem);
}

// Shortcut for CreateElement //
function $c_9105(elem)
{
  return document.createElement(elem);
}

// Construct a new core object
var core9105 = new FHRSWidget9105.Core();


/** FHRSWidget.Widget.js: renders list of dev events **/

// Widget Constructor //
FHRSWidget9105.Widget = function()
{
    // Get reference to main div. All widget content will be children of this div
    this.parentDiv = document.getElementById(core9105.parentDivId);
    this.businessUrl = "https://ratings.food.gov.uk/business/";
    this.ratingImageUrl = "https://api1-ratings.food.gov.uk/images/scores/small/";
    this.fhrsEstablishmentData = [{"AddressLine1":"50 West Square","AddressLine2":"The Ashley Centre","AddressLine3":"High Street","AddressLine4":"Epsom","BusinessName":"Holland And Barrett","BusinessType":"Retailers - other","BusinessTypeID":4613,"Distance":null,"FHRSID":9105,"Geocode":{"Latitude":51.33244,"Longitude":-0.269322},"LocalAuthorityBusinessID":"03660\/0044\/7\/29B","LocalAuthorityCode":"306","LocalAuthorityEmailAddress":"ehpublichealth@epsom-ewell.gov.uk","LocalAuthorityName":"Epsom and Ewell","LocalAuthorityWebSite":"http:\/\/www.epsom-ewell.gov.uk","NewRatingPending":false,"PostCode":"KT18 5DB","RatingDate":"05 December 2011","RatingKey":"fhrs_5_en-gb","RatingValue":"5","ReInspectionResult":null,"RightToReply":"","SchemeType":"FHRS","Scores":{"ConfidenceInManagement":5,"Hygiene":5,"Structural":5}}];
}

// Widget : Core Class Definition  //
FHRSWidget9105.Widget.prototype =
    {
        // Main function for Events Widget : Handles rendering the widget to the consuming site //
        render: function () {

            var child1 = core9105.createHyperlinkList(this.fhrsEstablishmentData, this.businessUrl, this.ratingImageUrl, 'eventList9105', 'widgetcontainer');
            var child2 = core9105.createTag('br');
            var els = document.getElementsByClassName("9105");

            for (var i = 0; i < els.length; i++) {
                // Create Border and Shadow and return Content Div
                var contentDiv = this.createContentBorder(els[i]);

                // Create and Attach Events List
                contentDiv.appendChild(child1);
                contentDiv.appendChild(child2);
            }

        },

        // Create Border, Shadow, and Content Div //
        createContentBorder: function (localParentDiv) {
            var outerDiv = core9105.createTag('div', '', 'widget1');
            var innerDiv = core9105.createTag('div', '', 'widget2');
            var contentDiv = core9105.createTag('div', '', 'widget3');
            innerDiv.appendChild(contentDiv);
            outerDiv.appendChild(innerDiv);
            localParentDiv.appendChild(outerDiv);
            return contentDiv;
        }

    };

// Create Widget Object
var ev_w_9105 = new FHRSWidget9105.Widget();
ev_w_9105.render();