//DISJOINTED ROLLOVERS USING BUTTON NAVIGATION AND IMAGES FADING IN AND OUT
// jQuery fadeToggle plugin
jQuery.fn.fadeToggle = function(s, fn){
	return (this.is(":visible"))
		? this.fadeOut(s, fn)
		: this.fadeIn(s, fn);
};


jQuery(function($){
	
    

    


	var labelHide = 'Click to hide content!';
	var labelShow = 'Click to show content!';
	$(".toggler").text(labelHide);
	$(".toggler").click(function(){
		var copy = $(".content").is(":visible") ?  labelShow : labelHide;
		$(".content").fadeToggle();
		$(this).text(copy);
	});
});


$(document).ready(function(){
						    $("#bkg").fadeIn(1000, function() {
	$("#logo").fadeIn(1000, function() {
									
			$("#bennie").fadeIn(1000, function(){
						$("#btn2011, #btn2010").fadeIn(500)
											   });
									   });
									 
									 });
											
	

	$("#btn2011").mouseover(function(){
		
		$(this).css({"background-position":"1px -56px"});
		
	});
	
	$("#btn2011").mouseout(function(){
		$(this).css({"background-position":"0px 0px"});
									
	});
	
	$("#btn2010").mouseover(function(){
		
		$(this).css({"background-position":"1px -87px"});
		
	});
	
	$("#btn2010").mouseout(function(){
		$(this).css({"background-position":"0px -31px"});
									
	});
		
	
											
										  
	
});