$(function(){

	$('#scroll-pane').jScrollPane();

	
	$("#targetLink").hover(
		function() {
			$(this).stop().animate({"opacity": ".7"}, "fast");
		},
		
		function() {
			$(this).stop().animate({"opacity": "1"}, "fast");
	});
	
	
	//Sliding list container
	
	var listIsOpen = 0;
	var divHeight = 355;
	$(".jScrollPaneContainer").css("visibility", "hidden");
	$(".jScrollPaneContainer").css("display", "none");
	
	function closeList (){
		listIsOpen = 0;
		$(".jScrollPaneContainer").css("visibility", "hidden");
		$(".jScrollPaneContainer").css("display", "none");
		$("#fineStoresLinks ul").fadeOut("slow");
		$("#fineStoresLinks ul").css("display", "none");
		$("#fineStoresLinks").animate({"height": "30px"}, "fast");
		$("#seeMore").fadeOut(150, function(){
			$(this).removeClass('active');
			$(this).html("<strong>View</strong> full list of stores");
			$(this).fadeIn(150)
		})
	}
	
	function openList () {
		listIsOpen = 1;
		$("#fineStoresLinks").stop().animate({"height": divHeight}, "fast", function(){
			$(".jScrollPaneContainer").css("visibility", "visible");
			$(".jScrollPaneContainer").css("display", "block");
			$(".jScrollPaneContainer").fadeIn(300);
			$("#fineStoresLinks ul").fadeIn(300);
			listIsOpen = 1;
		});
		
		$("#seeMore").fadeOut(150, function(){
			$(this).html("<strong>Close</strong> full list of stores");
			$(this).fadeIn(150);
			$(this).addClass('active');
		})
	}
	
	/*$("#storesContainer").hover(
		function() {
			null;
		},function() {
			listIsOpen = 0;
			$(".jScrollPaneContainer").css("visibility", "hidden");
			$("#fineStoresLinks ul").fadeOut("slow");
			$("#fineStoresLinks ul").css("display", "none");
			$("#fineStoresLinks").animate({"height": "30px"}, "fast");
			$("#seeMore").removeClass("active");
	});
	*/
	
	/*$(window).click(function(){
		if(listIsOpen == 1){
		closeList();
		}else{
		return false;
		}
	});	
	*/
	$("a#seeMore").click(function(){
		
		if(listIsOpen == 1) {
			closeList();
		}else{
			openList();
		}	
	})

})