try {
    function $(element) {
        return document.getElementById(element);
    }

    $('yuiDataTable').style.display = 'none';
    var div = document.createElement('div');
    div.style.display = 'none';

    var SPECIAL = document.createElement('div');
    var BUNDLE = document.createElement('div');
    var TV = document.createElement('div');
    var NET = document.createElement('div');
    var PHONE = document.createElement('div');

    BUNDLE.className = 'msoGroup';
    TV.className = 'msoGroup';
    NET.className = 'msoGroup';
    PHONE.className = 'msoGroup';

    BUNDLE.innerHTML = '<h2 class="msoGroupHeader"> Bundle Plans</h2>';
    TV.innerHTML = '<h2 class="msoGroupHeader">Cable TV Plans</h2>';
    NET.innerHTML = '<h2 class="msoGroupHeader">High Speed Internet Plans</h2>';
    PHONE.innerHTML = '<h2 class="msoGroupHeader">Phone Service Plans</h2>';

    //div.parentNode.insertBefore(SPECIAL,div);
    div.appendChild(SPECIAL);
    div.appendChild(BUNDLE);
    div.appendChild(TV);
    div.appendChild(NET);
    div.appendChild(PHONE);
    $('dvSearchResults').appendChild(div);
}
catch (Error) { }

getBestOfferData = function(myData) { return new Array(); };

_formatOffer = function(elCell, oRecord, oColumn, oData) {
    var Offer = oRecord._oData;
    div.style.display = 'block';
    if (Offer.ProductKey == 'c=Bundle&p=Comcast&id=55')
        _formatSpecialOffer(Offer);

    /*******Do Marketing Detail *************/
    var OfferTitleHTML = '<div class=\"msoOfferTitle ellipsis\"><h3 title="' + Offer.Title + '">' + Offer.Title + '</h3></div>';
    var OfferpriceHTML = '<div class=\"msoOfferPrice\">' + ((Offer.Price > 0) ? '<h3>$' + Offer.Price.toFixed(2) + '<span class="perMonth">/mo</span></h3>' : "<h4>price varies by market</h4>") + '</div>';

    var marketingDetialHTML = "<div class='msoMarketingDetail'>"
    if (Offer.Description != null && Offer.Description != "")
        marketingDetialHTML += "<div class='msoOfferDescription'>" + Offer.Description + "</div>";
    else {
        var marketingDetialHTML = "<ul>"
        for (var i = 0; i < Offer.TelevisionDetails.length; i++) {
            marketingDetialHTML += '<li>' + Offer.TelevisionDetails[i] + "</li>";
        }
        for (var i = 0; i < Offer.InternetDetails.length; i++) {
            marketingDetialHTML += '<li>' + Offer.InternetDetails[i] + " </li> ";
        }
        for (var i = 0; i < Offer.TelephoneDetails.length; i++) {
            marketingDetialHTML += '<li>' + Offer.TelephoneDetails[i] + " </li> ";
        }
        marketingDetialHTML += "</ul>";
    }
    if (marketingDetialHTML == "")
        marketingDetialHTML += '<li>Yes! Plans are available. Click the link below to learn more.</li>';
    if (Offer.HasCustomizations)
        marketingDetialHTML += '<a href=\'javascript:showDetailURL("config.aspx?' + Offer.ProductKey + '");\' class="selectplan_bt" >Select This Plan</a>';
    else
        marketingDetialHTML += '<a href=\'javascript:addProduct("' + Offer.ProductKey + '");\' class=\"selectplan_bt\" >Select This Plan</a>';
    marketingDetialHTML += '<a class="showDetail_bt" href=\"javascript:showDetailURL(\'detail.aspx?' + Offer.ProductKey + '\');\">Offer Details</a>';
    marketingDetialHTML += "</div>";

    var OfferFeatureHTML = ""
    OfferFeatureHTML += '<div class=\"msoOfferFeatures\">';
    if (Offer.Television) {
        OfferFeatureHTML += '<img src=\"/_resources/images/tv-icon.gif\" alt=\"Television\" />';
    }
    if (Offer.Internet) {
        OfferFeatureHTML += '<img src=\"/_resources/images/internet-icon.gif\" alt=\"Internet\" />';
    }
    if (Offer.Telephone) {
        OfferFeatureHTML += '<img src=\"/_resources/images/phone-icon.gif\" alt=\"Telephone\" />';
    }
    OfferFeatureHTML += '</div>';


    /********Create the Offer**********/
    //    var HTML = '<table class="msoOfferContainer">';
    //    HTML += '<tr><td colspan="2">' + OfferTitleHTML + OfferpriceHTML + '</td></tr>';
    //    HTML += '<tr><td>' + marketingDetialHTML + '</td><td>' + OfferFeatureHTML + '</td></tr></table>';
    //    //HTML += '<div class="msoOfferSeparator"/>';
    var HTML = '<div class="msoOfferContainer">' + OfferTitleHTML + OfferpriceHTML + marketingDetialHTML + OfferFeatureHTML + '</div>';

    var node = document.createElement('div');
    node.innerHTML = HTML;

    if (Offer.Priority > 3) {
        BUNDLE.appendChild(node)
        BUNDLE.style["display"] = "block";
    }
    if (Offer.Priority == 3) {
        TV.appendChild(node)
        TV.style["display"] = "block";
    }
    if (Offer.Priority == 2) {
        NET.appendChild(node)
        NET.style["display"] = "block";
    }
    if (Offer.Priority == 1) {
        PHONE.appendChild(node)
        PHONE.style["display"] = "block";
    }

}

function productSelection(productKey) {
    //myCart.AddItem(productKey);
    checkCustomization(productKey);
}

function _formatSpecialOffer(Offer) {
    var HTML = "";

    HTML += '<div class="msoSpecialOfferContainer" ><img src="/_resources/images/1pxl-clr.gif" usemap="#SpecialOfferMap"/>';
    HTML += '<div class="msoSpecialPrice">';
    HTML += '$' + Offer.Price.toFixed(2);
    HTML += '</div>'
    HTML += '</div>';

    HTML += "<map name='SpecialOfferMap' id='SpecialOfferMap'>";
    HTML += "<area shape='rect' coords='10,190,80,210' href='javascript:showDetailURL(\"detail.aspx?" + Offer.ProductKey + "\");' />";
    HTML += "<area shape='rect' coords='195,190,369,216' href='javascript:addProduct(\"" + Offer.ProductKey + "\");' />";
    HTML += "</map>";

    var node = document.createElement('div');
    node.innerHTML = HTML;
    SPECIAL.appendChild(node)
}