$(function() {
			
			
			// CHANGE LOCATION
			$('#list_countries').load('/includes/markup/change-location.html #select-location-wrap');
			
			$('.change_location, .close_btn').live('click', function(e) {
				e.preventDefault();
				$('#list_countries').fadeToggle();
			});
			
			
			
			// SEARCH PRODUCTS
			var searchLabel = $('#headBandSearch label').remove().text();
			
			$('#search-text').addClass('placeholder').val(searchLabel).focus(function() {
				
				if(this.value == searchLabel) {
					$(this).removeClass('placeholder').val('');
				};
				
			}).blur(function() {
				if(this.value == '') {
					$(this).addClass('placeholder').val(searchLabel);
				};
			});
			
			$('#headBandSearch').submit(function() {
				if( $('#search-text').val() == searchLabel ) {
					$('#search-text').val('');
				}
			});
			
			
			
		});
		
		
		// jQuery does not have a toggle function for fading elements in and out. I wrote a custom jQuery function to toggle the "Fade Effect" on any element.
		jQuery.fn.fadeToggle = function(speed, easing, callback) {
			return this.animate( {opacity: 'toggle'}, speed, easing, callback );
		};
		
		// onbeforeunload event disables caching for the page - fixes browser back button issues
		window.onbeforeunload = function() {};