$(document).ready(function() {
	$('#menu .topNav .home').append('<div class="roll home_ro"><\/div>');
	$('#menu .topNav .meet').append('<div class="roll meet_ro"><\/div>');
	$('#menu .topNav .serve').append('<div class="roll serve_ro"><\/div>');
	$('#menu .topNav .look').append('<div class="roll look_ro"><\/div>');
	$('#menu .topNav .talk').append('<div class="roll talk_ro"><\/div>');
	$('#menu .topNav .blog').append('<div class="roll blog_ro"><\/div>');
	$('#menu .topNav a').hover(function () {
		$(this).children('div').fadeIn(500);
	}, 
	function() {
		$(this).children('div').fadeOut(500);
	});
	var src = '';
	var zoomed = '';
	$('.thumbs img').hover(function() {
		src = $(this).attr('src');
		zoomed = src.replace('thumb.php?thumb=super&src=', '');
		$('.zoom').html('<img src="thumb.php?thumb=zoom&src='+zoomed+'" alt="" />').fadeIn(300);
	},
	function() {
	});
	$('.designs').mousemove(function(e) {
		var pos = $('.thumbs').offset();
		posX = e.pageX - 430;
		posY = e.pageY - 350;
		$('.zoom').css({left : posX+'px', top : posY+'px'});
	});
	$('.thumbs').mouseleave(function() { $('.zoom').fadeOut(200) });
	
});