$(document).ready(function()
{
	$('#popup').css({
		width: "420px", 
		height: "320px"});
	
	$('div[mweori]').hover(function()
	{
		$(this).children('div[mweori2]').removeClass('invisible');
		
	}, function()
	{
		$(this).children('div[mweori2]').addClass('invisible');
	}).click(function(e)
	{
		$('#fullview').html("<center><img src='mweori.php?id="+$(this).attr("mweori")+"' width='400' height='300'></center>");
		
		$('#popup').css("top", e.pageY - 150);
		$('#popup').css("left", e.pageX - 70);
		
		$('#popup').removeClass('invisible');
	});
	
	$('#popupclose').click(function()
	{
		$('#popup').addClass('invisible');
	});
	
	$('#females').change(function()
	{
		$('#fimg').attr("src","mweori.php?id="+$('#females').val());
		$('#f_box').attr("mweori", $('#females').val());
	});	
	
	$('#males').change(function()
	{
		$('#mimg').attr("src","mweori.php?id="+$('#males').val());
		$('#m_box').attr("mweori", $('#males').val());
	});
	
});