// when document loads run functions
$(document).ready(function() {
	fadeButtons();
	fadeBg();
	slidePanel();
});




// function to fade buttons
function fadeButtons() {
	$('.fadeimg')
		.css({ opacity: 1.0 })
		.mouseover(function() {				
			$(this).stop().animate(
				{ opacity: 0.6 }
			, 200); // this is the duration of the fade on mouseover in milliseconds
		})
		.mouseout(function() {
			$(this).stop().animate(
				{ opacity: 1.0 }
			, 1000); // this is the duration of the fade on mouseout in milliseconds
		});
}


// function to fade bg image
function fadeBg() {

	$(".wrapbg").css({ opacity: 0.0 })
	$(".wrapbg").fadeTo("slow",1.0);


}

// function to set members login slide panel
function slidePanel() {

	$(".flip").click(function(){
		$(".panel").slideToggle("medium");
	});
	
	

}