$j = jQuery.noConflict();

$j(document).ready(function(){
	var button1 = $j("img#button1");
	var button2 = $j("img#button2");
	var button3 = $j("img#button3");
	var button4 = $j("img#button4");
	var url = '/wp-content/themes/sla-llc/images/';
	
	$j(button1).hover(function(){
		button1.attr('src', function(){
			return url + 'button1_on.gif';
		});
	}, function(){
		button1.attr('src', function(){
			return url + 'button1.gif';
		});
	});
	
	$j(button2).hover(function(){
		button2.attr('src', function(){
			return url + 'button2_on.gif';
		});
	}, function(){
		button2.attr('src', function(){
			return url + 'button2.gif';
		});
	});
	
	$j(button3).hover(function(){
		button3.attr('src', function(){
			return url + 'button3_on.gif';
		});
	}, function(){
		button3.attr('src', function(){
			return url + 'button3.gif';
		});
	});
	
	$j(button4).hover(function(){
		button4.attr('src', function(){
			return url + 'button4_on.gif';
		});
	}, function(){
		button4.attr('src', function(){
			return url + 'button4.gif';
		});
	});
	
	$j("#banner").cycle({ fx: 'fade', timeout: 8000	});
});