$(document).ready(function() {

		// --------------------------------------------------------------------------------- GIFT CARD categoryNavigator
    	$('#categoryNavigator a').click(function(){
			var category = $(this).attr('class');
			if ($(this).hasClass('selected')){return false;}// ==========================ignore this event if already selected
			if ($(this).hasClass('foodLion')){//=============================================GO DIRECTLY TO FOODLION LIGHTBOX
				var overlayContent = $('.allGiftCards li.foodLion dl').html();//get "lightbox" content from clicked li
				if ($("#centerStage").hasClass('onDisplay')){// checks to see if page is in "lightbox view"					
					$('#centerStage').animate({top:"-400px"},200,"linear", function(){
							$('#centerStage dl').addClass("initial");
							$('#centerStage a.backToList').addClass("fl_back");//unique placement of FL card "back to list" button												
						});
					
					$('#centerStage dl').addClass("initial").html(overlayContent).parent().animate({top:"0px"},400,"linear", function(){
						$(this).addClass("onDisplay").effect("bounce", {times: 2, distance: 15}, 300);
					});
				}								
				else{// if page is NOT in "lightbox view"
					$('.scrollControls a').fadeTo(200,.1);									
					$('#cardContainer').fadeTo(200,.1, function(){
						$('#centerStage a.backToList').addClass("fl_back");//disable unique placement of FL card "back to list" button
						$('#centerStage dl').addClass("initial").html(overlayContent).parent().animate({top:"0px"},400,"linear", function(){
								$(this).addClass("onDisplay").effect("bounce", {times: 2, distance: 15}, 300);
						});		
					});
				}
			}//==============================================================END if --   if it's the foodlion link (go DIRECT TO LIGHTBOX)
			
			else{// ==========================================================someone clicked a card in "grid" view
				$('#categoryNavigator a.selected').removeClass('selected');
				$(this).addClass('selected');
				if ($("#centerStage").hasClass('onDisplay')){// checks to see if page is in "lightbox view"
					$('#centerStage').animate({top:"-400px"},200,"linear", function(){
							$('#cardContainer').fadeTo(200, 0, function(){			
									$('.allGiftCards li.selected').removeClass('selected').attr("style","");
									$('.allGiftCards li.'+category).addClass('selected');
									var visibleCards = $('.allGiftCards li.selected').length;									
									var sliderWidth =  (640 * (Math.ceil(visibleCards / 12)));
									var totalpages = (Math.ceil(visibleCards / 12));
									if (visibleCards < 12){$('.scrollOn').removeClass('scrollOn')};											
									$('.allGiftCards').css({"left":"0px", "width": sliderWidth });
									$('#cardContainer').fadeTo(200,1,function(){if (visibleCards > 12){	
										$('.scrollControls a').show();
										$('.scrollControls').addClass('scrollOn');
										$('.scrollControls a').fadeTo("slow", 1);
									}});
									$('#centerStage dl.initial').removeClass('initial');
									$('#centerStage a.noShow').removeClass('noShow');//un-hides the "back to list" button if it's hidden
									$('#centerStage').removeClass('onDisplay');
							})
						}							
					);//from centerStage							
				}				
				else{// if page is NOT in "lightbox view"				
						$('#cardContainer').fadeTo(200,0, function(){
									$('.allGiftCards li.selected').removeClass('selected').attr("style","");
									$('.allGiftCards li.'+category).addClass('selected');
									var visibleCards = $('.allGiftCards li.selected').length;									
									var sliderWidth =  (640 * (Math.ceil(visibleCards / 12)));
									var totalpages = (Math.ceil(visibleCards / 12));
									if (visibleCards < 12){$('.scrollOn').removeClass('scrollOn')};											
									$('.allGiftCards').css({"left":"0px", "width": sliderWidth });
									$('#cardContainer').fadeTo(200,1,function(){if (visibleCards > 12){	
										$('.scrollControls').addClass('scrollOn');
										$('.scrollControls a').fadeTo("slow", 1);
									}});
						});					
				}//end else					
			}// ==========================================================END someone clicked a card in "grid" view
			return false;
		});// ---------------------------------------------------------------------------------END GIFT CARD categoryNavigator 
		

		$('.allGiftCards li a').click(function(){
			$('.clickedCard').removeClass('clickedCard');
			$(this).parent().addClass('clickedCard');
			var overlayContent = $('.clickedCard dl').html();//----------------------get "lightbox" content from clicked li
			$('#cardContainer, .scrollControls a').fadeTo("slow", 0.1);
			$('#centerStage a.fl_back').removeClass("fl_back");//disable unique placement of FL card "back to list" button
			$('#centerStage dl').html(overlayContent).parent().animate({top:"0px"},400,"linear", function(){
				$(this).addClass("onDisplay").effect("bounce", {times: 2, distance: 15}, 300);
			});	
			return false;
		});//------------------end giftCard Click Function
		
		
		$('.backToList').click(function(){ //-----------------------------------------------close giftCard lightbox
			$('#centerStage').animate({top:"-400px"},200,"linear", function(){
				$('#centerStage dl.initial').removeClass('initial');
				$('#centerStage a.fl_back').removeClass("fl_back");//disable unique placement of FL card "back to list" button
				$('#cardContainer').fadeTo(200,1);$('#cardContainer, .scrollControls a').fadeTo("slow", 1);;
			}).removeClass('onDisplay');
			return false;
		});
	
		$('.scrollControls a').click(function(){// ----------------------------------------HORIZONTAL  Scrolling Functionality
		
			var scrollWidth = 640;//---------------------------------------------------------amount to scroll by			
			var cardWidth = (scrollWidth * (Math.floor(($('.allGiftCards li.selected').length) / 12)));						
			var leftOffset = $('.allGiftCards').css("left");//--------------get current "left" value
			var leftOffset = leftOffset.substring(0, leftOffset.length-2);//---------removes "px" characters from string
			if ($(this).hasClass("scrollUp")){// ------------------------------------------ left arrow was clicked
				if (leftOffset == 0){return false;}//---------------if already at top, don't scroll up
				else{leftOffset = (leftOffset - (-scrollWidth)); $('.allGiftCards').animate({left:leftOffset},200,"swing"); return false;}			
			}
			else{// -------------------------------------------------------------------- right arrow was clicked
				var remainder = (cardWidth - (-leftOffset));		
				if (remainder < scrollWidth){return false;}//----------if already at bottom, don't scroll down
				else{leftOffset = (leftOffset - scrollWidth); $('.allGiftCards').animate({left:leftOffset},200,"swing"); return false;}
			}
		});	
		
		$('.allGiftCards li a img').hover(
			function(){$(this).addClass('cardHover').animate({height:81, width:130,top:0,left:0},50,"linear");},
			function(){$(this).animate({height:65, width:104,top:13, left:13},100,"linear");}	
		);
		
		$('#categoryNavigator').fadeIn();	// ------------------ fades in gift card navigator on load
		
});