$(document).ready(function(){ 
//  $(document).pngFix(); 

  $(function(){
  	$('#navigation a.n_main')
  		.css( {backgroundPosition: "-20px 36px"} )
  		.mouseover(function(){
  			$(this).stop().animate({backgroundPosition:"(-20px 94px)"}, {duration:500}).css({'color' : 'black'})
  		})
  		.mouseout(function(){
  			$(this).stop().animate({backgroundPosition:"(40px 36px)"}, {duration:200, complete:function(){
  				$(this).css({backgroundPosition: "-20px 36px"}).css({'color' : 'white'})
  			}})
  		})
  });

	$(".top").click(function(){
		$.scrollTo( '#navigationContainer', { speed: 800 } );
    return false;
	});

	$('form .submit').click(function(){
		$.ajax({
			url: '/send.php',
			type: "POST",
			dataType: "json",
			data: {
				firm:[$('input#firm').val()],
				city:[$('input#city').val()],
				name:[$('input#name').val()],
				phone:[$('input#phone').val()],
				mail:[$('input#mail').val()],
				msg:[$('textarea#msg').val()]
			},
				beforeSend: loader,
				success: function(xml) {
					$('body #loader').remove();
					if(xml.result === true){
						var err = $('.err, .i');
						err.remove();
						request();
						message(xml.msg);
					}
					else {
						var err = $('.err, .i');
						err.remove();

						var firm = $('form .firm');
						var city = $('form .city');
						var name = $('form .name');
						var phone = $('form .phone');
						var mail = $('form .mail');
						var msg = $('form .msg');

						if (xml.errors.firm) { firm.append('<em class="i"><!-- --></em><span class="err">'+xml.errors.firm+'</span>'); }
						if (xml.errors.city) { city.append('<em class="i"><!-- --></em><span class="err">'+xml.errors.city+'</span>'); }
						if (xml.errors.name) { name.append('<em class="i"><!-- --></em><span class="err">'+xml.errors.name+'</span>'); }
						if (xml.errors.phone) { phone.append('<em class="i"><!-- --></em><span class="err">'+xml.errors.phone+'</span>'); }
						if (xml.errors.mail) { mail.append('<em class="i"><!-- --></em><span class="err">'+xml.errors.mail+'</span>'); }
						if (xml.errors.msg) { msg.append('<em class="i"><!-- --></em><span class="err">'+xml.errors.msg+'</span>'); }

					}
				} 
			});
			return false;
	});

	function request() {
		var bodyHeight = $('body').height();  
		var body = $('body');
		body.prepend('<div id="layer"><!-- --></div>');

		var layer = $('body #layer');
		layer.css({'height': bodyHeight,'opacity': 0.6});
		layer.fadeIn('slow');
	}

	function loader() {
		var contactFormHeight = $('#contactForm').height();  
		var contactForm = $('#contactForm');
		contactForm.prepend('<div id="loader"><!-- --></div>');

		var loader = $('body #loader');
		loader.css({'height': contactFormHeight,'opacity': 0.6});
		loader.show();
	}

	function message(msg) {

		var top = $('body');
		top.prepend('<div id="layerContent"><div class="shadow"></div></div>');

		var layerContent = $('#layerContent');
		layerContent.prepend('<div style="width: 400px;" class="content"><div id="message"></div><div class="mamoth"></div></</div>');
		var message = $('#message');
		message.html(msg);

		var content = $('body #layerContent .content');
		content.prepend('<a href="#close" class="close" title="zamknij">X</a>');

		layerContentWidth = layerContent.width();
		layerContentHeight = layerContent.height();

		var contentWidth = top.width();
		var center = (contentWidth-layerContentWidth)/2;
		layerContent.css({'left':center});

		layerContent.fadeIn('slow');

		var shadow = $('div.shadow');
		shadow.css({'width':layerContentWidth,'height':layerContentHeight,'opacity': 0.5});

		var close = $('body #layerContent .content .close');
		var layer = $('body #layer');
		layer.click(function() { return false });
		close.click(function() { cleanUp();  cleancontactForm(); return false; });

		close.live('mouseover',function() {
			$(this).css({opacity:'0.8'});
			$('.mamoth').css({backgroundPosition: '0 -80px'});
		});
		close.live('mouseout', function() {
			$(this).css({opacity:'1'});
			$('.mamoth').css({backgroundPosition: '0 0'});
		});
	}

	function cleanUp() {
		var layer = $('body #layer');
		layer.fadeOut('slow', function() { layer.remove(); });
		var layerContent = $('body #layerContent');
		layerContent.fadeOut('slow', function() { layerContent.remove(); });
	}

	function cleancontactForm() {
		$('form input, form textarea').val('');
		$('form input.submit').val('Wyślij');
	}

	var info = $('em.i');
	info.live('mouseover',function() {
		$(this).next().css({display:'block'});
	});
	info.live('mouseout', function() {
		$('span.err').css({display:'none'});
	});
	$('input, textarea').live('mouseover',function() {
		$('span.err').css({display:'none'});
	});
});