function div_slider1() {
	function go_to_start_positions() { //puts sliding divs into start positions, levels and opacity
		$('div #mainPicText1').css("z-index", "0");
		$('div #mainPicText1').animate({opacity:0.0, top:mainPic1Pos}, 0);
		$('div #mainPicText2').css("z-index", "0");
		$('div #mainPicText2').animate({opacity:0.0, top:mainPic2Pos}, 0);
	}

	//get initial positions of sliding divs
	var mainPic1Pos = $('#mainPicText1').css('top');
	var mainPic2Pos = $('#mainPicText2').css('top');
	
	//make divs transparent and switch them on (as in, make them visible)
	$('div #mainPicText1').animate({opacity:0.0}, 0);
	$('div #mainPicText2').animate({opacity:0.0}, 0);
	$('div #mainPicText1').css("visibility", "visible");
	$('div #mainPicText2').css("visibility", "visible");

	//onHover
	$('#button_mainPic').hoverIntent(over1, out1);
									 
									 
	function over1() {
		$('div #mainPicText1').stop({clearQueue:true}); //first stop any animation going in other direction
		$('div #mainPicText2').stop({clearQueue:true});
		go_to_start_positions(); //get into start position
		$('#but_reveal').attr("src", "assets/images/but_reveal_f2.gif"); //make orange button red just for fun		
		$('div #mainPicText1').css("z-index", "11"); 
		$('div #mainPicText2').css("z-index", "11"); 
		$('div #mainPicText1').animate({top:'0px', opacity:1}, 400); 
		$('div #mainPicText2').animate({top:'300px', opacity:1}, 600); 
	};

	function out1() {
		$('div #mainPicText1').animate({opacity:0.0}, 400, function() { //go transparent
			$('div #mainPicText1').css("z-index", "0"); //then change level back to 0
			$('div #mainPicText1').animate({top:mainPic1Pos}, 0); //then move out of the way of main nav buttons
		});

		$('div #mainPicText2').animate({opacity:0.0}, 1200, function() { //same for other slider
			$('div #mainPicText2').css("z-index", "0");
			$('div #mainPicText2').animate({top:mainPic2Pos}, 0);
			$('#but_reveal').attr("src", "assets/images/but_reveal.gif");
		});
	};
}