$(document).ready(function(){
	$(".pages_image").mouseover(function(event){
		if(this == event.target){
			var sm = $(this).attr('small');	
			var gr = $(this).attr('gray');	
			var lg = $(this).attr('large');	
			$(this).attr("src", sm);
		}
	}).css({'cursor':'pointer'});	
	
	$(".pages_image").mouseout(function(event){
		if(this == event.target){
			var sm = $(this).attr('small');	
			var gr = $(this).attr('gray');	
			var lg = $(this).attr('large');	
			$(this).attr("src", gr);
		}
	}).css({'cursor':'pointer'});

	$(".pages_image").click(function(event){
		if(this == event.target){
			var sm = $(this).attr('small');	
			var gr = $(this).attr('gray');	
			var lg = $(this).attr('large');
			var lnk = $(this).attr('link');	
			
			popup(lnk, $(this).attr('lwidth'), $(this).attr('lheight'));
		}
		return false;
	}).css({'cursor':'pointer'});

	
	$(".user_image").mouseover(function(event){
		if(this == event.target){
			var sm = $(this).attr('small');	
			var gr = $(this).attr('gray');	
			var lg = $(this).attr('large');	
			$(this).attr("src", sm);
		}
	}).css({'cursor':'pointer'});	
	
	$(".user_image").mouseout(function(event){
		if(this == event.target){
			var sm = $(this).attr('small');	
			var gr = $(this).attr('gray');	
			var lg = $(this).attr('large');	
			$(this).attr("src", gr);
		}
	}).css({'cursor':'pointer'});

	$(".user_image").click(function(event){
		if(this == event.target){
			var sm = $(this).attr('small');	
			var gr = $(this).attr('gray');	
			var lg = $(this).attr('large');
			var lnk = $(this).attr('link');	
			
			user_popup(lnk, $(this).attr('lwidth'), $(this).attr('lheight'));
		}
		return false;
	}).css({'cursor':'pointer'});
});