function changeHtml(bU, aI){    
	$('#preview-field').html('<img src="'+bU+'/public/img/preview/img'+aI+'.jpg" alt="" />');    
	$('div#preview').find('.active').removeClass('active');}$('document').ready(function(){   
	$('#p1').hover(function(){       
		changeHtml(baseURL, 1);       
		$(this).addClass('active');   
	});   
	$('#p2').hover(function(){       
		changeHtml(baseURL, 2);       
		$(this).addClass('active');   
	});   
	$('#p3').hover(function(){       
		changeHtml(baseURL, 3);       
		$(this).addClass('active');   
	});   
	$('#p4').hover(function(){       
		changeHtml(baseURL, 4);       
		$(this).addClass('active');   
	});   
	$('#p5').hover(function(){       
		changeHtml(baseURL, 5);       
		$(this).addClass('active');   
	});   
	$('#p6').hover(function(){       
		changeHtml(baseURL, 6);       
		$(this).addClass('active');   
	});   
	$('#p7').hover(function(){       
		changeHtml(baseURL, 7);       
		$(this).addClass('active');   
	});
});