/* This is the JavaScript Page for the Buyers Guide */

// Note: the document.ready function waits until the HTML has been downloaded completely, before it allows scripts inside to be run

$(document).ready(function(){

	
/*			
	$('p').animate({
		padding: '20px',
		borderBottom: '3px solid #8f8f8f',
		borderRight: '3px solid #bfbfbf'
	}, 3000);
	
	
	$('p').mouseover(function(){
		$(this).css({'color' : '#FF0000'});
	});
		
	$('p').mouseout(function(){
		$(this).css({ 'color' : '#000000' });
	});
	
	// Oh, I am so keeping this! Note to self: both .hide() and .fadeIn() are done via JS, 
	// so, without JS, nothing happens.  The Logo is just there
	// Bleah, IE so trashes the effect.  Cant Keep
	
	
	$('#maggieLogoImage').hide();
	$('#maggieLogoImage').fadeIn(4000);
	
	$('#one p').hide();
	$('#one p').fadeIn(4000);
	
	
	$('#right_menu').css({
		'right' : '-150px'
	});
		
	$('#right_menu').animate({
		'right' : '10px'
	}, 4000);
	

	$('#topNavBar').css({
		'top' : '-30px'
	});
	
	$('#mainNavBar').hide();	
	
	
	$('#header').css({
		'top' : '-235px'
	});
	
	
	$('#header').animate({
		'top' : '10px'
		}, 4000, function() { // complete and callback function
			$('#mainNavBar').fadeIn(1000);
			$('#topNavBar').animate({'top' : '0px'	}, 1000 );
		} 
	);

	
	$('#mainNavBar').css({
		'top' : '-150px'
	});
	
	$('#mainNavBar').fadeIn(4000);
*/
	
	
	/****************************************
	**
	**	DatePicker UI
	**
	****************************************/
	
	$('.datepicker').datepicker();

}); // End of the document ready function