window.addEvent('domready', function() {
	//--horizontal
	var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'}).hide();

	$('h_toggle').addEvent('click', function(e){
		e.stop();
		$('horizontal_slide').setStyle('visibility', 'visible');
        	$('horizontal_slide').setStyle('height', 'auto');		
		myHorizontalSlide.toggle();
	});
	

	/* taken from foobarcms.com */
	/* preload image(s) */
	new Asset.images(['images_home/photographer_o.gif', 'images_home/sessions_o.gif', 'images_home/client_o.gif',
		'images_home/portrait_.gif', 'images_home/occasion_o.gif', 'images_home/assignment_o.gif']);


	/* 
		for multiple images: 
		new Asset.images(['/images/image1.gif', '/images/image2.jpg']);	
	*/
	
	function BuildRollover( name )
	{
		if($(name)) {
			el = $(name);
			/* mouseover */
			el.addEvent('mouseover', function() { 
				$( name ).setProperty('src', 'images_home/' + name + '_o.gif'); 
			});
			/* mouseout */
			el.addEvent('mouseout', function() { 
				$( name ).setProperty('src', 'images_home/' + name + '.gif'); 
			});
			/* set style */
			if(window.ie) { 
				el.setStyle('cursor','hand'); 
			} else { 
				el.setStyle('cursor','pointer'); 
			};
		};
	}
	
	BuildRollover( 'photographer' );
	BuildRollover( 'sessions' );
	BuildRollover( 'client' );
	
	BuildRollover( 'portrait' );
	BuildRollover( 'occasion' );
	BuildRollover( 'assignment' );
	
});