$(document).ready( function() {
		$('.quad_arrow_bar').css('background', 'transparent url(/images/quad-arrow-bar.jpg) no-repeat 0 0');
		$('#walkthrough .image_header').css('background', 'transparent url(/images/walkthrough.jpg) no-repeat 0px 0px');
	

		$('#DISCOVER').hover( 
			function() { 
				$('.quad_arrow_bar').css('background', 'transparent url(/images/quad-arrow-bar.jpg) no-repeat 0px -56px');
			},

			function() { 
				$('.quad_arrow_bar').css('background', 'transparent url(/images/quad-arrow-bar.jpg) no-repeat 0px 0px');
			}
		);

		
		$('#TOUR').hover( 
			function() { 
				$('.quad_arrow_bar').css('background', 'transparent url(/images/quad-arrow-bar.jpg) no-repeat 0px -112px');
			},

			function() { 
				$('.quad_arrow_bar').css('background', 'transparent url(/images/quad-arrow-bar.jpg) no-repeat 0px 0px');
			}
		);

		
		$('#TRY').hover( 
			function() { 
				$('.quad_arrow_bar').css('background', 'transparent url(/images/quad-arrow-bar.jpg) no-repeat 0px -168px');
			},

			function() { 
				$('.quad_arrow_bar').css('background', 'transparent url(/images/quad-arrow-bar.jpg) no-repeat 0px 0px');
			}
		);

		
		$('#BUY').hover( 
			function() { 
				$('.quad_arrow_bar').css('background', 'transparent url(/images/quad-arrow-bar.jpg) no-repeat 0px -224px');
			},

			function() { 
				$('.quad_arrow_bar').css('background', 'transparent url(/images/quad-arrow-bar.jpg) no-repeat 0px 0px');
			}
		);

		$('#walkthrough .image_header').hover( 
			function() { 
				$('#walkthrough .image_header').css('background', 'transparent url(/images/walkthrough.jpg) no-repeat 0px -46px');
			},

			function() { 
				$('#walkthrough .image_header').css('background', 'transparent url(/images/walkthrough.jpg) no-repeat 0px 0px');
			}
		);


		
		
		//== CUSTOMER LISTS
			//== Scroller Vars
			scroll_load			= "customers.htm .featured";
			scroll_dom			= "#customer_list_featured_list"; // Object to load items into		
			var scroll_speed	= 20; // speed of featured customers
			scroll_start_position = 400; // Where the scroller starts from (hidden)

			//== List Vars
			list_load			= "customers.htm";
			list_dom			= "#customer_list_zone .customer_list_container"; // Object to load items into
			list_parent_dom		= "#customer_list_zone"; //parent object of container
			var expand_height	= 655; // height of list (def 720)
			var expand_top		= 142; // position list should grow to on page
			var collapse_top	= 690; // position list should shrink to on page
			var collapse_height = 100; // height list should shrink to on page

			var fade_speed	= 300;

			expand_top = $(document).height() - expand_height - 130;


			//>> Get Data
			$(list_dom).load(list_load);
			$(scroll_dom).load(scroll_load, '', function() {animateCustomers(1);});


			/* These functions show and hide the list */
			function show_list_items() {
				$(list_parent_dom).show();
				$(list_parent_dom).animate({
					top: expand_top + "px",
					height: expand_height + "px"
				}, fade_speed, "linear", function() {$(list_dom).fadeIn(fade_speed);} );
			}

			function hide_list_items() {
				$(list_dom).fadeOut(fade_speed, function() {
					$(list_parent_dom).animate({
						top: collapse_top + "px",
						height: collapse_height + "px"
						}, fade_speed, "linear", function() {$(list_parent_dom).hide(); });
				});
			}

			
			/* This function will create a scroller with featured customer names */
			function animateCustomers(p_count) {

				var list_width = $(scroll_dom).width();

				var speed = list_width * scroll_speed;
			
				$(scroll_dom).css("left", scroll_start_position + "px")
				$(scroll_dom).show();
				$(scroll_dom).show();
			
				$(scroll_dom).animate({left: ((list_width * -1) - 100) + "px"}, speed, "linear", function() {animateCustomers(1); } );	
			}


			//>> Show/Hide List 
			$(".view_all_customers").click( function() {
				show_list_items();
			});

			$(".hide_all_customers").click( function() {
				hide_list_items();
			});		
		
		// /CUSTOMER LISTS

	});