(function ($) {
    $.fn.leadFeatureV2 = function (title, cats, cats2, mapText, mapUrl, moreText, moreUrl) {

        var curPage = 1;
        var maxPage = 4;
        var height = 220;
        var timeoutVar;
        var map;
        var bounds;

        function artItemClicked() {
            curPage = parseInt($(this).attr('title'));
            LoadNewBanner(true);
            return false;
        }

        function LoadNewBanner(forced) {
            if (forced) {
                clearTimeout(timeoutVar);
            } else {
                timeoutVar = setTimeout(function () {
                    runNext();
                }, 5000);
            }
            var oldPage = curPage;
            if (curPage < 1) {
                curPage = 1;
            } else if (curPage > maxPage) {
                curPage = maxPage;
            }
            var speed = parseInt(Math.abs(curPage - oldPage) * 5000);
            speed += '';
            for (var x = 1; x <= maxPage; x++) {
                $('.leadFeatureV2 ul.scrollbtns .a' + x).attr('class', 'a' + x);
            }
            $('.leadFeatureV2 ul.scrollbtns .a' + curPage).attr('class', 'a' + curPage + ' on');

            $('.leadFeatureV2 .frameWrap .hold').animate({ marginTop: -((curPage - 1) * height) + "px" }, speed);
        }

        function getWrappingMarkup() {
            var str = '<a href="' + moreUrl + '" class="floatRight featureHeadlines">' + moreText + '</a><a href="' + mapUrl + '" class="floatRight featureNews">' + mapText + '</a><h1>' + title + '</h1>';
            str += '<div class="controls"><ul class="scrollbtns"></ul></div>';
            str += '<div class="frameWrap"><div class="hold"></div></div>';
            str += '<div id="leadMapFeature" class="leadMap"></div>';
            return str;
        }

        function appendArticleListItem(that, title, id, i, isOn) {
            $('ul.scrollbtns', that).append('<li><a href="#" class="a' + (i + 1) + (isOn ? ' on' : '') + '" title="' + (i + 1) + '" id="art_' + id + '"><span class="text">' + title + '</span></a></li>');
            $('#art_' + id).click(artItemClicked);
        }

        function appendArticleMarkup(that, title, summary, imageUrl, videoCount, commentCount, imageCount, isOn, href, latitude, longitude, i, date, hideDate) {
            i++;
            var dateString = "";
            if (hideDate != 'True') dateString = '<p class="date">PUBLISHED: ' + date + '</p>';
            $('div.frameWrap > div.hold', that).append('<div class="slide"><div class="leadImg"><img src="' + imageUrl + '" alt="" height="220" width="222" /></div><div class="txt"><h2><a href="' + href + '">' + title + '</a></h2>' + dateString + '<p class="summary">' + summary + '</p><p class="featureLinks"><a href="' + href + '"><strong>More &gt;</strong></a> <!--span class="divider">|</span> <a href="/news/map.aspx"><strong>View on a map &gt;</strong></a--></p><div class="featureComments">Comments <a href="' + href + '#comments">(' + commentCount + ')</a> <!--|--></div> <div class="hide featurePhotos">Photos <a href="' + href + '#image">(' + imageCount + ')</a></div></div></div>');
            if (!(isNullOrNothing(map)) && latitude != 0 && longitude != 0) {
                addMarker(latitude, longitude, i);
            }
        }

        function addMap() {
            if (GBrowserIsCompatible()) {
                map = new GMap2(document.getElementById('leadMapFeature'));
                map.setCenter(new GLatLng(53.16785, -3.14242), 6);
                bounds = new GLatLngBounds();
            }
        }

        function addMarker(lat, lng, i) {
            var latLng = new GLatLng(lat, lng);
            var marker = new GMarker(latLng);
            map.addOverlay(marker);
            GEvent.addListener(marker, 'click', function () {
                $('.leadFeatureV2 ul.scrollbtns .a' + i).trigger('click');
            });
            bounds.extend(latLng);
        }

        function isNullOrNothing(o) {
            return typeof (o) == 'nothing' || o === null;
        }

        this.each(function () {
            var that = $(this);
            $.ajax({
                type: 'POST',
                url: '/leadfeatureconnector.ashx',
                data: 'command=Init&categories=' + cats + '&categories2=' + cats2,
                beforeSend: function () {
                },
                success: function (xml) {
                    that.html(getWrappingMarkup());
                    var news = $(xml).children('Connector').children('NewsCollection').find('News');
                    if (news.size() > 0 && news.find('LocationData').size() > 0) {
                        addMap();
                    }
                    news.each(function (i, val) {
                        var id = $(val).attr('id');
                        var title = $('Title', val).text();
                        var summary = $('Summary', val).text();
                        var imageUrl = $(val).attr('imageUrl');
                        var videoCount = $(val).attr('videoCount');
                        var commentCount = $(val).attr('commentCount');
                        var imageCount = $(val).attr('imageCount');
                        var href = $(val).attr('href');
                        var date = $('Date', val).text();
                        date = date.substring(0, 10);
                        var hideDate = $(val).attr('hideDate');
                        var locationElement = $('LocationData', val);
                        var latitude = 0;
                        var longitude = 0;
                        if (!(isNullOrNothing(locationElement)) && locationElement.size() > 0) {
                            latitude = $(locationElement).attr('Latitude');
                            longitude = $(locationElement).attr('Longitude');
                        }
                        appendArticleListItem(that, title, id, i, i == 0);
                        appendArticleMarkup(that, title, summary, imageUrl, videoCount, commentCount, imageCount, i == 0, href, latitude, longitude, i, date, hideDate);
                    });

                    if (!(isNullOrNothing(map))) {
                        map.setZoom(map.getBoundsZoomLevel(bounds));
                        map.setCenter(bounds.getCenter());
                    }
                },
                complete: function () {
                }
            });
        });

        function runNext() {
            curPage++;
            if (curPage > maxPage) {
                curPage = 1;
            }
            LoadNewBanner(false);
        }

        timeoutVar = setTimeout(function () {
            runNext();
        }, 5000);

        return this;
    };
})(jQuery);