// JavaScript Document
$(document).ready(function(){
	$('#foto1').mousemove(function(e) {
		$('#baloon1').css({top:(e.pageY-320)+"px" , left:e.pageX+"px"}, 'slow');
		$('#baloon1').fadeIn(500);
	});
	
	$('#foto1').mouseout(function(e) {
		$('#baloon1').css({top:(e.pageY-320)+"px" , left:e.pageX+"px"}, 'slow');
		$('#baloon1').fadeOut(100);
	});
	
	/*---------------1------------------*/
	
	$('#foto2').mousemove(function(e) {
		$('#baloon2').css({top:(e.pageY-320)+"px" , left:e.pageX+"px"}, 'slow');
		$('#baloon2').fadeIn(500);
	});
	
	$('#foto2').mouseout(function(e) {
		$('#baloon2').css({top:(e.pageY-320)+"px" , left:e.pageX+"px"}, 'slow');
		$('#baloon2').fadeOut(100);
	});
	
	/*---------------2------------------*/
	
	$('#foto3').mousemove(function(e) {
		$('#baloon3').css({top:(e.pageY-320)+"px" , left:e.pageX+"px"}, 'slow');
		$('#baloon3').fadeIn(500);
	});
	
	$('#foto3').mouseout(function(e) {
		$('#baloon3').css({top:(e.pageY-320)+"px" , left:e.pageX+"px"}, 'slow');
		$('#baloon3').fadeOut(100);
	});
	
	/*---------------3------------------*/
	
	$('#foto4').mousemove(function(e) {
		$('#baloon4').css({top:(e.pageY-320)+"px" , left:e.pageX+"px"}, 'slow');
		$('#baloon4').fadeIn(500);
	});
	
	$('#foto4').mouseout(function(e) {
		$('#baloon4').css({top:(e.pageY-320)+"px" , left:e.pageX+"px"}, 'slow');
		$('#baloon4').fadeOut(100);
	});
	
	/*---------------4------------------*/
	
	$('#foto5').mousemove(function(e) {
		$('#baloon5').css({top:(e.pageY-320)+"px" , left:e.pageX+"px"}, 'slow');
		$('#baloon5').fadeIn(500);
	});
	
	$('#foto5').mouseout(function(e) {
		$('#baloon5').css({top:(e.pageY-320)+"px" , left:e.pageX+"px"}, 'slow');
		$('#baloon5').fadeOut(100);
	});
	
	/*---------------5------------------*/
	$('#uid').focus(function() {
		$('#baloon99').fadeIn('slow');
	});
	$('#uid').blur(function() {
		$('#baloon99').fadeOut('slow');
	});
	$('#pid').focus(function() {
		$('#baloon100').fadeIn('slow');
	});
	$('#pid').blur(function() {
		$('#baloon100').fadeOut('slow');
	});
	
	/*-------------FORM------------*/
	
	$('#userid').focus(function() {
		$('#uname').fadeIn('slow');
	});
	$('#userid').blur(function() {
		$('#uname').fadeOut('slow');
	});
	$('#pass').focus(function() {
		$('#passid').fadeIn('slow');
	});
	$('#pass').blur(function() {
		$('#passid').fadeOut('slow');
	});
	$('#nama').focus(function() {
		$('#naleng').fadeIn('slow');
	});
	$('#nama').blur(function() {
		$('#naleng').fadeOut('slow');
	});
	$('#alamat').focus(function() {
		$('#alleng').fadeIn('slow');
	});
	$('#alamat').blur(function() {
		$('#alleng').fadeOut('slow');
	});
	$('#kota').focus(function() {
		$('#kotid').fadeIn('slow');
	});
	$('#kota').blur(function() {
		$('#kotid').fadeOut('slow');
	});
	$('#email').focus(function() {
		$('#emid').fadeIn('slow');
	});
	$('#email').blur(function() {
		$('#emid').fadeOut('slow');
	});
	$('#telepon').focus(function() {
		$('#telid').fadeIn('slow');
	});
	$('#telepon').blur(function() {
		$('#telid').fadeOut('slow');
	});
	/*--------------------(((((()))))----------*/
	$('#eror').slideDown(500);
	$('#uid').click(function() {
		$('#eror').slideUp(500);
	});
	

});