﻿jQuery.fn.helpPanels = function () {

    var _popupHtml = '<div id="BLSHowtoplay"><a class="close" href="#">&nbsp;</a><h3></h3><div id="howplayHolder"></div></div>';
    var _htmlLocation;
    var _popup;
    var _fader = $('<div></div>');
    var _curPage = 0;
    var _pagesData;
    var _pages;

    _fader.css({
        background: "none repeat scroll 0 0 #000000",
        display: "none",
        height: "100%",
        left: 0,
        margin: 0,
        padding: 0,
        opacity: 0.6,
        position: "fixed",
        top: 0,
        width: "100%",
        zIndex: 1000
    });

    var args = arguments[0] || {};
    _htmlLocation = args.htmlLocation;
    //if (!className) className = "scoreDropDown";
    this.each(function () {

        var trigger = $(this);

        trigger.click(function () {
            _curPage = 0;
            $("body").append(_fader);
            _fader.fadeIn();

            _popup = $(_popupHtml);
            $("body").append(_popup);

            if (_pages == null) {
                $.ajax({
                    url: _htmlLocation,
                    success: function (data) {
                        _pagesData = $(data.replace(/\"\~\//ig, '"' + document.appPath));
                        _pages = _pagesData.find(">fieldset");
                        _popup.show();
                        loadPage();
						
						 $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
                    }
                });
            } else {
                $("body").append(_popup);
                _popup.show();
                loadPage();
				 $('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
				
            }
            return false;
        });


        function loadPage() {
            if (_pages.length <= _curPage) {
                close();
                return;
            }
            _popup.find("#howplayHolder>*").remove();
            _popup.find("#howplayHolder").append(_pages.eq(_curPage).clone().children());
            _popup.find(".popup-top h3").text(_popup.find("#howplayHolder").find(">legend").text());
            _popup.find("#howplayHolder").find(">legend").remove();

            _popup.find("a.nextPage").click(function () { _curPage++; loadPage(); return false; });
            _popup.find("a.prevPage").click(function () { _curPage--; loadPage(); return false; });
            _popup.find("a.close").click(function () { close(); return false; });
            _popup.find("a.gotoPage").click(function () { _curPage = this.rel; loadPage(); return false; });
        }

        function close() {
            _popup.remove();
            _fader.fadeOut();
        }

    });
};





