var isInitial = true,
    end_of_result = false,
    curStory = 1,
    nxtStory = 2,
    nextStoryId = 1,
    prevCount = 1,
    socialRibbonContent = ['st_facebook_custom', 'st_twitter_custom', 'st_googleplus_custom', 'st_linkedin_custom', 'st_email_custom'],
    socialRibbonCount = ['st_facebook_vcount', 'st_twitter_vcount', 'st_googleplus_vcount', 'st_email_vcount', 'st_linkedin_vcount'],
    filters = ['just_in', 'most_read', 'most_shared', 'top_picks', 'breaking_news'],
    story_id = 0,
    story_origin = '',
    origin_name = '',
    bOutbrain = 0,
    font_size = 18,
    line_height = 25,
    initialPop = true,
    idRetry = 0,
    retryButtonActive = 0,
    nextId = 0,
    stories = {},
    isSetSocialRibbonTop = 0,
    articleLimit = 8;

var getCrossSell = function() {
    var story_container_attr = $('#story_container').attr('style');

    // var at_a_glance_params = {section: "home"};
    // atAGlanceCall(at_a_glance_params);
}

var setLoadingButton = function(type){
  var $loadMore = $("#load_more");
  $loadMore.show();
  switch (type) {
    case "retry":
      $loadMore.show();
      $loadMore.addClass("with_hover");
      $loadMore.css({"cursor": "pointer"});
      $loadMore.find(" > div").eq(0).hide();
      $loadMore.find(" > div").eq(1).show().html('<span style="font-size: 17px;margin-right: 5px;font-weight:bold;">RETRY LOADING</span><span class="glyphicon glyphicon-refresh"></span>');
      moreButtonStatus = 1; // load next article
    break;
    case "redirect":
      $loadMore.show();
      $loadMore.addClass("with_hover");
      $loadMore.css({"cursor": "pointer"});
      $loadMore.find(" > div").eq(0).hide();
      $loadMore.find(" > div").eq(1).show().html('<span>LOAD MORE ARTICLES</span>');
      moreButtonStatus = 2; // redirect to next article
    break;
    default:
      $loadMore.removeClass("with_hover");
      $loadMore.css({"cursor": "initial"});
      $loadMore.find(" > div").eq(0).show();
      $loadMore.find(" > div").eq(1).hide();
      moreButtonStatus = 0; // do nothing
    break;

  }

}

var getNextArticle = function(){
  var order = '';
  setLoadingButton("loading");
  if (story_origin == 'top_picks') {
      order = '&order=' + tpOrder;
  }
  $('#load_more').show();
  $.ajax({
      url: base_url + "story/" + story_id + "/" + story_origin + "?nextStory=" + nextStoryId + order,
      dataType: "json",
      timeout: 180000,
      success: function(data) {
          if (data.id > 0) {
              nextId = data.id;
              if(articleLimit > Object.keys(stories).length) {
                  getStaticArticle(data.id);
              } else {
                setLoadingButton('redirect');
              }

          } else {
              end_of_result = true;
              $('#load_more').hide();
          }

          isLoading = false;
      },
      error: function(xhr, status, errorThrown) {
        if(idRetry == 0 && errorThrown == "timeout"){
          getNextArticle();
          idRetry = 1;
        } else {
          //console.log(status);
          isLoading = false;
          //end_of_result = true;
          setLoadingButton("retry");
        }

      }
  });
}

var nextStoryEvent = function() {
    if (end_of_result === false && $(window).scrollTop() > $('#story' + nextStoryId).offset().top || ($(window).height() + $(window).scrollTop() + 100) >= $(document).height()) {
        //console.log("test");
        isLoading = true;
        $(window).unbind('scroll', nextStoryEvent); // Unbind until the next article is generated
        getNextArticle();
    }
};

var loadLeaderboardDFP = function($story_leaderboard_frame_node){
    var $leaderboardParent = $story_leaderboard_frame_node.parent();
    $story_leaderboard_frame_node.remove();
    var sec_caps = dfp_details[stories['story' + curStory].ad].cap;
    loadAd($leaderboardParent, 'GNO_'+sec_caps+'_Article_Leaderboard_'+((loadedDFP-1)%4+1), [728, 90], true);
    stories['story' + curStory].leaderBoardIndex = adsNum - 1 // Immediately get the index for the Ad that has been generated from gptAdSlots array
    adsTracking.setObject({key: 'story' + curStory, leaderGptIndex: (adsNum - 1)});

};

var loadMrectDFP = function($mrec_frame_node, type){
    var $mrecParent = $mrec_frame_node.parent();
    $mrec_frame_node.remove();
    var sec_caps = dfp_details[stories['story' + curStory].ad].cap;
    loadAd($mrecParent, 'GNO_'+sec_caps+'_Article_Mrec_'+((loadedDFP-1)%4+1), [300, 250], true);
    var idx = (adsNum - 1);
    loadedDFP++;

    if(type == "banner"){
      stories['story' + curStory].bannerIndex = idx // Immediately get the index for the Ad that has been generated from gptAdSlots array
      adsTracking.setObject({key: 'story' + curStory, bannerMrecGptIndex: idx});
    } else {
      //console.log("here");
      stories['story' + curStory].mrectIndex = idx // Immediately get the index for the Ad that has been generated from gptAdSlots array
      adsTracking.setObject({key: 'story' + curStory, mrecGptIndex: idx});
    }

};

var loadArticleData = function(data, id) {
    if (Object.keys(data).length > 0) {
        var regspaces = new RegExp(' ', 'g');
        var currArticleTags = data.story.tags.replace(regspaces, "|");
        zone_id = data.zone_story * 1;
        if (zone_id == 8701)
            zone_id = 8700; //for ulat filipino on story
        else if (zone_id == 8025)
            zone_id = 8475; //boxing on story
        else if (zone_id == 8075)
            zone_id = 8125; //basketball
        else if (zone_id == 8175)
            zone_id = 8225; //football
        else if (zone_id == 8275)
            zone_id = 8325; //other sports

        var html = '';

        nextStoryId++;
        if (story_origin == 'top_picks') {
            tpOrder++;
        }
        html = generateArticleContent(data);
        createStoryObject(data, nextStoryId);
        $('#story_container').children().eq(-2).after(html).promise().done(function() {
            // if (window_width >= 768) {
            //     var $story_leaderboard_frame_node = $("#story_leaderboard_frame_" + nextStoryId);
            //     if(dfp_zones.indexOf(zone_id)>-1){
            //         loadLeaderboardDFP($story_leaderboard_frame_node);
            //     }
            //     else{
            //       var story_leaderboard_frame_node = document.getElementById("story_leaderboard_frame_" + nextStoryId);
            //       story_leaderboard_frame_node.contentWindow.contents = $ads_json.leaderboard.replace($initial_zone_id + "", zone_id * 1 + 24).replace($initial_synad, currArticleTags);
            //       story_leaderboard_frame_node.src = 'javascript:window["contents"]';
            //     }
            // }
        }); //Append to container

        $('#story_container').children().eq(-2).after("<iframe id='alexa_story_"+nextStoryId+"' style='display:none;'></iframe>");
        loadAlexa(nextStoryId);
        contentResize(nextStoryId);
        story_id = id; // Global var
        csell_zoneid = zone_id;
        csell_article_tags = currArticleTags;
        if(typeof FB !== "undefined"){
          FB.XFBML.parse(document.getElementById('story'+nextStoryId));
        }

        if(data.story.saf != "1"){
          related_content_params = {id: id, start: 0, item: 5, container: "#story" + nextStoryId + "_related_content"};
          relatedContentCall_(related_content_params);
        }

    } else {
        end_of_result = true;
    }
    $(window).bind('scroll', nextStoryEvent); // Re-bind event due to unbinding when loading next article
    $('#loadMore').hide();

}

var loadAds = function(storyNum, data, tags){
  if (window_width >= 768) {
      var $story_leaderboard_frame_node = $("#story_leaderboard_frame_" + storyNum);
      if(dfp_zones.indexOf(zone_id)>-1){
          loadLeaderboardDFP($story_leaderboard_frame_node);
      }
      else{
        var story_leaderboard_frame_node = document.getElementById("story_leaderboard_frame_" + storyNum);
        story_leaderboard_frame_node.contentWindow.contents = $ads_json.leaderboard.replace($initial_zone_id + "", zone_id * 1 + 24).replace($initial_synad, tags);
        story_leaderboard_frame_node.src = 'javascript:window["contents"]';
      }
  }

  if(data.isSAF != 1){
    loadBannerAd(storyNum, tags)
    loadMrect((parseInt(zone_id) + 1), storyNum, tags);
    loadOutbrain(storyNum, (base_url + data.url));
  }

  stories["story" + storyNum].isAdsLoaded = 1;
}

var refreshAds = function(){
  var stry = stories["story" + curStory],
      timeOfCall = (Math.round(Date.now() / 1000) - stry.adCallTime);
  console.log("Time since the ad for article no. " + curStory + " was called: " + timeOfCall);
  if(timeOfCall >= 60){

    if(stry.leaderBoardIndex != null){
      googletag.pubads().refresh([gptAdSlots[stry.leaderBoardIndex]]);
    } else {
      googletag.pubads().refresh([gptAdSlots[stry.bannerIndex]]);
    }

    if(gptAdSlots[stry.mrectIndex] != null){
      googletag.pubads().refresh([gptAdSlots[stry.mrectIndex]]);
    }

    stry.adCallTime = Math.round(Date.now() / 1000);

  }
}

var getStaticArticle = function(id) {
    var folder = 100;
    if (String(id).length > 4) {
        folder = String(id).substr(0, 3);
    }
    var partition = reverse(id.toString().rpad("0", 3).substr(-3, 3));
    var url;
    if(is_live){
        url = data_url.replace('gno/', '') + partition + '/gno/story/' + id + ".gz";
    }else{
        url = base_url + 'widgets/story_generate/story/' + id;
    }
    $.ajax({
        url: url,
        type: 'GET',
        timeout: 180000,
        dataType: 'json',
        success: function(data) {
            loadArticleData(data, id);
        },
        error: function(xhr, status, errorThrown) {
            url = is_live ? data_url.replace('gno/', '') + partition + '/gno/story/' + id :  base_url + 'widgets/story_generate/story/' + id ;
            $.ajax({
                url: url,
                type: 'GET',
                timeout: 180000,
                dataType: 'json',
                success: function(data) {
                    loadArticleData(data, id);
                },
                error: function() {
                    setLoadingButton("retry");
                }
            });
        }
    });
}

var getVariableArticle = function(data) {
    var html = generateArticleContent(data);
    var regspaces = new RegExp(' ', 'g');
    var currArticleTags = data.story.tags.replace(regspaces, "|");

    zone_id = data.zone_story * 1;
    if (zone_id == 8701)
        zone_id = 8700; //for ulat filipino on story
    else if (zone_id == 8025)
        zone_id = 8475; //boxing on story
    else if (zone_id == 8075)
        zone_id = 8125; //basketball
    else if (zone_id == 8175)
        zone_id = 8225; //football
    else if (zone_id == 8275)
        zone_id = 8325; //other sports

    $('#story_container').children().eq(-1).before(html);
    $("#story1").attr("style", "");
    data.isAdsLoaded = 1;
    createStoryObject(data, "1");
    contentResize(curStory);

    changeSTUrls(base_url + data.story.link, data.story.id);
    if(data.story.saf != "1"){
      if($(window).width() >= 768){
        loadBannerAd(nextStoryId,currArticleTags);
      }
      loadMrect((parseInt(zone_id) + 1), '1', currArticleTags);
      loadOutbrain(nextStoryId, (base_url + data.story.link));
      related_content_params = {id: data.story.id, start: 0, item: 5, container: "#story1_related_content"};
      relatedContentCall_(related_content_params);
    }

    stories["story1"].adCallTime = Math.round(Date.now() / 1000);
    stories["story1"].leaderBoardIndex = 0;
    adsTracking.setObject({key: "story1", leaderGptIndex: 0});
    adsTracking.setTime("story1");
    if ($(window).width() < 768) {
        changeSTUrls_mobile(base_url + data.story.link, data.story.id);
    }
    changePageState(false);
    data = null;
    initialData = null;
    setTimeout(function() {
      if(typeof FB !== "undefined"){
        FB.XFBML.parse();
      }

    }, 3000);
}

var createStoryObject = function(data, storyCount) {
    var tempObj = {};
    var tagTitles = "";
    var ctitle = $("<div>" + data.title + "</div>").text();
    if (typeof data.all_tags !== "undefined" && data.all_tags.length > 0) {
        tagTitles = data.all_tags.join(', ');
    }

    tempObj = {
        title: data.story.title,
        url: base_url + data.story.link,
        image: data.story.image_url,
        description: data.story.teaser,
        isMultimedia: data.story.multimedia,
        tags: data.story.tags,
        all_tags: tagTitles,
        story_id: data.story.id,
        sto: data.story.override_share_title,
        smt: data.story.social_media_title,
        ad: data.zone_story,
        comments: data.story.comments,
        alt_title: ctitle,
        isAdsLoaded: typeof data.isAdsLoaded !== "undefined" ? data.isAdsLoaded : 0,
        isSAF: data.story.saf == "1" ? 1 : 0,
        leaderBoardIndex: null,
        mrectIndex: null,
        bannerIndex: null,
        adCallTime: 0 // The number of seconds since the ad was called
    }
    stories['story' + storyCount] = tempObj; // push to global variable 'stories'
}

var buildArticleTitle = function(data){
  var html = '';

  if( typeof data.story.saf != "undefined" && data.story.saf == "1"){
    // /style='background-image:url("+data.story.image_url+")'
    html += data.story.photo_id != 0 ? "<div class='saf_cover' >" : "<div class='saf_cover' style='min-height: 135px'>";
      html += data.story.photo_id != 0 ? "<img style='width:100%;' src='"+data.story.image_url.replace(data.story.thumbnail, "640_"+data.story.thumbnail)+"'>" : "";
      html += "<div class='saf_text'>";
        html += "<div class='saf_gradient'></div>";
        html += data.story.photo_id != 0 ? "<div class='saf_title_hldr'>" : "<div class='saf_title_hldr' style='margin-left: 0px !important;'>";
          html += "<div style='background-color: #"+data.story.section.color_code+"'>SPECIAL ADVERTISING FEATURE</div>";
          html += '<h1 style="margin-top: 5px;">';
                      // if (typeof data.story.kicker !== "undefined" && data.story.kicker != '' && data.story.kicker != null) {
                      //     html += '<p style="display:block" class="sKicker">' + data.story.kicker + '</p>';
                      // }
                      html += '<span id="story' + nextStoryId + '_link" class="story_links" data-ismultimedia="' + data.story.multimedia + '">' + data.story.title + '</span>' +
                  '</h1>';
        html += "</div>";
      html += "</div>"
    html += '</div>';

  } else {
    html += ' <h1 style="margin-top: 10px;">';
                if (typeof data.story.kicker !== "undefined" && data.story.kicker != '' && data.story.kicker != null) {
                    html += '<p style="display:block" class="sKicker">' + data.story.kicker + '</p>';
                }
                html += '<span id="story' + nextStoryId + '_link" class="story_links" data-ismultimedia="' + data.story.multimedia + '">' + data.story.title + '</span>' +
            '</h1>';
  }

  return html;

}

var buildArticleFooter = function(data){
  var html = '';

  if(typeof data.story.saf != "undefined" && data.story.saf == "1"){
    html += '<div class="clear"></div><div class="saf_footer"><div style="background-color: #'+data.story.section.color_code+';padding:0px 15px;text-align: center;color: white;float: right;font-size: 12px;">END OF SPECIAL ADVERTISING FEATURE</div>';
    html += '<div style="width: 100%;height: 4px;background-color: #'+data.story.section.color_code+';float: right;"></div></div>';
  }

  return html;
}

var prepareAuthor = function(story){
  var author = { parsed_byline: "", author_description: "", author_email: "", author_facebook: "", author_gplus: "", author_id: "", author_name: "", author_name_alt: "", author_stub: "", author_twitter: "", insert_timestamp: "", parsed_byline: "", photo_filename: "", platform: "", status: "" };
  if(typeof story.special_author !== "undefined" && story.special_author.length > 3){
    var story_authors = [];
    var separator = '';
    var regcommas = new RegExp(', ', 'g');
    var regcomma = new RegExp(',', 'g');
    story.special_author = (!story.special_author.match(/by/i) && story.special_author.length > 3) ? "By " + story.special_author : story.special_author;
    story.special_author = story.special_author.replace('By,', 'By ').replace(regcommas, ',').replace(regcomma, ', ')

    if(story.author_id.length && Object.keys(authors_json).length > 0){
      story_authors = story.author_id.split(',');
      story_authors.pop();

      if(story_authors.length >= 1){
        author.parsed_byline = story.special_author;
        var tmp = "";
        for(var i = 0; i < story_authors.length; i++){
          var key = authors_json[parseInt(story_authors[i].trim())];
          if(story_authors[i].trim() != "" && typeof key !== "undefined"){
            var authorReg = new RegExp(key.author_name.toLowerCase(), 'i');
            if(story_authors.length == 1){
              key.parsed_byline = author.parsed_byline.replace(authorReg, "<a href='"+base_url+"archives/authors/"+key.author_stub+"'>" + key.author_name.toUpperCase() + "</a>");
              author = key;
            } else {
              author.parsed_byline = author.parsed_byline.replace(authorReg, "<a href='"+base_url+"archives/authors/"+key.author_stub+"'>" + key.author_name.toUpperCase() + "</a>");
            }
          }
        }
      }

    } else {
      author.parsed_byline = story.special_author;
    }

  }
  return author;
}

var generateArticleContent = function(data) {
    var html = '';
    var tagTitles = '';
    var tagDisplay = '';
    var authors_data = prepareAuthor(data.story);
    var bylineSize = (typeof authors_data.photo_filename !== "undefined" && authors_data.photo_filename != "") ? 6 : 7;

    if (data.tag_array.length >= 1 && data.tag_array[0] != "") {
        tagDisplay = '<p style="word-wrap: break-word; margin-bottom: 0px;">Tags: ' + data.tag_array.join(', ') + '</p>';
    }
    html = '<div id="story' + nextStoryId + '" >' +
            (nextStoryId > 1 ? '<div class="ad_label row padded leaderboard text-center" style="padding-top: 0; height:100%; margin: 20px 20px 20px 0;">' +
                    '<iframe scrolling="no" id="story_leaderboard_frame_' + nextStoryId + '" "></iframe>' +
                    '</div>' : '') +
            (nextStoryId > 1 ? "<div id='mobile-mrec-top_" + nextStoryId + "' class='ad mobile-leaderboard_story' style='text-align: center;display: none; padding: 10px;'> <div class='label'>advertisement</div> </div>" : '') +
            '<div class="row padded storyHoldr">' +
            '<div style="text-align: right; font-size:14px">Filtered By: ' + origin_name + '</div>' +
            '<div class="section_identifier ' + data.story.section.sec_stub + '_background"></div>' +
            '<div class="subsection ' + data.story.section.sec_stub + '_background">' + data.story.section.sec_name + '</div>' +
            '<div style="padding: 2.5% 2.5% 0 2.5%;">' +
            '<div class="story_title">' +
            buildArticleTitle(data) +
            '<div class="clear"></div>';
            html += data.story.saf != "1" ? '<div class="row tb_container">' : '<div class="row tb_container" style="margin-right:-6px;">';
html +=     '<div class="col-xs-5 col-sm-5 rtcontainer">' +
            parseDate(data.story)+
            //'<p style="display:none;" style="word-wrap: break-word; margin-bottom: 0px;">Tags: '+data.story.tagsDisplay.replace(regexp,"http://www.gmanetwork.com")+'</p>'+
            //'<div class="fb-like" style="display: inline-flex; margin-right: 5px;" data-href="'+data.story.link.replace(base_url, "http://www.gmanetwork.com/news/")+'" data-action="recommend" data-send="false" data-width="80" data-layout="button_count" data-show-faces="false"></div>'+
            '</div>';
            if(data.story.special_author != ''){
html +=             authors_data.photo_filename != "" ? '<div class="col-xs-'+bylineSize+' col-sm-'+bylineSize+' bylineContainer">' : '<div class="col-xs-'+bylineSize+' col-sm-'+bylineSize+' bylineContainer" style="padding-right: 22px;">';
html +=                 '<div class="row noMargin">'+
                        //'<span class="byline">'+ ((data.story.by_line.length > 3) ? byline : '') +'</span>'+
                        '<span class="byline">'+ authors_data.parsed_byline +'</span>'+
                    '</div>'+
                    '<div class="row noMargin">';
                        if(authors_data.author_facebook != "" && authors_data.author_facebook != null){
                            html += '<div style="float: right; max-width:48px !important;" class="fb-like" data-href="https://www.facebook.com/'+authors_data.author_facebook+'" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>';
                        }
                        if(authors_data.author_twitter != "" && authors_data.author_twitter != null){
                            //console.log(data.story.author_twitter);
                            html += '<iframe src="//platform.twitter.com/widgets/follow_button.html?screen_name='+authors_data.author_twitter+'&show_screen_name=false" style="width: 60px; height: 20px; margin-right: 10px; float: right;" allowtransparency="true" frameborder="0" scrolling="no" style="max-height: 20px !important;"></iframe>';
                        }
html +=                             '</div>';
html +=                         '</div>';

                if(authors_data.photo_filename != ""){
                  html += '<div class="col-xs-1 col-sm-1" style="padding-left: 5px;">'+
                              '<img class="authorimg" alt="Author" title="Author" src="'+authors_data.photo_filename+'" width="50" height="50" style="border-radius: 5px;">'+
                          '</div>';
                }
            }
html +=                 '</div>';
    if (typeof data.story.translationLink !== "undefined") {
        html += '<div style="padding: 10px 0">' +
                '<a href="' + base_url + data.story.translationLink + '" class="translation">';
        html += (data.story.language_id == 2) ? 'Read in English' : 'Basahin sa Filipino';
        html += '</a>' +
                '</div>';
    }
    html += '</div>' +
            '<div class="story_main" style="line-height: ' + line_height + 'px; font-size: ' + font_size + 'px; ">';
    if(data.story.saf != "1"){
      html +=  '<div id="story' + nextStoryId + '_related_content" class="related_content_holder">' +
                '<div class="related_content_title">RELATED CONTENT</div>' +
                '</div>';
    }

    html += data.story.content_1;

    var tagsBanner = (typeof data.tag_array !== "undefined" && data.tag_array.length > 0) ? getTagBanner(data.tag_array) : '';
    if (tagsBanner.length > 0) {
        html += "<div class='links' style='overflow:hidden;position:relative;margin-top: 15px;'>" +
                "<a href='" + tagsBanner[2] + "' target='_blank'>" +
                "<img width='100%' src='" + tagsBanner[0] + "' alt='" + tagsBanner[1] + "' style='max-height:150px'>" +
                "</a>" +
                "</div>";
    }
    html += buildArticleFooter(data);
    html += '<div class="clear"></div>';
    html += '<div class="commentLink">';
    if (data.story.comments) {
        html += '<span style="top: 3px;" class="glyphicon glyphicon-comment"></span> <a style="cursor: pointer; float: none !important;" class="gno_comment" id="comment" data-target="' + nextStoryId + '">Show comments</a>';
    }
    if (nextStoryId > 1) {
        html += '<p class="b2p"><img alt="Previous" title="Previous" class="backbtn" style="margin-top: -4px; width: 18px !important; height: 18px !important;" src="' + assets_url + 'img/article/prev.png">Previous </p>' +
                '<p class="b2t" style="margin-right: 5px;"><img alt="Back to top" title="Back to top" class="backbtn" style="margin-top: -4px; width: 18px !important; height: 18px !important;" src="' + assets_url + 'img/article/top.png">Top </p>';
    }
    html += ' </div>';
    html += '</div>';
    html +='<div class="clear"></div>';
    if(data.story.saf != "1"){
      html += '<div class="obiframe_holder" style="padding-left: 0px;">' +
                '<div id="mobile-mrec-ob_'+nextStoryId+'" style="width:300px;height:200px;float:left;display:none;margin-top:-5px;" class="ob_mrect ad"> <div class="label">advertisement</div> </div>'+
                '<iframe style="min-height: 250px;width:400px;" class="obiframe" id="story'+nextStoryId+'_ob_iframe" frameborder="0" scrolling="no" onload="resizeIframe(this)"></iframe>'+
              '</div>';
    }
    html += ' </div>';
    html += '<div class="comments" id="comnt">' +
            '</div>' +
            '<div class="clear"></div>' +
            '</div>' +
            '</div>' +
            '</div>';

    return html;
}

var getTagBanner = function(tagArray) {
    var bannerData = [];
    var static_server = "http://images.gmanews.tv/v3";
    if (tagArray.indexOf('myhusbandslover') > -1) {
        bannerData = [static_server + "/img/coverage/leaderboard_mhl.jpg", "My Husband's Lover", "http://www.gmanetwork.com/gma/myhusbandslover"];
    } else if (tagArray.indexOf('weather') > -1) {
        bannerData = [static_server + "/img/coverage/leaderboard_imready.png", "IM Ready", "http://www.gmanetwork.com/news/imready/"];
    } else if (tagArray.indexOf('bangsamorocomprehensivepeaceagreement') > -1) {
        bannerData = [static_server + "/img/coverage/leaderboard_bangsamororoad.jpg", "Bangsamoro", "http://www.gmanetwork.com/news/tracking/bangsamorocomprehensivepeaceagreement"];
    } else if (tagArray.indexOf('bangsamoropeacedeal') > -1) {
        bannerData = [static_server + "/img/coverage/leaderboard_bangsamororoad.jpg", "Bangsamoro", "http://www.gmanetwork.com/news/tracking/bangsamorocomprehensivepeaceagreement"];
    } else if (tagArray.indexOf('bangsamoropeacetalks') > -1) {
        bannerData = [static_server + "/img/coverage/leaderboard_bangsamororoad.jpg", "Bangsamoro", "http://www.gmanetwork.com/news/tracking/bangsamorocomprehensivepeaceagreement"];
    } else if (tagArray.indexOf('gphmilfpeacedeal') > -1) {
        bannerData = [static_server + "/img/coverage/leaderboard_bangsamororoad.jpg", "Bangsamoro", "http://www.gmanetwork.com/news/tracking/bangsamorocomprehensivepeaceagreement"];
    } else if (tagArray.indexOf('gphmilfpeacetalks') > -1) {
        bannerData = [static_server + "/img/coverage/leaderboard_bangsamororoad.jpg", "Bangsamoro", "http://www.gmanetwork.com/news/tracking/bangsamorocomprehensivepeaceagreement"];
    } else if (tagArray.indexOf('milfgrppeacetalks') > -1) {
        bannerData = [static_server + "/img/coverage/leaderboard_bangsamororoad.jpg", "Bangsamoro", "http://www.gmanetwork.com/news/tracking/bangsamorocomprehensivepeaceagreement"];
    } else if (tagArray.indexOf('bangsamorobasiclaw') > -1) {
        bannerData = [static_server + "/img/coverage/leaderboard_bangsamororoad.jpg", "Bangsamoro", "http://www.gmanetwork.com/news/tracking/bangsamorocomprehensivepeaceagreement"];
    } else if (tagArray.indexOf('bantaykaban') > -1) {
        bannerData = [static_server + "/img/coverage/bantaykaban-leaderboard.jpg", "Bantay Kaban", "http://www.gmanetwork.com/news/tracking/bantaykaban"];
    } else if (tagArray.indexOf('yolanda') > -1) {
        bannerData = [static_server + "/img/coverage/131114-yolandaruins-badge.jpg", "Super Typhoon Yolanda", "http://www.gmanetwork.com/news/tracking/yolanda"];
    } else if (tagArray.indexOf('eleksyon2016') > -1) {
        bannerData = ["http://images.gmanews.tv/webpics/img/revamp2015/coverage/tag/eleksyon2016_badge.JPG", "Eleksyon 2016", "http://www.gmanetwork.com/news/eleksyon2016/home"];
    }

    return bannerData;
}

var changePageState = function(fullChange) {
    var currentArticle = stories['story' + curStory];
    var regspaces = new RegExp(' ', 'g');
    var currArticleTags = currentArticle.tags.replace(regspaces, "|");
    var url = currentArticle.url;
    var storyTitle = parseInt(currentArticle.sto) == 1 ? currentArticle.smt : currentArticle.title;
    if (history.state != url) {
        if (typeof fullChange === "undefined") {
            $(document).prop('title', currentArticle.alt_title + " GMA News Online");
            history.pushState({'url': document.referrer, 'nextArticle': true}, '', url);
            /*stWidget Global vars*/
            stWidget.ogdesc = stWidget.twitterdesc = (currentArticle.description != "") ? currentArticle.description : storyTitle;
            stWidget.ogurl = stWidget.twitterurl = url;
            stWidget.ogtitle = stWidget.twittertitle = storyTitle;
            stWidget.ogtype = "article";
            stWidget.ogimg = stWidget.twitterimg = currentArticle.image;
            /*social ribbon*/

            if ($(window).width() < 768) {
                changeSTUrls_mobile(url, currentArticle.story_id);
            } else {
              changeSTUrls(url, currentArticle.story_id);
            }

            $('#story_social_ribbon .gno_comment').attr('data-target', curStory);
            $('.commentLink #comment').attr('data-target', curStory);

            /*SEO Tags*/
            $("meta[property='og\\:title'], meta[property='twitter\\:title']").attr("content", storyTitle);
            $("meta[property='og\\:url'], meta[property='twitter\\:url']").attr("content", url);
            $("link[rel='canonical']").attr('href', url);
            $("meta[property='og\\:image'], meta[property='twitter\\:image'], meta[property='thumbnail']").attr("content", currentArticle.image);
            $("meta[property='twitter\\:description']").attr("content", currentArticle.description);
            $("meta[property='og\\:description'], meta[name='description']").attr("content", currentArticle.description);
            //$("meta[name='keywords']").attr("content", currentArticle.all_tags != '' ? currentArticle.all_tags : currentArticle.tags);
            //$("meta[name='news_keywords']").attr("content", currentArticle.all_tags != '' ? currentArticle.all_tags : currentArticle.tags);

            /*Reserve Ads*/
            if ($(window).width() > 1360) {
                var html = '<iframe class="aWallpaper" frameborder="0" allowtransparency="true" id="wallpaper_frame"></iframe>';
                $("div#footer_ads .side_ads").html(html).promise().done(function() {
                    var wallpaper_frame_node = document.getElementById('wallpaper_frame');
                    wallpaper_frame_node.contentWindow.contents = $ads_json.wallpaper.replace($initial_zone_id + 21 + "", zone_id + 21).replace($initial_synad, currArticleTags);
                    wallpaper_frame_node.src = 'javascript:window["contents"]';
                });
            }
             if(currentArticle.isAdsLoaded == 0){
               loadAds(curStory, currentArticle, currArticleTags);
               stories["story" + curStory].adCallTime = Math.round(Date.now() / 1000);
               adsTracking.setTime("story" + curStory);
               //console.log(stories["story" + curStory].adCallTime);
             } else {
               //refreshAds();
               adsTracking.refreshAd("story" + curStory);
             }
             analyticsCall(url);
        } else {
            history.pushState({'url': document.referrer, 'nextArticle': true}, '', url);
        }
        //analyticsCall(url);
        /*Disqus*/
        if (currentArticle.comments == true) {
            disqusCall(currentArticle.url);
            $('.gno_comment').show();
        } else {
            $('.gno_comment').hide();
        }

    }
    /*var fileref=document.createElement('script');
    fileref.setAttribute("type","text/javascript");
    fileref.setAttribute("src", (is_live ? 
      "http://ads.allaccess.com.ph/deliveraw.nmi?sid=0012&zoneid=" : 
      (base_url + "ads_scripts/deliveraw"+(zone_id+20)+".js?sid=0012&zoneid=")
     )+(zone_id+20));
    document.getElementsByTagName("head")[0].appendChild(fileref);*/
};

var changeSTUrls = function(url, story_id) {
    var srContent, srMyStrm, srCount;
    for (var i = 0; i <= socialRibbonContent.length; i++) {
        srContent = $('#story_social_ribbon .' + socialRibbonContent[i]);
        srMyStrm = $('#story_social_ribbon #mystream');
        srCount = $('#story_social_ribbon .' + socialRibbonCount[i])

        srContent.attr('st_url', url.replace(base_url, "http://www.gmanetwork.com/news/"));
        srContent.removeAttr('st_processed');
        srMyStrm.attr('cid', story_id);
        srMyStrm.attr('type', 'article');

        /*social ribbon counter*/

        srCount.html("");
        srCount.attr('st_url', url.replace(base_url, "http://www.gmanetwork.com/news/"));
        srCount.removeAttr('st_processed');
        /*end*/
    }
    stButtons.locateElements();
}

var changeSTUrls_mobile = function(url, story_id) {
    var srhCount, srhContent;
    $('.header_social #comment').attr('data-target', curStory);
    for (var i = 0; i <= socialRibbonContent.length; i++) {
        srhContent = $('.header_social .' + socialRibbonContent[i]);
        srhCount = $('.header_social .' + socialRibbonCount[i]);
        srhContent.attr('st_url', url.replace(base_url, "http://www.gmanetwork.com/news/"));
        srhContent.removeAttr('st_processed');
        // $('#story_social_ribbon #mystream').attr('cid', story_id);
        // $('#story_social_ribbon #mystream').attr('type', 'article');
        /*social ribbon counter*/

        srhCount.html("");
        srhCount.attr('st_url', url.replace(base_url, "http://www.gmanetwork.com/news/"));
        srhCount.removeAttr('st_processed');
        /*end*/
    }
    stButtons.locateElements();
}

var commentsEvent = function() {
    var itemLink = $('.article_mode_sr div:first').attr('st_url'); // Get link from any of the st_url
    var src = $('#story' + $(this).attr('data-target')).find("#comnt");
    //console.log(itemLink);
    loadDisqus(src, itemLink, itemLink);
}

var loadMrect = function(zone_id, storyDiv, tags) {
    if ($(window).width() <= 480) {
        var midSelect = $("#story" + storyDiv + " .story_main").children().not('.related_content_holder, .saf_footer, .clear, .commentLink');
        var middleElem = midSelect.length / 2;
        middleElem = (Math.floor(middleElem) - 1);
        middleElem = (middleElem < 0) ? 0 : middleElem;
        $mrec_container = midSelect.eq(middleElem);
        $mrec_container.after('<div class="ad" style="text-align:center;margin: 10px 0px;"><div class="label">advertisement</div><iframe id="mrec_story_frame_' + storyDiv + '" scrolling="no" class="mrect_mobile" style="width:300px; height: 250px; border: 0px;"></iframe></div>');
        var mrec_frame_node = document.getElementById('mrec_story_frame_' + storyDiv);
        var $mrec_frame_node = $('#mrec_story_frame_' + storyDiv);
        //console.log(mrec_frame_node);
        if(dfp_zones.indexOf($initial_zone_id)>-1){
            loadMrectDFP($mrec_frame_node, "mrect");
        }
        else{
            mrec_frame_node.contentWindow.contents = $story_ads_json.mobile_mrec.replace($initial_zone_id + 1 + "", zone_id).replace($initial_synad, tags);
            mrec_frame_node.src = 'javascript:window["contents"]';
        }
    }
}

var loadOutbrain = function(story_container, link){
  var outbrain_node = document.getElementById('story'+story_container+'_ob_iframe');
  outbrain_node.contentWindow.contents = $outbrain_view.ob.replace('changelink_stub', link.replace(base_url, "http://www.gmanetwork.com/news/"));
  outbrain_node.src = 'javascript:window["contents"]';
}

var loadBannerAd = function(nextStory, currArticleTags) {
    var html = '';
    var hldr = '';
    var iframe = '';
    var type = '';
    if ($(window).width() >= 768) {
      hldr = 'mobile-mrec-ob_' + nextStory;
      iframe = 'mobile_mrec_ob_' + nextStory;
      $('#mobile-mrec-ob_' + nextStory).append('<iframe id="mobile_mrec_ob_' + nextStory + '" scrolling="no" style="width: 300px !important; text-align:center; border: 0px; height: 250px !important;"></iframe>');
      type = 'mrect';
    } else {
      hldr = 'mobile-mrec-top_' + nextStory;
      iframe = 'mobile_mrec_top_frame_' + nextStory;
      $('#mobile-mrec-top_' + nextStory).append('<iframe id="mobile_mrec_top_frame_' + nextStory + '" scrolling="no" style="width: 300px !important; text-align:center; border: 0px; height: 250px !important;"></iframe>');
      type = 'banner';
    }
    var mobile_mrec_top_frame_node = document.getElementById(iframe);
    var $mobile_mrec_top_frame_node = $('#'+iframe);
    if(dfp_zones.indexOf(zone_id)>-1){
        loadMrectDFP($mobile_mrec_top_frame_node, type);
    }
    else if (mobile_mrec_top_frame_node !== null && typeof mobile_mrec_top_frame_node.contentWindow !== "undefined" && mobile_mrec_top_frame_node.contentWindow != null) {
        mobile_mrec_top_frame_node.contentWindow.contents = $ads_json.mrec.replace($initial_synad, currArticleTags);
        mobile_mrec_top_frame_node.src = 'javascript:window["contents"]';
    }
    mobile_mrec_top_frame_node = null;
    $mobile_mrec_top_frame_node = null;

    $('#story' + nextStory + ' #'+ hldr).css("display", "block");

    return html;
}

var disqusCall = function(story_url) {
    /*disqus comment count*/
    $.getScript('http://gmanews.disqus.com/count-data.js?1=' + encodeURIComponent(story_url.replace(base_url, "http://www.gmanetwork.com/news/")));
    var actualDisplayCount = DISQUSWIDGETS.displayCount;
    DISQUSWIDGETS.displayCount = function(options) {
        var count = (typeof options.counts[0] !== "undefined") ? ((parseInt(options.counts[0].comments) > 1000) ? options.counts[0].comments + 'K' : options.counts[0].comments) : 0;
        $('#story_social_ribbon div.gno_comment_count').text(count);
        $('.shr_header_comment').text(count);
        return actualDisplayCount(options);
    };
}

var contentResize = function(stId) {
    if ($(window).width() < 768) {
        var iframes = $('#story' + stId + ' .storyHoldr').find('iframe');
        $.each(iframes, function() {
            if ($(this).attr('src') == 'http://www.gmanetwork.com/news/imready/overview/mmshakedrill') {
                $(this).attr('height', '960');
                $(this).attr('width', '320');
                $(this).attr('scrolling', 'no');
                $(this).attr('frameborder', '0');
            }
        });
        var imgs = $('#story' + stId + ' .story_main').find('img');
        $.each(imgs, function() {
            if (!$(this).parent().hasClass("related_content_story_image") && !$(this).hasClass('backbtn') && !$(this).hasClass('authorimg')) {
                $(this).parent().css('float', 'none');
                $(this).parent().css('width', '100%');
                $(this).css('width', "100%");
                $(this).css('height', "auto");
            }
        });
    }
};

String.prototype.rpad = function(padString, length) {
    var str = this;
    while (str.length < length)
        str = str + padString;
    return str;
}

var resizeIframe = function(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
    if (bOutbrain == 0) {
        $(window).resize(function() {
            if (!($(window).width() >= 768 && $(window).height() >= 510)) {
                $("#story_social_ribbon").css("top", "");
            }
            $.each($(".obiframe_holder iframe"), function() {
                if (this.contentWindow.document.getElementsByClassName("ob-widget")[0]) {
                    var height = this.contentWindow.document.getElementsByClassName("ob-widget")[0].clientHeight + this.contentWindow.document.getElementsByClassName("ob_what")[0].clientHeight;
                    this.style.height = height + 'px';
                }
            });
        });
        bOutbrain = 1;
    }
}


var convertDate = function(timestamp) {
    var zdate = timestamp;
    var ddate = zdate.split(" ");
    var tdate = ddate[1];
    var dddate = ddate[0].split("-");
    var titime = tdate.split(':');
    var dd = dddate[1] + " " + dddate[2] + ", " + dddate[0] + " " + tdate;
    var month = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

    var d = new Date(dddate[0], parseInt(dddate[1] - 1), dddate[2], parseInt(titime[0]), titime[1]);
    var dateString = month[d.getMonth()] + ' ' + d.getDate() + ', ' + d.getFullYear() + ' ' + formatTime(d);

    return dateString;
}

var parseDate = function(data){
  var html = "";
  var d = convertDate(data.timestamp);
  html += "<time itemprop='datePublished' datetime='"+(data.timestamp.replace(" ", "T") + "+08:00")+"'><strong>Published </strong>" + d + "</time>";
  if(typeof data.updated_as_of !== "undefined" && data.updated_as_of != "0000-00-00 00:00:00"){
    html += "<br/><time itemprop='dateModified' datetime='"+(data.updated_as_of.replace(" ", "T") + "+08:00")+"'><strong> Updated </strong>    " + convertDate(data.updated_as_of) + "</time>";
  }
  return html;
}

var formatTime = function(date) {
    var hours = date.getHours();
    var minutes = date.getMinutes();
    var ampm = hours >= 12 ? 'pm' : 'am';
    hours = hours % 12;
    hours = hours ? hours : 12; // the hour '0' should be '12'
    minutes = minutes < 10 ? '0' + minutes : minutes;
    var strTime = hours + ':' + minutes + '' + ampm;

    return strTime;
}

var analyticsCall = function(location) {
    /*google analytics send*/
    //var location = window.location.hostname + window.location.pathname + window.location.search;
    //console.log("Analytics Loc: "+location);
    var params_ = {page_overriden: location.replace(base_url, 'news/'), page_title: document.title};
    CUSTOM_ANALYTICS.ga_send_event(params_);
    if(nextStoryId > prevCount){
      prevCount = nextStoryId;
      ga('send', {
        hitType: 'event',
        eventCategory: 'Article',
        eventAction: 'scroll',
        eventLabel: 'story/'+story_origin+'/'+(nextStoryId),
        eventValue: (nextStoryId)
      });
    }
    /*end*/
}

var loadAlexa = function(containerId){
    var alexaHtml = '<script type="text/javascript">'+
                    '_atrk_opts = { atrk_acct:"LssQl1aE+GW1O7", domain:"gmanetwork.com",dynamic: true};'+
                    '(function() { var as = document.createElement("script"); as.type = "text/javascript"; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(as, s); })();'+
                    '</script>'+
                    '<noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=LssQl1aE+GW1O7" style="display:none" height="1" width="1" alt="" /></noscript>';
    var alexaIframe = document.getElementById("alexa_story_"+containerId);
    alexaIframe.contentWindow.contents = alexaHtml;
    alexaIframe.src = 'javascript:window["contents"]';
}

var socialRibbonTopEvent = function() {
  $(window).unbind("scroll", socialRibbonTopEvent);
  var $socialRbn = $("#story_social_ribbon");

  if ($(window).width() >= 768 && $(window).height() >= 510) {
      if ($(document).scrollTop() > 0 && isSetSocialRibbonTop == 0) {
          $socialRbn.css("top", "90px");
          isSetSocialRibbonTop = 1;
      } else if($(document).scrollTop() == 0) {
          $socialRbn.css("top", "");
      }
  }
  $(window).on("scroll", socialRibbonTopEvent);
}

var bindMiscEvents = function() {
    $(document).on('click', '.gno_comment ', function(){
      var itemLink = $('.article_mode_sr div:first').attr('st_url'); // Get link from any of the st_url
      var src = $('#story' + $(this).attr('data-target')).find("#comnt");
      //console.log(itemLink);
      loadDisqus(src, itemLink, itemLink);
    });

    $(document).on('click', '#font_resize', function() {
        font_size = (font_size != 22) ? font_size + 2 : 18;
        line_height = (font_size <= 22) ? font_size + 7 : 25;
        $('.story_main').attr('style', 'font-size: ' + font_size + 'px; line-height: ' + line_height + 'px;');
        $(document).scrollTop($("#story" + curStory + " .story_title").offset().top - 150);
    });

    $(document).on("click", ".b2t", function() {
        curStory = 1;
        nxtStory = 2;
        // $('html, body').animate({
        //     scrollTop: $("#story1").offset().top - 50
        // }, "10000");
        $(window).scrollTop(0);
        CROSS_SELL.showAll();
        $("#story1").attr("style", "");
        changePageState();
    });

    $(document).on("click", ".b2p", function() {
        var prev = curStory - 1;
        var scroll = 0;
        $("#story" + prev).attr("style", "");
        if (prev > 0) {
            $('html, body').animate({
                scrollTop: $("#story" + prev).offset().top + 100
            }, "10000");
        } else {
            $(document).scrollTop(0);
        }
    });

    $(window).scroll(socialRibbonTopEvent);

    $(document).on("mouseover", ".b2t", function() {
        $(this).find("img").attr("src", assets_url + "img/article/top_hover.png");
    }).on("mouseout", ".b2t", function() {
        $(this).find("img").attr("src", assets_url + "img/article/top.png");
    });

    $(document).on("mouseover", ".b2p", function() {
        $(this).find("img").attr("src", assets_url + "img/article/prev_hover.png");
    }).on("mouseout", ".b2p", function() {
        $(this).find("img").attr("src", assets_url + "img/article/prev.png");
    });

    $(document).on("click", "#load_more", function(){
      switch (moreButtonStatus) {
        case 1:
            getNextArticle();
        break;
        case 2:
        var order = '';
          if (story_origin == 'top_picks') {
              order = '?order=' + tpOrder;
          }
          window.location.href = base_url + "story/" + nextId + "/" + story_origin + order;
        break;
        default:

        break;

      }
    });
}

var loadUnloadArticle = function(unLoadCurStory, unLoadNxtStory){
  $("#story" + (unLoadCurStory-1)).css({"height": $("#story" + (unLoadCurStory-1)).height()});
  $("#story" + (unLoadCurStory-1) + " div ").hide();
  $("#story" + unLoadCurStory).attr("style", "");
  $("#story" + unLoadCurStory + " div").show();
  $("#story" + (unLoadNxtStory)).css({"height": $("#story" + (unLoadNxtStory)).height()});
  $("#story" + unLoadNxtStory + " div").hide();
}

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
}

var pageStateEvent = function() {
  $(window).unbind("scroll", pageStateEvent);
  var $windowWidth = $(window).width();
  var $windowScrollTop = $(window).scrollTop();
  var $nxtStory = $('#story' + (nxtStory));
  var $curStory = $('#story' + (curStory));
  var $prevStory = $('#story' + (curStory-1));
  //var curStoryViewabilty = ($curStory.offset().top );

    if ($('div#story_container').children().length > 2) {
      var cond;
      cond =  $nxtStory.length > 0 && ($windowScrollTop + 60) > $("#story"+curStory+" .commentLink").offset().top;
      // Condition for scrolling down
      if (cond) {
          nxtStory += 1;
          curStory += 1;
          changePageState();
      }

      // Condition if scrolling up
      if (curStory >= 2 && ($windowScrollTop + 175) < $('#story' + (curStory-1) + " .commentLink").offset().top) {

          if (curStory > 1) {
              curStory -= 1;
          }
          if (nxtStory > 2) {
              nxtStory -= 1;
          }
          changePageState();
      }

        // $curStory = $('#story' + (curStory));
        // $nxtStory = $('#story' + (nxtStory));

        // if($nxtStory.length > 0 && ( ($windowScrollTop) > curStoryViewabilty )){
        //   $nxtStory.attr("style", "visibility:visible");
        // } else {
        //
        //   if($nxtStory.length > 0 && !(($windowScrollTop + $(window).height()) <=  ($nxtStory.offset().top + $nxtStory.height() + $(window).height() ) &&  ($windowScrollTop + $(window).height()) >= ($nxtStory.offset().top + $nxtStory.height() )) ){
        //     console.log($windowScrollTop + $(window).height() )
        //     console.log(($nxtStory.offset().top + $nxtStory.height()) );
        //     $nxtStory.attr("style", "visibility:hidden");
        //   }
        // }
        //
        // if($curStory.length && ($windowScrollTop) > $curStory.offset().top){
        //   if((curStory-1) != 1){
        //     $('#story' + (curStory-1)).attr("style", "visibility:hidden");
        //   }
        // }
        //
        // if(($windowScrollTop) < $('#story' + (curStory)).offset().top + 200){
        //   $prevStory.attr("style", "visibility:visible");
        // }

    }

    if ($windowWidth >= 1200) {
        var pre = $('#story' + (curStory - 1) + '_link').data('ismultimedia');
        var cur = $('#story' + (curStory) + '_link').data('ismultimedia');

        if (pre == 1 && $curStory.offset().top > $windowScrollTop + 100) {
            $('#cross_sell_drawer').fadeOut("fast");
        } else if (cur != 1) {
            $('#cross_sell_drawer').fadeIn("fast");
        } else if (pre != 1 && $curStory.offset().top > $windowScrollTop + 500) {
            $('#cross_sell_drawer').fadeIn("fast");
        } else if (cur == 1) {
            $('#cross_sell_drawer').fadeOut("fast");
        }

    }

    $(window).on("scroll", pageStateEvent);
}

$(document).ready(function() {
    getCrossSell();
    $("#load_more").hide();
    $(window).scroll(nextStoryEvent);
    bindMiscEvents();
    $(window).scroll(pageStateEvent);

    //console.log("origin: " + filters[filters.indexOf(story_origin)] );
    var path = window.location.pathname.replace('/' + filters[filters.indexOf(story_origin)], '');
    var loc = window.location.hostname + path + window.location.search;
    //console.log("History "+loc);
    // end of onboarding

    // Back button work around


});

$(window).load(function() {
    $(this).on('popstate', function(e) {
        e.stopPropagation();
        if (initialPop === false) {
            window.location.href = e.originalEvent.state.url;
        }
    });
    initialPop = false; // Allow binded popstate function to take effect after page load
});


function reverse(s) {
    var o = '';
    for (var i = s.length - 1; i >= 0; i--)
        o += s[i];
    return o;
}
//
// $(document).ready(function() {
//     var closed = 0;
//     var liked = 0;
//     $('#dialog').show();
//     $('.fb_close').click(function() {
//         closed = 1;
//         $.cookie('fb_like_dialog', 'fb_like_dialog', {path: "/", expires: 1});
//         $('#dialog').hide();
//     });
//
//     if ($.cookie('fb_like_dialog')) {
//         $('#dialog').hide();
//     }
// });