var transition = localStorage.getItem("transition");
var mobile_transition = localStorage.getItem("mobile_transition");
var top_ticker = 0;

var BREAKING_BANNER;

BREAKING_BANNER = {
    init: function() {
        BREAKING_BANNER.get_active();
    },
    get_active: function() {

        var url = (is_live ? data_url + "widgets/banners" + timestamp + data_ext : base_url + "widgets/breaking_banner/get_active_banner");

        $.ajax({
            url: url,
//            url: ,
            type: "GET",
            dataType: "json",
            success: function(data) {

                if (data) {
                    BREAKING_BANNER.get_form(data);
                }
            },
            // code to run if the request fails; the raw request and
            // status codes are passed to the function
            error: function(xhr, status, errorThrown) {
                console.log("Trending Widget View Error: " + errorThrown);
                console.log("Status: " + status);
                console.dir(xhr);
            }
        });

    },
    get_form: function(data) {

//        $.ajax({
//            url: base_url + "widgets/breaking_banner/get_form",
//            type: "GET",
//            data: {banner_type: banner_type},
//            success: function(breakingBannerForm) {
//                $("#breaking_banner_holder").html(breakingBannerForm);
//                BREAKING_BANNER.get_data(banner_type);
//
//            },
//            // code to run if the request fails; the raw request and
//            // status codes are passed to the function
//            error: function(xhr, status, errorThrown) {
//                console.log("Trending Widget View Error: " + errorThrown);
//                console.log("Status: " + status);
//                console.dir(xhr);
//            }
//        });

        var html = '';

        switch (data.breaking_banner.name) {

            case "breaking_news":

                html += '<div id="breaking_banner_top_stories" style="display: none;"><div class="container"><div class="header" style="float:left">BREAKING NEWS:</div> <div id="ticker"></div></div></div>';

                break;

            case "imr_crawler":

                html += '<div class="imrcrawler" style="display: none; height: 54px; overflow: hidden;">';
                html += '<div class="container">';
                html += '<a href="' + base_url + 'imready/" target="_blank" style="color: black;" onMouseOver="this.style.textDecoration = \'none\'">';
                html += '<div>';
                html += '<div>';
                html += '<img src="http://images.gmanews.tv/v3/img/im_ready_40.png" style="padding: 2px;float:left; margin: 5px 15px 0px 0px;" title="IMReady" alt="IMReady: "/>';
                html += '<div class="ticker_holder" style="margin: 13px auto 10px auto;">';
                html += '<span class="cont">(con\'t)</span>';
                html += '<div class="ticker">';
                html += '</div>';
                html += '</div>';
                html += '</div>';
                html += '</div>';
                html += '</a>';
                html += '</div>';
                html += '</div>';

                break;

            case "global_banner":
                html += '<div class="container">';

                html += '<div id="global_banner_cont_desktop" class="visible-md visible-lg">';
                html += '<a id="global_banner_link">';
                html += '<div id="global_banner_img"></div>';
                html += '</a>';
                html += '</div>';

                html += '<div id="global_banner_cont_tablet" class="visible-sm">';
                html += '<a id="global_banner_link">';
                html += '<div id="global_banner_img"></div>';
                html += '</a>';
                html += '</div>';

                html += '<div id="global_banner_cont_mobile" class="visible-xs">';
                html += '<a id="global_banner_link">';
                html += '<div id="global_banner_img"></div>';
                html += '</a>';
                html += '</div>';

                html += '</div>';
                break;

            default:
                break;
        }

        $("#breaking_banner_holder").html(html);
        BREAKING_BANNER.dataGenerate(data, data.breaking_banner.name);



    },
    get_data: function(banner_type) {
        $.ajax({
            url: base_url + "widgets/breaking_banner/get_data",
            type: "GET",
            dataType: "json",
            data: {banner_type: banner_type},
            success: function(breakingBannerData) {
                BREAKING_BANNER.dataGenerate(breakingBannerData, banner_type);
            },
            // code to run if the request fails; the raw request and
            // status codes are passed to the function
            error: function(xhr, status, errorThrown) {
                console.log("Trending Widget View Error: " + errorThrown);
                console.log("Status: " + status);
                console.dir(xhr);
            }
        });

    },
    dataGenerate: function(data, banner_type) {
        if (data.breaking_banner_data != null && data.breaking_banner_data.length > 0) {

            $("#breaking_banner_holder").height(50);
            switch (banner_type) {

                case "breaking_news":
                    $("#breaking_banner_top_stories").show();
                    BREAKING_BANNER.format_breaking_news(data.breaking_banner_data);
                    break;
                case "imr_crawler":
                    BREAKING_BANNER.format_imr_crawler(data.breaking_banner_data);
                    break;
                case "global_banner":
                    BREAKING_BANNER.format_global_banner(data.breaking_banner_data);
                    break;
                default:
                    return false;
                    break;

            }
        }
    },
    format_breaking_news: function(breaking) {

//        if ($(window).width() >= 768) {
//            var temp = "";
//
//            temp += "<div id='tick0'>&nbsp;</div>";
//            var count = 1;
//            for (var x = 0; x < breaking.length; x++) {
//                temp += '<div id="tick' + count + '" class="divtick"><a title="click to read this news" target="_blank" href="' + breaking[x].link + '">';
//                temp += '<div class="ellipsis_breaking_news" style="height: 20px;">' + breaking[x].content + '&nbsp;&nbsp;<em>' + breaking[x].date + '</em></div></a></div>';
//                count++;
//            }
//        } else {
          if ((breaking[0].content).length < 100 && breaking.length==1 && $(window).width() >= 768) {
            var temp = "";
            temp += '&nbsp;&bull;&nbsp;';
            temp += '<a title="click to read this news" target="_blank" href="' + breaking[0].link + '">' + breaking[0].content + '&nbsp;&nbsp;<em>' + breaking[0].date + '</em></a>&nbsp;&nbsp;&nbsp;';
          }else{
            var temp = "";
            var count = 1;
            temp += '<div class="marquee">';
            for (var x = 0; x < breaking.length; x++) {
                temp += '&nbsp;&bull;&nbsp;';
                temp += '<a title="click to read this news" target="_blank" href="' + breaking[x].link + '">' + breaking[x].content + '&nbsp;&nbsp;<em>' + breaking[x].date + '</em></a>&nbsp;&nbsp;&nbsp;';
                count++;
            }
            temp += '</div>';
          }
        $("#ticker").html(temp);

        var tick_time = 1;
        setTimeout(function() {
            $("#tick0").slideUp("slow");
            setInterval(function() {
                tick_func()
            }, 5000);
        }, 2000);

        function tick_func() {
            if (tick_time <= count - 1) {
                temp = $("#tick" + tick_time).html();
            }
            else {
                tick_time = 1;
                temp = $("#tick" + tick_time).html();
            }
            $("#tick" + tick_time).slideUp(1000,
                    function() {
                        $("#tick" + tick_time).remove();
                        $('div#ticker').append('<div id="tick' + tick_time + '" class="divtick">' + temp + '</div>');
                        tick_time += 1;
                    }
            );
        }
        $('.marquee').marquee({
            //speed in milliseconds of the marquee
            duration: 25000,
            //gap in pixels between the tickers
            gap: 0,
            //time in milliseconds before the marquee will start animating
            delayBeforeStart: 0,
            //'left' or 'right'
            direction: 'left',
            //true or false - should the marquee be duplicated to show an effect of continues flow
            duplicated: true
        });

        if ($(window).width() < 767) {
            $(".ellipsis_breaking_news").dotdotdot();
        }

    },
    format_imr_crawler: function(imr_crawler) {
        $('.imrcrawler').show();
        $('.ticker').html(imr_crawler[0] + "&nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;");
        setInterval(function() {
            scroll_ticker();
        }, 5000);
        $(document).ready(function() {
            adjustTickerWidth();
        });
        $(window).resize(function() {
            adjustTickerWidth();
        });
        $(window).load(function() {
            adjustTickerWidth();
        });
    },
    format_global_banner: function(data) {
        var ctr = 0;
        var hasValue = 0;
        //console.log(JSON.stringify(data));
        if (data.length > 0) {
            for (ctr; ctr < data.length; ctr++) {
                if (transition == ctr) {
                    localStorage.setItem("transition", (parseInt(ctr) + 1 == data.length) ? 0 : (parseInt(ctr) + 1));
                    hasValue = 1;
                    $("#global_banner_cont_desktop").find("#global_banner_link").attr('href', data[ctr].banner_link);
                    $("#global_banner_cont_desktop").find("#global_banner_link").attr('title', data[ctr].banner_title);

                    $("#global_banner_cont_desktop").find("#global_banner_img").css({
                        "width": "100%",
                        "background": "url('" + data[ctr].base_url + "" + data[ctr].image_name + "') center no-repeat",
                        "background-size": "contain",
                        "height": "50px",
                        "margin": "auto"
                    });

                    $("#global_banner_cont_tablet").find("#global_banner_link").attr('href', data[ctr].banner_link);
                    $("#global_banner_cont_tablet").find("#global_banner_link").attr('title', data[ctr].banner_title);
                    $("#global_banner_cont_tablet").find("#global_banner_img").css({
                        "width": "100%",
                        "background": "url('" + data[ctr].base_url + "" + data[ctr].tablet_image_name + "') center no-repeat",
                        "background-size": "contain",
                        "height": "50px",
                        "margin": "auto"
                    });

                    $("#global_banner_cont_mobile").find("#global_banner_link").attr('href', data[ctr].banner_link);
                    $("#global_banner_cont_mobile").find("#global_banner_link").attr('title', data[ctr].banner_title);
                    $("#global_banner_cont_mobile").find("#global_banner_img").css({
                        "width": "100%",
                        "background": "url('" + data[ctr].base_url + "" + data[ctr].mobile_image_name + "') center no-repeat",
                        "background-size": "contain",
                        "height": "50px",
                        "margin": "auto"
                    });

                }
            }
            if (hasValue == 0) {
                localStorage.setItem("transition", data.length > 1 ? 1 : 0);
                $("#global_banner_cont_desktop").find("#global_banner_link").attr('href', data[0].banner_link);
                $("#global_banner_cont_desktop").find("#global_banner_link").attr('title', data[0].banner_title);
                $("#global_banner_cont_desktop").find("#global_banner_img").css({
                    "width": "100%",
                    "background": "url('" + data[0].base_url + "" + data[0].image_name + "') center no-repeat",
                    "background-size": "cover",
                    "height": "50px",
                    "margin": "auto"
                });

                $("#global_banner_cont_tablet").find("#global_banner_link").attr('href', data[0].banner_link);
                $("#global_banner_cont_tablet").find("#global_banner_link").attr('title', data[0].banner_title);
                $("#global_banner_cont_tablet").find("#global_banner_img").css({
                    "width": "100%",
                    "background": "url('" + data[0].base_url + "" + data[0].tablet_image_name + "') center no-repeat",
                    "background-size": "contain",
                    "height": "50px",
                    "margin": "auto"
                });

                $("#global_banner_cont_mobile").find("#global_banner_link").attr('href', data[0].banner_link);
                $("#global_banner_cont_mobile").find("#global_banner_link").attr('title', data[0].banner_title);
                $("#global_banner_cont_mobile").find("#global_banner_img").css({
                    "width": "100%",
                    "background": "url('" + data[0].base_url + "" + data[0].mobile_image_name + "') center no-repeat",
                    "background-size": "contain",
                    "height": "50px",
                    "margin": "auto"
                });
            }


            //$("#global_banner_cont").show();
            $("#global_banner_img").load(function() {
                $(".fixed_side_ad").css('top', Math.max(0, $('#header').height() + $('#global_banner_cont').height() + $('html').offset().top));
            }).each(function() {
                if (this.complete)
                    $(this).load();
            });
        }
    }
};




function scroll_ticker() {

    if (top_ticker + parseInt($(".ticker").height() - 25) > 0) {
        top_ticker = top_ticker - 25;
        $(".ticker").animate({top: top_ticker + "px"});
        $(".cont").show();
    } else {
        top_ticker = 0;
        $(".ticker").css("top", "0px");
        $(".cont").hide();
    }
    adjustTickerWidth();
}


function adjustTickerWidth() {
    var ticker = $('div.imrcrawler .ticker');
    var parent = ticker.parent().parent();
    ticker.css('width', parent.width() - parent.find('img').outerWidth(true) - parent.find('.cont').width() - 8);
}


var relatedContentCall = function(relatedContentData, container) {
    var pcontainer = $('<div class="stories">');
    var $related_content_holder = $(container + ".related_content_holder");
    if (relatedContentData.length > 0) {
        for (var ctr = 0; ctr < relatedContentData.length; ctr++) {
            if (relatedContentData.length == 5) {
                if (ctr == 0) {
                    var row = $('<div class="row" style="padding: 0px 5px;"></div>');
                }
            } else if (relatedContentData.length == 4) {
                if (ctr == 0 || ctr == 2) {
                    var row = $('<div class="row" style="margin-left:4%;"></div>');
                }
            } else if (relatedContentData.length <= 3) {
                if (ctr == 0) {
                    var row = $('<div class="row" style="padding: 0px 5px;"></div>');
                }
            }

            var related_content_link = $("<a href='" + base_url + "story/" + relatedContentData[ctr].id + "/' title='" + relatedContentData[ctr].title + "'></a>")
            var story_container = $("<div class='related_content_story'></div>");
            var story_img = $("<div class='related_content_story_image'></div>");
            story_img.append("<img alt='Related Content Image' src='" + relatedContentData[ctr].base_url + relatedContentData[ctr].image_filename + "' />");
            var story_title = $("<div class='related_content_story_title'></div>");
            story_title.append(relatedContentData[ctr].title);
            story_container.append(story_img);
            story_container.append(story_title);

            related_content_link.append(story_container);
            row.append(related_content_link);


            if (relatedContentData.length == 5) {
                pcontainer.addClass('hor_ver');
                pcontainer.addClass('col-md-12');
                if (ctr == 4) {
                    pcontainer.append(row);
                }
            } else if (relatedContentData.length == 4) {
                pcontainer.addClass('box_ver');
                if (ctr == 1 || ctr == 3) {
                    pcontainer.append(row);
                }
            } else if (relatedContentData.length <= 3) {
                pcontainer.append(row);
                pcontainer.css('max-width', 150 * relatedContentData.length);
            }


        }
        if (relatedContentData.length <= 3) {
            pcontainer.prepend($('<div class="related_content_title" style="font-size: 16px !important;">RELATED CONTENT</div>'));
        }
        else {
            pcontainer.prepend($('<div class="related_content_title">RELATED CONTENT</div>'));
        }
        pcontainer.append($('<div></div>').addClass("clear"));

        if ($(window).width() > 1024) {
            if (relatedContentData.length == 5) {
                $related_content_holder.parent().append($related_content_holder);

            } else {
                var $parent = $related_content_holder.parent();
                var $fullWidthObj = $parent.find('img, iframe, video');
                if ($fullWidthObj.length > 0) {
                    var maxWidth = Math.max.apply(null, $fullWidthObj.map(function() {
                        return $(this).outerWidth(true);
                    }).get());
                    if ($parent.outerWidth(true) - maxWidth < 200 && $parent.offset().top - $fullWidthObj.eq(0).offset().top < 100) {
                        // /console.log($fullWidthObj.eq(-1).css());
                        $related_content_holder.insertAfter($fullWidthObj.eq(-1).parent());
                    }
                }
            }
        } else {
            $related_content_holder.parent().append($related_content_holder);
            $related_content_holder.css("width", "100%");
        }

        $related_content_holder.html(pcontainer);
        $related_content_holder.show();
    } else {
        $related_content_holder.remove();
    }
    $('.related_content_story_title').dotdotdot();
};

var relatedContentCall_ = function(params) { // Dynamic related content
    $.ajax({
        url: base_url + "widgets/related_content/json",
        type: "GET",
        dataType: "json",
        data: params,
        success: function(relatedContentData) {
            var pcontainer = $('<div class="stories">');
            var $related_content_holder = $(params.container + ".related_content_holder");
            // /console.log();
            if (relatedContentData.length > 0) {
                for (var ctr = 0; ctr < relatedContentData.length; ctr++) {
                    var mwidth = 140 * relatedContentData.length;
                    if (relatedContentData.length <= 5 && relatedContentData.length >=3) {
                      $related_content_holder.css('width', '100%');
                        if (ctr == 0) {
                            var max = (relatedContentData.length < 5) ? "max-width: "+mwidth +"px;" : "";
                            var row = $('<div class="row related_content_items" style="padding: 0px 5px; margin: auto; '+max+'"></div>');
                        }
                    } else if (relatedContentData.length < 3) {
                        if (ctr == 0) {
                            var row = $('<div class="row" class="related_content_items" style="padding: 0px 5px;"></div>');
                        }
                    }

                    var related_content_link = $("<a href='" + base_url + "story/" + relatedContentData[ctr].id + "/' title='" + relatedContentData[ctr].title + "'></a>")
                    var story_container = $("<div class='related_content_story'></div>");
                    var story_img = $("<div class='related_content_story_image'></div>");
                    story_img.append("<img alt='Related Content Image' src='" + relatedContentData[ctr].base_url + relatedContentData[ctr].image_filename + "' />");
                    var story_title = $("<div class='related_content_story_title'></div>");
                    story_title.append((relatedContentData[ctr].title.length > 65) ? relatedContentData[ctr].title.substr(0, 65) + '...' : relatedContentData[ctr].title);
                    story_container.append(story_img);
                    story_container.append(story_title);

                    related_content_link.append(story_container);
                    row.append(related_content_link);


                    if (relatedContentData.length <= 5 && relatedContentData.length >=3) {
                        pcontainer.addClass('hor_ver');
                        pcontainer.addClass('col-md-12');
                        pcontainer.append(row);
                    } else if (relatedContentData.length <= 3) {
                        pcontainer.append(row);
                        pcontainer.css('max-width', 145 * relatedContentData.length);
                    }


                }
                if (relatedContentData.length <= 3) {
                    pcontainer.prepend($('<div class="related_content_title" style="font-size: 16px !important;">RELATED CONTENT</div>'));
                }
                else {
                    pcontainer.prepend($('<div class="related_content_title">RELATED CONTENT</div>'));
                }
                pcontainer.append($('<div></div>').addClass("clear"));

                if ($(window).width() > 1024) {
                    if (relatedContentData.length <= 5 && relatedContentData.length >= 3) {
                        $related_content_holder.parent().append($related_content_holder);

                    } else {
                        // var $parent = $related_content_holder.parent();
                        // var $fullWidthObj = $parent.find('img, iframe, video');
                        // if ($fullWidthObj.length > 0) {
                        //     var maxWidth = Math.max.apply(null, $fullWidthObj.map(function() {
                        //         return $(this).outerWidth(true);
                        //     }).get());
                        //     if ($parent.outerWidth(true) - maxWidth < 200 && $parent.offset().top - $fullWidthObj.eq(0).offset().top < 100) {
                        //         // /console.log($fullWidthObj.eq(-1).css());
                        //         $related_content_holder.insertAfter($fullWidthObj.eq(-1).parent());
                        //     }
                        // }
                        // var middleElem = $related_content_holder.parent().children().not('.related_content_holder, div.commentLink, style, div.clear').length / 2;
                        // $related_content_holder.insertBefore($related_content_holder.parent().children().eq(middleElem));
                        // setTimeout(function(){
                        //   console.log($(params.container + ".related_content_holder").offset());
                        //   var spacer = ($(params.container + ".related_content_holder").position().top);
                        //   console.log(spacer);
                        //   $("<div class='spacer' style='float:right; width: 0px; height:"+Math.round(Math.abs(spacer))+"px;'></div>").insertBefore($related_content_holder);
                        //   $related_content_holder.css('clear', 'right');
                        // }, 1000);
                    }
                } else {
                    $related_content_holder.parent().append($related_content_holder);
                    $related_content_holder.css("width", "100%");
                }

                $related_content_holder.html(pcontainer);
                $related_content_holder.show();
            } else {
                $related_content_holder.remove();
            }
            $('.related_content_story_title').dotdotdot();
        },
        // code to run if the request fails; the raw request and
        // status codes are passed to the function
        error: function(xhr, status, errorThrown) {
            console.log("Related content Error: " + errorThrown);
            console.log("Status: " + status);
            console.dir(xhr);
        }
    });

};
var ie = (function(){

    var undef,
        v = 3,
        div = document.createElement('div'),
        all = div.getElementsByTagName('i');

    while (
        div.innerHTML = '<!--[if gt IE ' + (++v) + ']><i></i><![endif]-->',
        all[0]
    );

    return v > 4 ? v : undef;

}());

if(ie < 11){
    jQuery.support.cors = true;
    console.log('ie 10 and below detected');
}
var lst=0;
function applyEllipse(criteria) {
    //applying ellipses
    $(criteria).each(function(index) {
        var $text = $(this).find('div');
        var originalText = htmlEntitiesDecode($text.data('title'));
        $text.html(originalText);
        var temp = originalText;

        if ($(this).outerHeight() < $text.outerHeight()) {

            while ($(this).outerHeight() < $text.outerHeight()) {
                $text.text(temp = temp.substr(0, temp.length - 1));
            }
            $text.text(temp = temp.substr(0, temp.length - 3));
            $text.append('...');
        }
    });
}


function convertToSlug(Text)
{
    return Text
            .toLowerCase()
            .replace(/ /g, '-')
            .replace(/[^\w-]+/g, '')
            ;
}


$(function() {
    $(document).on("mouseover", ".fb_icon", function(){
        $(this).attr("src", assets_url + "img/social_media_icons/fb_hover_colored.png");
    });
    $(document).on("mouseout", ".fb_icon", function(){
        if(!$(this).hasClass("smiblack")){
            $(this).attr("src", assets_url + "img/social_media_icons/fb_share_idle.png");
        } else {
            $(this).attr("src", assets_url + "img/social_media_icons/d_fb_share_idle-copy.png");
        }
    });
    $(document).on("mouseover", ".tweet_icon", function(){
        $(this).attr("src", assets_url + "img/social_media_icons/tweet_hover_colored.png");
    });
    $(document).on("mouseout", ".tweet_icon", function(){
        if(!$(this).hasClass("smiblack")){
            $(this).attr("src", assets_url + "img/social_media_icons/tweet_idle.png");
        } else {
            $(this).attr("src", assets_url + "img/social_media_icons/d_tweet_idle-copy.png");
        }
    });
    $(document).on("mouseover", ".insta_icon", function(){
        $(this).attr("src", assets_url + "img/social_media_icons/insta_hover_colored.png");
    });
    $(document).on("mouseout", ".insta_icon", function(){
        if(!$(this).hasClass("smiblack")){
            $(this).attr("src", assets_url + "img/social_media_icons/insta_share_idle.png");
        } else {
            $(this).attr("src", assets_url + "img/social_media_icons/d_insta_share_idle-copy.png");
        }
    });
    $(document).on("mouseover", ".viber_icon", function(){
        $(this).attr("src", assets_url + "img/social_media_icons/viber_share_hover_colored.png");
    });
    $(document).on("mouseout", ".viber_icon", function(){
        if(!$(this).hasClass("smiblack")){
            $(this).attr("src", assets_url + "img/social_media_icons/viber_share_idle.png");
        } else {
            $(this).attr("src", assets_url + "img/social_media_icons/d_viber_share_idle-copy.png");
        }
    });
    $(document).on("mouseover", ".yt_icon", function(){
        $(this).attr("src", assets_url + "img/social_media_icons/youtube_share_hover_colored.png");
    });
    $(document).on("mouseout", ".yt_icon", function(){
        if(!$(this).hasClass("smiblack")){
            $(this).attr("src", assets_url + "img/social_media_icons/youtube_share_idle.png");
        } else {
            $(this).attr("src", assets_url + "img/social_media_icons/d_youtube_share_idle-copy.png");
        }
    });
    $(document).on("mouseover", ".rss_icon", function(){
        $(this).attr("src", assets_url + "img/social_media_icons/rss_share_hover_colored.png");
    });
    $(document).on("mouseout", ".rss_icon", function(){
        if(!$(this).hasClass("smiblack")){
            $(this).attr("src", assets_url + "img/social_media_icons/rss_share_idle.png");
        } else {
            $(this).attr("src", assets_url + "img/social_media_icons/d_rss_share_idle-copy.png");
        }
    });

    $(".smLogin").on("click", function(){
        $(".navbar-collapse").removeClass("in");
    });
    $("#gno_burger .btn")
            .mouseover(function() {
                $(this).css("background-color","#fff");
                $("button .icon-bar").css("background-color","#cc0001");

            })
            .mouseout(function() {
                $(this).css("background-color","#cc0001");
                $("button .icon-bar").css("background-color","#fff");

            });

    if($(window).width() < 768){
        $(".mobile-leaderboard, .mobile-mrec").show();
    }

});

$(document).on("click", ".register, #btnLogin", function ( e ) {
	
	if($(this).attr("id") != "btnLogin"){
		var params = {event_category:"register", event_label:"clicked register from page:"+document.title, event_value:1};
	}
	else{
		var params = {event_category:"login", event_label:"clicked login from page:"+document.title, event_value:1};
	}
	CUSTOM_ANALYTICS.ga_click_event(params);
	
});

function restore_default_meta(){
    
    console.log(original_title);
    var page = document.URL.split('/');
    var t = page[4].capitalizeFirstLetter() + " │ GMA News Online";
    var url = base_url + page[4];

    $("meta[property='twitter\\:card']").attr("content", "summary_large_image");
    $("meta[property='twitter\\:player']").attr('content', "");
    $("meta[property='twitter\\:app:url:iphone']").attr('content', "");
    $("meta[property='twitter\\:app:url:ipad']").attr('content', "");
    $("meta[property='twitter\\:app:url:googleplay']").attr('content', "");

    $("meta[property='og\\:title'], meta[property='twitter\\:title']").attr("content",t);
    $("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", 'http://images.gmanews.tv/webpics/2015/10/default_new_2015_10_12_15_40_12.jpg');
    $("meta[property='twitter\\:description']").attr("content", 'Home of GMA News Online listing top breaking Philippine and international headlines, '
          + 'videos and photos encompassing sections of current events, sports, economy and business, science & technology, pinoy abroad, showbiz entertainment, '
          + 'lifestyle, weather, traffic and local region stories. Also includes foreign exchange rates, lotto results, board exam results.');
    $("meta[property='og\\:description'], meta[name='description']").attr("content", 'Home of GMA News Online listing top breaking Philippine and international headlines, '
          + 'videos and photos encompassing sections of current events, sports, economy and business, science & technology, pinoy abroad, showbiz entertainment, '
          + 'lifestyle, weather, traffic and local region stories. Also includes foreign exchange rates, lotto results, board exam results.');
}

String.prototype.capitalizeFirstLetter = function() {
    return this.charAt(0).toUpperCase() + this.slice(1);
}

function formatAMPM(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;
}

function is_mystream(widget_container) {

    var mystream = false;
    var parent_widget = $(widget_container).parent().parent();
    if (parent_widget.hasClass("default_stream_container")) {
        mystream = true;
    }

    return mystream;

}

function currtime() {
    d = new Date();
    s = (d + "").split(" ");
    date = s[1] + " " + s[2] + ", " + s[3];
    h = d.getHours();
    m = d.getMinutes();
    DayNight = "PM";
    if (h < 12)
        DayNight = "AM";
    if (h > 12)
        h = h - 12;
    if (m <= 9)
        m = "0" + m;

    $("#date").text(date);

    $("#time").text(h + ":" + m + " " + DayNight + " " + s[5]);
}
;

var d, h, m, s, DayNight;
var original_title;
var original_url = document.location.href;
currtime();

var scrollClose = function() {
    $('#burger_dropdown').slideUp(100);
};
$(document).ready(function() {
    setInterval(currtime, 1000);
    $(document).mouseup(function (e){
        var container = $("#burger_dropdown");
        if (!container.is(e.target) && container.has(e.target).length === 0 && e.target.className != 'icon-bar' && e.target.className != 'btn dropdown-toggle'){
            container.hide();
        }
    });

    $(window).resize(function(){
      if($(window).height() > 600 && $(window).width() > 768 ){
          $(".dropdown-menu").removeClass("scrollable-menu");
      }else{
          $('.scrollable-menu').css('max-height', (($(window).height()-10)-$('header').height())-20);
      }
    });

    $("#srchGno_small").on('focusin focus', function(e){
      // e.preventDefault();
      // e.stopPropagation();
      $(document).unbind('DOMMouseScroll mousewheel', scrollClose);
      $(document).unbind('scroll', closeBurger);
      setTimeout(function(){
        $(document).on('DOMMouseScroll mousewheel', scrollClose);
        $(document).on('scroll', closeBurger);
      }, 2000);
    })
    var closeBurger = function(){
      $('#burger_dropdown').hide();
    }
    $(document).on('scroll', closeBurger);
    $(document).scroll(function() {

        $('.navbar').finish();
        $('.redline').finish();


        if (45 < $(window).scrollTop()) {

            $('.navbar').slideUp("fast");
            $('.redline').fadeIn("fast", function() {
            $(".social_media_icons").fadeIn("slow");

                // Animation complete


				if (window_width>=480) {
					//window width is at least 500px
					$('#gno_navigation > ul.dropdown-menu').css("top","48px");
				}
				else {
					//window width is less than 500px
					$('#gno_navigation > ul.dropdown-menu').css("top","51px");
				}
            });


        } else {

            $('.navbar').slideDown("slow");
			$('.redline').fadeOut("fast", function() {
            $(".social_media_icons").fadeOut("slow");
                // Animation complete

				if (window_width>=480) {
					//window width is at least 500px
					$('#gno_navigation > ul.dropdown-menu').css("top","43px");
				}
				else {
					//window width is less than 500px

					$('#gno_navigation > ul.dropdown-menu').css("top","46px")
				}


            });


        }




    });

    $('.srchBtn').on('click', function() {
        if ($('#itemContent1').attr('class') == "closed") {
            $('#itemContent1').attr('class', 'opened');
            $('#itemContent1').slideDown('fast');
            if($(window).width()<768)
                document.srchform_small.q.focus();
            else
                document.srchform.q.focus();
        } else {
            $('#itemContent1').attr('class', 'closed');
            //$('#itemContent1').hide();
            $('#itemContent1').slideUp('fast');
        }
    });

    $(".dropdown").on('hide.bs.dropdown', function (e) {
        $(this).find("span.caret").css({"-ms-transform": "","-webkit-transform": "","transform": ""});
    });
    $(".dropdown").on('show.bs.dropdown', function (e) {
        $(this).find("span.caret").css({"-ms-transform": "rotate(180deg)","-webkit-transform": "rotate(180deg)","transform": "rotate(180deg)"});
    });
    $(".mCaret").on('click', function (e) {
        if(!$(this).hasClass('collapsed')){
            $(this).find("span.caret").css({"-ms-transform": "","-webkit-transform": "","transform": ""});
        } else {
            $(this).find("span.caret").css({"-ms-transform": "rotate(180deg)","-webkit-transform": "rotate(180deg)","transform": "rotate(180deg)"});
        }
    });

    


});


var glanceETag = null ;

var atAGlanceCall = function(params) {
    var oldUrl = base_url + "widgets/at_a_glance/json";
    var url = data_url + "widgets/at_a_glance_lists/" + params.section + data_ext;
    $.ajax({type: "GET",
        url: url,
        dataType: 'json',
        success: function(glance, textStatus, request) {
          var currentETag = request.getResponseHeader("ETag");
          // console.log("[CSELLWIDG Glance] Previous eTag: " + glanceETag);
          // console.log("[CSELLWIDG Glance] Current eTag: " + currentETag);

          if(glanceETag != currentETag || glanceETag == null){
            // console.log("CSELLWIDG Glance: Parsing content...");
            atAGlanceGenerateContent(glance, params);
            glanceETag = (currentETag != "") ? currentETag : glanceETag;
          } else {
            // console.log("CSELLWIDG Glance: No DOM Manipulation");
          }
        },
        // code to run if the request fails; the raw request and
        // status codes are passed to the function
        error: function(xhr, status, errorThrown) {
            console.log("At A Glance error: " + errorThrown);
            console.log("Status: " + status);
            console.dir(xhr);
        }
    });
};

var atAGlanceGenerateContent = function(glance, params) {

    
    var container = (typeof params.containerOverride != "undefined") ? params.containerOverride + " .at_a_glance_container": ".at_a_glance_container";
    //console.log("At a glance container: " + container);
    $(container).html('');
    if (glance.length > 0) {
        for (var ctr = 0; ctr < glance.length; ctr++) {
            var content = $("<div class='content'></div>");
            var sec_name = $("<a href='" + base_url + "" + glance[ctr].sec_stub + "'><div class='at_a_glance_section' style='background: #" + glance[ctr].color_code + "'>" + glance[ctr].sec_name.toUpperCase() + "</div></a>");
            content.append(sec_name);
            content.append("<div class='clear'></div>");


            var stories = $("<div class='at_a_glance_stories'></div>");
            if (glance[ctr].stories != undefined) {
                for (var dtls = 0; dtls < glance[ctr].stories.length; dtls++) {
                    if (params.for_crosssell != undefined && !params.for_crosssell && dtls == 0 && typeof glance[ctr].stories[dtls] !== 'undefined') {
                        var html = '';
                        html += '<a href="' + base_url + 'story/' + glance[ctr].stories[dtls].id + '">';
                        html += '<div class="story_thumb ' + (params.for_crosssell != undefined && !params.for_crosssell ? 'visible-xs-block' : '') + '">';
                        html += '<img class="grid_thumb" data-original="' + glance[ctr].stories[dtls].base_url + '' + glance[ctr].stories[dtls].image_filename + '" src="' + glance[ctr].stories[dtls].base_url + '' + glance[ctr].stories[dtls].image_filename + '" style="display: inline;" alt="' + glance[ctr].stories[dtls].title + '">';
                        html += '<div class="story_title_holder">';
                        html += '<div class="section_identifier ' + glance[ctr].sec_stub + '_background"></div>';
                        html += '<div class="story_title">' + glance[ctr].stories[dtls].title + '</div>';
                        html += '</div>';
                        html += '</div>';
                        html += '</a>';

                        stories.append(html);
                    }
                    if (typeof glance[ctr].stories[dtls] !== 'undefined') {
                        stories.append('<div class="story ' + (params.for_crosssell != undefined && !params.for_crosssell && dtls == 0 ? 'hidden-xs' : '') + '"><a href="' + base_url + 'story/' + glance[ctr].stories[dtls].id + '">' + '<b class="aKicker"> ' + (typeof glance[ctr].stories[dtls].kicker !== "undefined" && glance[ctr].stories[dtls].kicker != null ? glance[ctr].stories[dtls].kicker : "") + ' </b>' + glance[ctr].stories[dtls].title + '</a></div>');
                    }
                }
            }

            content.append(stories);

            var view_more = $('<div class="at_a_glance_more_button more_button"></div>');
            view_more.append("<a href='" + base_url + glance[ctr].sec_stub + "'>VIEW MORE <span class='glyph_button'>&#9654;</span></a>");
            content.append(view_more);
            $(container).append(content);
        }


        $(container).on({
            mouseenter: function() {
                $(this).find(".at_a_glance_more_button").css('visibility', 'visible');
            },
            mouseleave: function() {
                $(this).find(".at_a_glance_more_button").css('visibility', 'hidden');
            }
        }, '.content');
    }
};

var atAGlanceGenerateContainer = function() {

    var html = '';
    html += '<div class="at_a_glance_header">';
    html += '<h2 style="display: none;">At A Glance</h2>';
    html += '&#183;';
    html += '<span class="at_glance">AT <span class="a">A</span> GLANCE</span> ';
    html += '&#183;';
    html += '</div>';
    html += '<div class="at_a_glance_container">';
    html += '</div>';
    return html;

};

// Social Ribbon on Header used in Article Page

var SRH = {
  init: function(){
    $(document).ready(function(){
      SRH.bindEvents();
    });
  },
  bindEvents: function(){
    $(document).on('click', '#more_btn', function(){
      if($('.burger-logo').is(":visible")){
        $('.burger-logo').css({'display':'none', 'padding': '0px'});
        $('#more_btn1').hide();
        $('#more_btn2').show();
        $('.header_social').animate({
          width: '285px',
        }, 200, function(){
          $('#more_btn').css({'display': 'block'});
          $('.header_social_list').css({'width': '241px'});
        });
      } else {
        $('#more_btn1').show();
        $('#more_btn2').hide();
        $('.header_social').animate({
          width: "125px",
        }, 100, function(){
          $('.burger-logo').css({'display':'block', 'padding': '5px 0px'});
          $('.header_social').removeAttr('style');
        });
        $('#more_btn').removeAttr('style');
        $('.header_social_list, li').removeAttr('style');
        $('.header_social_list').removeAttr('style');

      }

    });
  }
}