$(document).ready(function(){
	
	//============================================
	// Expand and hide the header
	//============================================
	
	$("#header-global #browseAll").click(function(){
		var innerInfo=$("#header-global-wrapInner");
		var outerInfo=$("#header-global-wrapOuter")
		var linkObject=$(this);
		fadeOpen(innerInfo,outerInfo,linkObject,"open");
		return false;
	})
	

	//============================================
	// Place .inField labels into their respective fields, remove the text on click
	//============================================
	
		$("label.inField").each(function(){
			var thisFieldName=$(this).attr("for");
			var thisText=$(this).text();
			var thisField=$("input[name="+thisFieldName+"]")

			$(this).hide();
			$(thisField).val(thisText).data("originalValue",thisText);

			$(thisField).focus(function(){
				var originalValue=$(this).data("originalValue");
				var currentValue=$(this).val();
				if(originalValue==currentValue){
					$(this).val("");
				};
			})
			$(thisField).blur(function(){
				var originalValue=$(this).data("originalValue");
				var currentValue=$(this).val();
				if(currentValue==""){
					$(this).val(originalValue);
				};
			});
		});

	// ======================================	
	// Search box (clear on click)
	// ======================================
	$('#search-inHeader input.text').one('click', function(){
		$(this).attr('value', '');
	});

});

function fadeOpen(innerObject,outerObject,linkObject,linkClass){
	var outerPosition=$(outerObject).css("position");
	if((outerPosition!="absolute") && (outerPosition!="relative")){
		$(outerObject).css("position","relative");
	};
	if($(innerObject).is(":visible")){
		$(linkObject).removeClass(linkClass);
		$(innerObject).fadeOut(200, function(){
			$(outerObject).animate({
				height: "0"
			})
		});
	} else {
		$(linkObject).addClass(linkClass);
		var innerHeight=$(innerObject).css({
			"position" : "absolute",
			"left" : "-9999px",
			"display" : "block"
		}).height();
		$(outerObject).animate({
			height: "+="+innerHeight
		}, 500, function(){
		  $(innerObject).animate({opacity: "0.01", left: "0"}, 1).animate({
			  opacity: "1"
		  }, 500)
		});
	};
};