$(document).ready(function() {
	initializeFeaturePicker();
});

function initializeFeaturePicker() {
    /*
    var numMainFeatures = $(".feature-panel-navigation li").length;
    if (numMainFeatures == 0) {
        $(".feature-panel-btns .feature-panel-count").html("0 - 0 of 0");
    }
    else {
        if (numMainFeatures > 5) {
            $(".feature-panel-btns .feature-panel-count").html("1 - 5 of " + numMainFeatures);
        }
        else {
            $(".feature-panel-btns .feature-panel-count").html("1 - " + numMainFeatures + " of " + numMainFeatures);
        }
    }
	*/
	
    $(".feature-panel-scroll-up a").addClass("disabled");
    $(".feature-panel-scroll-down a").addClass("disabled");

    if ($(".feature-panel-navigation li").length > 0) {        
    	$(".feature-panel-scroll-up a").removeClass("disabled");
        $(".feature-panel-scroll-down a").removeClass("disabled");

        var showFeatureId = $(".feature-panel-navigation li:eq(0) a").attr("id");
        $('.showFeature').attr("class", "hideFeature");
        $('#' + showFeatureId + '_feature').attr("class", "showFeature");
        $('.feature-panel-navigation a.feature-selected').removeClass("feature-selected");
        $('#' + showFeatureId).addClass("feature-selected");
    }
    
    $(".feature-panel-navigation a").hover(function() {
        $('.showFeature').attr("class", "hideFeature");
        $('#' + this.id + '_feature').attr("class", "showFeature");
        $('.feature-selected').removeClass("feature-selected");
    }, function() { $(this).addClass("feature-selected"); });

    $(".feature-panel-navigation").jCarouselLite({
        btnNext: ".feature-panel-scroll-down",
        btnPrev: ".feature-panel-scroll-up",
        circular: true,
        vertical: true,
        scroll: 1,
        visible: 5,
        speed: 800,
        auto: 6000,
        afterEnd: function(lis, curr) {

            /*
            if(curr < numMainFeatures){
            	$(".feature-panel-btns .feature-panel-count").html((curr + 1) + " - " + (curr + 5) + " of " + numMainFeatures);
            }
            else{
            	$(".feature-panel-btns .feature-panel-count").html(((curr%2) + 1) + " - " + ((curr%2) + 5) + " of " + numMainFeatures);
            }
            */
            //$(".feature-panel-scroll-down a").removeClass("disabled");
           	$('.feature-selected').removeClass("feature-selected");
            var showFeatureId = $(".feature-panel-navigation li:eq(" + curr + ") a").attr("id");
            //alert(showFeatureId);
            $('.showFeature').attr("class", "hideFeature");	        
            $(".feature-panel-navigation li:eq(" + curr + ") a").addClass("feature-selected");
			$('#' + showFeatureId + '_feature').attr("class", "showFeature");


            /*
            if (curr == 0) {
                $(".feature-panel-scroll-up a").addClass("disabled");
                $(".feature-panel-scroll-down a").removeClass("disabled");
            }
            else {
                $(".feature-panel-scroll-up a").removeClass("disabled");
                if ((curr + 5) == numMainFeatures)
                    $(".feature-panel-scroll-down a").addClass("disabled");
            }
            */
         }
   });
}

$(document).ready(function(){
	$("#storymap").hover(
		function mouseOver(){
			$("a.browse-storymap").addClass("hovered-browse-btn");
			$("div.mini-storymap").show();
		},
		function mouseOut(){
			$("a.browse-storymap").removeClass("hovered-browse-btn");
			$("div.mini-storymap").hide();
		}
	);
	
});
    	
    function expandCollapseStorymap(current){
    if($(current).parent().hasClass("expanded-group")){
	    $(current).parent().removeClass("expanded-group");
	    $(current).parent().addClass("collapsed-group");
    }
    else{
	    $("ul.story-group-listing > li.expanded-group").addClass("collapsed-group");
	    $("ul.story-group-listing > li.expanded-group").removeClass("expanded-group");
	    $(current).parent().removeClass("collapsed-group");
	    $(current).parent().addClass("expanded-group");
    }
}