$(document).ready(function(){  
	
	
		 $('a[rel*=facebox]').facebox({     
		loadingImage : 'images/loading.gif',
        closeImage   : 'images/closelabel.png',
		div: '#pop' });
		
		
		$(".roll").live("mouseover",function(){
			var src = $(this).attr("src");
			src = src.replace('.', '_over.');
			$(this).attr('src', src);	
		});
		$(".roll").live("mouseout",function(){
			var src = $(this).attr("src");
			src = src.replace('_over', '');
			$(this).attr('src', src);		
		});
		$(".roll").live("click",function(){
		
			var src = $(".active").attr("src");
			src = src.replace('_over', '');
			$(".active").attr('src', src);
			//$("·active").addClass("roll");
			
			$("img").removeClass("active");
			
			//$(this).removeClass("roll");
			$(this).addClass("active");
			
			src = $(".active").attr("src");
			src = src.replace('.', '_over.');
			$(".active").attr('src', src);	
			
		});
	
});