﻿

try {
    function $(element) {
        return document.getElementById(element);
    }

    $('yuiDataTable').style.display = 'none';
    var div = document.createElement('div'); 
    div.style.display = 'none';

    
    var sourcePhoneNumField = document.getElementById('divPhoneNum').innerHTML;

    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) {
SPECIAL.innerHTML = ""
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>';

BUNDLE.style.display = 'none';
TV.style.display = 'none';
NET.style.display = 'none';
PHONE.style.display = 'none';
return new Array(); };


_formatOffer = function(elCell, oRecord, oColumn, oData) {

    var Offer = oRecord._oData;
    div.style.display = 'block';

    if (Offer.IsPrimaryTriplePlay)
        _formatSpecialOffer(Offer);
    //    if (Offer.ProductKey == 'c=Bundle&p=Comcast&id=55')
    //        _formatSpecialOffer(Offer);

    /*******Do Marketing Detail *************/
    var OfferTitleHTML = '<div class="msoOfferTitle"><h3 class="ellipsis" 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.Price > 0) {
        if (Offer.Description != null && Offer.Description != "")
            marketingDetialHTML += "<div class='msoOfferDescription'>" + Offer.Description + "</div>";
        else {
            marketingDetialHTML += "<ul>"
            for (var i = 0; i < Offer.MarketingBullets.length; i++) {
                marketingDetialHTML += '<li>' + Offer.MarketingBullets[i] + "</li>";
            }

            marketingDetialHTML += "</ul>";
        }
    }
    else
        marketingDetialHTML += "<div class='msoOfferDescription'>Contact " + sourcePhoneNumField + " for local pricing.</div>";
    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>';

    if (Offer.HasChannelLineup) {
        marketingDetialHTML += '<a class="showChannel_bt" href=\"javascript:showDetailURL(\'ChannelLineup.aspx?channelLineup' + Offer.ProductKey + 'channelLineup\');\">Channel Lineup</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\" />';
        OfferFeatureHTML += '<div id=\"tv-icon\"></div>';
    }
    if (Offer.Internet) {
        //        OfferFeatureHTML += '<img src=\"/_resources/images/internet-icon.gif\" alt=\"Internet\" />';
        OfferFeatureHTML += '<div id=\"internet-icon\"></div>';
    }
    if (Offer.Telephone) {
        //        OfferFeatureHTML += '<img src=\"/_resources/images/phone-icon.gif\" alt=\"Telephone\" />';
        OfferFeatureHTML += '<div id=\"phone-icon\"></div>';
    }
    OfferFeatureHTML += '</div>';

    var HTML = '<div class="msoOfferContainer">' + OfferTitleHTML + OfferpriceHTML + marketingDetialHTML + OfferFeatureHTML + '</div>';

    var node = document.createElement('div');
    node.innerHTML = HTML;


    var isBundle = Number(Offer.Television) + Number(Offer.Internet) + Number(Offer.Telephone)

    if (isBundle >= 2) {
      BUNDLE.appendChild(node)
      BUNDLE.style["display"] = "block";
    }
    else {
      if (Offer.Television) {
        TV.appendChild(node)
        TV.style["display"] = "block";
      }
      if (Offer.Internet) {
        NET.appendChild(node)
        NET.style["display"] = "block";
      }
      if (Offer.Telephone) {
        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);
}

