/// <reference path="./Cineplex.js" />

Agility.RegisterNamespace("Cineplex.TheatreDetails");

(function(TheatreDetails) {

    $(function() {
        $("#tabsTheatreDetails").tabs();

        //bind the save as favourite action
        var locationID = parseInt($("#lnkSaveTheatreFavourite").attr("locationID"));
        if (Cineplex.UserContext.IsFavoriteTheatre(locationID) || Cineplex.UserContext.IsFavoriteTheatre(Cineplex_CurrentTheatreID)) {
            $("#lnkSaveTheatreFavourite").css("visibility", "hidden");
        } else {
            $("#lnkSaveTheatreFavourite").click(function() {
                var locationID = parseInt($(this).attr("locationID"));
                if (!isNaN(locationID)) {
                    Cineplex.UserContext.AddFavoriteTheatre(locationID);
                    return false;
                }
            });
        }

        //bind the skinned dropdowns
        $("#lstShowtimeDates").CineplexCombo({
            onchange: function() {
                _populateTheatrePrice();
                _populateMovieListings();
                return false;
            }
        });

        //bind the time format-switching links
        function lnkSwitchTimeFormat_click(newFormat) {
            var $hidden = $("#txtTimeFormat");
            $hidden.val(newFormat);
            _populateMovieListings();
            return false;
        }

        $("#career-tab").unbind("click");
        $("#career-tab").bind('click',function(){window.location='http://www.cineplex.com/Global/Careers/Applicants.aspx';return false;});
        $("#lnkSwitchTimeFormat12hr").click(function() { return lnkSwitchTimeFormat_click("12hr"); });
        $("#lnkSwitchTimeFormat24hr").click(function() { return lnkSwitchTimeFormat_click("24hr"); });

        //link  up the map links
        $("#tabsTheatreDetails a.MapLink").live("click", _mapLinkClick);
    });


    var _currentDate = null;

    function _populateTheatrePrice() {

        var currentDate = new Date();
        var dateStr = $("#lstShowtimeDates li a.selected").attr("dateStr");
        if (dateStr != null && dateStr != "") {
            currentDate = Date.parse(dateStr);
        } else {
            dateStr = currentDate.toString("yyyy-M-d");
        }

        _currentDate = currentDate;

        var url = Agility.ResolveUrl("~/Services/AjaxServices.asmx/SearchPricesByTheatreAndDate");

        var arg = {
            theatreID: Cineplex_CurrentTheatreID,
            dateStr: dateStr
        };

        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: url,
            data: JSON.encode(arg),
            dataType: "json",
            success: function(result) {

                if (result == undefined || result.d == undefined) {
                    $("#pnlTheatrePrice").html(Cineplex_errSearchNotCompleted);

                } else {

                    var ary = result.d;


                    $("#pnlTheatrePrice").setTemplateElement("txtPriceListingOnTheatreTemplate");

                    $("#pnlTheatrePrice").processTemplate(ary);

                }

            },
            error: function(error) {
                $("#pnlTheatrePrice").html(Cineplex_errSearchNotCompleted);
            }

        });

    }

    function _populateMovieListings() {

        var currentDate = new Date();
        var dateStr = $("#lstShowtimeDates li a.selected").attr("dateStr");
        if (dateStr != null && dateStr != "") {
            currentDate = Date.parse(dateStr);
        } else {
            dateStr = currentDate.toString("yyyy-M-d");
        }
        var timeFormat = $("#txtTimeFormat").val();

        _currentDate = currentDate;

        //set the height so we don't "jump"
        $("#pnlMovieListing").css("minHeight", $("#pnlMovieListing").height()).css("overflow", "hidden");


        //show progess....
        $("#pnlMovieListing").html(Cineplex.AjaxSpinner());

        //build the query...
        var url = Agility.ResolveUrl("~/Services/AjaxServices.asmx/SearchMoviesByTheatreAndDate");

        var arg = {
            theatreID: Cineplex_CurrentTheatreID,
            dateStr: dateStr,
            timeFormat: timeFormat
        };

        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: url,
            data: JSON.encode(arg),
            dataType: "json",
            success: function(result) {

                if (result == undefined || result.d == undefined) {
                    $("#pnlMovieListing").html(Cineplex_errSearchNotCompleted);

                } else {

                    var ary = result.d;

                    $("#pnlMovieListing").setTemplateElement("txtMovieListingOnTheatreTemplate");
                    $("#pnlMovieListing").setParam("getTicketingLink", Cineplex.GetTicketingLink);
                    $("#pnlMovieListing").setParam("renderExclusiveContent", _renderExclusiveContent);
                    $("#pnlMovieListing").setParam("renderCurrentDate", _getCurrentDate);
                    $("#pnlMovieListing").setParam("getFacebookLink", _getFacebookLink);

                    $("#pnlMovieListing").processTemplate(ary);

                    _scrollToShowTimes();

                    //show the correct clock format link
                    var otherFormat = (timeFormat == "12hr") ? "24hr" : "12hr";
                    $("#lnkSwitchTimeFormat" + timeFormat).hide();
                    $("#lnkSwitchTimeFormat" + otherFormat).show();

                    //link of onclick of trailers
                    //$("#pnlMovieListing a[href^=http://video.cineplex.com/?fr_story=]").click(Cineplex.ShowTrailerDialog);				
                }

            },
            error: function(error) {
                $("#pnlMovieListing").html(Cineplex_errSearchNotCompleted);
                _scrollToShowTimes();
            }



        });
        
        function _getFacebookLink(t) {
           
            var url = Agility.ResolveUrl("~/facebook/Event/CreateEvent.aspx")
            return url + "?theatreID=" + Cineplex_CurrentTheatreID + "&movieID=" + t.Movie_ID + "&date=" + dateStr.toString("dd/MM/yyyy");
        }
    }




    function _renderExclusiveContent(str) {
        if (str == null || str == "") return "";

        var div = $('<div></div>');
        div.html(str);

        return '<div class="ExclusiveListingContent">' + div.text() + "</div>";
    }

    function _getCurrentDate() {
        return _currentDate.toString(Cineplex_DateFormat);
    }


    function _scrollToShowTimes() {
        //set the height so we don't "jump"
        $(document).scrollTo($("#Showtimes"), {
            duration: 500,
            easing: "swing",
            onAfter: function() {
                $("#pnlMovieListing").css("minHeight", null).css("overflow", "auto");
            }
        });
    }

    function _mapLinkClick() {
        var latitude = $(this).attr("latitude");
        var longitude = $(this).attr("longitude");
        var theatre = $(this).attr("theatre");
        var theatreid = $(this).attr("theatreid");

        if (Cineplex.ShowMapDialog([{
            latitude: latitude,
            longitude: longitude,
            theatre: theatre,
            theatreid: theatreid
}])) {
                return false;
            }
        }

        function _trim(str) {
            return str.replace(/^\s+/, "").replace(/\s+$/, "");
        }

        TheatreDetails.BuildGenreLinks = function(genres) {
            var split = (genres || "").split(","),
            resultArr = [],
            linkHtml, genre;
            for (var i = 0; i < split.length; i++) {
                genre = _trim(split[i]);
                linkHtml = "<a href=\"" + Cineplex_TheatreDetails_moviesUrl + "?state=ALL&genre=" + encodeURIComponent(genre) + "\">" + genre + "</a>";
                resultArr.push(linkHtml);
            }
            return resultArr.join(", ");
        }

        TheatreDetails.BuildWarningLinks = function(warnings) {
            var split = (warnings || "").split(","),
            resultArr = [],
            linkHtml, warning;
            for (var i = 0; i < split.length; i++) {
                warning = _trim(split[i]);
                linkHtml = "<a href=\"" + Cineplex_TheatreDetails_moviesUrl + "?state=ALL&warning=" + encodeURIComponent(warning) + "\">" + warning + "</a>";
                resultArr.push(linkHtml);
            }
            return resultArr.join(", ");
        }

        TheatreDetails.GetEncodedRating = function(rating) {
            var encodedRating = encodeURIComponent(rating);
            return encodedRating;
        }


    })(Cineplex.TheatreDetails);