/// <reference path="./JavascriptConstants.aspx/Cineplex.Constants.js" />
/// <reference path="./API/Agility.UGC.API.js" />
/// <reference path="./External/jquery.cookies.2.2.0.js" />
/// <reference path="./External/jquery.autocomplete-vsdoc.js" />

if (window["isIE6"] == null) {
    window["isIE6"] = /msie|MSIE 6/.test(navigator.userAgent);
}

Agility.RegisterNamespace("Cineplex");
Agility.RegisterNamespace("Cineplex.UserContext");

(function(Cineplex) {


    _cineplexUserProfileDS = null;
    _firstindexofothercinemas = 0;

    $(function() {
        var loc_cookie = Agility.QueryString("loc_cookie");
        if (loc_cookie) {
            Cineplex.UserContext.SetCurrentLocation(loc_cookie);
        }

        //add the logout link if neccessary
        if (Cineplex.UserContext.IsAuthenticated()) {
            var linkElem = $("#cineplex-h .TopLinks");
            var linkHtml = linkElem.html();
            var logoutLink = Cineplex.Constants.Values.lnkLogout;
            if (logoutLink == undefined) logoutLink = "Logout";
            linkHtml = "<a id='lnkLogoutGlobal' href='/Logout.aspx'>" + logoutLink + "</a>" + linkHtml;
            linkElem.html(linkHtml);
            $("#lnkLogoutGlobal").click(Cineplex.UserContext.Logout);
        }

        if (Cineplex.GetCurrentLanguage() == "fr-ca") {
            $("#shareThis").css("background", "url(http://mediafiles.cineplex.com/fr/shareThisUpdateBG.jpg) bottom left no-repeat")
        }
        else {
            $("#shareThis").css("background", "url(http://mediafiles.cineplex.com/en/shareThisUpdateBG.jpg) bottom left no-repeat");
        }

        //Show the label text in the input box
        $('#cineplex-search-label').labelOver('over-apply');

        //Add binding to trap enter key in the search input box
        $('#cineplex-search-q').keydown(function(event) {
            var keyCodeEntered = (event.which) ? event.which : event.keyCode;

            if (keyCodeEntered == '10' || keyCodeEntered == '13') {
                event.preventDefault();
                event.stopPropagation();
                $('#cineplex-h-search-form').submit();
                return false;
            }

            return true;
        });

        //Find a theatre, find a movie and find in store
        $('#cineplex-h-nav .Widget').hover(function() {
            $(this).data("org", $(this).attr("src"));
            $(this).attr("src", $(this).attr("hover"));
        }, function() {
            $(this).attr("src", $(this).data("org"));
        });


        //init the scrollers...

        $("div.cineplexscroller").each(function() {
            var elem = $(this);
            var size = parseInt(elem.attr("pageSize"));
            if (isNaN(size)) size = 5;

            //adjust the min height if neccessary (60 is the height of the scroller header on movie items and store items)
            var minHeightTest = $(".items", elem).height() + 60;

            if (minHeightTest > elem.height()) {
                elem.css("minHeight", minHeightTest);
            }

            elem.scrollable({ size: size, clickable: false }).navigator();

        });

        //init the box office tabs
        $("#boxOfficeTabs").tabs();


        //location selection
        $("#cineplex-choose-location").CineplexDialog({
            width: 380,
            height: 210,
            fixedHeight: true,
            top: 180,
            modal: true,
            autoOpen: false,
            closeText: '',
            close: function(event, ui) {
            }
        });

        // Slide Toggle of Terms and Conditions Corporate Sales - Corporate Products
        $(document).ready(function() {
            //hide the all of the element with class msg_body
            $(".msg_body").hide();
            //toggle the componenet with class msg_body
            $(".msg_head").click(function() {
                $(this).next(".msg_body").slideToggle(600);
            });

            $("#divFamousArchive div.MP a").html("&nbsp;");

        });


        //theatre picker
        $('#cineplex-find-a-theatre').CineplexDialog({
            width: 582,
            height: 336,
            top: 180,
            modal: true,
            autoOpen: false,
            closeText: '',
            close: function(event, ui) {
                var div = $('#cineplex-find-a-theatre');

                if (div.data('initHTML') != null) {
                    div.html(div.data('initHTML'));
                }
            }
        });

        //movie picker
        $('#cineplex-find-a-movie').CineplexDialog({
            width: 582,
            height: 336,
            top: 180,
            modal: true,
            autoOpen: false,
            closeText: '',
            close: function(event, ui) {
                var div = $('#cineplex-find-a-movie');

                if (div.data('initHTML') != null) {
                    div.html(div.data('initHTML'));
                }
            }
        });

        //store
        $('#cineplex-find-in-store').CineplexDialog({
            width: 582,
            height: 336,
            top: 180,
            modal: true,
            autoOpen: false,
            closeText: '',
            close: function(event, ui) {
                var div = $('#cineplex-find-in-store');

                if (div.data('initHTML') != null) {
                    div.html(div.data('initHTML'));
                }
            }
        });

        //video dialog
        $("#cineplex-video-dialog").CineplexDialog({
            width: 658,
            height: 385,
            modal: true,
            autoOpen: false,
            close: function(event, ui) {
                $("#cineplex-video-dialog").html("");
            }
        });

        //maps dialog
        $("#cineplex-map-dialog").CineplexDialog({
            width: 685,
            height: 550,
            modal: true,
            autoOpen: false,
            close: function(event, ui) {
                $("#cineplex-map-dialog").html("");
            }
        });

        //Hookup nav buttons
        //$('#cineplex-lnkNav-Theatre').click(_theatreSelectionDialog);
        //$('#cineplex-lnkNav-Movie').click(_movieSelectionDialog);
       // $('#cineplex-lnkNav-Store').click(_findInStoreDialog);

        //hook up the trailer links and the "location based url" links...
        $(document).click(_handleDocumentClickForAnchorTags);

        //footer dropdowns
        var comboArgs = {
            onchange: function() {
                return true;
            }
        };
        $("#cineplex-ft-theatre-dropdown").CineplexCombo(comboArgs);
        $("#cineplex-ft-showtime-dropdown").CineplexCombo(comboArgs);

    });

    function _findInStoreDialog(event) {
        var div = $('#cineplex-find-in-store');

        if (div.data('initHTML') == null) {
            div.data('initHTML', div.html());
        }

        div.CineplexDialog('open');

        div.load(Agility.ResolveUrl('~/Dialogs/Find-In-Store.aspx'), "cb=" + new Date().getTime(), null);

        return false;
    }

    function _movieSelectionDialog(event) {
        ///do the movie select dialog

        //check for location
        var location = Cineplex.UserContext.GetCurrentLocation();

        if (location == null) {
            //show the location and come back here when done...
            Cineplex.ShowLocationDialog(function() {
                _movieSelectionDialog(event);
            });
            return false;
        }

        var div = $('#cineplex-find-a-movie');

        if (div.data('initHTML') == null) {
            div.data('initHTML', div.html());
        }

        //Show dialog
        div.CineplexDialog('open');

        div.load(Agility.ResolveUrl('~/Dialogs/Find-A-Movie.aspx'), "cb=" + new Date().getTime(), function(response, textStatus, request) {
            var input = $('#movie-search-city');
            input.val(location);
            input.autocomplete(Agility.ResolveUrl("~/Services/LocationAutoComplete.ashx"));
            input.focus();

            //bind search
            input.keypress(function(event) {
                var keyCodeEntered = (event.which) ? event.which : event.keyCode;
                if (keyCodeEntered == '10' || keyCodeEntered == '13') {
                    Cineplex.ShowMovies();

                    return false;
                }

                return true;
            });

            $('#movie-search-button').click(function() {
                Cineplex.ShowMovies();
                return false;
            });

            //run the initial search
            if (location != "") {
                Cineplex.ShowMovies();
            }
        });
        return false;
    }

    function _theatreSelectionDialog(event) {
        ///do the theatre select dialog

        //check for location
        var location = Cineplex.UserContext.GetCurrentLocation();

        if (location == null) {
            //show the location and come back here when done...
            Cineplex.ShowLocationDialog(function() {
                _theatreSelectionDialog(event);
            });
            return false;
        }

        var div = $('#cineplex-find-a-theatre');

        if (div.data('initHTML') == null) {
            div.data('initHTML', div.html());
        }

        //Show dialog
        div.CineplexDialog('open');

        div.load(Agility.ResolveUrl('~/Dialogs/Find-A-Theatre.aspx'), "cb=" + new Date().getTime(), function(response, textStatus, request) {
            var input = $('#theatre-search-city');
            input.autocomplete(Agility.ResolveUrl("~/Services/LocationAutoComplete.ashx"));
            input.val(location);
            input.focus();

            //bind search
            input.keypress(function(event) {
                var keyCodeEntered = (event.which) ? event.which : event.keyCode;
                if (keyCodeEntered == '10' || keyCodeEntered == '13') {
                    Cineplex.ShowTheatres();

                    return false;
                }

                return true;
            });


            $('#theatre-search-button').click(function() {
                Cineplex.ShowTheatres();
                return false;
            });

            //run the initial search
            if (location != "") {
                Cineplex.ShowTheatres();
            }
        });

        return false;
    }


    Cineplex.CurrentState = {};
    Cineplex.ShowLocationDialog = function(callback) {
        /// <summary>
        /// Shows the location selection dialog
        /// </summary>        
        /// <param name="callback" type="Function">The callback function that will be called on "submit".</param> 

        $("#cineplex-choose-location .LocSearching").hide();
        var searchArea = $("#cineplex-choose-location .LocationSelectionArea").html("");
        // $("#cineplex-choose-location").CineplexDialog("open");

        //pop the search box in there...
        var html = '<div class="Search"><div class="SearchBox"><div class="SearchBoxTop"></div><div class="SearchBoxMiddle">';
        html += '<input class="SearchInput" value="" type="text" />';
        html += '</div><div class="SearchBoxBottom"></div></div>';
        var imgUrl = Agility.ResolveUrl("~/Images/Buttons/" + Cineplex.GetCurrentLanguage() + "/btnSubmit.png");
        html += '<input class="SearchButton" type="image" src="' + imgUrl + '" alt="Submit" name="" />';
        html += '<div class="Clear"></div></div>';

        var searchArea = $("#cineplex-choose-location .LocationSelectionArea").html(html);
        $("#cineplex-choose-location .LocNotFound").hide();

        //add the location autocomplete...
        $(".SearchInput", searchArea).autocomplete(Agility.ResolveUrl("~/Services/LocationAutoComplete.ashx"));
        $(".SearchInput", searchArea).focus();

        //bind the click event
        $(".SearchButton", searchArea).click(function() {
            var location = $.trim($(".SearchInput", searchArea).val());
            if (location != "") {
                $("#cineplex-choose-location .LocNotFound").hide();
                $("#cineplex-choose-location .LocSearching").show();

                Cineplex.UserContext.SetCurrentLocation(location, function(newLocation) {
                    $("#cineplex-choose-location .LocSearching").hide();

                    if (newLocation == "") {
                        $("#cineplex-choose-location .LocNotFound").show();
                    } else {
                        $("#cineplex-choose-location").CineplexDialog("close");
                        callback(newLocation);
                    }
                });
            }
            return false;
        });

        //bind the enter key click        
        $(".SearchInput", searchArea).keydown(function(event) {
            if (event.keyCode == 13) {
                var location = $.trim($(".SearchInput", searchArea).val());
                if (location != "") {

                    $("#cineplex-choose-location .LocNotFound").hide();
                    $("#cineplex-choose-location .LocSearching").show();

                    Cineplex.UserContext.SetCurrentLocation(location, function(newLocation) {
                        $("#cineplex-choose-location .LocSearching").hide();

                        if (newLocation == "") {
                            $("#cineplex-choose-location .LocNotFound").show();
                        } else {
                            $("#cineplex-choose-location").CineplexDialog("close");
                            callback(newLocation);
                        }
                    });
                }
                return false;
            }
        });

    }

    Cineplex.EndRequestHandler = function(src, args) {

        ///the end request handler for Update Panels...
        if (args.get_error != undefined && args.get_error() != null) {
            args.set_errorHandled(true);
            alert("An error has occurred.  Please try the action again.");
        }
    }

    Cineplex.GetCurrentLanguage = function() {
        return window.Cineplex_Language;
    }

    Cineplex.GetCookieDomain = function() {
        return window.Cineplex_CookieDomain;
    }



    Cineplex.ShowMapDialog = function(theatreMappings) {

        /// <summary>
        /// Shows the map dialog.
        /// </summary>
        /// <parameter name="theatreMappings" type="Array">Array of theatre mapping objects with name,latitude and longitude fields.</parameter>

        if (theatreMappings == undefined || !$.isArray(theatreMappings)) return false;

        // wire up objects
        var mapLegend = new Cineplex.MapLegend(),
            mapDataService = new Cineplex.MapDataService(),
            mapPointCache = new Cineplex.MapPointCache(),
            iconLookup = new Cineplex.IconLookup(),
            theatreMap = new Cineplex.TheatreMap(mapDataService, mapLegend, mapPointCache, iconLookup),
            mapDialog = new Cineplex.MapDialog(theatreMap);
        if (theatreMappings.length > 1) {
            theatreMap.mapSearchType = "all";

        }

        mapDialog.open(theatreMappings);

        return true;

    }


    Cineplex.MapTheatres = function() {

        var location = Cineplex.UserContext.GetCurrentLocation();
        // var location = "Toronto - ON";
        
        if (location == null) {
            //show the location and come back here when done...
            Cineplex.ShowLocationDialog(function() {
                Cineplex.MapTheatres();
            });
            return false;
        }

        var url = Agility.ResolveUrl('~/Services/CineplexTopNav.ashx?func=gettheatres&callback=?')
        $.getJSON(url, "pgsize=999&city=" + encodeURI(location),

			function(data) {
			    //data class = { Message = "", d = [[{Name = "", Address = "", Telephone = "", ID = "" }, ... {Name = "", Address = "", Telephone = "", ID = "" }]]

			    if (data == undefined || data.d == undefined || !$.isArray(data.d)) {
			        //show nothing...
			        if (data && data.Message != null) {
			            alert(data.Message);
			        }
			        return;
			    }


			    var lst = new Array();

			    for (var i = 0; i < data.d.length; i++) {
			        var ary = data.d[0];
			        for (var p = 0; p < ary.length; p++) {
			            var t = {
			                theatre: ary[p].Name,
			                latitude: ary[p].Latitude,
			                longitude: ary[p].Longitude,
			                theatreid: ary[p].ID,
			                isNotCineplex: false
			            }
			            lst[lst.length] = t;
			        }
			    }
			    //this sets the index for the first other theatre for other theatre listing page
			    if (document.location.href.toLowerCase().indexOf("findothertheatres") != -1 || document.location.href.toLowerCase().indexOf("trouverunautrecinema") != -1) {
			        _firstIndexOfOtherCinemas = lst.length;
			    }
			    else {
			        _firstIndexOfOtherCinemas = 0;

			    }
			    //this collects the data for other Theatres

			    for (var i = 0; i < data.e.length; i++) {
			        var ary = data.e[0];
			        for (var p = 0; p < ary.length; p++) {
			            var t = {
			                theatre: ary[p].Name,
			                latitude: ary[p].Latitude,
			                longitude: ary[p].Longitude,
			                theatreid: ary[p].ID,
			                isNotCineplex: true
			            }
			            lst[lst.length] = t;
			        }
			    }


			    Cineplex.ShowMapDialog(lst);


			});
        return false;
    }

    var Cineplex_Random = Math.floor(Math.random() * 1100000);

    Cineplex.GetTicketingLink = function(showtime) {
        /// <summary>
        /// Gets the ticketing link.  Used in Client Templated listings.
        /// </summary>
        /// <parameter name="showtime" type="object">The showtime json object.</parameter>

        var text = showtime.PlayDateStr;
        var url = "";

        //special case for the Alliance theatres...
        //7293	AAC Beaches - "B54AB2A7-A171-4F64-B6A8-03F661440A19"
        //7295	AAC Cumberland - "080944C9-0842-4264-A901-3DD9457F8D8E"
        if (showtime.LocationID == 7293 || showtime.LocationID == 7295) {

            var houseID = "";
        if (showtime.LocationID == 7293) houseID = "6591";
        if (showtime.LocationID == 7295) houseID = "6600";

            url = "http://www.movietickets.com/house_detail.asp?house_id=" + houseID + "&rdate=" + showtime.DateStr;
        } else {

        //all other theatres

        //check if ticketing is on/off
        if (showtime.TicketsAvailable == false) {
            return text;
        }

        //check for sold out...
        if (showtime.IsSoldOut) {
            if (Cineplex.GetCurrentLanguage().toLowerCase() == "fr-ca") {
                return text + "&nbsp;-&nbsp;<b>COMPLET</b>";
            }
            else {
                return text + "&nbsp;-&nbsp;<b>SOLD OUT</b>";
            }
        }

        var returnUrl = location.href;

        if (returnUrl.indexOf("?") != -1) {
            returnUrl = returnUrl.substring(0, returnUrl.indexOf("?"));
        }
        returnUrl += "?date=" + escape(showtime.DateStr);


        //build the URL
        url = Agility.ResolveUrl("~/Ticketing.ashx?");
        url += "LocationId=" + showtime.LocationID;
        url += "&VistaSessionId=" + showtime.VistaSessionId;
        url += "&IsMobile=false";
        url += "&ReturnURL=" + escape(returnUrl);
        url += "&PromotionCode=";
        url += "&rnd=" + Cineplex_Random;
        }
        var html = '<a href="' + url + '">' + text + '</a>';

        return html;
    }

    Cineplex.GetCdnRoot = function() {

        if (location.href.toLowerCase().indexOf("https") == 0) {
            return "https://d1giewwoa0xy0l.cloudfront.net/";
        } else {
            return "http://mediafiles.cineplex.com/";
        }
    }

    Cineplex.ShowTrailerDialog = function(url) {
        if (url == undefined || url == null || url == "") return true;

        var imgUrl = Cineplex.GetCdnRoot() + "Flash/trailer-noflash-" + Cineplex.GetCurrentLanguage() + ".jpg";
        $("#cineplex-video-dialog").html("");
        $("#cineplex-video-dialog").CineplexDialog("open");

        //get the story id from the url - if we can't then just kick out..
        var BCVid="";
        var storyID = url;
        var playerDiv=   Cineplex.GetCurrentLanguage() == "fr-ca" ? "myExperience1253298962001" : "myExperience1206807660001";
        var playerKey =  Cineplex.GetCurrentLanguage() == "fr-ca" ? "AQ~~,AAAA9FTNJhk~,iisfCx6lUx0XGZHMBfiIt8Yftulzj71e" : "AQ~~,AAAAv5_xvzE~,pBnVF7Q6WErocaaZvXO41veFzmOOkSBX";
        var playerID =  Cineplex.GetCurrentLanguage() == "fr-ca" ? "1049204725001" : "825946668001";
        
        if (storyID == null || storyID == "") return true;
        
        //var swf = "http://cineplex.pb.feedroom.com/pb-comp/cineplex/custom1/player.swf";
        var divID = "cineplex-video-dialog";
     // var BCVid= Cineplex.buildSingleTrailerElement(playerID ,storyID, playerKey,"412","610");
     var BCVid="<script language='JavaScript' type='text/javascript' src='http://admin.brightcove.com/js/BrightcoveExperiences.js'></script><object id='myExperience1253298962001' class='BrightcoveExperience'><param name='bgcolor' value='#FFFFFF' /><param name='width' value='610' /><param name='height' value='412' /><param name='playerID' value='"+ playerID+"' /><param name='playerKey' value='"+ playerKey +"' /><param name='isVid' value='true' /><param name='isUI' value='true' /><param name='dynamicStreaming' value='true' /><param name='@videoPlayer' value='"+ storyID+"' /></object><script type='text/javascript'>brightcove.createExperiences();</script>";


      $("#cineplex-video-dialog").html(BCVid);

    
        return false;
    }


    function _handleDocumentClickForAnchorTags(event) {
        try {

            if (event == undefined) return true;
            if (event.target == undefined) return true;
            if (event.button != 0) return true;

            var target = event.target;
            if (target.tagName != "A") {
                target = $(target).parents("a");
            }

            if ($(target).hasClass("direct")) return true;
            if ($(target).hasClass("Direct")) return true;

            var link= $(target).attr("href").split('/');
            if (link != null && link != "") {
                if ($(target).attr("class")=="Trailer") {
                    //clicked on a trailer link
                    return Cineplex.ShowTrailerDialog(link[link.length-4]);
                }

                if (href.toLowerCase().indexOf("/ticketing.ashx") > -1 && href.indexOf("&rnd=") == -1) {
                    //ticketing link, add the random calc if neccessary
                    href += "&rnd=" + Cineplex_Random;
                    location.href = href;
                    return false;
                }

                //check trailer based urls... 
                //return _checkTrailerBasedUrl(target);
            }
        } catch (error) {

        }
        return true;
    }

    //init the onclick of urls that require the location cookie to be set
    function _checkTrailerBasedUrl(target) {

        if (Cineplex.Constants == undefined || Cineplex.Constants.LocationBasedUrls == undefined) return true;

        //check for the user's location
        //check for location
        var location = Cineplex.UserContext.GetCurrentLocation();

        if (location != null) return true;
        var attr = $(target).attr("href");
        var id = $(target).attr("id");
        if (id == "cineplex-lnkNav-Theatre" || id == "cineplex-lnkNav-Movie") {
            return true;
        }

        if (attr == undefined || attr == null || attr == "" || attr == "#" || attr.indexOf("mailto") == 0) return true;


        for (var i = 0; i < Cineplex.Constants.LocationBasedUrls.length; i++) {
            var locUrl = Cineplex.Constants.LocationBasedUrls[i].toLowerCase();


            if (attr.toLowerCase().indexOf(locUrl) != -1) {
                Cineplex.ShowLocationDialog(function() {
                    window.location.href = attr;
                });
                return false;
            }

        }

        return true;

    }

    jQuery.fn.labelOver = function(overClass) {
        return this.each(function() {
            var label = jQuery(this);
            var f = label.attr('for');
            if (f) {
                var input = jQuery('#' + f);

                this.hide = function() {
                    label.css({ textIndent: -10000 })
                }

                this.show = function() {
                    if (input.val() == '') label.css({ textIndent: 0 })
                }

                // handlers
                input.focus(this.hide);
                input.blur(this.show);
                label.addClass(overClass).click(function() { input.focus() });

                if (input.val() != '') this.hide();

                //Show text
                label.show();

                //store label object
                input.data('labelObj', label);
            }
        })
    }

    //add a plugin for similar cities
    jQuery.fn.extend({
        SimilarCities: function(onselect) {

            var location = Cineplex.UserContext.GetCurrentLocation();
            if (location == null || location == "") return;

            var jElem = $(this);

            //clear out the current element
            jElem.html("");

            //get the similar cities
            var url = Agility.ResolveUrl("~/Services/LocationSimilarCities.ashx?location=" + escape(location));
            $.getJSON(url, null, function(data) {

                if (data != null && $.isArray(data) && data.length > 0) {
                    var html = Cineplex.Constants.lblDidYouMean + " ";
                    for (var i = 0; i < data.length; i++) {
                        if (data[i] == location) {
                            html += data[i];
                        } else {
                            html += "<a href='javascript:;' class='SimilarLocLink'>" + data[i] + "</a>";
                        }
                        if (i < data.length - 1) {
                            html += " " + Cineplex.Constants.lblOr + " ";
                        }
                    }

                    jElem.html(html);

                    $("a.SimilarLocLink", jElem).click(function() {
                        var newLoc = $(this).html();
                        onselect(newLoc);
                    });

                }
            });




        }
    });

    //add a plugin to build our dialog...
    jQuery.fn.extend({
        CineplexDialog: function(arg) {


            if (arg == undefined || arg == null) arg = {};

            //try to grab the jQuery object we applied the dialog to
            var dlg = $(this).data("cineplex_dialog");
            if (dlg != null) {
                if (window.isIE6) {
                    dlg.dialog('option', 'position', ['auto', 180]);
                }
                dlg.dialog(arg);
                return dlg;
            }


            //initialize if need be...									
            var height = 150;
            if (arg.height > 0) height = arg.height;

            arg.minHeight = 0;
            arg.height = undefined;

            //add the wrappers...
            var html = '<div class="CineplexDialog">';
            html += '<div class="ui-dialog-left"><div class="ui-dialog-right"><div class="ui-dialog-middle"></div></div></div>';
            html += '<div class="ui-dialog-footer-right"><div class="ui-dialog-footer-left"><div class="ui-dialog-footer-mid"></div></div></div>';
            html += '</div>';

            var dlg = $(html);

            if (arg.fixedHeight) {
                $(".ui-dialog-middle", dlg).css("height", height).append($(this));
            }
            else {
                $(".ui-dialog-middle", dlg).css("min-height", height).css("_height", height).append($(this));
            }

            //initialize the dialog
            if (arg.top > 0) {


            }
            var retVal = dlg.dialog(arg);
            $(this).show();

            //adjust the top location (normal dialog doesn't support this)
            if (arg.top > 0) {
                dlg.parent(".ui-dialog").css("top", arg.top);
            }

            //add the jQuery obect to element we began with
            $(this).data("cineplex_dialog", dlg);
            return retVal;

        }
    });


    //COMBOBOX PLUGIN
    jQuery.fn.extend({
        CineplexCombo: function(arg) {
            if ($(this).size() == 1) {
            //debugger;
                _makeCineplexCombo($(this), arg);
            }
        }
    });

    function _makeCineplexCombo(ul, arg) {


        //build the html		
        var html = "<div class='dd'>";
        html += "<div class='ddTitle'>"
        html += "<span class='arrow'></span>";
        html += "<a class='textTitle' href='javascript:;'>";
        html += "</a>";
        html += "</div>";
        html += "</div>";
        var container = $(html);

        container.insertBefore(ul);

        var div = $(".dd", container);

        ul.remove();
        ul.addClass("ddChild");
        container.append(ul);
        if (ul.width() > 0) {
            container.width(ul.width());
        } else {
            container.css("width", ul.css("width"));
        }

        var documentClick = function(e) {
            var el = e.target;
            if (container.find('*').index(el) >= 0) { //Click inside
                return true;
            }
            expandCombo();
            return false;
        }


        var expandCombo = function() {
            if (ul.css("display") == "block") {
                ul.slideUp("fast", function() {
                    $("ul li a", container).removeClass("hover");
                    $(".textTitle", container).focus();
                    $(document).unbind("click", documentClick);
                });
            } else {

                $(ul).slideDown("fast", function() {

                    $(document).click(documentClick);
                    var item = _getSelectedComboItem(container);
                    if (item != null) {
                        item.focus();
                    }
                });


            }
        };

        $(".ddTitle", container).click(expandCombo);

        container.keydown(function(e) {
            if (e.keyCode == 13) {

                //enter key
                if (ul.css("display") == "block") {
                    var hoverIndex = _getComboHoverItemIndex(container);
                    var selectedIndex = _getSelectedComboItemIndex(container);
                    if (hoverIndex != selectedIndex) {

                        _setSelectedComboItemIndex(container, hoverIndex);

                        if (arg && arg.onchange != undefined && $.isFunction(arg.onchange)) {
                            arg.onchange($(this));
                        }
                    }
                }

                expandCombo();



                return false;
            }
            if (ul.css("display") == "block") {
                if (e.keyCode == 38) {
                    //up
                    _setHoverComboItemIndex(container, _getComboHoverItemIndex(container) - 1);
                    return false;
                }

                if (e.keyCode == 40) {
                    //down
                    _setHoverComboItemIndex(container, _getComboHoverItemIndex(container) + 1);
                    return false;
                }
                if (e.keyCode == 27) {
                    //escape
                    expandCombo();
                }
            }
        });



        $("li a", ul).click(function() {
            $("li a", ul).removeClass("selected");
            $(this).addClass("selected");
            _selectComboItem(container);
            var retVal = true;
            if (arg.onchange != undefined && $.isFunction(arg.onchange)) {
                retVal = arg.onchange($(this));
            }
            ul.hide();
            $(document).unbind("click", documentClick);

            $(".textTitle", container).focus();

            return retVal;
        });

        _selectComboItem(container);
    }



    function _getComboHoverItemIndex(container) {
        var hoverItem = _getComboHoverItem(container);

        var li = hoverItem.parent("li");
        return $("ul li", container).index(li);
    }

    function _getComboHoverItem(container) {
        var hoverItem = $("ul.ddChild li a.hover", container);
        if (hoverItem.size() == 0) {
            hoverItem = _getSelectedComboItem(container);
        }

        if (hoverItem.size() == 0) {
            hoverItem = $("ul.ddChild li a", container);
            if (hoverItem.size() == 0) return;
            hoverItem = $(hoverItem.get(0));
        }

        return hoverItem;
    }

    function _getSelectedComboItem(container) {
        var selectedItem = $("ul.ddChild li a.selected", container);
        if (selectedItem.size() == 0) {
            selectedItem = $("ul.ddChild li a", container);
            if (selectedItem.size() == 0) return;
            selectedItem = selectedItem.get(0);
        }

        return selectedItem;
    }

    function _getSelectedComboItemIndex(container) {
        var selectedItem = _getSelectedComboItem(container);
        var li = selectedItem.parent("li")
        return $("ul li", container).index(li);
    }

    function _setHoverComboItemIndex(container, index) {
        if (index < 0) {
            index = $("ul li", container).size() - 1;
        } else if (index >= $("ul li", container).size()) {
            index = 0;
        }

        $("ul li a", container).removeClass("hover");

        $("a", $("ul li", container).get(index)).addClass("hover").focus();

    }

    function _setSelectedComboItemIndex(container, index) {
        if (index < 0) {
            index = $("ul li", container).size() - 1;
        } else if (index >= $("ul li", container).size()) {
            index = 0;
        }

        $("ul li a", container).removeClass("hover");
        $("ul li a", container).removeClass("selected");

        $("a", $("ul li", container).get(index)).addClass("selected").focus();
        _selectComboItem(container)

    }


    function _selectComboItem(container) {
        $("ul li a", container).removeClass("hover");
        var selectedItem = _getSelectedComboItem(container);
        if (selectedItem != null) {
            $(".textTitle", container).html($(selectedItem).html());
        }
    }


    Cineplex.AjaxSpinner = function() {
        return '<div class="AjaxContentLoader"></div>';
    }

    Cineplex.ShowMovies = function() {
        //Clear html
        $('.RotatorPager', $('#cineplex-find-a-movie')).html('');
        $('#cineplex-search-results-loading').show();

        var location = $('#movie-search-city').val();

        //set the location cookie and validate that it is a real location...
        Cineplex.UserContext.SetCurrentLocation(location, function(newLocation) {
            if (newLocation != "") {
                location = newLocation;
                $('#movie-search-city').val(location);
            } else {
                $('#cineplex-search-results-loading').hide();
                $("#cineplex-find-movie-results").html("<li>" + Cineplex.Constants.Values.reqEnterSearchLocation + "</li>");
                return;
            }

            //Get data
            var ret = Cineplex.GetMovies(location, function(data) {

                //init pager
                var r = $('.Rotator', $('#cineplex-find-a-movie'));
                r.css("visibility", "hidden");
                if (r.length > 0) {
                    r.data("pageIndex", 0);
                    r.data("pageCssSelector", "li.page");

                    if (data != undefined && data != null && data.d != undefined && data.d != null && data.d.length > 0) {
                        var results = $('#cineplex-find-movie-results');
                        results.setTemplateElement('cineplex-find-movie-results-template');
                        results.setParam("last", data.d.length);

                        results.processTemplate(data.d);

                        //Auto ellipsis
                        $('.auto', $('#cineplex-find-movie-results')).each(function(i) {
                            var element = $(this);

                            if (element.text().length > 41) {
                                element.attr('title', element.text());
                                element.html(element.text().substr(0, 38) + "&hellip;");
                            }
                        });



                    } else {
                        var msg = "The results could not be displayed.";
                        if (data != undefined && data.Message != undefined && data.Message != null) {
                            msg = data.Message;
                        }
                        $("#cineplex-find-movie-results").html("<li>" + msg + "</li>");
                    }

                    $('#cineplex-search-results-loading').hide();
                    _initializeRotator(r);
                }


            });

            if (ret == false) {
                $('#cineplex-search-results-loading').hide();
                $('#cineplex-find-movie-results').html('');
            }
        });
    }

    Cineplex.ShowTheatres = function() {

        var location = $('#theatre-search-city').val();

        //Clear html
        $('.RotatorPager', $('#cineplex-find-a-theatre')).html('');
        $('#cineplex-search-results-loading').show();

        //set the location cookie and validate that it is a real location...
        Cineplex.UserContext.SetCurrentLocation(location, function(newLocation) {
            if (newLocation != "") {
                location = newLocation;
                $('#theatre-search-city').val(location);
            } else {
                $('#cineplex-search-results-loading').hide();
                $("#cineplex-find-theatre-results").html("<li>" + Cineplex.Constants.Values.reqEnterSearchLocation + "</li>");
                return;
            }

            //Get data
            var ret = Cineplex.GetTheatres(location, function(data) {
                //init pager
                var r = $('.Rotator', $('#cineplex-find-a-theatre'));
                r.css("visibility", "hidden");
                if (r.length > 0) {
                    r.data("pageIndex", 0);


                    if (data != undefined && data != null && data.d.length > 0) {
                        var results = $('#cineplex-find-theatre-results');
                        results.setTemplateElement('cineplex-find-theatre-results-template');
                        results.setParam("last", data.d.length);
                        results.processTemplate(data.d);

                    } else {
                        var msg = "The results could not be displayed.";
                        if (data != undefined && data.Message != undefined && data.Message != null) {
                            msg = data.Message;
                        }
                        $("#cineplex-find-theatre-results").html("<li>" + msg + "</li>");
                    }

                    _initializeRotator(r);
                    $('#cineplex-search-results-loading').hide();
                }
            });

            if (ret == false) {
                $('#cineplex-search-results-loading').hide();
                $('#cineplex-find-theatre-results').html('');
            }
        });
    }

    Cineplex.GetMovies = function(city, callback) {
        if (callback != undefined && callback != null && !jQuery.isFunction(callback)) {
            alert("GetMovies: Callback arg is not a function");
            return;
        }

        if (city == null || city.length == 0) {
            return false;
        }

        var url = Agility.ResolveUrl('~/Services/CineplexTopNav.ashx?func=getMovies&callback=?');

        $.getJSON(url, "pgsize=20&city=" + encodeURI(city),
			function(data) {
			    //data class = { Message = "", d = [[{Name = "", Address = "", Telephone = "", ID = "" }, ... {Name = "", Address = "", Telephone = "", ID = "" }]]
			    callback(data);
			});
    }

    Cineplex.GetTheatres = function(city, callback) {
        if (callback != null && typeof callback != "function") {
            alert("GetTheatres: Callback arg is not a function");
            return;
        }

        if (city == null || city.length == 0) {
            return false;
        }

        var url = Agility.ResolveUrl('~/Services/CineplexTopNav.ashx?func=getTheatres&callback=?')
        $.getJSON(url, "pgsize=6&city=" + encodeURI(city),

			function(data) {
			    //data class = { Message = "", d = [[{Name = "", Address = "", Telephone = "", ID = "" }, ... {Name = "", Address = "", Telephone = "", ID = "" }]]
			    callback(data);
			});
    }

    function _initializeRotator(rotator) {

        var pageSize = parseInt(rotator.attr("pageSize"));
        if (isNaN(pageSize)) pageSize = 5;


        var pageIndex = rotator.data("pageIndex");
        if (pageIndex == null) {
            rotator.data("pageIndex", 0)
            pageIndex = 0;
        }

        var lastPageIndex = rotator.data("lastPageIndex");
        if (lastPageIndex == null) {
            lastPageIndex = 0;
        }

        rotator.data("lastPageIndex", pageIndex);


        //hide the old list itemss
        var lst = null;
        var pageCssSelector = rotator.data("pageCssSelector");
        if (pageCssSelector != null && pageCssSelector.length >= 0) {
            lst = $(pageCssSelector, rotator);
        }
        else {
            lst = $("li", rotator);
        }

        lst.hide();


        //show only the lst items on this page
        var offsetIndex = pageIndex * pageSize;



        $(lst.get(offsetIndex)).css("marginLeft", "0px");
        for (var i = offsetIndex; i < lst.size() && i < offsetIndex + pageSize; i++) {
            $(lst.get(i)).show();
        }

        //show the new list...

        if ($(".RotatorPager", rotator).html() == "") {
            //setup the pager
            var pagecount = Math.floor(lst.size() / pageSize);
            if (lst.size() % pageSize > 0) pagecount++;

            rotator.data("pagecount", pagecount);

            var html = "";

            if (pagecount > 1) {
                if (pageIndex < 0) {
                    html += "<a href='javascript:;' class='PageCtrl BackPage' pageIndex=\"" + (parseInt(pageIndex) - 1) + "\"><img class='btnRotatorBack' alt=\"" + window.Cineplex.Constants.Values.PreviousPage + "\" src=\"/Images/blank.gif\" /></a>";
                }
                for (var i = 0; i < pagecount; i++) {
                    var c = "btnRotatorPage PagerImage";
                    if (i == pageIndex) c = "btnRotatorPage-On PagerImage";
                    html += "<a href='javascript:;' class='PageCtrl' pageIndex=\"" + i + "\"><img class=\"" + c + "\" alt=\"" + window.Cineplex.Constants.Values.Page + " " + (i + 1) + "\" src=\"/Images/blank.gif\" /></a>";
                }
                if (pageIndex < pagecount - 1) {
                    html += "<a href='javascript:;' class='PageCtrl NextPage' pageIndex=\"" + (parseInt(pageIndex) + 1) + "\"><img class='btnRotatorNext' alt=\"" + window.Cineplex.Constants.Values.NextPage + "\" src=\"/Images/blank.gif\" /></a>";
                }
            }

            pager = $(".RotatorPager", rotator).html(html);
            rotator.data("pager", pager);

            //bind the pager events
            $("a.PageCtrl", pager).click(function() {

                if (rotator.data("isAnimating") == true) return false;

                var newPageIndex = parseInt($(this).attr("pageIndex"));
                pageIndex = rotator.data("pageIndex");
                if (newPageIndex == pageIndex) return false;

                if (newPageIndex > pagecount - 1) newPageIndex = 0;
                if (newPageIndex < 0) newPageIndex = pagecount - 1;

                Cineplex.CurrentState.PN = newPageIndex;
                Cineplex.UserContext.SetState(Cineplex.CurrentState);
                window.location = '/';




                // rotator.data("pageIndex", newPageIndex);
                // _initializeRotator(rotator);
            });

        } else {
            //pager already rendered...
            var pager = rotator.data("pager");

            //select the proper item
            $("img.PagerImage", pager).attr("className", "btnRotatorPage PagerImage");

            $("img.PagerImage", pager).each(function(elemIndex, elem) {
                $(this).attr("alt", window.Cineplex.Constants.Values.Page + " " + (elemIndex + 1));
            });
            $("a[pageIndex=" + pageIndex + "] img.PagerImage", pager).attr("className", "btnRotatorPage-On PagerImage").attr("alt", "*" + window.Cineplex.Constants.Values.Page + " " + (pageIndex + 1) + "*");

            //set the page indexes for the back/next buttons...
            $(".NextPage", pager).attr("pageIndex", pageIndex + 1);
            $(".BackPage", pager).attr("pageIndex", pageIndex - 1);
        }

        rotator.css("visibility", "visible");
        $(".RotatorItems ul", rotator).show();

    }

    Cineplex.InitializeRotator = _initializeRotator; //making publicaclly accessible for use in Cineplex.MapDialog





    Cineplex.InitializeLegacyAjaxPager = function(rotator, pageSize, pageIndex, totalCount, onpageChanged) {


        var lastPageIndex = rotator.data("lastPageIndex");
        if (lastPageIndex == null) {
            lastPageIndex = 0;
        }


        var lastTotalCount = rotator.data("lastTotalCount");
        if (lastTotalCount == null) {
            lastTotalCount = 0;
        }



        rotator.data("lastPageIndex", pageIndex);


        //if the totalCount changes, reset the whole thing...
        if (lastTotalCount != totalCount) {
            $(".RotatorPager", rotator).html("");
        }
        rotator.data("lastTotalCount", totalCount);

        if ($(".RotatorPager", rotator).html() == "") {
            //setup the pager
            var pagecount = Math.floor(totalCount / pageSize);
            if (totalCount % pageSize > 0) pagecount++;

            rotator.data("pagecount", pagecount);

            var html = "";

            if (pagecount > 1) {
                html += "<a href='javascript:;' class='PageCtrl BackPage' pageIndex=\"" + (pageIndex - 1) + "\"><img class='btnRotatorBack' alt=\"" + window.Cineplex.Constants.Values.PreviousPage + "\" src=\"/Images/blank.gif\" /></a>";


                for (var i = 0; i < pagecount; i++) {
                    var c = "btnRotatorPage PagerImage";
                    if (i == pageIndex) c = "btnRotatorPage-On PagerImage";
                    html += "<a href='javascript:;' class='PageCtrl' pageIndex=\"" + i + "\"><img class=\"" + c + "\" alt=\"" + window.Cineplex.Constants.Values.Page + " " + (i + 1) + "\" src=\"/Images/blank.gif\" /></a>";
                }
                html += "<a href='javascript:;' class='PageCtrl NextPage' pageIndex=\"" + (pageIndex + 1) + "\"><img class='btnRotatorNext' alt=\"" + window.Cineplex.Constants.Values.NextPage + "\" src=\"/Images/blank.gif\" /></a>";





            }

            pager = $(".RotatorPager", rotator).html(html);
            rotator.data("pager", pager);

            //bind the pager events	
            $("a.PageCtrl", pager).click(function() {
                if (rotator.data("isAnimating") == true) return false;

                var newPageIndex = parseInt($(this).attr("pageIndex"));
                pageIndex = rotator.data("pageIndex");
                if (newPageIndex == pageIndex) return false;

                if (newPageIndex > pagecount - 1) newPageIndex = 0;
                if (newPageIndex < 0) newPageIndex = pagecount - 1;
                rotator.data("pageIndex", newPageIndex);
                onpageChanged(newPageIndex);



            });

        } else {
            //pager already rendered...
            var pager = rotator.data("pager");

            //select the proper item
            $("img.PagerImage", pager).attr("className", "btnRotatorPage PagerImage");

            $("img.PagerImage", pager).each(function(elemIndex, elem) {
                $(this).attr("alt", window.Cineplex.Constants.Values.Page + " " + (elemIndex + 1));
            });
            $("a[pageIndex=" + pageIndex + "] img.PagerImage", pager).attr("className", "btnRotatorPage-On PagerImage").attr("alt", "*" + window.Cineplex.Constants.Values.Page + " " + (pageIndex + 1) + "*");

            //set the page indexes for the back/next buttons...
            $(".NextPage", pager).attr("pageIndex", pageIndex + 1);
            $(".BackPage", pager).attr("pageIndex", pageIndex - 1);


        }

        rotator.css("visibility", "visible");

    }





    Cineplex.InitializeAjaxPager = function(rotator, pageSize, pageIndex, totalCount, onpageChanged) {


        var lastPageIndex = rotator.data("lastPageIndex");
        if (lastPageIndex == null) {
            lastPageIndex = 0;
        }


        var lastTotalCount = rotator.data("lastTotalCount");
        if (lastTotalCount == null) {
            lastTotalCount = 0;
        }



        rotator.data("lastPageIndex", pageIndex);


        //if the totalCount changes, reset the whole thing...
        if (lastTotalCount != totalCount) {
            $(".RotatorPager", rotator).html("");
        }
        rotator.data("lastTotalCount", totalCount);

        if ($(".RotatorPager", rotator).html() == "") {
            //setup the pager
            var pagecount = Math.floor(totalCount / pageSize);
            if (totalCount % pageSize > 0) pagecount++;

            rotator.data("pagecount", pagecount);

            var html = "";

            if (pagecount > 1) {
                if (pageIndex > 0) {
                var $page=Cineplex.GetCurrentLanguage() == "fr-ca"?"Première Page":"First Page";
                  html += "<a href='javascript:;' class='PageCtrl FirstPage' pageIndex=\"0\">" + $page +"</a>";
                    html += "<a href='javascript:;' class='PageCtrl BackPage' pageIndex=\"" + (parseInt(pageIndex) - 1) + "\"><img class='btnRotatorBack' alt=\"" + window.Cineplex.Constants.Values.PreviousPage + "\" src=\"/Images/blank.gif\" /></a>";
                 
                }
                for (var i = 0; i < pagecount; i++) {
                    var c = "btnRotatorPage PagerImage";
                    if (i == pageIndex) c = "btnRotatorPage-On PagerImage";
                    html += "<a href='javascript:;' class='PageCtrl' pageIndex=\"" + i + "\"><img class=\"" + c + "\" alt=\"" + window.Cineplex.Constants.Values.Page + " " + (i + 1) + "\" src=\"/Images/blank.gif\" /></a>";
                  
                }
                if (pageIndex < pagecount - 1) {
                var $page = Cineplex.GetCurrentLanguage() == "fr-ca"?"Dernière page":"Last Page";
                
                    html += "<a href='javascript:;' class='PageCtrl NextPage' pageIndex=\"" + (parseInt(pageIndex) + 1) + "\"><img class='btnRotatorNext' alt=\"" + window.Cineplex.Constants.Values.NextPage + "\" src=\"/Images/blank.gif\" /></a>";
                       html += "<a href='javascript:;' class='PageCtrl LastPage' pageIndex='" + parseInt(pagecount - 1)+"'>"+$page +"</a>";
                }

            }

            pager = $(".RotatorPager", rotator).html(html);
            rotator.data("pager", pager);

            //bind the pager events	
            $("a.PageCtrl", pager).click(function() {
                if (rotator.data("isAnimating") == true) return false;

                var newPageIndex = parseInt($(this).attr("pageIndex"));
                pageIndex = rotator.data("pageIndex");
                if (newPageIndex == pageIndex) return false;

                if (newPageIndex > pagecount) newPageIndex = pagecount;
                if (newPageIndex < 0) newPageIndex = pagecount;

                Cineplex.CurrentState.PG = newPageIndex;
                Cineplex.UserContext.SetState(Cineplex.CurrentState);
                window.location = document.location.href.split('?')[0];

            });

        } else {
            //pager already rendered...
            var pager = rotator.data("pager");

            //select the proper item
            $("img.PagerImage", pager).attr("className", "btnRotatorPage PagerImage");

            $("img.PagerImage", pager).each(function(elemIndex, elem) {
                $(this).attr("alt", window.Cineplex.Constants.Values.Page + " " + (elemIndex + 1));
            });
            $("a[pageIndex=" + pageIndex + "] img.PagerImage", pager).attr("className", "btnRotatorPage-On PagerImage").attr("alt", "*" + window.Cineplex.Constants.Values.Page + " " + (pageIndex + 1) + "*");

            //set the page indexes for the back/next buttons...
          
            $(".NextPage", pager).attr("pageIndex", parseInt(pageIndex) + 1);
            $(".BackPage", pager).attr("pageIndex", parseInt(pageIndex) - 1);

        }

        rotator.css("visibility", "visible");

    }






})(Cineplex);




/*
 * User Context Object...
 */

(function(UserContext) {

    var _theatresCookieName = "Cineplex_FaveTheatres";
    var _moviesCookieName = "Cineplex_FaveMovies";
    var _anonCookieName = "Cineplex_Anonymous";
    var _cineplexState = "Cineplex_State";


    $(function() {

        //$("#pnlRemoveAllFavourites").click(function() {
         //  UserContext.RemoveAllFavourites();
        //});
    });


    UserContext.IsCookieEnabled = function() {

        var cookieEnabled = (navigator.cookieEnabled) ? true : false;

        if (typeof navigator.cookieEnabled == "undefined" && !cookieEnabled) {
            document.cookie = "testcookie";
            cookieEnabled = (document.cookie.indexOf("testcookie") != -1) ? true : false;
        }
        return (cookieEnabled);
    }

    UserContext.IsAuthenticated = function() {
        authVal = $.cookies.get("CineplexAuthASPNET");
        if (authVal == undefined || authVal == null || authVal == "") return false;
        return true;
    }

    UserContext.Logout = function() {
        var domain = Cineplex.GetCookieDomain();
        $.cookies.del("CineplexAuthASPNET", { path: '/', domain: domain });
        return true;
    }


  UserContext.NoLocationMessage = function() {

  return Cineplex.GetCurrentLanguage() == "fr-ca" ? "Veuillez sélectionner une ville." : "Please choose a location." 
    }

    UserContext.NoResultMessage = function() {

return Cineplex.GetCurrentLanguage() == "fr-ca"? "Aucun élément à afficher." : "There are no items to display." 
    }
    UserContext.SetState = function(stateObj) {
        var domain = Cineplex.GetCookieDomain();

        var cookieStr = "";


        for (var st in stateObj) {
            st != undefined && st != "PN" ? cookieStr += "," : cookieStr += "";
            cookieStr += stateObj[st];
        }

        $.cookies.set(_cineplexState, cookieStr, { expiresAt: Date.parse("2030/1/1"), path: '/', domain: domain });

    }



    UserContext.GetState = function() {
        var ary = document.cookie.split(";");

        var states = "";
        var currentState = {};
        for (var i = 0; i < ary.length; i++) {
            if (ary[i].indexOf(_cineplexState) != -1) {
                states = ary[i].substring(ary[i].indexOf('=') + 1);

            }
        }
        if (states == "") {

        }
        var splitter = states.indexOf(",") == -1 ? "%2C" : ",";
        var a = states.split(splitter);
        currentState = new UserContext.CurrentStateConstructor(a[0], a[1], a[2], a[3], a[4], a[5], a[6], a[7], a[8], a[9],a[10],a[11]);
        return currentState;
    }


    UserContext.CurrentStateConstructor = function(PN, PG, GE, RA, WA, ST, ED, CS, TA,SE,TY) {
     //page name
       this.PN = PN;
     //page number
        this.PG = coalesce("Page", PG);
     //genre (ML)
        this.GE = coalesce("genre",GE);
    //rating (ML)
        this.RA = coalesce("rating",RA);
    //Warning (ML)
        this.WA = coalesce("warning",WA);
      //Start Date (ML)
        this.ST = coalesce("start",ST);
    //End Date (ML)
        this.ED =  coalesce("end",ED);
    //Cinema Source Pagination (MD)
        this.CS =  coalesce("CSPage",CS);
    //Title (ML) 
        this.TA = TA;
    //State (ML)
    this.SE =  coalesce("state",SE);
    //Type (ML)
      this.TY =  coalesce("type",TY);


    }



    UserContext.GetCurrentLocation = function() {

        /// <summary>
        /// Gets the current user's location string (CITY - PROV)
        /// </summary>

        //U=&L=Delson+-+QC&R=50&RM=&F=

        var anonCookieVal = $.cookies.get(_anonCookieName);
        if (anonCookieVal == null) return null;

        if (anonCookieVal == "U") {
            //parse the legacy cookie manually...
            var ary = document.cookie.split(";");
            for (var i = 0; i < ary.length; i++) {
                // Cineplex_Anonymous=U=&L=Ajax+-+ON&R=50&RM=&F=
                if (ary[i].indexOf(_anonCookieName) != -1) {
                    anonCookieVal = ary[i].substring(ary[i].indexOf(_anonCookieName) + _anonCookieName.length + 1);
                }
            }
        }

        loc = Agility.QueryString("L", "/?" + anonCookieVal);
        if (loc == undefined || loc == null || loc == "" || loc == "Select a City" || loc.indexOf("ctionnez une ville") != -1) return null;

        return loc;

    }

    UserContext.SetCurrentLocation = function(location, callback) {
        /// <summary>
        /// Sets the current user's location string (CITY - PROV)
        /// </summary>
        /// <param name="location" type="string">The location string to set.</param>      
        /// <param name="callback" type="Function">The callback function that will provide the parsed location value.</param>      

        var domain = Cineplex.GetCookieDomain();

        //cookie format
        //U=&L=Delson+-+QC&R=50&RM=&F=

        var anonCookieVal = $.cookies.get(_anonCookieName);
        var U = Agility.QueryString("U", "/?" + anonCookieVal);
        var R = Agility.QueryString("R", "/?" + anonCookieVal);
        if (isNaN(parseInt(R))) R = "50";
        if (U == null || U == "null") U = "";

        if (location != "") {
            var str = "U=" + U + "&L=" + location + "&R=" + R;
            $.cookies.set(_anonCookieName, str, { expiresAt: Date.parse("2030/1/1"), path: '/', domain: domain });
        }

        if (typeof (callback) == "function") {
            callback(location);
        }
        else if (typeof (callback) == "function") {
            callback("");
        }

    }





    UserContext.SetFavouritesElementHeight = function()
        
    {

    if($("#pnlFavouritesContainer").find(".FavouriteLineItem").length>0)
        {
            var height = $("#pnlFavouritesContainer").height();
           $("#pnlFavouritesContainer").css("minHeight", height);
       
        }
        else
        {
         $("#pnlFavouritesContainer").css("minHeight", height);
     
         }
    }


    UserContext.BindFavourites = function() {
        //bind the favourite theatres/movies list...
        _bindFavourites();
    }

    UserContext.RemoveAllFavourites = function() {
        var domain = Cineplex.GetCookieDomain();


        $.cookies.set(_moviesCookieName, null, { expiresAt: Date.parse("2030/1/1"), path: '/', domain: domain });
        $.cookies.set(_theatresCookieName, null, { expiresAt: Date.parse("2030/1/1"), path: '/', domain: domain });
        _bindFavourites();
         UserContext.SetFavouritesElementHeight();
    }

    UserContext.GetFavoriteMovies = function(callback, errorCallback) {
        /// <summary>
        /// Gets a list of the user's favourite movies.
        /// </summary>
        /// <param name="callback" type="Function">The callback function.  This is passed an array of Theatre objects with an ID, Name and Url.</param>      
        /// <param name="errorCallback" type="Function">The error callback function.</param>      

        var currentValue = $.cookies.get(_moviesCookieName);

        var lst = new Array();
        if (currentValue != undefined && currentValue != "undefined" && currentValue != null && currentValue != "") {

            lst = currentValue.split(",");

            $.getJSON(Agility.ResolveUrl('~/Services/Favourites.ashx?func=movies&ids=' + lst.join(",") + '&callback=?'), function(data) {
                if (data && data.d != undefined && $.isArray(data.d)) {
                    callback(data.d);
                } else {
                    errorCallback();
                }
            });
        } else {
            callback(lst);
        }

    }

    UserContext.GetFavoriteTheatres = function(callback, errorCallback) {
        /// <summary>
        /// Gets a list of the user's favourite theatres.
        /// </summary>
        /// <param name="callback" type="Function">The callback function.  This is passed an array of Theatre objects with an ID, Name and Url.</param>      
        /// <param name="errorCallback" type="Function">The error callback function.</param>      

        var currentValue = $.cookies.get(_theatresCookieName);

        var lst = new Array();
        if (currentValue != undefined && currentValue != "undefined" && currentValue != null && currentValue != "") {
            lst = currentValue.split(",");

            $.getJSON(Agility.ResolveUrl('~/Services/Favourites.ashx?func=theatres&ids=' + lst.join(",") + '&callback=?'), function(data) {
                if (data && data.d != undefined && $.isArray(data.d)) {
                    callback(data.d);
                } else {
                    errorCallback();
                }
            });
        } else {
            callback(lst);
        }

    }

    UserContext.RemoveFavouriteMovie = function(filmID) {
        /// <summary>
        /// Remove a movie from the list of the current user's favourites.
        /// </summary>
        /// <param name="filmID" type="Number">The filmID of the movie (int).</param>  
        filmID = parseInt(filmID);
        if (isNaN(filmID)) return;

        var currentValue = $.cookies.get(_moviesCookieName);
        var lst = new Array();
        if (currentValue != undefined && currentValue != null && currentValue != "") {
            lst = currentValue.split(",");
        }

        lst = $.grep(lst, function(elem, index) {
            return parseInt(elem) != filmID;
        });

        var newValue = lst.join(",");
        var domain = Cineplex.GetCookieDomain();


        $.cookies.set(_moviesCookieName, newValue, { expiresAt: Date.parse("2030/1/1"), path: '/', domain: domain });

        _bindFavourites();
        return;

    }

    UserContext.RemoveFavouriteTheatre = function(locationID) {
        /// <summary>
        /// Remove a theatre from the list of the current user's favourites.
        /// </summary>
        /// <param name="locationID" type="Number">The location_id of the theatre (int).</param>  
        locationID = parseInt(locationID);
        if (isNaN(locationID)) return;
        var currentValue = $.cookies.get(_theatresCookieName);
        var lst = new Array();
        if (currentValue != undefined && currentValue != null && currentValue != "") {
            lst = currentValue.split(",");
        }

        lst = $.grep(lst, function(elem, index) {
            return parseInt(elem.replace('n', '')) != locationID;
        });

        var newValue = lst.join(",");
        var domain = Cineplex.GetCookieDomain();


        $.cookies.set(_theatresCookieName, newValue, { expiresAt: Date.parse("2030/1/1"), path: '/', domain: domain });

        _bindFavourites();
        return;

    }

    UserContext.IsFavouriteMovie = function(filmID) {
        /// <summary>
        /// Checks if a filmID is already in the user's favourite's list.
        /// </summary>
        /// <param name="filmID" type="Number">The filmID of the movie (int).</param>      

        filmID = parseInt(filmID);
        if (isNaN(filmID)) return;

        var currentValue = $.cookies.get(_moviesCookieName);
        var lst = new Array();
        if (currentValue != undefined && currentValue != null && currentValue != "") {
            lst = currentValue.split(",");
        }

        if ($.inArray(filmID, lst) == -1 && $.inArray(filmID + "", lst) == -1) {
            return false;
        }

        return true;


    }

    UserContext.AddFavoriteMovie = function(filmID) {
        /// <summary>
        /// Adds a movie to the list of the current user's favourites.
        /// </summary>
        /// <param name="filmID" type="Number">The filmID of the movie (int).</param>      

        filmID = parseInt(filmID);
        if (isNaN(filmID)) return;

        var currentValue = $.cookies.get(_moviesCookieName);
        var lst = new Array();
        if (currentValue != undefined && currentValue != null && currentValue != "") {
            lst = currentValue.split(",");
        }

        if ($.inArray(filmID, lst) == -1 && $.inArray(filmID + "", lst) == -1) {
            lst[lst.length] = filmID;
        }

        var newValue = lst.join(",");
        var domain = Cineplex.GetCookieDomain();

        //set the cookie
        $.cookies.set(_moviesCookieName, newValue, { expiresAt: Date.parse("2030/1/1"), path: '/', domain: domain });

        _bindFavourites();
        return;

    }

    UserContext.IsFavoriteTheatre = function(locationID) {
        /// <summary>
        /// Checks if a locationID is in the user's favourites.
        /// </summary>
        /// <param name="locationID" type="Number">The location_id of the theatre (int).</param>


        locationID = parseInt(locationID);
        // if (isNaN(locationID)) return;

        var currentValue = $.cookies.get(_theatresCookieName);
        var lst = new Array();
        if (currentValue != undefined && currentValue != null && currentValue != "") {
            lst = currentValue.split(",");
        }

        if ($.inArray(locationID, lst) == -1 && $.inArray(locationID + "", lst) == -1) {

            return false;
        }

        return true;

    }


    UserContext.StateObect = function() {
        this.PG = "";
        this.PN = 0;


    }
    UserContext.AddFavoriteTheatre = function(locationID) {
        /// <summary>
        /// Adds a theatre to the list of the current user's favourites.
        /// </summary>
        /// <param name="locationID" type="Number">The location_id of the theatre (int).</param>      

        locationID = parseInt(locationID);
        if (isNaN(locationID)) return;

        var currentValue = $.cookies.get(_theatresCookieName);
        var lst = new Array();
        if (currentValue != undefined && currentValue != null && currentValue != "") {
            lst = currentValue.split(",");
        }

        if ($.inArray(locationID, lst) == -1 && $.inArray(locationID + "", lst) == -1) {

            if (document.location.href.toLowerCase().indexOf("other") != -1 || document.location.href.toLowerCase().indexOf("autre") != -1) {
                lst[lst.length] = locationID + "n";
            }
            else {
                lst[lst.length] = locationID;
            }
        }

        var newValue = lst.join(",");
        var domain = Cineplex.GetCookieDomain();


        //set the cookie

        $.cookies.set(_theatresCookieName, newValue, { expiresAt: Date.parse("2030/1/1"), path: '/', domain: domain });

        _bindFavourites();
        return;

    }

    function coalesce(a, b) {
        return Agility.QueryString(a) != undefined && Agility.QueryString(a) != "" ? Agility.QueryString(a) : formatSpaces(b);

    }

    function getStateExpiryDate() {

        var currentTime = new Date()
        var month = currentTime.getMonth() + 1;
        var day = currentTime.getDate() + 1;
        var year = currentTime.getFullYear()
        return day + "/" + month + "/" + year;
    }

    function _bindFavourites() {

        //check if the favourites panel is here...
        if ($("#pnlFavouritesLoading").size() == 0) return;

        $("div.MyFavouriteTheatres").hide();
        $("div.MyFavouriteMovies").hide();
        $("div.NoFavourites").show();
        $("#pnlFavouritesLoading").show();
        $("#pnlFavouritesMessage").hide();
        


        UserContext.GetFavoriteTheatres(
			function(lstTheatres) {
			    //success

			    if (lstTheatres.length > 0) {


			        var html = "<ul>";
			        for (var i = 0; i < lstTheatres.length; i++) {
			            var t = lstTheatres[i];
			            html += "<li>";

			            html += '<a class="FavouriteLineItem ';
			            if (i % 2 != 0) {
			                html += 'FavouriteLineItemAlt" ';
			            } else {
			                html += '" ';
			            }
			            html += 'href="' + Agility.ResolveUrl(t.DetailsUrl) + '">' + t.Name + '</a>';
			            if (t.Location_ID == 0) {
			                html += '<a class="FavouriteDelete" href="javascript:;" locationID="' + t.TheatreID + '">Remove</a>';
			                //hide save as favourites on other theatre pages, if it exists
			                if (typeof Cineplex_CurrentTheatreID != "undefined") {
			                    if (t.TheatreID == Cineplex_CurrentTheatreID) {
			                        $("#lnkSaveTheatreFavourite").hide();

			                    }
			                }

			            }
			            else {
			                html += '<a class="FavouriteDelete" href="javascript:;" locationID="' + t.Location_ID + '">Remove</a>';

			            }
			            html += "</li>";
			        }
			        html += "</ul>";
			        html += "<div class='Clear'></div>";
			        $("#pnlFavouriteTheatres").html(html);
			        $("div.MyFavouriteTheatres").show();

			        //bind the remove actions
			        $("#pnlFavouriteTheatres a.FavouriteDelete").click(function() {
			            UserContext.RemoveFavouriteTheatre($(this).attr("locationID"));
			        });

			    } else {
			        $("#pnlFavouriteTheatres").html("");
			    }

			    _bindFavourites2(lstTheatres);
                UserContext.SetFavouritesElementHeight();

			},
			function() {
			    //error
			    $("#pnlFavouriteTheatres").html("An error occurred.  Please try again.");
			    $("#pnlFavouritesLoading").hide();
			    $("#pnlFavouritesMessage").show();

			}
		);
    }

    function _bindFavourites2(lstTheatres) {
        UserContext.GetFavoriteMovies(
			function(lstMovies) {
			    //success

			    if (lstMovies.length > 0) {

			        var html = "<ul>";
			        for (var i = 0; i < lstMovies.length; i++) {
			            var t = lstMovies[i];
			            html += "<li>";
			            html += '<a class="FavouriteLineItem ';
			            if (i % 2 != 0) {
			                html += 'FavouriteLineItemAlt" ';
			            } else {
			                html += '" ';
			            }
			            html += 'href="' + Agility.ResolveUrl(t.Url) + '">' + t.Name + '</a>';
			            html += '<a class="FavouriteDelete" href="javascript:;" filmID="' + t.ID + '">Remove</a>';
			            html += "</li>";
			        }
			        html += "</ul>";
			        html += "<div class='Clear'></div>";
			        $("#pnlFavouriteMovies").html(html);
			        //bind the remove actions
			        $("#pnlFavouriteMovies a.FavouriteDelete").click(function() {
			            UserContext.RemoveFavouriteMovie($(this).attr("filmID"));
			        });

			        $("div.MyFavouriteMovies").show();

			    } else {
			        //no films...
			        $("#pnlFavouriteMovies").html("");
			    }

			    if (lstMovies.length + lstTheatres.length == 0) {
			        //if both lists are empty...
			        $("div.MyFavouriteTheatres").hide();
			        $("div.MyFavouriteMovies").hide();
			        $("div.NoFavourites").show();
			        $("#pnlFavouritesLoading").hide();
			        $("#pnlFavouritesMessage").show();
			        $("#pnlRemoveAllFavourites").hide();
			    } else {
			        $("div.NoFavourites").hide();
			        $("#pnlRemoveAllFavourites").show();

			    }
			},
			function() {
			    //error
			    $("#pnlFavouriteTheatres").html("An error occurred.  Please try again.");
			    $("#pnlFavouritesLoading").hide();
			    $("#pnlFavouritesMessage").show();

			}
		);
    }

})(Cineplex.UserContext);



//LEGACY METHODS DOWN HERE
function bdayProvinceCalc(elem) {
	var url = elem.value;
	if (location.href.toLowerCase().indexOf("ispreview=true") != -1) {
		url += "&ispreview=true";
	}
	location.href=url;
}



function topLevelRedirect(url) 
{
	var form = document.createElement("form");
	form.setAttribute("method", "GET");
	form.setAttribute("action", url);	
	form.setAttribute("target", "_top");
	document.body.appendChild(form);
	form.submit();
}

function formatSpaces(str)
{
if(str!=undefined){
return str.replace(/%\d{2}/g,' ');
}

}