$(document).ready(function(){
	$('#menu').append('<p id="m1"></p><p id="m2"></p><p id="m3"></p><p id="m4"></p>');

	$('#m1').css({backgroundPosition: "0px -120px"});
	$('#m2').css({backgroundPosition: "120px -120px"});
	$('#m3').css({backgroundPosition: "360px -120px"});
	$('#m4').css({backgroundPosition: "220px -120px"});

	$('#a1')
		.mouseover(function(){
			$('#m1').stop().animate({backgroundPosition:"(100px 0px)"},{duration:500})
		})
		.mouseout(function(){
			$('#m1').stop().animate({backgroundPosition:"(0px -120px)"},{duration:200,complete:function(){
				$('#m1').css({backgroundPosition: "0px -120px"});
			}})
		});

	$('#a2')
		.mouseover(function(){
			$('#m2').stop().animate({backgroundPosition:"(240px 0px)"},{duration:500})
		})
		.mouseout(function(){
			$('#m2').stop().animate({backgroundPosition:"(120px -120px)"},{duration:200,complete:function(){
				$('#m2').css({backgroundPosition: "120px -120px"});
			}})
		});

	$('#a3')
		.mouseover(function(){
			$('#m3').stop().animate({backgroundPosition:"(120px 0px)"},{duration:500})
		})
		.mouseout(function(){
			$('#m3').stop().animate({backgroundPosition:"(360px -120px)"},{duration:200,complete:function(){
				$('#m3').css({backgroundPosition: "360px -120px"});
			}})
		});

	$('#a4')
		.mouseover(function(){
			$('#m4').stop().animate({backgroundPosition:"(440px 0px)"},{duration:500})
		})
		.mouseout(function(){
			$('#m4').stop().animate({backgroundPosition:"(220px -120px)"},{duration:200,complete:function(){
				$('#m4').css({backgroundPosition: "220px -120px"});
			}})
		});

	$('area, #homeD a').colorbox({opacity:0.90});

	function errorMessage($text){
		$('#msg2').empty().append($text).fadeIn('slow');
	}

	$().bind('cbox_complete',function(){
		$('#wallpaper li a').blend();

		$('#result').empty().append('<p id="msg2"></p>');
		$('#msg2').hide();

		$('#reset').click(function(){$('#msg2').fadeOut();});

		$('#mailform form').ajaxForm(function(data){
			$('#msg2').hide();

			if(data==1){
				$('#mailform form').empty().append('<p id="msg1">Your message is sent! Thank you!</p>')
				$('#msg1').hide().fadeIn('slow');

			}else if(data==2){
				errorMessage('Your email failed. Please try again later.');

			}else if(data==3){
				errorMessage('Please enter a name.');

			}else if(data==4){
				errorMessage('Please enter a valid email.');

			}else if(data==5){
				errorMessage('Please enter message.');
			}
		});
	});
});