// JavaScript Document
$(document).ready(function() {
	
	$(".roll img").hover(
	 function(){this.src = this.src.replace("-1.","-O.");},
	 function(){this.src = this.src.replace("-O.","-1.");}
	);
	
	
		var images = ['backsAbout.jpg', 'backsAbout2.jpg'];
		$('#about').css({'background-image': 'url(images/about/' + images[Math.floor(Math.random() * images.length)] + ')'});
	
		var images1 = ['backs1.jpg', 'backs2.jpg', 'backs3.jpg'];
		$('#containers').css({'background-image': 'url(images/container/' + images1[Math.floor(Math.random() * images.length)] + ')'});
		
		var images2 = ['1.jpg', '2.jpg', '3.jpg'];
		$('#purchase').css({'background-image': 'url(images/purchase/' + images2[Math.floor(Math.random() * images.length)] + ')'});

		var images3 = ['1.jpg', '2.jpg', '3.jpg'];
		$('#containers').css({'background-image': 'url(images/containers/' + images3[Math.floor(Math.random() * images.length)] + ')'});
	
});