(function($, dermquest, window, undefined){

    dermquest.register("Settings", new function(){

        var me = {};

        me.Dictionary = {
            no_facets: "-- Undetermined --",
            no_results: "No results matched the search criteria. Remove filters on the left to broaden your search.",
            and_operator: "and",
            or_operator: "or",
			none: "None"
        }

        me.Templates = {
			image_touch_interaction: 'Touch the image to zoom or <strong><a href="{{url}}" target="_blank">tap here to view full size</a></strong>',
			image_click_interation: 'Hover over the image to zoom or <strong><a class="fullsize-link" href="{{url}}" target="_blank">click here to view full size</a></strong>',
            image_search_results: "Showing {{#min}}{{min}}-{{max}} of{{/min}} {{total_results}} results",
			single_image_search_result: "Showing {{total_results}} result",
			view_images: '<a href="#" class="btn search-trigger">View Images</a>',
			no_visible_facets: '<p>No further refinements</p>',
			confirm_facets: '<a href="#" class="modal-close confirm-trigger btn">Confirm</a>',
			error_feedback: '<p class="error-feedback">{{error_message}}</p>',
            confirm_modal: '<div class="lightbox_content"><img src="/_themes/default/img/logo_dermquest2.png" height="60" width="291" alt="Dermquest.com" /><br /><div class="title">{{{title}}}</div><div class="content">{{{content}}}</div><br /><div class="modal-actions"><a href="#" class="btn btn-minWidth btn-onDarkBg confirm-trigger">Yes</a><a href="#" class="btn btn-minWidth btn-onDarkBg modal-close">No</a></div></div>'
        }

        me.Resources = {
			image_feed_url: "/Services/imageData.ashx",
			facet_feed: "/Services/facetData.ashx",
			locker_add: "/helper/addToPersonalLocker.ashx",
			locker_add_modal: "/popups/personal-locker-general-use/",
			locker_first_add_modal: "/popups/personal-locker-first-use/",
			locker_remove: "/Services/DermQuestRestServices.svc/DeleteBookmark",
			remove_confim_modal: "/popups/personal-locker-delete/",
			member_rating_feed: "/Services/DermQuestRestServices.svc/RateImage",
			remove_image_submission_image: "/popups/submit-your-own-delete-image/",
			blog_feed: "/Helper/loadExpertOpinion.ashx"
        }

        me.Objects = {
		
			Model: Backbone.Model.extend(),
		
			DynamicState: function(id, include_operator) {
				var model = new Model,
					obj = {
						id: id,
						selection: []
					};
				if (include_operator) {
					obj.operator = 0;
				}
				model.set(obj)
				return model;
			},
		
			State: function(id, include_operator) {
				var obj = {
						id: id,
						selection: []
					};
				if (include_operator) {
					obj.operator = 0;
				}
				return obj;
			},

            BodySelection: function($target, config) {

                var me = _.extend({}, Backbone.Events),
                    $me = $('<div id="body-selection" />');

                var data = config.data || config.model.get('data')[config.id],
                    state = new dermquest.Settings.Objects.State(config.id);

				var $body_selector = $('<div id="body-part-selector" class="cf" />'),
					$no_facets_feedback = $(dermquest.Settings.Templates.no_visible_facets).hide(),
					$body_map;

                var LeftList,
                    RightList;

                function init() {

                    build();

                    $me.on("mouseenter", ".body-section", function (e) {
                        var $target = $(e.currentTarget),
                            facet_id = parseInt($target.attr("data-facet-id"));
                        focus(facet_id);
                    });

                    $me.on("mouseleave", ".body-section", function (e) {
                        var $target = $(e.currentTarget),
                            facet_id = parseInt($target.attr("data-facet-id"));
                        blur();
                    });

                    $me.on("mouseenter", "label", function (e) {
                        var $target = $(e.currentTarget),
                            $branch_root = $target.parents('.branch-root'),
                            facet_id = parseInt($branch_root.attr("data-facet-id")),
                            $body_section = $body_map.find('[data-facet-id=' + facet_id + ']');
                        $body_section.addClass('highlight');
                    });

                    $me.on("mouseleave", "label", function (e) {
                        var $target = $(e.currentTarget),
                            $branch_root = $target.parents('.branch-root'),
                            facet_id = parseInt($branch_root.attr("data-facet-id")),
                            $body_section = $body_map.find('[data-facet-id=' + facet_id + ']');
                        $body_section.removeClass('highlight');
                    });
					
					config.model.on("change:route", function(e, route) {
						if (route) {
							var my_route = route[config.id];
							if (my_route && my_route.length > 0) {
								state.selection = my_route;
								update(route[config.id]);
							} else {
								reset();
							}
						} else {
							reset();
						}
					});
					
					config.model.on('change:results', function(e, results){
						if (results) {
							var my_results = results[config.id],
								visible_facets = state.selection;
							if (my_results) {
								visible_facets = _.union(visible_facets, my_results)
							}
							filter(visible_facets);
						} else {
							reset();
						}
					});

                    $target.append($me);
                }

                function build() {

                    $body_map = $('<div id="body-map" />');
					
					var $left_wrapper = $('<div class="floatLeft" />'),
						$right_wrapper = $('<div class="floatLeft" />');

                    var roots = data.Roots,
                        left_collections = [],
                        right_collections = [];

                    for (var i = 0, l = roots.length; i < l; i++) {

                        var root = roots[i],
                            $body_part = $('<label for="facet_' + root + '" id="' + config.id + '-' + i + '" class="body-section" data-facet-id="' + root + '"><span class="body-section-graphic"></span></label>');

                        $body_map.append($body_part)

                        if (i % 2 === 0) {
                            left_collections.push(root);
                        } else {
                            right_collections.push(root);
                        }
                    }
					
					var left_config = {
							'data': data,
							'id': config.id,
							'panelled': true
						},
						right_config = _.extend({}, left_config);

					left_config.roots = left_collections;
                    LeftList = new dermquest.Settings.Objects.SelectList($left_wrapper, left_config);

					right_config.roots = right_collections;
                    RightList = new dermquest.Settings.Objects.SelectList($right_wrapper, right_config);

                    LeftList.on("branch-update", function (facet_id, active) {
						getState();
                        updateBody(facet_id, active);
                    })

                    RightList.on("branch-update", function (facet_id, active) {
						getState();
                        updateBody(facet_id, active);
                    });
					
					if (!config.hide_trigger) {
						var $trigger = $(dermquest.Settings.Templates.view_images);
						$right_wrapper.append($trigger)
					}
					
					$body_selector.append($left_wrapper, $body_map, $right_wrapper);
                    $me.append($body_selector, $no_facets_feedback)
                }

                function focus(facet_id) {
                    LeftList.focus(facet_id);
                    RightList.focus(facet_id);
                }

                function blur() {
                    LeftList.blur();
                    RightList.blur();
                }

                function updateBody(facet_id, active) {
                    var $body_part = $body_map.find('[data-facet-id="' + facet_id + '"]');
                    if (active) {
                        $body_part.activate();
                    } else {
                        $body_part.deactivate();
                    }
                }

				function filterBody() {

					var $sections = $body_map.find('.body-section');
						
					$body_map.addClass('filtered');
					for (var i = 0, l = $sections.length; i < l; i++) {
						var $section = $sections.eq(i),
							$input = $('#' + $section.attr('for'));
						if ($input.parent('li').hasClass('show')) {
							$section.addClass('show');
						}
					}
					
				}

                function getState() {
					state.selection = _.union(LeftList.getSelection(), RightList.getSelection());
                    return state;
                }
				
				function filter(active_facets) {
					if (active_facets.length) {
						LeftList.filter(active_facets);
						RightList.filter(active_facets);
						filterBody(active_facets);
						$body_selector.show();
						$no_facets_feedback.hide();
					} else {
						$body_selector.hide();
						$no_facets_feedback.show();
					}
				}
				
				function update(selection) {
					LeftList.update(selection);
					RightList.update(selection);
				}

                function reset() {
					LeftList.reset();
					RightList.reset();
					$body_map.removeClass('filtered');
                    $body_map.find('.body-section').removeClass('show active');
                }

                init();

                me.init = init;
                me.reset = reset;
                me.getState = getState;

                return me;
            },

            ActiveFacetList: function(model) {

                var me = _.extend({}, Backbone.Events),
                    $me = $('.filter-list');

                var model_width = 780;

                function init() {

                    $me.on("click", ".filter-trigger", function (e) {
                        e.preventDefault();
                        var $trigger = $(e.currentTarget),
                            target = $trigger.attr("href"),
                            $target = $(target);
                        $target.activate();
                        dermquest.Common.Modal.open(target);
                    })

                    model.on("change:route", function() {
                        if (model.get('route')) {
                            update();
                        }
                    })
					
					model.test = true;

                }

                function update() {
				
					reset();

                    var $list = $("<ul />"),
                        data = model.get('data'),
                        route = model.get('route');

                    _.each(data, function(value, key){

                        var collection = data[key],
                            state_collection = route[key],
							width = model_width;

                        var $item = $("<li />");

                        $item.attr("data-category-id", collection.Name);
						
						if (collection.Name === "localization") {
							width = 747;
						}
						
                        $item.append('<a href="#' + collection.Name + '" class="modal-trigger" data-modal-width="' + width + '">' + collection.Text + '</a>');

                        if (state_collection && state_collection.length) {

                            var $inner_list = $("<ul />");

                            for (var p = 0, pl = state_collection.length; p < pl; p++) {

                                var facet_id = state_collection[p],
                                    facet = collection.Facets[facet_id],
                                    operator_text = dermquest.Settings.Dictionary.or_operator,
                                    operator = route[key + "MatchAll"];
									
                                if (facet) {
                                    if (p === pl - 1) {
                                        operator_text = ''
                                    } else {
                                        if (operator === 1) {
                                            operator_text = dermquest.Settings.Dictionary.and_operator
                                        }
                                        operator_text = ' ' + operator_text + '';
                                    }

                                    var $facet_item = $('<li>' + facet.Text.toTitle() + operator_text + '<a href="#" data-facet-id="' + facet_id + '" class="remove-trigger">X</a></li>');

                                    $inner_list.append($facet_item);
                                }
                            }

                            $item.append($inner_list);

                        }

                        $list.append($item)

                    });

                    if ($list.html().length > 0) {
                        $me.html($list);
                    }
                }

                function reset() {
                    $me.empty();
                }

                me.update = update;

                init();

                return me;
            },

			SelectList: function($parent, config) {

                var me = _.extend({}, Backbone.Events),
					$me = $('<div class="select-list" />');

				var filtered = false;
					
				var data = config.data;
				
				if (!config.roots) {
					config.roots = data.Roots;
				}
				
				var state = new dermquest.Settings.Objects.State(config.id);

				function init() {

					// Two events fired for each input element...
                    // Triggered only when the element is clicked
                    $me.on("click", "input", function (e) {
                        updateBranch(e.currentTarget);
                    });

                    // Triggered whenever the input element is changed
                    $me.on("change", "input", function (e) {
                        updateLeaf(e.currentTarget);
                    });

                    $me.on("mouseenter", "label", function (e) {
						$(e.currentTarget).siblings('ul').addClass('highlight');
                    });

                    $me.on("mouseleave", "label", function (e) {
						$(e.currentTarget).siblings('ul').removeClass('highlight');
                    });
					
					build();

				}

				function build() {
					
					function buildBranch(facets, root) {

                        var branch_html = "<ul>";

                        for (var i = 0, l = facets.length; i < l; i++) {
                            var id = facets[i],
                                facet = data.Facets[id],
                                input_id = "facet_" + id,
                                item = '<li data-facet-id="' + id + '"';

                            if (!facet || !facet.Text) {
                                continue;
                            }
                            if (root) {
                                item += ' class="branch-root"';
                            }
							item += '><input type="';
							if (config.limit === 1 && config.group_name != undefined) {
								item += 'radio" name="' + config.group_name + '"';
							} else {
								item += 'checkbox" ';
							}
                            item += 'id="' + input_id + '" value="' + id + '" /><label for="' + input_id + '"';
                            if (root && config.panelled) {
                                item += ' class="panel-header"';
                            }
                            item += '>' + facet.Text.toTitle()
							if (facet.Facets.length) {
                                item += '<i class=\"icon expand-trigger\"></i>';
							}
							item += '</label>';
                            if (facet.Facets.length) {
                                item += buildBranch(facet.Facets);
                            }
                            item += '</li>';
                            branch_html += item
                        }

                        branch_html += "</ul>"

                        return branch_html;
                    }

					if (config["class"]) {
						$me.addClass(config["class"]);
					}
					if (config["panelled"]) {
						$me.addClass("panelled-select-list");
					}
					$me.append(buildBranch(config.roots, true));
					$parent.append($me);

				}

                // Updates a single level in the filter list, activating the parent LI of the passed element
                function updateLeaf(el) {

                    var $input = $(el),
                        $item = $input.parent("li");

                    var active = $input.is(":checked"),
                        facet_id = parseInt($input.val());

                    if (active) {
                        state.selection = _.union(state.selection, facet_id);
                        $item.addClass("active");
                    } else {
                        state.selection = _.without(state.selection, facet_id)
                        $item.removeClass("active");
                    }
					
					if (config.limit === 1) {
						state.selection = facet_id;
						$me.find('input[name=' + config.group_name + ']').not(':checked').parent('li').deactivate();
					}
					
                    me.trigger("change", state, me);

                }

                // Updates all levels in a branch
                function updateBranch(el, active) {

                    var $input = $(el),
                        $children_inputs = $input.siblings("ul").find("input"),
                        $parents = $input.parent().parents(".select-list li"),
                        $branch_root = $input.parents().filter(".branch-root"),
                        branch_facet_id = parseInt($branch_root.attr("data-facet-id"));

                    active = active || $input.is(":checked");

                    // Set all children to the current active state. Since there are no other dependancies, we can just blanket change these
					if (filtered) {
						$children_inputs = $input.siblings("ul").find(".show").children('input');
						$children_inputs.attr("checked", active);
						$children_inputs.trigger("change");
					} else {
						$children_inputs.attr("checked", active);
						$children_inputs.trigger("change");
					}

                    // Iterate through all parent LIs
                    for (var i = 0, l = $parents.length; i < l; i++) {

                        var $li = $($parents[i]),
                            $parent_input = $li.children("input"),
                            $children_inputs = $parent_input.siblings("ul").find("input:checked");

                        // If we are trying to activate all levels, or if there are no active children, go ahead and update, trigger the change event.
                        if (active || !$children_inputs.length) {
                            $parent_input.attr("checked", active)
                            $parent_input.trigger("change")
                        }

                    }

                    var branch_active = $branch_root.children("input:checked").length;

                    $input.attr('checked', active);
					
                    me.trigger("branch-update", branch_facet_id, branch_active);

                }

                function update(new_selection) {
				
					new_selection = new_selection || [];
					state.selection = [];
				
					var old_facets = _.difference(state.selection, new_selection);
						
					for (var i = 0, l = old_facets.length; i < l; i++) {
						var $input = $('#facet_' + old_facets[i]),
							active = $input.is(':checked');
						if (active) {
							forceUpdateBranch($input, false);
						}
					}
					
					for (var i = 0, l = new_selection.length; i < l; i++) {
						var $input = $me.find('#facet_' + new_selection[i]),
							active = $input.is(':checked');
						if ($input.length) {
							state.selection.push(new_selection[i]);
							if (!active) {
								forceUpdateBranch($input, true);
							}
						}
					}
					
                }

                function filter(active_facets) {
				
					var empty_list = true;
					
					filtered = true;
					$me.addClass('filtered');
					
					if (active_facets.length) {
						$me.find('.show').removeClass('show');
						for (var i = 0, l = active_facets.length; i < l; i++) {
							var $input = $me.find('#facet_' + active_facets[i]);
							if ($input.length) {
								$input.parents('li').addClass('show');
								empty_list = false;
							}
						}
					}
					
					return empty_list;
                }

                function forceUpdateBranch($input, active) {
                    // Have to do this manually because of some browser issues with trigger.click()
                    $input.attr('checked', active);
                    updateBranch($input, active);
                    $input.trigger('change');
                }

                function focus(facet_id) {
                    var $active_section = $me.children("ul").children('li[data-facet-id="' + facet_id + '"]');
                    $active_section.addClass("highlight");
                }

                function blur() {
                    $me.children("ul").children("li").removeClass("highlight");
                }

				function reset() {
					if (config.limit === 1) {
						$me.find('.active').deactivate();
					}
					$me.find('.show').removeClass('show');
					filtered = false;
                    $me.removeClass('filtered');
                    var active_checkboxes = $me.find('input:checked');
                    active_checkboxes.removeAttr("checked");
                    active_checkboxes.trigger("change");
					state.selection = [];
				}

                function getSelection() {
                    return state.selection;
                }
				
				function getId() {
					return config.id;
				}
				
				function getState() {
					return state;
				}
				
				init();
				
				me.blur = blur;
				me.focus = focus;
                me.reset = reset;
				me.update = update;
				me.filter = filter;
				me.getSelection = getSelection;
				me.getId = getId;
				me.getState = getState;

				return me;
				
			},

            LogicalSelectList: function($target, config) {

                var me = _.extend({}, Backbone.Events),
                    $me = $('<div class="selection" />');

                var $selection_operator = {},
					$no_facets_feedback = $(dermquest.Settings.Templates.no_visible_facets);

                var default_config = {
                    'include_operator': true,
                    'show_trigger': true,
                    'class': "",
                    'list_class': "",
                    'trigger_at_top': true
                }

				var filtered = false;

				var list = {};

                var data = config.model.get('data')[config.id],
                    state = new dermquest.Settings.Objects.State(config.id, true);

                var choice_template = Hogan.compile( $("#facet-operator").html());

                function init() {

                    config = _.extend(default_config, config);
					config.data = data;

                    $me.addClass(config.list_class);
					
                    build();
					
					list.on('branch-update', function(branch_facet_id, branch_active, selection){
						me.trigger('branch-update', branch_facet_id, branch_active)
					})
					
					list.on('change', function(new_state){
						state = new_state;
					})

                    if (config.include_operator) {
                        $selection_operator.on("change", "input", function (e) {
                            var $trigger = $(e.currentTarget),
                                val = parseInt($trigger.val());
                            state.operator = val;
                        });
                    }
					
					config.model.on('change:route', function(e, route){
						if (route) {
							var my_route = route[config.id];
							if (my_route && my_route.length > 0) {
								update(my_route);
							} else {
								reset();
							}
						} else {
							reset();
						}
					});
					
					config.model.on('change:results', function(e, results){
						if (results) {
							var my_results = results[config.id],
								visible_facets = state.selection;
							if (my_results) {
								visible_facets = _.union(visible_facets, my_results)
							}
							filter(visible_facets);
						} else {
							reset();
						}
					});
                }

                function build() {

                    function buildChoices() {
                        var collection_id = config.id.toLowerCase();
                        return $(choice_template.render({
                            group_id: collection_id + "_exclusivity",
                            and_id: collection_id + "_and",
                            or_id: collection_id + "_or"
                        }));
                    }
					
					$no_facets_feedback.hide();

                    if (config.include_operator) {
                        $selection_operator = buildChoices();
						$me.append($selection_operator);
                    }
					
					list = new dermquest.Settings.Objects.SelectList($me, config);
					
                    if (config.show_trigger) {
                        var $trigger = $(dermquest.Settings.Templates.view_images);
                        if (config.trigger_at_top) {
							if (config.include_operator) {
								$selection_operator.after($trigger);
							} else {
								$me.prepend($trigger);
							}
                        } else {
                            $me.append($trigger);
                        }
                    }

                    $target.append($me, $no_facets_feedback);

                }
				
				function filter(visible_facets) {
					if (visible_facets.length) {
						list.filter(visible_facets);
						$no_facets_feedback.hide();
						$me.show();
					} else {
						$no_facets_feedback.show();
						$me.hide();
					}
				}

                function getState() {
					_.extend(state, list.getState())
                    return state;
                }

                function getSelection() {
                    return _.uniq(state.selection);
                }

                function reset() {
					list.reset();
					state.selection = [];
                }
				
				function update(route) {
					list.update(route);
					if (config.include_operator) {
						updateOperator();
					}
				}
				
				function updateOperator() {
					var operator_id = config.id + "MatchAll",
						$options = $selection_operator.find('input:radio'),
						route_operator = config.model.get('route')[operator_id];
					if (route_operator !== undefined) {
						state.operator = parseInt(route_operator);
					}
					for (var i = 0, l = $options.length; i < l; i++) {
						var $option = $options.eq(i),
							val = parseInt($option.val());
						$option.attr('checked', val===state.operator)
					}
				}

				function blur() {
					list.blur();
				}

				function focus(facet_id) {
					list.focus(facet_id);
				}

                me.init = init;
                me.reset = reset;
                me.getSelection = getSelection;
                me.getState = getState;
				me.focus = focus;
				me.blur = blur;

                init();

                return me;
            },

            AlphaSelectList: function($target, config) {

                var me = _.extend({}, Backbone.Events),
                    $me = $('<div class="alpha-facet-selection" />');
				
				var data = config.data || config.model.get('data')[config.id],
					state = new dermquest.Settings.Objects.State(config.id);

                var lists = [];

				var $content_switcher,
					$contents,
					$switch_navigation,
					$no_facet_feedback = $(dermquest.Settings.Templates.no_visible_facets).hide();
					
				if (config.include_trigger === undefined) {
					config.include_trigger = true;
				}

                function init() {
				
                    build();
					
					if (config.model) {
					
						config.model.on("change:route", function(e, route) {
							if (route) {
								var my_route = route[config.id];
								if (my_route && my_route.length > 0) {
									update(my_route);
								} else {
									reset();
								}
							} else {
								reset();
							}
						});
						
						config.model.on('change:results', function(e, results){
							if (results) {
								var my_results = results[config.id],
									visible_facets = state.selection;
								if (my_results) {
									visible_facets = _.union(visible_facets, my_results)
								}
								filter(visible_facets);
							} else {
								debug.log('alpha resetting!!')
								reset();
							}
						});

					}
					
                }

                function build() {

                    $content_switcher = $('<div class="content-switcher" />');
                    $contents = $('<div class="switch-contents" />');
					$switch_navigation = $('<div class="alpha-navigation switch-navigation" />');

                    var navigation_content = '<ul>';

                    var letters = data.Roots;
					
					if (config.include_trigger) {
						var $trigger = $(dermquest.Settings.Templates.view_images);
						$contents.append($trigger)
					}

                    for (var i = 0, l = letters.length; i < l; i++) {

                        var id = letters[i],
                            letter = data.Facets[id],
                            element_id = 'alpha-' + letter.Text,
                            $content = $('<div class="switch-content" id="' + element_id + '" />');

                        navigation_content += '<li>';

                        if (letter.Facets.length > 0) {
							var obj = {
								'id': config.id,
								'data': data,
								'roots': letter.Facets,
								'include_operator': false
							};
							if (config.limit === 1 && config.group_name != undefined) {
								obj.limit = config.limit;
								obj.group_name = config.group_name;
							}
                            navigation_content += '<a href="#' + element_id + '" class="enabled switch-trigger';
                            if (i===0) {
                                navigation_content += ' active';
                                $content.activate();
                            }
                            navigation_content += '">' + letter.Text + '</a>';
							var list = new dermquest.Settings.Objects.SelectList($content, obj);
							list.on('change', function(selection, state, list){
								change(selection, state, list);
							})
                            lists.push(list);
                            $contents.append($content)
                        } else {
                            navigation_content += letter.Text;
                        }

                        navigation_content += '</li>';
                    }

                    navigation_content += '</ul>';

                    $switch_navigation.append(navigation_content);
                    $content_switcher.append($switch_navigation, $contents);
                    $target.append($content_switcher, $no_facet_feedback);

                }
				
				function change(selection, active_list) {
					if (config.limit === 1) {
						for (var i = 0, l = lists.length; i < l; i++) {
							var list = lists[i],
								selection = list.getSelection();
							if (list !== active_list) {
								list.reset();
							}
						}
					}
                    me.trigger('change');
				}

                function update(new_selection) {
					state.selection = new_selection;
					for (var i = 0, l = lists.length; i < l; i++) {
						lists[i].update(new_selection);
					}
                }
				
				function filter(active_facets) {
					if (active_facets.length) {
						var $menu_items = $switch_navigation.find('a');
						for (var i = 0, l = lists.length; i < l; i++) {
							var $menu_item = $menu_items.eq(i),
								empty_list = lists[i].filter(active_facets);
							if (empty_list) {
								$menu_item.removeClass('enabled').addClass('disabled');
							} else {
								$menu_item.removeClass('disabled').addClass('enabled')
							}
						}
						$content_switcher.show();
						$no_facet_feedback.hide();
					} else {
						$content_switcher.hide();
						$no_facet_feedback.show();
						reset();
					}
				}

                function focus() {}
                function blur() {}

                function getSelection() {
					var selection = [];
                    for (var i = 0, l = lists.length; i < l; i++) {
						var list_selection = lists[i].getSelection();
                        selection = _.union(selection, lists[i].getSelection())
                    }
					state.selection = selection;
					return state.selection;
                }

                function getState() {
					getSelection();
                    return state;
                }

                function reset() {
					var $menu_items = $switch_navigation.find('a')
					$menu_items.addClass('enabled').removeClass('disabled');
					$menu_items.eq(0).click();
                    for (var i = 0, l = lists.length; i < l; i++) {
                        lists[i].reset();
                    }
                }

                me.init = init;
                me.update = update;
                me.focus = focus;
                me.blur = blur;
                me.reset = reset;
                me.getSelection = getSelection;
                me.getState = getState;

                init();

                return me;
            },

            ResultListing: function(model) {

                var me = _.extend({}, Backbone.Events);
					
				var $wrapper = $('.image-listing-wrapper'),
					$me = $wrapper.find('.image-listing'),
					$case_summary_panel = $wrapper.find('.case-summary-panel').find('.panel-content');

				var Pagination;

                var image_item_template = Hogan.compile($("#image-listing-item").html()),
					case_summary_template = Hogan.compile($("#case-summary-template").html());
					
				var default_case_content;

                function init() {
				
                    default_case_content = $case_summary_panel.html();

                    Pagination = new dermquest.Settings.Objects.Paging($wrapper.children('.c2'), model);

                    model.on("change:results", function() {
                        reset();
                        if (model.get('results')) {
                            update();
                        }
                    })

                }

                // Called to update the listing based on the contents of the State
                function update() {
					
					$me.trigger('update')

					debug.time("refresh images")

                    var results = model.get('results');

                    if (results.Hits > 0 && results.Results.length > 0) {

                        var $results = $("<ul />"),
							images = results.Results;
							
                        for (var i = 0, l = images.length; i < l; i++) {
                            var image = images[i],
								image_name = getImageName(image),
								image_item_obj = {
                                    'image_id': image.AssetId,
                                    'case_id': image.Case,
                                    'name': image_name,
                                    'description': image.Description,
                                    'src': image.FileName
                                },
								case_summary_obj = {
									'name': image_name,
									'image_id': image.AssetId,
									'image_rating': image.MemberRating,
									'case_id': image.Case,
									'age': image.AgeGroup,
									'case_description': image.Description,
									'dark_skin': image.DarkSkin,
									'pregnant': image.Pregnant,
									'immuno_suppression': image.ImmunoSuppression,
									'member_rating': image.MemberRating,
									'author': image.Author,
									'sex': image.Sex
								},
								$image,
								$case_summary;

							if (image.isInMemberLocker) {
								image_item_obj.in_locker = true;
							} else {
								image_item_obj.not_in_locker = true;
							}							

							var keys = _.keys(model.get('data'));

							for (var p = 0, pl = keys.length; p < pl; p++) {
								var key = keys[p];
								case_summary_obj[key] = formatFacetNames(key, image[key]);
							}
							
							$image = $(image_item_template.render(image_item_obj));
							$case_summary = $(case_summary_template.render(case_summary_obj));
							
                            // Put a class on the last image in each row
                            if ((i + 1) % 4 === 0) {
                                $image.addClass("last")
                            }
							
							$case_summary_panel.append($case_summary);
                            $results.append($image)
                        }
                        $me.html($results);

                    } else {
                        $me.html('<p class="no-results">' + dermquest.Settings.Dictionary.no_results + '</p>');
                    }
                    me.trigger('loaded')

					debug.timeEnd("refresh images")

                }

                function getImageName(image) {
                    var rtn = "",
                        key = 'diagnosis';
                    if (_.has(image, key)) {
                        if (image[key].length > 0) {
                            var id = image[key][0].Id,
                                diagnosis = model.get('data')[key].Facets[id];
                            if (diagnosis) {
                                rtn = diagnosis.Text.toTitle()
                            }
                        }
                    }
                    if (rtn.length === 0) {
                        rtn = image.Name
                    }
                    return rtn;
                }

                function formatFacetNames(collection_id, facets, index) {

                    var facet_collection = model.get('data')[collection_id].Facets;

                    facets = _.filter(facets, function(item){
                        return item.Id !== 0;
                    })

                    if (facets.length > 0) {

                        if (index !== undefined) {
                            return facet_collection[facets[index].Id].Text.toTitle();
                        } else if (facets.length === 1) {
                            return facet_collection[facets[0].Id].Text.toTitle();
                        } else {
                            var rtn = '<ul>';
                            for (var i = 0, l = facets.length; i < l; i++) {
                                var facet = facet_collection[facets[i].Id];
                                if (facet) {
                                    rtn += '<li>' + facet.Text.toTitle() + '</li>';
                                }
                            }
                            rtn += '</ul>';
                            return rtn;
                        }

                    } else {
                        return dermquest.Settings.Dictionary.no_facets;
                    }
                }

                function reset() {
                    $me.empty();
                    $case_summary_panel.html(default_case_content);
                }

                me.update = update;

                init();

                return me;
            },

            Paging: function($target, model) {

                var me = _.extend({}, Backbone.Events),
                    $me = {};

                var $previous,
                    $list,
                    $next;

                var show_count = 7,
                    halfway = Math.floor(show_count / 2),
                    total_pages = 0;

                function init() {

                    $me = $('<div class="pagination" />');
                    $list = $('<ul />');
                    $previous = $('<a href="#" class="previous"><i class="prev-trigger"></i>Previous</a>');
                    $next = $('<a href="#" class="next">Next<i class="next-trigger"></i></a>');
                    $me.append($previous, $list, $next)
                    $target.append($me);

                    $me.on("click", ".previous", function (e) {
                        e.preventDefault();
                        movePage(-1);
                    })

                    $me.on("click", ".next", function (e) {
                        e.preventDefault();
                        movePage(1);
                    })

                    model.on("change:results", function() {
                        reset();
                        if (model.get('results')) {
                            update();
                        }
                    })

                }

                // Moves a specified delta from the current page
                function movePage(delta) {
                    var cur_page = parseInt(model.get('results').page) || 1,
                        new_page = cur_page + delta;
                    // Make sure the page we're trying to navigate to is within bounds
                    if (new_page >= 1 && new_page <= model.get('results').NumberOfPages) {
                        dermquest.ImageLibrary.setFacets({
                            page: new_page
                        })
                    }
                }

                function update() {

                    reset();

                    var results = model.get('results');

                    if (results.NumberOfPages > 1) {

                        total_pages = results.NumberOfPages;

                        var cur_page = results.page,
                            min = cur_page - halfway,
                            max = cur_page + halfway;

                        if (total_pages <= show_count) {
                            min = 1;
                            max = total_pages;
                        } else {
                            if (min < 1) {
                                min = 1;
                                max = min + (show_count - 1);
                            } else if (max > total_pages) {
                                max = total_pages;
                                min = max - (show_count - 1);
                            }
                        }

                        if (cur_page === 1) {
                            $previous.deactivate();
                            $next.activate();
                        } else if (cur_page >= total_pages) {
                            $next.deactivate();
                            $previous.activate();
                        } else {
                            $previous.activate();
                            $next.activate();
                        }

                        for (var i = min, l = max; i <= l; i++) {

                            var $item = $('<li><a href="#" data-page="' + i + '" class="filter-trigger">' + i + '</a></li>');
                            if (cur_page === i) {
                                $item.activate();
                            }

                            $list.append($item);

                        }

                        $me.activate();

                    } else {

                        $me.deactivate();

                    }

                }

                function reset() {
					$me.deactivate();
                    $list.empty();
                }

                me.update = update;

                init();

                return me;
            },

            ListingOptions: function(model) {

                var me = {},
                    $me = {};

                var $limit_options,
                    $order,
					$order_options;

                function init() {

                    function initLimitOptions() {
                        $limit_options = $('[data-per-page]');
                    }

                    function initOrderOptions() {
                        $order = $('.paging-order').find("select");
                        $order_options = $order.find('[data-sort]');
                    }

                    initLimitOptions();
                    initOrderOptions();

                    $order.on("change", function () {
                        var $selection = $(this.options[this.selectedIndex]);
                        dermquest.ImageLibrary.setFacets({
                            sort: $selection.attr('data-sort')
                        })
                    });

                    model.on('change:results', function() {
                        update();
                    })

                }

                function update() {

                    function updateLimitOptions() {

                        $limit_options.deactivate();

                        var $active_options = $limit_options.filter(function () {
                            var $option = $(this),
                                val = parseInt($option.attr("data-per-page"));
                            if (val === results.perPage) {
                                return true;
                            }
                        })

                        $active_options.activate();

                    }

                    function updateOrderOptions() {

                        var $active_options = $order_options.filter(function () {
                            var $option = $(this),
                                val = $option.attr("data-sort");
                            if (val === results.sort) {
                                return true;
                            }
                        })

                        $active_options.attr("selected", "selected")

                    }

                    var results = model.get('results');

                    if (results) {
                        updateLimitOptions();
                        updateOrderOptions();
                    }

                }

                me.update = update;

                init();

                return me;
            }

        }		
		
		return me;

    });

}(jQuery, dermquest, window));